.lead{padding-bottom:50px;text-align:center}@media screen and (min-width: 768px){.lead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:100px;text-align:left}}@media screen and (min-width: 768px){.lead-wrap{width:460px}}.lead-ttl{margin-bottom:1em;padding-bottom:10px;font-size:clamp(1.5rem,5.3333333333vw,2rem);line-height:1.8;text-align:center;letter-spacing:.01em;border-bottom:solid 1px #000}@media screen and (min-width: 768px){.lead-ttl{padding-bottom:30px;font-size:3.4rem;-moz-text-align-last:left;text-align-last:left}}@media screen and (min-width: 768px){.lead-txt{font-size:1.8rem;line-height:2}}.lead-fig{margin-top:40px}@media screen and (min-width: 768px){.lead-fig{width:670px}}.sec-head{position:relative;height:200px;overflow:hidden}@media screen and (min-width: 768px){.sec-head{height:500px;-webkit-transition:.4s;transition:.4s}.sec-head:hover{cursor:pointer;opacity:.6}}.sec-head__ttl{width:100%;position:absolute;top:50%;left:0;z-index:20;color:#fff;text-align:center;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);white-space:nowrap}@media screen and (min-width: 768px){.sec-head__ttl{left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}.sec-head__ttl-en{display:block;font-size:3rem;font-style:italic;text-align:center;line-height:1;position:relative}@media screen and (min-width: 768px){.sec-head__ttl-en{margin-inline:0;font-size:4.5rem}}.sec-head__ttl-en span{font-size:110%}.sec-head__ttl-en::after{content:"";display:block;width:30px;height:1px;margin:12px auto;background:#fff}@media screen and (min-width: 768px){.sec-head__ttl-en::after{width:60px;height:2px;margin:30px auto}}.sec-head__ttl-ja{font-size:1.6rem;line-height:1;-moz-text-align-last:left;text-align-last:left}@media screen and (min-width: 768px){.sec-head__ttl-ja{font-size:2.2rem;line-height:1.5}}.sec-head__ttl::after{content:"";display:block;width:24px;height:24px;margin-top:10px;margin-inline:auto;background:url(../img/smartlife/ico_arrow.svg) no-repeat 50% 50%/contain}@media screen and (min-width: 768px){.sec-head__ttl::after{margin-top:50px;width:60px;height:60px}}.sec-head__fig{height:200px;position:relative}@media screen and (min-width: 768px){.sec-head__fig{height:500px}}.sec-head__fig figcaption{position:absolute;right:.5em;bottom:.3em;font-size:1rem;z-index:10;color:#fff}@media screen and (min-width: 768px){.sec-head__fig figcaption{font-size:1.3rem}}.sec-head__fig img{display:block;width:100%;height:200px;max-width:none !important;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 768px){.sec-head__fig img{height:500px}}.sec-catch{margin-bottom:30px;text-align:center;font-size:clamp(1.7rem,5.3333333333vw,2rem);line-height:1.6}@media screen and (min-width: 768px){.sec-catch{margin-bottom:80px;font-size:3rem}}@media screen and (min-width: 768px){.sec-txt{line-height:2.4}}.sec-contents{display:none}.sec-contents__inner{padding-block:50px}@media screen and (min-width: 768px){.sec-contents__inner{padding-block:100px 150px}}.smart01 .mark{width:80%;margin-inline:auto;margin-bottom:30px}@media screen and (min-width: 768px){.smart01 .mark{width:500px;margin-bottom:60px}}.smart01 .tebra{margin-block:30px 50px;padding:20px;position:relative;border:solid 1px #705324;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){.smart01 .tebra{margin-block:80px 120px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:40px 40px 40px 0}}.smart01 .tebra-fig{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:80%;margin-top:30px;margin-inline:auto;position:relative}@media screen and (min-width: 768px){.smart01 .tebra-fig{width:400px;margin-top:0;margin-inline:0;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;position:static}}@media screen and (min-width: 768px){.smart01 .tebra-block{width:590px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.smart01 .tebra-block__ttl{margin-bottom:10px;padding-bottom:10px;color:#968467;font-size:clamp(1.1rem,3.4666666667vw,1.3rem);line-height:1.4;border-bottom:solid 1px #968467}@media screen and (min-width: 768px){.smart01 .tebra-block__ttl{padding-left:50px;font-size:2.4rem;margin-bottom:20px}}.smart01 .tebra-block__ttl span{display:block;font-size:146%;margin-top:5px}@media screen and (min-width: 768px){.smart01 .tebra-block__txt{padding-left:50px}}@media screen and (min-width: 768px){.smart01 .security-list{width:930px;margin-inline:auto}}.smart01 .security-list li{background:#231512;color:#fff;position:relative}@media screen and (min-width: 768px){.smart01 .security-list li{display:-webkit-box;display:-ms-flexbox;display:flex}}.smart01 .security-list li:nth-child(n+2){margin-top:40px}@media screen and (min-width: 768px){.smart01 .security-list li:nth-child(n+2){margin-top:100px}}.smart01 .security-list li:nth-child(n+2)::before{content:"";display:block;width:0;height:0;border-style:solid;border-color:#231512 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-width:15px 15px 0px 15px;position:absolute;top:-25px;left:calc(50% - 15px)}@media screen and (min-width: 768px){.smart01 .security-list li:nth-child(n+2)::before{border-width:22px 20px 0px 20px;top:-60px;left:calc(50% - 20px)}}.smart01 .security-list dl{padding:10px 15px}@media screen and (min-width: 768px){.smart01 .security-list dl{width:380px;padding:20px 30px}}.smart01 .security-list dl dt{margin-bottom:10px;color:#231512;background:#f3f2ed;text-align:center;font-size:1.8rem;font-weight:400}@media screen and (min-width: 768px){.smart01 .security-list dl dt{margin-bottom:30px;font-size:2.2rem}}.smart01 .security-list dl dd{font-size:1.6rem;line-height:1.5;letter-spacing:.05em}@media screen and (min-width: 768px){.smart01 .security-list dl dd{padding-left:20px;font-size:3rem;letter-spacing:.1em}}@media screen and (min-width: 768px){.smart01 .security-list figure{width:550px}}.common-block{margin-top:30px;border:solid 1px #231512;background:#efefee}@media screen and (min-width: 768px){.common-block{margin-top:100px;margin-inline:auto}}.common-block-ttl{padding:10px 0;text-align:center;color:#fff;background:#231512;line-height:1.5}@media screen and (min-width: 768px){.common-block-ttl{font-size:2.6rem}}.common-block__inner{padding:20px}@media screen and (min-width: 768px){.common-block__inner{padding:60px}}@media screen and (min-width: 768px){.smart02 .common-block{width:930px}}.smart03 .bath-txt{margin-bottom:50px;text-align:center;color:#968467;font-size:1.8rem;line-height:1.5}@media screen and (min-width: 768px){.smart03 .bath-txt{margin-bottom:80px;font-size:2.8rem}}@media screen and (min-width: 768px){.smart03 .bath-block ol{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 768px){.smart03 .bath-block ol li{position:relative;width:540px}}.smart03 .bath-block ol li:nth-child(1)::after{content:"";display:block;width:0;height:0;border-style:solid;border-color:#000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-width:15px 11px 0px 11px;margin:20px auto}@media screen and (min-width: 768px){.smart03 .bath-block ol li:nth-child(1)::after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #000;border-width:35px 0px 35px 36px;margin:0;position:absolute;top:50%;right:-80px}}@media screen and (min-width: 768px){.smart03 .eco-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (min-width: 768px){.smart03 .eco-txt{margin-bottom:40px;text-align:center}}.smart03 .eco-block__fig{margin-top:20px}@media screen and (min-width: 768px){.smart03 .eco-block__fig{width:479px;margin-top:0}}.smart03 .eco-block__fig figcaption{text-align:right}@media screen and (min-width: 768px){.smart03 .eco-block__fig figcaption{font-size:1.3rem}}.smart03 .eco-block__list{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 768px){.smart03 .eco-block__list{margin-top:0;display:block;width:520px}}.smart03 .eco-block__list li{width:33%;padding:.5em 0;font-size:1.2rem;border:solid 1px #705324;color:#705324;text-align:center;line-height:1.5;background:#fff}@media screen and (min-width: 768px){.smart03 .eco-block__list li{width:100%;padding-block:.8em;font-size:2.4rem}}@media screen and (min-width: 768px){.smart03 .eco-block__list li:nth-child(n+2){margin-top:23px}}.smart04 .security-logo01{width:60%;margin-inline:auto;margin-bottom:20px;padding-left:10px}@media screen and (min-width: 768px){.smart04 .security-logo01{width:350px;margin-bottom:80px}}.smart04 .security{margin-bottom:30px}@media screen and (min-width: 768px){.smart04 .security{margin-bottom:80px}}.smart04 .security .common-block__inner{padding:0}.smart04 .ic{padding:20px;border:solid 1px #af9a68}@media screen and (min-width: 768px){.smart04 .ic{padding:20px 20px 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.smart04 .ic-fig{margin-bottom:20px;position:relative}@media screen and (min-width: 768px){.smart04 .ic-fig{width:264px}}.smart04 .ic-fig figcaption{position:absolute;right:.5em;bottom:.3em;font-size:1rem}@media screen and (min-width: 768px){.smart04 .ic-fig figcaption{font-size:1.3rem}}.smart04 .ic-fig-wappen{width:25%;position:absolute;top:-30px;left:-30px}@media screen and (min-width: 768px){.smart04 .ic-fig-wappen{width:120px;top:20px;left:-70px}}@media screen and (min-width: 768px){.smart04 .ic-block{width:560px}}.smart04 .ic-block-catch{margin-bottom:15px;padding-bottom:15px;font-size:4.2vw;color:#908167;line-height:1.5;border-bottom:solid 1px #908167}@media screen and (min-width: 768px){.smart04 .ic-block-catch{margin-top:30px;margin-bottom:30px;padding-left:30px;font-size:2.6rem;line-height:1.5;border-bottom:solid 2px #908167;letter-spacing:-0.1em}}.smart04 .ic-block-list{font-size:1.3rem;font-weight:700}@media screen and (min-width: 768px){.smart04 .ic-block-list{padding-left:50px;font-size:2rem}}.smart04 .ic-block-note{font-size:1rem;font-weight:700}@media screen and (min-width: 768px){.smart04 .ic-block-note{padding-left:50px;font-size:1.6rem}}.smart04 .dearis{margin-top:50px}@media screen and (min-width: 768px){.smart04 .dearis{margin-top:120px}}.smart04 .dearis-block-fig{position:relative}@media screen and (min-width: 768px){.smart04 .dearis-block-fig{width:587px;margin-inline:auto 200px}}.smart04 .dearis-block-fig figcaption{font-size:1rem;text-align:right}@media screen and (min-width: 768px){.smart04 .dearis-block-fig figcaption{font-size:1.3rem}}.smart04 .dearis-block-fig-wappen{width:28%;position:absolute;left:-5%;bottom:-1%}@media screen and (min-width: 768px){.smart04 .dearis-block-fig-wappen{width:230px;top:-40px;left:auto;right:-186px;bottom:0}}.smart04 .security-logo02{width:50%;margin-inline:auto;margin-bottom:20px}@media screen and (min-width: 768px){.smart04 .security-logo02{width:300px;margin-top:-30px}}@media screen and (min-width: 768px){.smart05 .sec-txt{width:930px;margin-inline:auto}}.smart05 .net{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:50px 0}@media screen and (min-width: 768px){.smart05 .net{margin-top:80px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0 50px}}.smart05 .net-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media screen and (min-width: 768px){.smart05 .net-item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.smart05 .net-item .txt-wrap{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}@media screen and (min-width: 768px){.smart05 .net-item .txt-wrap{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;min-height:160px}}.smart05 .net-item h4{font-size:1.8rem;font-weight:700}@media screen and (min-width: 768px){.smart05 .net-item h4{font-size:2.2rem}}.smart05 .net-item p{margin-bottom:15px;line-height:1.5}.smart05 .net-item .fig-wrap{position:relative;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media screen and (min-width: 768px){.smart05 .net-item .fig-wrap{display:contents;width:100%}}.smart05 .net-item .fig{width:100%}@media screen and (min-width: 768px){.smart05 .net-item .fig{margin-top:auto;-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}}.smart05 .net-item .icon{width:34%;position:absolute;left:-4%;bottom:32%}@media screen and (min-width: 768px){.smart05 .net-item .icon{position:static;width:220px !important;margin-inline:auto;margin-bottom:20px}}@media screen and (min-width: 768px){.smart05 .net-item--01{width:380px}}.smart05 .net-item--01 h4{color:#a5a5a6}.smart05 .net-item--01 .icon{left:0;bottom:29%}@media screen and (min-width: 768px){.smart05 .net-item--02{width:450px}}.smart05 .net-item--02 .wappen{margin-top:5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:0 15px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media screen and (min-width: 768px){.smart05 .net-item--02 .wappen{width:100%;margin-top:0;gap:0 20px;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;text-align:center;position:absolute;bottom:-200px}}.smart05 .net-item--02 .wappen01{width:30%;height:auto}.smart05 .net-item--02 .wappen02{width:30%;height:auto}.smart05 .note{margin-top:20px;font-size:1rem;line-height:1.3}@media screen and (min-width: 768px){.smart05 .note{margin-top:40px;font-size:1.3rem}}@media screen and (min-width: 768px){.smart05 .speaker{margin-top:60px}}.smart05 .speaker-ttl{margin-top:50px}@media screen and (min-width: 768px){.smart05 .speaker-ttl{margin-top:300px;margin-bottom:0}}@media screen and (min-width: 768px){.smart05 .speaker-fig{width:730px;margin-inline:auto}}