asada / lifeup.cyber-physical.jp

Go to a project
Toggle navigation Toggle navigation pinning
asada
d873308a 1 parent 973406a0

no message

Inline Side-by-side
Showing 6 changed files with 133 additions and 208 deletions
... ... @@ -9,4 +9,5 @@
<file name="service.scss" server="onoff02.source.co.jp" local="132144626200000000" remote="132198880800000000" Dst="0" />
<file name="top.css" server="onoff02.source.co.jp" local="132199925462625060" remote="132199925400000000" Dst="0" />
<file name="top.scss" server="onoff02.source.co.jp" local="132144626200000000" remote="132198880800000000" Dst="0" />
<file name="content01.css" server="onoff02.source.co.jp" local="132211155664098397" remote="132211155600000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
br.sp {
display: none; }
@media only screen and (max-width: 767px) {
br.sp {
display: block; } }
header {
position: static;
padding: 10px 0 6px 0;
}
header .logo {
text-align: center;
}
padding: 10px 0 6px 0; }
header .logo {
text-align: center; }
@media only screen and (max-width: 767px) {
main {
padding-left: 3%;
padding-right: 3%;
}
}
padding-right: 3%; } }
main .container {
max-width: 970px;
}
max-width: 970px; }
main h1 {
font-weight: normal;
color: #62bcc3;
font-size: 3.4rem;
}
@media only screen and (max-width: 767px) {
main h1 {
font-size: 2.2rem;
}
}
main h1 p {
border-bottom: 2px #62bcc3 solid;
padding-bottom: 15px;
}
main h1 p.small {
font-size: 2.8rem;
margin-bottom: 8px;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
font-size: 3.4rem; }
@media only screen and (max-width: 767px) {
main h1 {
font-size: 2.2rem; } }
main h1 p {
border-bottom: 2px #62bcc3 solid;
padding-bottom: 15px; }
main h1 p.small {
font-size: 1.8rem;
}
}
main h1 p.big {
margin-bottom: 20px;
}
font-size: 2.8rem;
margin-bottom: 8px;
margin-top: 20px; }
@media only screen and (max-width: 767px) {
main h1 p.small {
font-size: 1.8rem; } }
main h1 p.big {
margin-bottom: 20px; }
main p.catch {
font-size: 2.0rem;
}
@media only screen and (max-width: 767px) {
main p.catch {
font-size: 1.8rem;
line-height: 1.7;
}
}
font-size: 2.0rem; }
@media only screen and (max-width: 767px) {
main p.catch {
font-size: 1.8rem;
line-height: 1.7; } }
main p.writer {
font-size: 1.2rem;
text-align: right;
}
@media only screen and (max-width: 767px) {
main p.writer {
margin-top: 2.0rem;
}
}
text-align: right; }
@media only screen and (max-width: 767px) {
main p.writer {
margin-top: 2.0rem; } }
main .block {
margin-top: 4.0rem;
}
main .block h2 {
background-color: #62bcc3;
color: #fff;
padding: 8px;
font-size: 2.2rem;
margin-bottom: 20px;
}
main .block p {
font-weight: 300;
line-height: 1.7;
}
main .block p.note {
font-size: 1.2rem;
}
margin-top: 4.0rem; }
main .block h2 {
background-color: #62bcc3;
color: #fff;
padding: 8px;
font-size: 2.2rem;
margin-bottom: 20px; }
main .block p {
font-weight: 300;
line-height: 1.7; }
main .block p.note {
font-size: 1.2rem; }
main #firstSection > div:nth-child(1) {
width: 26%;
}
@media only screen and (max-width: 767px) {
main #firstSection > div:nth-child(1) {
width: 100%;
order: 2;
}
}
width: 26%; }
@media only screen and (max-width: 767px) {
main #firstSection > div:nth-child(1) {
width: 100%;
order: 2; } }
main #firstSection > div:nth-child(2) {
width: 71%;
}
@media only screen and (max-width: 767px) {
main #firstSection > div:nth-child(2) {
width: 100%;
}
}
width: 71%; }
@media only screen and (max-width: 767px) {
main #firstSection > div:nth-child(2) {
width: 100%; } }
main #firstSection .prof {
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
main #firstSection .prof figure {
text-align: center;
}
}
main #firstSection .prof p {
font-size: 1.3rem;
line-height: 1.7;
}
main #firstSection .prof p.name {
font-size: 1.8rem;
}
margin-bottom: 30px; }
@media only screen and (max-width: 767px) {
main #firstSection .prof figure {
text-align: center; } }
main #firstSection .prof p {
font-size: 1.3rem;
line-height: 1.7; }
main #firstSection .prof p.name {
font-size: 1.8rem; }
main #firstSection #healsio > div:nth-child(1) {
width: 62%;
}
@media only screen and (max-width: 767px) {
main #firstSection #healsio > div:nth-child(1) {
width: 100%;
}
}
width: 62%; }
@media only screen and (max-width: 767px) {
main #firstSection #healsio > div:nth-child(1) {
width: 100%; } }
main #firstSection #healsio > div:nth-child(2) {
width: 35%;
}
@media only screen and (max-width: 767px) {
main #firstSection #healsio > div:nth-child(2) {
width: 100%;
margin-bottom: 20px;
}
main #firstSection #healsio > div:nth-child(2) figure {
text-align: center;
margin-top: 20px;
}
}
width: 35%; }
@media only screen and (max-width: 767px) {
main #firstSection #healsio > div:nth-child(2) {
width: 100%;
margin-bottom: 20px; }
main #firstSection #healsio > div:nth-child(2) figure {
text-align: center;
margin-top: 20px; } }
main #energy {
margin-top: 40px;
}
main #energy > div:nth-child(1) {
width: 35%;
}
@media only screen and (max-width: 767px) {
margin-top: 40px; }
main #energy > div:nth-child(1) {
width: 100%;
margin-bottom: 20px;
}
}
main #energy > div:nth-child(2) {
width: 62%;
}
@media only screen and (max-width: 767px) {
width: 35%; }
@media only screen and (max-width: 767px) {
main #energy > div:nth-child(1) {
width: 100%;
margin-bottom: 20px; } }
main #energy > div:nth-child(2) {
width: 100%;
}
}
width: 62%; }
@media only screen and (max-width: 767px) {
main #energy > div:nth-child(2) {
width: 100%; } }
main #comment {
max-width: 680px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
main #comment > div {
width: 42.5%;
}
@media only screen and (max-width: 767px) {
margin-top: 40px; }
main #comment > div {
width: 100%;
}
}
main #comment > div img {
margin-left: 30px;
}
main #comment > div p.remark {
padding: 40px 20px 10px 20px;
position: relative;
}
main #comment > div p.remark:before {
content: "";
display: block;
border: 2px #62bcc3 solid;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 20px;
}
width: 42.5%; }
@media only screen and (max-width: 767px) {
main #comment > div {
width: 100%; } }
main #comment > div img {
margin-left: 30px; }
main #comment > div p.remark {
padding: 40px 20px 10px 20px;
position: relative; }
main #comment > div p.remark:before {
content: "";
display: block;
border: 2px #62bcc3 solid;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 20px; }
main .contact p {
font-size: 1.4rem;
line-height: 1.7;
margin-top: 40px;
}
margin-top: 40px; }
main .back {
text-align: center;
margin-top: 40px;
}
@media only screen and (max-width: 767px) {
main .back img {
max-width: 100%;
}
}
margin-top: 40px; }
@media only screen and (max-width: 767px) {
main .back img {
max-width: 100%; } }
... ...
br.sp{
display: none;
@media only screen and (max-width: 767px){
display: block;
}
}
header{
position: static;
padding: 10px 0 6px 0;
... ...
<?xml version="1.0" encoding="utf-8" ?>
<dwsync>
<file name="bnr_top.jpg" server="onoff02.source.co.jp" local="132211090275511204" remote="132211155000000000" Dst="0" />
<file name="pic_ph1.png" server="onoff02.source.co.jp" local="132211030285566255" remote="132211155000000000" Dst="0" />
<file name="pic_ph2.png" server="onoff02.source.co.jp" local="132211033601162097" remote="132211155000000000" Dst="0" />
<file name="pic_ph3.png" server="onoff02.source.co.jp" local="132211042393406091" remote="132211155000000000" Dst="0" />
<file name="h1_img.png" server="onoff02.source.co.jp" local="132211020460238835" remote="132211155000000000" Dst="0" />
<file name="pic_ph4.png" server="onoff02.source.co.jp" local="132211042750942125" remote="132211155000000000" Dst="0" />
<file name="pic_ph5.png" server="onoff02.source.co.jp" local="132211041279521916" remote="132211155000000000" Dst="0" />
<file name="pic_prof1.png" server="onoff02.source.co.jp" local="132211027812051973" remote="132211155000000000" Dst="0" />
<file name="pic_prof2.png" server="onoff02.source.co.jp" local="132211027844551740" remote="132211155000000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
... ... @@ -16,4 +16,5 @@
<file name="index.html" server="onoff02.source.co.jp" local="132200918502631640" remote="132200920200000000" Dst="0" />
<file name="secom01.html" server="onoff02.source.co.jp" local="132200918502337327" remote="132200938200000000" Dst="0" />
<file name="secom02.html" server="onoff02.source.co.jp" local="132200918502347308" remote="132200938200000000" Dst="0" />
<file name="content01.html" server="onoff02.source.co.jp" local="132211156127149537" remote="132211155600000000" Dst="0" />
</dwsync>
\ No newline at end of file
... ...
... ... @@ -101,7 +101,7 @@
</div>
</div>
<div class="block">
<h2>安全や健康も考えてくれる、親身なサービスで快適に</h2>
<h2>安全や健康も考えてくれる、<br class="sp">親身なサービスで快適に</h2>
<p>
スマート家電を活用するスマートライフは、料理、洗濯、掃除など主要な家事だけでなく、家族の生活リズムや健康管理もサポートしてくれる。小沢さんが今、注目しているのは、カーテンの自動開閉機だ。<br>
「私はカーテンを開けて眠り自然光で目覚めたいタイプ、夫はしっかり遮光して眠りたいタイプで、就寝時のカーテンをどうするかは夫婦の問題だったんです（笑）。でもこの自動開閉機があれば、起床時に自動でカーテンが開くのでお互いにストレスがない。ほかにも床暖房を遠隔操作できるというシステムもいいですよね。とくに冬は、朝起きて部屋が暖まるまで機敏に行動できないし。こういうものを上手に取り入れていくことで、生活の質が上げられると思うんです。もうひとつ注目しているのは、鍵がなくても、スマホからのパスワード発行で玄関の施錠にアクセスできるというもの。急な仕事で保育園のお迎えに行けない時に、代行してくれるヘルパーさんのスマホにパスワードを送ればいいんです。子どもに合鍵を持たせるのも心配ですし」（小沢さん）<br><br>
... ... @@ -141,7 +141,7 @@
</div>
</div>
<div class="block">
<h2>スマートライフなら、暮らしがこんなに豊かになる</h2>
<h2>スマートライフなら、<br class="sp">暮らしがこんなに豊かになる</h2>
<p>
家電をインターネットにつなげて提供されるデータによって個人に寄り添った便利なサービスが実現、結果的に家事の省力化、時短化が図られ、豊かで有意義な時間が増えていきます。
</p>
... ...