@charset "UTF-8";@media screen and (min-width:768px),print{#page-onoff{max-width:1920px;width:100%;margin:0 auto;padding:0}#page-onoff .onoff-mainttl-frame{width:930px;margin:22px auto 0}#page-onoff .onoff-mainttl-frame .icon{width:160px;margin:0 auto}#page-onoff .onoff-mainttl-frame .icon img{width:100%}#page-onoff .onoff-mainttl-frame .mainttl{width:546px;margin:39px 0 0 198px}#page-onoff .onoff-mainttl-frame .mainttl img{width:100%}#page-onoff .onoff-mainttl-frame .txt{font-size:16px;font-weight:400;line-height:1.875;letter-spacing:.05em;text-align:center;margin:23px auto 0}#page-onoff .case01{background-image:url(//www.livi-con.com/cnt/wp-content/themes/common/assets/css/../images/onoff/case01-bg.png);background-size:auto;background-position:bottom left;background-repeat:no-repeat;padding:136px 0 119px}#page-onoff .case01 .mainttl{width:1000px;margin:0 auto 0;font-size:18px;font-weight:300;line-height:1.75;letter-spacing:0;border-top:1px solid #1a1a1a;text-align:center;padding:15px 0}#page-onoff .case01 .inner-box{width:1400px;margin:0 auto;border-left:1px solid #1a1a1a;border-right:1px solid #1a1a1a;padding:120px 100px 73px;position:relative}#page-onoff .case01 .inner-box:before{content:"";display:block;width:85.7%;height:1px;background:#1a1a1a;position:absolute;top:0;right:0}#page-onoff .case01 .inner-box:after{content:"";display:block;width:1000px;height:1px;background:#1a1a1a;position:absolute;bottom:0;left:0}#page-onoff .case01 .inner-box .on{position:relative}#page-onoff .case01 .inner-box .on .content-box{width:551px;margin-right:auto;position:relative;z-index:2}#page-onoff .case01 .inner-box .on .content-box .icon-frame{display:flex;align-items:center;padding:20px 0 0}#page-onoff .case01 .inner-box .on .content-box .icon-frame .icon{width:66px;margin:0 20px 0 0}#page-onoff .case01 .inner-box .on .content-box .icon-frame .icon img{width:100%}#page-onoff .case01 .inner-box .on .content-box .icon-frame .deco img{width:100%}#page-onoff .case01 .inner-box .on .content-box .ttl{font-size:40px;font-weight:400;line-height:1.075;letter-spacing:.05em;background-color:#fff;margin:30px 0 0;padding:10px 0;width:521px}#page-onoff .case01 .inner-box .on .content-box .subt{font-size:18px;font-weight:500;line-height:1.88;letter-spacing:0;margin:60px 0 30px}#page-onoff .case01 .inner-box .on .content-box .txt{font-size:14px;font-weight:400;line-height:2;letter-spacing:0;margin:0 0 28px;width:300px}#page-onoff .case01 .inner-box .on .photo{position:absolute;top:0;right:0;width:840px}#page-onoff .case01 .inner-box .on .photo img{width:100%}#page-onoff .case01 .inner-box .off{position:relative;margin:128px 0 0}#page-onoff .case01 .inner-box .off .content-box{width:505px;margin-left:auto;position:relative;z-index:2}#page-onoff .case01 .inner-box .off .content-box .icon-frame{display:flex;align-items:center;justify-content:flex-end;padding:20px 0 0}#page-onoff .case01 .inner-box .off .content-box .icon-frame .icon{width:66px;margin:0 20px 0 0}#page-onoff .case01 .inner-box .off .content-box .icon-frame .icon img{width:100%}#page-onoff .case01 .inner-box .off .content-box .icon-frame .deco img{width:100%}#page-onoff .case01 .inner-box .off .content-box .ttl{font-size:40px;font-weight:400;line-height:1.075;letter-spacing:.05em;text-align:right;padding:10px 0;width:486px;margin:30px 0 0 22px}#page-onoff .case01 .inner-box .off .content-box .ttl .bg-brown{background-color:#f2f0e6;margin:0;display:block;line-height:1.6;padding:0}#page-onoff .case01 .inner-box .off .content-box .subt{font-size:18px;font-weight:500;line-height:1.88;letter-spacing:0;margin:49px 0 30px auto;width:300px}#page-onoff .case01 .inner-box .off .content-box .txt{font-size:14px;font-weight:400;line-height:2;letter-spacing:0;margin:0 0 26px auto;width:300px}#page-onoff .case01 .inner-box .off .photo{position:absolute;top:0;left:0;width:840px}#page-onoff .case01 .inner-box .off .photo img{width:100%}#page-onoff .case02{padding:200px 0 0}#page-onoff .case02 .inner-box{width:1280px;margin:0 auto}#page-onoff .case02 .inner-box .mainttl{font-size:18px;font-weight:300;line-height:1.75;letter-spacing:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;text-align:center;padding:15px 0}#page-onoff .case02 .on{padding:98px 0 0}#page-onoff .case02 .on .inner-box{width:1100px;margin:0 auto;position:relative}#page-onoff .case02 .on .inner-box:before{content:"";display:block;width:1px;height:354px;background:#1a1a1a;position:absolute;top:175px;left:0}#page-onoff .case02 .on .inner-box .ttl-frame{display:flex;flex-direction:column-reverse;gap:23px;position:relative;z-index:2}#page-onoff .case02 .on .inner-box .ttl-frame .icon{width:66px;position:relative}#page-onoff .case02 .on .inner-box .ttl-frame .icon img{width:100%}#page-onoff .case02 .on .inner-box .ttl-frame .ttl{font-size:40px;font-weight:400;line-height:1.4;letter-spacing:.05em}#page-onoff .case02 .on .inner-box .photo01{width:820px;margin:0 auto 0;position:relative;z-index:1;top:-75px;left:0}#page-onoff .case02 .on .inner-box .subt{font-size:18px;font-weight:500;line-height:2;letter-spacing:.1em;margin:91px 17px 0 0;writing-mode:vertical-rl;position:absolute;top:0;right:0}#page-onoff .case02 .on .inner-box .txt{font-size:14px;font-weight:400;line-height:2;letter-spacing:0;margin:-39px 0 67px;width:484px}#page-onoff .case02 .on .inner-box .txt:nth-of-type(3){width:484px}#page-onoff .case02 .on .inner-box .photo02{position:absolute;top:606px;right:51px;width:400px}#page-onoff .case02 .on .inner-box .photo02 img{width:100%}#page-onoff .case02 .on .inner-box .morning{position:absolute;top:-26px;right:81px;width:428px;z-index:2}#page-onoff .case02 .on .inner-box .morning img{width:100%}#page-onoff .case02 .off{position:relative;margin:210px 0 0}#page-onoff .case02 .off .inner-box{width:1100px;margin:0 auto;position:relative}#page-onoff .case02 .off .inner-box:before{content:"";display:block;width:1px;height:354px;background:#1a1a1a;position:absolute;top:173px;left:0}#page-onoff .case02 .off .inner-box .ttl-frame{display:flex;flex-direction:column-reverse;gap:23px;position:relative;z-index:2}#page-onoff .case02 .off .inner-box .ttl-frame .icon{width:66px;position:relative}#page-onoff .case02 .off .inner-box .ttl-frame .icon img{width:100%}#page-onoff .case02 .off .inner-box .ttl-frame .ttl{font-size:40px;font-weight:400;line-height:1.4;letter-spacing:.05em}#page-onoff .case02 .off .inner-box .photo01{width:820px;margin:0 auto;position:relative;top:-74px;z-index:1}#page-onoff .case02 .off .inner-box .subt{font-size:18px;font-weight:500;line-height:2;letter-spacing:.1em;margin:91px 17px 0 0;writing-mode:vertical-rl;position:absolute;top:0;right:0}#page-onoff .case02 .off .inner-box .txt{font-size:14px;font-weight:400;line-height:2;letter-spacing:0;margin:-39px 0 27px;width:478px}#page-onoff .case02 .off .inner-box .txt:nth-of-type(3){margin:0 0 20px}#page-onoff .case02 .off .inner-box .photo02{position:absolute;top:607px;right:51px;width:400px}#page-onoff .case02 .off .inner-box .photo02 img{width:100%}#page-onoff .case02 .off .inner-box .evening{position:absolute;top:-26px;right:81px;width:320px;z-index:2}#page-onoff .case02 .off .inner-box .evening img{width:100%}#page-onoff .case03{background-image:url(//www.livi-con.com/cnt/wp-content/themes/common/assets/css/../images/onoff/case03-bg.png);background-size:cover;background-repeat:no-repeat;margin:129px 0 0;padding:257px 0 548px}#page-onoff .case03 .inner-box{width:1280px;margin:0 auto}#page-onoff .case03 .inner-box .mainttl{font-size:18px;font-weight:300;line-height:1.75;letter-spacing:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;text-align:center;padding:15px 0}#page-onoff .case03 .inner-box .on{position:relative;padding:100px 0 0}#page-onoff .case03 .inner-box .on .ttl-frame{width:641px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}#page-onoff .case03 .inner-box .on .ttl-frame .icon{width:66px;position:relative}#page-onoff .case03 .inner-box .on .ttl-frame .icon img{width:100%}#page-onoff .case03 .inner-box .on .ttl-frame .ttl{font-size:40px;font-weight:400;line-height:1.075;letter-spacing:.05em}#page-onoff .case03 .inner-box .on .content-box{width:1280px;margin:46px auto 0;position:relative;padding:0 0 26px}#page-onoff .case03 .inner-box .on .content-box:before{content:"";display:block;width:1px;height:360px;background:#1a1a1a;position:absolute;bottom:0;right:0}#page-onoff .case03 .inner-box .on .content-box:after{content:"";display:block;width:900px;height:1px;background:#1a1a1a;position:absolute;right:0;bottom:0}#page-onoff .case03 .inner-box .on .content-box .photo01{width:340px;top:60px;left:40px;position:absolute}#page-onoff .case03 .inner-box .on .content-box .photo01 img{width:100%}#page-onoff .case03 .inner-box .on .content-box .txt-box{width:381px;margin-left:auto;padding:60px 74px 0 0}#page-onoff .case03 .inner-box .on .content-box .txt-box .subt{font-size:18px;font-weight:500;line-height:1.88;letter-spacing:0;margin:45px 0 31px}#page-onoff .case03 .inner-box .on .content-box .txt-box .txt{font-size:14px;font-weight:400;line-height:2;letter-spacing:0;margin:0 0 29px}#page-onoff .case03 .inner-box .on .photo02{position:absolute;top:322px;left:270px;width:140px}#page-onoff .case03 .inner-box .on .photo02 img{width:100%}#page-onoff .case03 .inner-box .on .photo03{position:absolute;top:0;left:440px;width:400px}#page-onoff .case03 .inner-box .on .photo03 img{width:100%}#page-onoff .case03 .inner-box .off{position:relative;padding:61px 0 0}#page-onoff .case03 .inner-box .off .photo01{text-align:center}#page-onoff .case03 .inner-box .off .ttl-frame{width:580px;margin:45px auto 0;display:flex;flex-direction:column-reverse;align-items:center;gap:20px}#page-onoff .case03 .inner-box .off .ttl-frame .icon{width:66px;position:relative}#page-onoff .case03 .inner-box .off .ttl-frame .icon img{width:100%}#page-onoff .case03 .inner-box .off .ttl-frame .ttl{font-size:40px;font-weight:400;line-height:1.075;letter-spacing:.05em;padding:0 20px}#page-onoff .case03 .inner-box .off .content-box{position:relative;top:-21px;padding:0 0 29px 89px;width:441px}#page-onoff .case03 .inner-box .off .content-box:before{content:"";display:block;width:1px;height:360px;background:#1a1a1a;position:absolute;bottom:0;left:0}#page-onoff .case03 .inner-box .off .content-box:after{content:"";display:block;width:900px;height:1px;background:#1a1a1a;position:absolute;left:0;bottom:0}#page-onoff .case03 .inner-box .off .content-box .photo01{width:400px}#page-onoff .case03 .inner-box .off .content-box .photo01 img{width:100%}#page-onoff .case03 .inner-box .off .content-box .txt-box .subt{font-size:18px;font-weight:500;line-height:1.88;letter-spacing:0;margin:57px 0 32px}#page-onoff .case03 .inner-box .off .content-box .txt-box .txt{font-size:14px;font-weight:400;line-height:2;letter-spacing:0;margin:0 0 28px}#page-onoff .case03 .inner-box .off .photo02{position:absolute;top:678px;left:540px;width:240px}#page-onoff .case03 .inner-box .off .photo02 img{width:100%}#page-onoff .case03 .inner-box .off .photo03{position:absolute;top:780px;right:139px;width:330px}#page-onoff .case03 .inner-box .off .photo03 img{width:100%}#page-onoff .page-bottom{position:relative;top:-211px}#page-onoff .page-bottom .inner-box{width:1720px;margin:0 auto;position:relative}#page-onoff .page-bottom .photo01{width:1140px}#page-onoff .page-bottom .photo01 img{width:100%}#page-onoff .page-bottom .ttl{width:544px;margin:90px 143px 0 auto}#page-onoff .page-bottom .ttl img{width:100%}#page-onoff .page-bottom .photo02{position:absolute;width:460px;top:-104px;right:0}#page-onoff .banner-box{width:780px;margin:-39px auto 0;padding:0 0 194px}#page-onoff .banner-box .banner-list{width:100%;display:flex;justify-content:space-between;gap:60px}#page-onoff .banner-box .banner-list .item{width:360px}#page-onoff .banner-box .banner-list .item img{width:100%}#page-onoff .banner-box .banner-list .item .txt{font-size:14px;font-weight:400;line-height:1.7143;letter-spacing:0;text-align:center;margin:20px auto 0}}@media screen and (min-width:768px) and (max-width:1240px){#page-onoff{max-width:100vw;width:100%;margin:0 auto;padding:0}#page-onoff .onoff-mainttl-frame{width:94.44vw;margin:1.15vw auto 0}#page-onoff .onoff-mainttl-frame .icon{width:12.33vw;margin:0 auto}#page-onoff .onoff-mainttl-frame .icon img{width:100%}#page-onoff .onoff-mainttl-frame .mainttl{width:43.44vw;margin:2.03vw auto 4.31vw}#page-onoff .onoff-mainttl-frame .mainttl img{width:100%}#page-onoff .onoff-mainttl-frame .txt{font-weight:400;line-height:1.875;letter-spacing:.05em;text-align:center;margin:1.2vw auto 0}}@media screen and (min-width:768px) and (max-width:1420px){#page-onoff .case01{background-image:url(//www.livi-con.com/cnt/wp-content/themes/common/assets/css/../images/onoff/case01-bg.png);background-size:auto;background-position:bottom left;background-repeat:no-repeat;padding:7.08vw 0 6.2vw}#page-onoff .case01 .mainttl{width:52.08vw;margin:0 auto 0;font-weight:300;line-height:1.75;letter-spacing:0;border-top:.05vw solid #1a1a1a;text-align:center;padding:.78vw 0}#page-onoff .case01 .inner-box{width:90.92vw;margin:0 auto;border-left:.05vw solid #1a1a1a;border-right:.05vw solid #1a1a1a;padding:6.25vw 5.21vw 3.8vw;position:relative}#page-onoff .case01 .inner-box:before{content:"";display:block;width:85.7%;height:.05vw;background:#1a1a1a;position:absolute;top:0;right:0}#page-onoff .case01 .inner-box:after{content:"";display:block;width:52.08vw;height:.05vw;background:#1a1a1a;position:absolute;bottom:0;left:0}#page-onoff .case01 .inner-box .on{position:relative}#page-onoff .case01 .inner-box .on .content-box{width:32.7vw;margin-right:auto;position:relative;z-index:2}#page-onoff .case01 .inner-box .on .content-box .icon-frame{display:flex;align-items:center;padding:1.04vw 0 0}#page-onoff .case01 .inner-box .on .content-box .icon-frame .icon{width:3.44vw;margin:0 1.04vw 0 0}#page-onoff .case01 .inner-box .on .content-box .icon-frame .icon img{width:100%}#page-onoff .case01 .inner-box .on .content-box .icon-frame .deco img{width:100%}#page-onoff .case01 .inner-box .on .content-box .ttl{font-size:3.08vw;font-weight:400;line-height:1.075;letter-spacing:.05em;background-color:#fff;margin:1.56vw 0 0;padding:.52vw 0;width:40.14vw}#page-onoff .case01 .inner-box .on .content-box .subt{font-weight:500;line-height:1.88;letter-spacing:0;margin:3.13vw 0 1.56vw}#page-onoff .case01 .inner-box .on .content-box .txt{font-weight:400;line-height:2;letter-spacing:0;margin:0 0 1.46vw;width:33.63vw}#page-onoff .case01 .inner-box .on .photo{position:absolute;top:0;right:0;width:43.75vw}#page-onoff .case01 .inner-box .on .photo img{width:100%}#page-onoff .case01 .inner-box .off{position:relative;margin:6.67vw 0 0}#page-onoff .case01 .inner-box .off .content-box{width:41.3vw;margin-left:auto;position:relative;z-index:2}#page-onoff .case01 .inner-box .off .content-box .icon-frame{display:flex;align-items:center;justify-content:flex-end;padding:1.04vw 0 0}#page-onoff .case01 .inner-box .off .content-box .icon-frame .icon{width:3.44vw;margin:0 1.04vw 0 0}#page-onoff .case01 .inner-box .off .content-box .icon-frame .icon img{width:100%}#page-onoff .case01 .inner-box .off .content-box .icon-frame .deco img{width:100%}#page-onoff .case01 .inner-box .off .content-box .ttl{font-size:3.08vw;font-weight:400;line-height:1.075;letter-spacing:.05em;text-align:right;padding:.52vw 0;width:41.31vw;margin:1.56vw 0 0 1.14vw}#page-onoff .case01 .inner-box .off .content-box .ttl .bg-brown{background-color:#f2f0e6;margin:0;display:block;line-height:1.6;padding:0}#page-onoff .case01 .inner-box .off .content-box .subt{font-weight:500;line-height:1.88;letter-spacing:0;margin:2.55vw 0 1.56vw auto;width:33.63vw}#page-onoff .case01 .inner-box .off .content-box .txt{font-weight:400;line-height:2;letter-spacing:0;margin:0 0 1.35vw auto;width:33.63vw}#page-onoff .case01 .inner-box .off .photo{position:absolute;top:0;left:0;width:43.75vw}#page-onoff .case01 .inner-box .off .photo img{width:100%}#page-onoff .case02{padding:10.42vw 0 0}#page-onoff .case02 .inner-box{width:90.67vw;margin:0 auto}#page-onoff .case02 .inner-box .mainttl{font-weight:300;line-height:1.75;letter-spacing:0;border-top:.05vw solid #1a1a1a;border-bottom:.05vw solid #1a1a1a;text-align:center;padding:.78vw 0}#page-onoff .case02 .on{padding:5.1vw 0 0}#page-onoff .case02 .on .inner-box{width:88.29vw;margin:0 auto;position:relative}#page-onoff .case02 .on .inner-box:before{content:"";display:block;width:.05vw;height:18.44vw;background:#1a1a1a;position:absolute;top:14.11vw;left:0}#page-onoff .case02 .on .inner-box .ttl-frame{display:flex;flex-direction:column-reverse;gap:1.2vw;position:relative;z-index:2}#page-onoff .case02 .on .inner-box .ttl-frame .icon{width:5.44vw;position:relative}#page-onoff .case02 .on .inner-box .ttl-frame .icon img{width:100%}#page-onoff .case02 .on .inner-box .ttl-frame .ttl{font-size:3.08vw;font-weight:400;line-height:1.4;letter-spacing:.05em}#page-onoff .case02 .on .inner-box .photo01{width:64.71vw;margin:0 auto;position:relative;z-index:1;top:-6.91vw;left:0}#page-onoff .case02 .on .inner-box .photo01 img{width:100%}#page-onoff .case02 .on .inner-box .subt{font-weight:500;line-height:2;letter-spacing:.1em;margin:4.74vw .88vw 0 0;writing-mode:vertical-rl;position:absolute;top:0;right:0}#page-onoff .case02 .on .inner-box .txt{font-weight:400;line-height:2;letter-spacing:0;margin:-2.03vw 0 3.49vw;width:42.21vw}#page-onoff .case02 .on .inner-box .txt:nth-of-type(3){width:25.21vw}#page-onoff .case02 .on .inner-box .txt:nth-of-type(3){width:42.21vw}#page-onoff .case02 .on .inner-box .photo02{position:absolute;top:47.56vw;right:2.66vw;width:32.83vw}#page-onoff .case02 .on .inner-box .photo02 img{width:100%}#page-onoff .case02 .on .inner-box .morning{position:absolute;top:-1.35vw;right:9.22vw;width:22.29vw;z-index:2}#page-onoff .case02 .on .inner-box .morning img{width:100%}#page-onoff .case02 .off{position:relative;margin:10.94vw 0 0}#page-onoff .case02 .off .inner-box{width:88.29vw;margin:0 auto;position:relative}#page-onoff .case02 .off .inner-box:before{content:"";display:block;width:.05vw;height:18.44vw;background:#1a1a1a;position:absolute;top:13.99vw;left:0}#page-onoff .case02 .off .inner-box .ttl-frame{display:flex;flex-direction:column-reverse;gap:1.2vw;position:relative;z-index:2}#page-onoff .case02 .off .inner-box .ttl-frame .icon{width:5.44vw;position:relative}#page-onoff .case02 .off .inner-box .ttl-frame .icon img{width:100%}#page-onoff .case02 .off .inner-box .ttl-frame .ttl{font-size:3.08vw;font-weight:400;line-height:1.4;letter-spacing:.05em}#page-onoff .case02 .off .inner-box .photo01{width:64.71vw;margin:0 auto;position:relative;top:-6.85vw;z-index:1}#page-onoff .case02 .off .inner-box .photo01 img{width:100%}#page-onoff .case02 .off .inner-box .subt{font-weight:500;line-height:2;letter-spacing:.1em;margin:4.74vw .88vw 0 0;writing-mode:vertical-rl;position:absolute;top:0;right:0}#page-onoff .case02 .off .inner-box .txt{font-weight:400;line-height:2;letter-spacing:0;margin:-2.03vw 0 1.41vw;width:42.9vw}#page-onoff .case02 .off .inner-box .txt:nth-of-type(3){margin:0 0 1.04vw}#page-onoff .case02 .off .inner-box .photo02{position:absolute;top:47.61vw;right:2.66vw;width:32.83vw}#page-onoff .case02 .off .inner-box .photo02 img{width:100%}#page-onoff .case02 .off .inner-box .evening{position:absolute;top:-1.35vw;right:8.22vw;width:16.67vw;z-index:2}#page-onoff .case02 .off .inner-box .evening img{width:100%}#page-onoff .case03{background-image:url(//www.livi-con.com/cnt/wp-content/themes/common/assets/css/../images/onoff/case03-bg.png);background-size:cover;background-repeat:no-repeat;margin:6.72vw 0 0;padding:13.39vw 0 28.54vw}#page-onoff .case03 .inner-box{width:90.67vw;margin:0 auto}#page-onoff .case03 .inner-box .mainttl{font-weight:300;line-height:1.75;letter-spacing:0;border-top:.05vw solid #1a1a1a;border-bottom:.05vw solid #1a1a1a;text-align:center;padding:.78vw 0}#page-onoff .case03 .inner-box .on{position:relative;padding:5.21vw 0 0}#page-onoff .case03 .inner-box .on .ttl-frame{width:50.39vw;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.94vw}#page-onoff .case03 .inner-box .on .ttl-frame .icon{width:5.44vw;position:relative}#page-onoff .case03 .inner-box .on .ttl-frame .icon img{width:100%}#page-onoff .case03 .inner-box .on .ttl-frame .ttl{font-size:3.08vw;font-weight:400;line-height:1.075;letter-spacing:.05em}#page-onoff .case03 .inner-box .on .content-box{width:86.67vw;margin:2.4vw auto 0;position:relative;padding:0 0 1.35vw}#page-onoff .case03 .inner-box .on .content-box:before{content:"";display:block;width:.05vw;height:18.75vw;background:#1a1a1a;position:absolute;bottom:0;right:0}#page-onoff .case03 .inner-box .on .content-box:after{content:"";display:block;width:46.88vw;height:.05vw;background:#1a1a1a;position:absolute;right:0;bottom:0}#page-onoff .case03 .inner-box .on .content-box .photo01{width:17.71vw;top:3.13vw;left:2.08vw;position:absolute}#page-onoff .case03 .inner-box .on .content-box .photo01 img{width:100%}#page-onoff .case03 .inner-box .on .content-box .txt-box{width:40.84vw;margin-left:auto;padding:3.13vw 2vw 0 0}#page-onoff .case03 .inner-box .on .content-box .txt-box .subt{font-weight:500;line-height:1.88;letter-spacing:0;margin:2.34vw 0 1.61vw}#page-onoff .case03 .inner-box .on .content-box .txt-box .txt{font-weight:400;line-height:2;letter-spacing:0;margin:0 0 1.51vw}#page-onoff .case03 .inner-box .on .content-box .photo02{position:absolute;top:16.77vw;left:14.06vw;width:7.29vw}#page-onoff .case03 .inner-box .on .content-box .photo02 img{width:100%}#page-onoff .case03 .inner-box .on .content-box .photo03{position:absolute;top:0;left:22.92vw;width:20.83vw}#page-onoff .case03 .inner-box .on .content-box .photo03 img{width:100%}#page-onoff .case03 .inner-box .off{position:relative;padding:3.18vw 0 0}#page-onoff .case03 .inner-box .off .photo01{text-align:center;width:51vw;margin:0 auto}#page-onoff .case03 .inner-box .off .photo01 img{width:100%}#page-onoff .case03 .inner-box .off .ttl-frame{width:38.21vw;margin:2.34vw auto 0;display:flex;flex-direction:column-reverse;align-items:center;gap:1.04vw}#page-onoff .case03 .inner-box .off .ttl-frame .icon{width:5.44vw;position:relative}#page-onoff .case03 .inner-box .off .ttl-frame .icon img{width:100%}#page-onoff .case03 .inner-box .off .ttl-frame .ttl{font-size:3.08vw;font-weight:400;line-height:1.075;letter-spacing:.05em;padding:0 1.04vw}#page-onoff .case03 .inner-box .off .content-box{position:relative;top:-1.09vw;padding:0 0 1.51vw 2vw;width:80.97vw}#page-onoff .case03 .inner-box .off .content-box .txt-box{width:38.84vw}#page-onoff .case03 .inner-box .off .content-box:before{content:"";display:block;width:.05vw;height:18.75vw;background:#1a1a1a;position:absolute;bottom:0;left:0}#page-onoff .case03 .inner-box .off .content-box:after{content:"";display:block;width:46.88vw;height:.05vw;background:#1a1a1a;position:absolute;left:0;bottom:0}#page-onoff .case03 .inner-box .off .content-box .photo01{width:20.83vw}#page-onoff .case03 .inner-box .off .content-box .photo01 img{width:100%}#page-onoff .case03 .inner-box .off .content-box .txt-box .subt{font-weight:500;line-height:1.88;letter-spacing:0;margin:2.97vw 0 1.67vw;width:40vw}#page-onoff .case03 .inner-box .off .content-box .txt-box .txt{font-weight:400;line-height:2;letter-spacing:0;margin:0 0 1.46vw}#page-onoff .case03 .inner-box .off .photo02{position:absolute;top:48.31vw;left:44.13vw;width:14.5vw}#page-onoff .case03 .inner-box .off .photo02 img{width:100%}#page-onoff .case03 .inner-box .off .photo03{position:absolute;top:54.63vw;right:9.24vw;width:19.19vw}#page-onoff .case03 .inner-box .off .photo03 img{width:100%}}@media screen and (min-width:768px) and (max-width:1800px){#page-onoff .page-bottom{position:relative;top:-10.99vw}#page-onoff .page-bottom .inner-box{width:89.58vw;margin:0 auto;position:relative}#page-onoff .page-bottom .photo01{width:59.38vw}#page-onoff .page-bottom .photo01 img{width:100%}#page-onoff .page-bottom .ttl{width:28.333vw;margin:4.688vw 7.448vw 0 auto}#page-onoff .page-bottom .ttl img{width:100%}#page-onoff .page-bottom .photo02{position:absolute;width:23.96vw;top:-5.42vw;right:0}#page-onoff .page-bottom .photo02 img{width:100%}}@media screen and (min-width:768px) and (max-width:1280px){#page-onoff .banner-box{width:60.63vw;margin:-2.03vw auto 0;padding:0 0 10.1vw}#page-onoff .banner-box .banner-list{width:100%;display:flex;justify-content:space-between;gap:3.13vw}#page-onoff .banner-box .banner-list .item{width:28.75vw}#page-onoff .banner-box .banner-list .item img{width:100%}#page-onoff .banner-box .banner-list .item .txt{font-weight:400;line-height:1.7143;letter-spacing:0;text-align:center;margin:1.04vw auto 0}}@media screen and (max-width:767px){#page-onoff .onoff-mainttl-frame{width:87vw;margin:6vw auto 0}#page-onoff .onoff-mainttl-frame .icon{width:38.7vw;margin:0 auto}#page-onoff .onoff-mainttl-frame .icon img{width:100%}#page-onoff .onoff-mainttl-frame .mainttl{width:60.4vw;margin:5vw auto 0}#page-onoff .onoff-mainttl-frame .mainttl img{width:100%}#page-onoff .onoff-mainttl-frame .txt{font-size:3.382vw;font-weight:400;line-height:1.71428;letter-spacing:.05em;text-align:center;margin:9vw auto 0}#page-onoff .case01{background-image:url(//www.livi-con.com/cnt/wp-content/themes/common/assets/css/../images/onoff/case01-bg_sp.png);background-size:contain;background-position:bottom center;background-repeat:no-repeat;padding:19vw 0 19vw}#page-onoff .case01 .mainttl{width:63vw;margin:0 auto 0;font-size:3.382vw;font-weight:300;line-height:1.785714;letter-spacing:0;border-top:1px solid #1a1a1a;text-align:center;padding:3.8vw 0}#page-onoff .case01 .inner-box{width:94.3vw;margin:0 auto;border-right:1px solid #1a1a1a;padding:7vw 1vw 1.5vw;position:relative;border-left:none}#page-onoff .case01 .inner-box:before{content:"";display:block;width:92vw;height:1px;background:#1a1a1a;position:absolute;top:0;right:0}#page-onoff .case01 .inner-box:after{content:"";display:block;width:94vw;height:1px;background:#1a1a1a;position:absolute;bottom:0;left:0}#page-onoff .case01 .inner-box .on{position:relative}#page-onoff .case01 .inner-box .on .content-box{width:89.4vw;margin:auto;position:relative;z-index:2}#page-onoff .case01 .inner-box .on .content-box .icon-frame{display:flex;align-items:center;padding:2vw 0 0}#page-onoff .case01 .inner-box .on .content-box .icon-frame .icon{width:13vw;margin:0 2vw 0 0}#page-onoff .case01 .inner-box .on .content-box .icon-frame .icon img{width:100%}#page-onoff .case01 .inner-box .on .content-box .icon-frame .deco{width:5.4vw}#page-onoff .case01 .inner-box .on .content-box .icon-frame .deco img{width:100%}#page-onoff .case01 .inner-box .on .content-box .ttl{font-size:5.797vw;font-weight:400;line-height:1.4166;letter-spacing:.05em;margin:4vw 0 0;padding:1vw 0;width:89.4vw}#page-onoff .case01 .inner-box .on .content-box .subt{font-size:4.348vw;font-weight:500;line-height:1.88;letter-spacing:0;margin:71vw 0 4vw}#page-onoff .case01 .inner-box .on .content-box .txt{font-size:3.382vw;font-weight:400;line-height:2;letter-spacing:0;margin:4vw 0 6vw;width:89.4vw}#page-onoff .case01 .inner-box .on .photo{position:absolute;top:28vw;right:1vw;width:89.4vw}#page-onoff .case01 .inner-box .on .photo img{width:100%}#page-onoff .case01 .inner-box .off{position:relative;margin:16vw 0 0}#page-onoff .case01 .inner-box .off .content-box{width:89.4vw;margin:0 auto;position:relative;z-index:2}#page-onoff .case01 .inner-box .off .content-box .icon-frame{display:flex;align-items:center;justify-content:flex-start;padding:2vw 0 0}#page-onoff .case01 .inner-box .off .content-box .icon-frame .icon{width:13vw;margin:0 2vw 0 0}#page-onoff .case01 .inner-box .off .content-box .icon-frame .icon img{width:100%}#page-onoff .case01 .inner-box .off .content-box .icon-frame .deco{width:5.4vw}#page-onoff .case01 .inner-box .off .content-box .icon-frame .deco img{width:100%}#page-onoff .case01 .inner-box .off .content-box .ttl{font-size:5.797vw;font-weight:400;line-height:1.4166;letter-spacing:.05em;text-align:left;padding:2vw 0;width:89.4vw;margin:3vw 0 0}#page-onoff .case01 .inner-box .off .content-box .ttl .bg-brown{background-color:#f2f0e6;margin:0;display:block;line-height:1.6;padding:0}#page-onoff .case01 .inner-box .off .content-box .subt{font-size:4.348vw;font-weight:500;line-height:1.88;letter-spacing:0;margin:69vw 0 0;width:89.4vw}#page-onoff .case01 .inner-box .off .content-box .txt{font-size:3.382vw;font-weight:400;line-height:2;letter-spacing:0;margin:4vw auto 7vw;width:89.4vw}#page-onoff .case01 .inner-box .off .photo{position:absolute;top:37vw;left:1vw;width:89.4vw}#page-onoff .case01 .inner-box .off .photo img{width:100%}#page-onoff .case02{padding:24vw 0 0}#page-onoff .case02 .inner-box{width:89.4vw;margin:0 auto}#page-onoff .case02 .inner-box .mainttl{font-size:3.382vw;font-weight:300;line-height:1.75;letter-spacing:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;text-align:center;padding:3.8vw 0}#page-onoff .case02 .on{padding:4vw 0 0}#page-onoff .case02 .on .inner-box{width:100%;margin:0 auto;position:relative}#page-onoff .case02 .on .inner-box:before{content:"";display:block;width:1px;height:42vw;background:#1a1a1a;position:absolute;top:29vw;left:0}#page-onoff .case02 .on .inner-box .ttl-frame{display:flex;flex-direction:column-reverse;gap:2vw;position:relative;z-index:2;margin:6vw auto 0}#page-onoff .case02 .on .inner-box .ttl-frame .icon{width:13vw;position:relative}#page-onoff .case02 .on .inner-box .ttl-frame .icon img{width:100%}#page-onoff .case02 .on .inner-box .ttl-frame .ttl{font-size:5.797vw;font-weight:400;line-height:1.4;letter-spacing:.05em}#page-onoff .case02 .on .inner-box .photo01{width:89.4vw;margin:0 0 0 auto;position:relative;z-index:1;top:-11vw;left:5vw}#page-onoff .case02 .on .inner-box .subt{font-size:4.348vw;font-weight:500;line-height:1.88;letter-spacing:0;margin:0;position:absolute;top:77vw;left:0;writing-mode:horizontal-tb}#page-onoff .case02 .on .inner-box .txt{font-size:3.382vw;font-weight:400;line-height:2;letter-spacing:0;margin:15vw auto 59vw;width:89.4vw}#page-onoff .case02 .on .inner-box .txt:nth-of-type(3){margin:0 auto;width:82.4vw}#page-onoff .case02 .on .inner-box .photo02{position:absolute;top:126vw;right:4vw;width:82.2vw}#page-onoff .case02 .on .inner-box .photo02 img{width:100%}#page-onoff .case02 .on .inner-box .morning{position:absolute;top:1vw;right:-3vw;width:43vw;z-index:2}#page-onoff .case02 .on .inner-box .morning img{width:100%}#page-onoff .case02 .off{position:relative;margin:18vw 0 0}#page-onoff .case02 .off .inner-box{width:94vw;margin:0 auto;position:relative}#page-onoff .case02 .off .inner-box:before{content:"";display:block;width:1px;height:42vw;background:#1a1a1a;position:absolute;top:29vw;left:0}#page-onoff .case02 .off .inner-box .ttl-frame{display:flex;flex-direction:column-reverse;gap:3vw;position:relative;z-index:2}#page-onoff .case02 .off .inner-box .ttl-frame .icon{width:13vw;position:relative}#page-onoff .case02 .off .inner-box .ttl-frame .icon img{width:100%}#page-onoff .case02 .off .inner-box .ttl-frame .ttl{font-size:5.797vw;font-weight:400;line-height:1.4;letter-spacing:.05em}#page-onoff .case02 .off .inner-box .photo01{width:89.4vw;margin:0 auto;position:relative;top:-12vw;z-index:1;left:3vw}#page-onoff .case02 .off .inner-box .subt{font-size:4.348vw;font-weight:500;line-height:2;letter-spacing:0;margin:2vw 4vw 0 0;writing-mode:horizontal-tb;position:absolute;top:75vw;right:0}#page-onoff .case02 .off .inner-box .txt{font-size:3.382vw;font-weight:400;line-height:2;letter-spacing:0;margin:15vw 3vw 58vw 0;width:89.4vw}#page-onoff .case02 .off .inner-box .txt:nth-of-type(3){margin:0 1vw 0 4vw;width:82.2vw}#page-onoff .case02 .off .inner-box .photo02{position:absolute;top:133vw;right:8vw;width:82.2vw}#page-onoff .case02 .off .inner-box .photo02 img{width:100%}#page-onoff .case02 .off .inner-box .evening{position:absolute;top:1vw;right:2vw;width:32.2vw;z-index:2}#page-onoff .case02 .off .inner-box .evening img{width:100%}#page-onoff .case03{background-image:url(//www.livi-con.com/cnt/wp-content/themes/common/assets/css/../images/onoff/case03-bg_sp.png);background-size:cover;background-repeat:no-repeat;margin:18vw 0 0;padding:24vw 0 61vw}#page-onoff .case03 .inner-box{width:89.4vw;margin:0 auto}#page-onoff .case03 .inner-box .mainttl{font-size:3.382vw;font-weight:300;line-height:1.75;letter-spacing:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;text-align:center;padding:4vw 0}#page-onoff .case03 .inner-box .on{position:relative;padding:9.7vw 0 0}#page-onoff .case03 .inner-box .on .ttl-frame{width:84.4vw;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:5vw}#page-onoff .case03 .inner-box .on .ttl-frame .icon{width:13vw;position:relative}#page-onoff .case03 .inner-box .on .ttl-frame .icon img{width:100%}#page-onoff .case03 .inner-box .on .ttl-frame .ttl{font-size:5.797vw;font-weight:400;line-height:1.4166;letter-spacing:.05em;text-align:center}#page-onoff .case03 .inner-box .on .content-box{width:100%;margin:0 auto 0;position:relative;padding:0 0 2vw}#page-onoff .case03 .inner-box .on .content-box:before{content:"";display:block;width:1px;height:0;background:#1a1a1a;position:absolute;bottom:0;right:0}#page-onoff .case03 .inner-box .on .content-box:after{content:"";display:block;width:90.4vw;height:1px;background:#1a1a1a;position:absolute;right:-5vw;bottom:-9vw}#page-onoff .case03 .inner-box .on .content-box .photo01{width:77.4vw;top:70vw;left:0;position:absolute}#page-onoff .case03 .inner-box .on .content-box .photo01 img{width:100%}#page-onoff .case03 .inner-box .on .content-box .txt-box{width:89.4vw;margin:71vw auto 0;padding:2vw 0 0}#page-onoff .case03 .inner-box .on .content-box .txt-box .subt{font-size:4.348vw;font-weight:500;line-height:1.88;letter-spacing:0;margin:6vw 0 3vw}#page-onoff .case03 .inner-box .on .content-box .txt-box .txt{font-size:3.382vw;font-weight:400;line-height:2;letter-spacing:0;margin:0 0 2vw}#page-onoff .case03 .inner-box .on .content-box .txt-box .txt:nth-of-type(2){margin:81vw 0 2vw}#page-onoff .case03 .inner-box .on .photo02{position:absolute;top:118vw;left:55vw;width:34vw}#page-onoff .case03 .inner-box .on .photo02 img{width:100%}#page-onoff .case03 .inner-box .on .photo03{position:absolute;top:-64vw;left:8vw;width:72.6vw}#page-onoff .case03 .inner-box .on .photo03 img{width:100%}#page-onoff .case03 .inner-box .off{position:relative;padding:24vw 0 0}#page-onoff .case03 .inner-box .off .photo01{text-align:center}#page-onoff .case03 .inner-box .off .ttl-frame{width:89.4vw;margin:7vw auto 0;display:flex;flex-direction:column-reverse;align-items:center;gap:5vw}#page-onoff .case03 .inner-box .off .ttl-frame .icon{width:13vw;position:relative}#page-onoff .case03 .inner-box .off .ttl-frame .icon img{width:100%}#page-onoff .case03 .inner-box .off .ttl-frame .ttl{font-size:5.797vw;font-weight:400;line-height:1.4166;letter-spacing:.05em;padding:0 2vw}#page-onoff .case03 .inner-box .off .content-box{position:relative;top:-2vw;padding:0 0 2vw;width:89.4vw}#page-onoff .case03 .inner-box .off .content-box:before{content:"";display:block;width:1px;height:0;background:#1a1a1a;position:absolute;bottom:0;left:0}#page-onoff .case03 .inner-box .off .content-box:after{content:"";display:block;width:91.2vw;height:1px;background:#1a1a1a;position:absolute;left:-6vw;bottom:0}#page-onoff .case03 .inner-box .off .content-box .photo01{width:40vw}#page-onoff .case03 .inner-box .off .content-box .photo01 img{width:100%}#page-onoff .case03 .inner-box .off .content-box .txt-box .subt{font-size:4.348vw;font-weight:500;line-height:1.88;letter-spacing:0;margin:8vw 0 4vw}#page-onoff .case03 .inner-box .off .content-box .txt-box .txt{font-size:3.382vw;font-weight:400;line-height:2;letter-spacing:0;margin:0 0 2vw}#page-onoff .case03 .inner-box .off .content-box .txt-box .txt:nth-of-type(2){margin:61vw 0 6vw}#page-onoff .case03 .inner-box .off .photo02{position:absolute;top:156vw;left:0;width:35.8vw}#page-onoff .case03 .inner-box .off .photo02 img{width:100%}#page-onoff .case03 .inner-box .off .photo03{position:absolute;top:172vw;right:0;width:48.4vw}#page-onoff .case03 .inner-box .off .photo03 img{width:100%}#page-onoff .page-bottom{position:relative;top:-2vw}#page-onoff .page-bottom .inner-box{width:100vw;margin:0 auto;position:relative}#page-onoff .page-bottom .photo01{width:94.7vw;padding:26vw 0 0}#page-onoff .page-bottom .photo01 img{width:100%}#page-onoff .page-bottom .ttl{width:74.7vw;margin:12vw 0 0 9vw}#page-onoff .page-bottom .ttl img{width:100%}#page-onoff .page-bottom .photo02{position:absolute;width:46vw;top:-12vw;right:0}#page-onoff .banner-box{width:87vw;margin:24vw auto 0;padding:0 0 34vw}#page-onoff .banner-box .banner-list{width:100%;display:flex;justify-content:space-between;gap:7vw;flex-direction:column}#page-onoff .banner-box .banner-list .item{width:360px}#page-onoff .banner-box .banner-list .item img{width:100%}#page-onoff .banner-box .banner-list .item .txt{font-size:3.382vw;font-weight:400;line-height:1.7143;letter-spacing:0;text-align:center;margin:3vw auto 0}}