@charset "UTF-8";@media screen and (min-width:768px),print{#page-design{max-width:1920px;width:100%;margin:0 auto;padding:0}#page-design .page-design-box{background-image:url(//www.livi-con.com/cnt/wp-content/themes/common/assets/css/../images/page-common/bg.jpg);background-size:auto;background-repeat:repeat;position:relative;z-index:1;padding:100px 0 164px;margin:24px 0 0}#page-design .page-design-box:before{background-image:url(//www.livi-con.com/cnt/wp-content/themes/common/assets/css/../images/page-common/bg-deco.png);background-size:contain;background-repeat:no-repeat;position:absolute;content:"";top:121px;left:50%;width:88.8%;height:100%;z-index:-1;transform:translateX(-50%)}#page-design .top-design{width:1400px;margin:0 auto 82px;background-color:#e8e5d2;padding:62px 150px 96px;position:relative}#page-design .top-design .en-ttl{color:#a78a37;font-size:46px;font-weight:500;letter-spacing:.05em;padding:0 0 0 6px}#page-design .top-design .main-ttl{font-size:28px;font-weight:500;line-height:2.142857;letter-spacing:.05em;margin:37px 0 0;position:relative;z-index:2}#page-design .top-design .main-ttl span{background-color:#fff;padding:5px 15px;margin:0 0 10px}#page-design .top-design .txt{font-size:18px;font-weight:400;line-height:2.11;letter-spacing:.05em;margin:27px 0 0;width:480px}#page-design .top-design .photo-box{position:absolute;top:-40px;right:100px;width:620px}#page-design .top-design .photo-box img{width:100%}#page-design .top-design .photo-box .logo{position:absolute;right:29px;bottom:29px;width:155px}#page-design .top-design .photo-box .logo img{width:100%}#page-design .merit-box{background-color:#fff;position:relative;padding:52px 0 50px;border-bottom:10px solid #e8e5d2;width:1100px;margin:0 auto 110px}#page-design .merit-box .ttl-frame{width:500px;margin:0 auto;text-align:center;position:relative}#page-design .merit-box .ttl-frame .en-ttl{width:146px;position:absolute;top:-85px;left:50%;transform:translateX(-50%)}#page-design .merit-box .ttl-frame .en-ttl img{width:100%}#page-design .merit-box .ttl-frame .ttl{margin:15px 0 0;font-size:32px;font-weight:400;line-height:1.5;letter-spacing:.05em;color:#a78a38}#page-design .merit-box .ttl-frame .en-txt{margin:23px 0 0;font-size:12px;font-weight:400;line-height:1;letter-spacing:.09em;text-align:center}#page-design .merit-box .content-box{width:1000px;margin:50px auto 0;background-color:#f5f4f0;border:1px solid #e0ded4;padding:66px 49px 77px 489px;position:relative}#page-design .merit-box.photo-right .content-box{padding:67px 490px 23px 48px}#page-design .merit03.photo-right .content-box{padding:67px 490px 36px 48px}#page-design .merit03{margin:0 auto 92px}#page-design .merit-box .content-box .ttl{font-size:20px;font-weight:500;line-height:1.6;letter-spacing:.05em;padding:0 0 0 57px;position:relative}#page-design .merit-box .content-box .ttl:before{content:"";position:absolute;top:50%;left:-2px;width:40px;height:2px;background-color:#a78a38;transform:translateY(-50%)}#page-design .merit-box .content-box .txt{margin:24px 0 32px;font-size:16px;font-weight:400;line-height:2;letter-spacing:.05em}#page-design .merit-box .content-box .photo{position:absolute;top:50px;left:-100px;width:550px}#page-design .merit-box.photo-right .content-box .photo{position:absolute;top:50px;left:549px;width:550px}#page-design .merit-box .content-box .photo img{width:100%}#page-design .merit-box .content-box{padding:66px 49px 53px 489px}#page-design .page-bottom{position:relative;padding:328px 0 0}#page-design .page-bottom .txt-box{width:997px;margin:22px auto 0}#page-design .page-bottom .txt-box .logo{width:156px}#page-design .page-bottom .txt-box .logo img{width:100%}#page-design .page-bottom .txt-box .ttl{font-size:26px;font-weight:400;line-height:1.8461;letter-spacing:.05em;margin:20px 0 0}#page-design .page-bottom .txt-box .en-txt{font-size:12px;font-weight:400;letter-spacing:.05em;margin:14px 0 0}#page-design .page-bottom .img{position:absolute;bottom:-38px;right:460px;width:389px;z-index:7}#page-design .page-bottom .img img{width:100%}#page-design .design-galley{position:absolute;top:0;max-width:1920px;z-index:6}#page-design .design-galley .loop{padding-top:30px;padding-bottom:30px;overflow:hidden}#page-design .design-galley .loop .loop__box{display:flex;width:100vw}#page-design .design-galley .loop .loop__box img{min-width:122.1vw}#page-design .design-galley .loop .loop__box img:first-child{animation:loop 50s -25s linear infinite}#page-design .design-galley .loop .loop__box img:last-child{animation:loop2 50s linear infinite}@-webkit-keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@-webkit-keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}#page-design .banner-box{padding:88px 0 70px}#page-design .banner-box .banner-list{width:780px;margin:0 auto;display:flex;justify-content:space-between}#page-design .banner-box .banner-list .item{width:360px}#page-design .banner-box .banner-list .item img{width:100%}#page-design .banner-box .banner-list .item .txt{font-size:14px;font-weight:400;line-height:1.7143;letter-spacing:0;text-align:center;margin:20px 0 0}}@media screen and (min-width:768px) and (max-width:1420px){#page-design{max-width:100vw;width:100%;margin:0 auto;padding:0}#page-design .page-design-box{background-image:url(//www.livi-con.com/cnt/wp-content/themes/common/assets/css/../images/page-common/bg.jpg);background-size:auto;background-repeat:repeat;position:relative;z-index:1;padding:5.208vw 0 8vw;margin:1.25vw 0 0}#page-design .page-design-box:before{background-image:url(//www.livi-con.com/cnt/wp-content/themes/common/assets/css/../images/page-common/bg-deco.png);background-size:contain;background-repeat:no-repeat;position:absolute;content:"";top:6.302vw;left:50%;width:88.8%;height:100%;z-index:-1;transform:translateX(-50%)}#page-design .top-design{width:90.917vw;margin:0 auto 4.271vw;background-color:#e8e5d2;padding:3.229vw 7.813vw 2.813vw;position:relative}#page-design .top-design .en-ttl{color:#a78a37;font-size:2.396vw;font-weight:500;letter-spacing:.05em;padding:0 0 0 .313vw}#page-design .top-design .main-ttl{font-weight:500;line-height:2.142857;letter-spacing:.05em;margin:1.927vw 0 0;position:relative;z-index:2;width:58.146vw}#page-design .top-design .main-ttl img{width:100%}#page-design .top-design .main-ttl span{background-color:#fff;padding:.26vw .781vw;margin:0 0 .521vw}#page-design .top-design .txt{font-weight:400;line-height:2.11;letter-spacing:.05em;margin:1.406vw 0 0;width:44vw;font-size:1.4vw}#page-design .top-design .photo-box{position:absolute;top:-2.083vw;right:5.208vw;width:32.292vw}#page-design .top-design .photo-box img{width:100%}#page-design .top-design .photo-box .logo{position:absolute;right:1.51vw;bottom:1.51vw;width:8.073vw}#page-design .top-design .photo-box .logo img{width:100%}}@media screen and (min-width:768px) and (max-width:1240px){#page-design .merit-box{background-color:#fff;position:relative;padding:2.708vw 0 2.604vw;border-bottom:.521vw solid #e8e5d2;width:80.292vw;margin:0 auto 6.25vw}#page-design .merit-box .ttl-frame{width:60.875vw;margin:0 auto;text-align:center;position:relative}#page-design .merit-box .ttl-frame .en-ttl{width:10.604vw;position:absolute;top:-4.427vw;left:50%;transform:translateX(-50%)}#page-design .merit-box .ttl-frame .en-ttl img{width:100%}#page-design .merit-box .ttl-frame .ttl{margin:.781vw 0 0;font-weight:400;line-height:1.5;letter-spacing:.05em;color:#a78a38;font-size:3vw}#page-design .merit-box .ttl-frame .en-txt{margin:1.354vw 0 0;font-weight:400;line-height:1;letter-spacing:.05em;text-align:center;font-size:1.1vw}#page-design .merit-box .content-box{width:75.083vw;margin:2.604vw auto 0;background-color:#f5f4f0;border:.052vw solid #e0ded4;padding:3.438vw 2.552vw 4.01vw 25.469vw;position:relative}#page-design .merit-box.photo-right .content-box{padding:3.49vw 25.521vw 1.198vw 2.5vw}#page-design .merit03.photo-right .content-box{padding:3.49vw 25.521vw 1.875vw 2.5vw}#page-design .merit03{margin:0 auto 4.792vw}#page-design .merit-box .content-box .ttl{font-weight:500;line-height:1.6;letter-spacing:.05em;padding:0 0 0 2.969vw;position:relative;font-size:1.6vw}#page-design .merit-box .content-box .ttl:before{content:"";position:absolute;top:50%;left:-.104vw;width:2.083vw;height:.104vw;background-color:#a78a38;transform:translateY(-50%)}#page-design .merit-box .content-box .txt{margin:1.25vw 0 1.667vw;font-weight:400;line-height:2;letter-spacing:.05em;font-size:1.4vw}#page-design .merit-box .content-box .photo{position:absolute;top:2.604vw;left:-5.208vw;width:28.646vw}#page-design .merit-box.photo-right .content-box .photo{position:absolute;top:2.604vw;left:50.594vw;width:28.646vw}#page-design .merit-box .content-box .photo img{width:100%}}@media screen and (min-width:768px) and (max-width:1600px){#page-design .page-bottom{position:relative;padding:17.083vw 0 0}#page-design .page-bottom .txt-box{width:64.927vw;margin:1.146vw auto 0}#page-design .page-bottom .txt-box .logo{width:8.125vw}#page-design .page-bottom .txt-box .logo img{width:100%}#page-design .page-bottom .txt-box .ttl{font-weight:400;line-height:1.8461;letter-spacing:.05em;margin:1.042vw 0 0;font-size:2vw}#page-design .page-bottom .txt-box .en-txt{font-weight:400;letter-spacing:.05em;margin:.729vw 0 0;font-size:1.2vw}#page-design .page-bottom .img{position:absolute;bottom:.021vw;right:23.958vw;width:20.26vw;z-index:7}#page-design .page-bottom .img img{width:100%}#page-design .design-galley{position:absolute;top:0;max-width:100vw;z-index:6}#page-design .design-galley .loop{padding-top:1.563vw;padding-bottom:1.563vw;overflow:hidden}#page-design .design-galley .loop .loop__box{display:flex;width:100vw}#page-design .design-galley .loop .loop__box img{min-width:122.1vw}#page-design .design-galley .loop .loop__box img:first-child{animation:loop 50s -25s linear infinite}#page-design .design-galley .loop .loop__box img:last-child{animation:loop2 50s linear infinite}@-webkit-keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@-webkit-keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}}@media screen and (min-width:768px) and (max-width:1240px){#page-design .banner-box{padding:5.52vw 0 3.65vw}#page-design .banner-box .banner-list{width:68.62vw;margin:0 auto;display:flex;justify-content:space-between}#page-design .banner-box .banner-list .item{width:32.75vw}#page-design .banner-box .banner-list .item img{width:100%}#page-design .banner-box .banner-list .item .txt{font-weight:400;line-height:1.7143;letter-spacing:0;text-align:center;margin:1.04vw 0 0;font-size:1.4vw}}@media screen and (max-width:767px){#page-design{max-width:1920px;width:100%;margin:0 auto;padding:0}#page-design .page-design-box{background-image:url(//www.livi-con.com/cnt/wp-content/themes/common/assets/css/../images/page-common/bg_sp.jpg);background-size:contain;background-repeat:repeat;position:relative;z-index:1;padding:0 0 48vw;margin:0}#page-design .page-design-box:before{background-image:url(//www.livi-con.com/cnt/wp-content/themes/common/assets/css/../images/page-common/bg-deco_sp.png);background-size:contain;background-repeat:no-repeat;position:absolute;content:"";top:166vw;left:-5vw;width:129%;height:862.4vw;z-index:-1}#page-design .top-design{width:100vw;margin:6vw auto 0;background-color:#e8e5d2;padding:13vw 2.9vw 16vw;position:relative}#page-design .top-design .en-ttl{color:#a78a37;font-size:7.729vw;font-weight:500;letter-spacing:.05em;padding:0 0 0 2vw}#page-design .top-design .main-ttl{font-size:5.556vw;font-weight:500;line-height:2.086956;letter-spacing:.05em;margin:3vw 0 0;position:relative;z-index:2;width:72.5vw}#page-design .top-design .main-ttl img{width:100%}#page-design .top-design .main-ttl span{background-color:#fff;padding:1vw 3vw;margin:0 0 2vw}#page-design .top-design .txt{font-size:3.382vw;font-weight:400;line-height:2;letter-spacing:0;margin:58vw auto 0;width:92vw}#page-design .top-design .photo-box{position:absolute;top:57.5vw;left:0;width:100vw}#page-design .top-design .photo-box img{width:100%}#page-design .top-design .photo-box .logo{position:absolute;right:3vw;bottom:3vw;width:22.8vw}#page-design .top-design .photo-box .logo img{width:100%}#page-design .merit-box{background-color:#fff;position:relative;padding:4vw 0 6vw;border-bottom:10px solid #e8e5d2;width:94.3vw;margin:25vw auto 0}#page-design .merit-box .ttl-frame{width:80.4vw;margin:0 auto;text-align:center;position:relative}#page-design .merit-box .ttl-frame .en-ttl{width:26.6vw;position:absolute;top:-14vw;left:50%;transform:translateX(-50%)}#page-design .merit-box .ttl-frame .en-ttl img{width:100%}#page-design .merit-box .ttl-frame .ttl{margin:4vw 0 0;font-size:5.314vw;font-weight:400;line-height:1.63636;letter-spacing:.05em;color:#a78a38}#page-design .merit-box .ttl-frame .en-txt{margin:3vw 0 0;font-size:2.5vw;font-weight:400;line-height:1;letter-spacing:.07em;text-align:center}#page-design .merit-box .content-box{width:84.6vw;margin:9vw auto 0;background-color:#fff;border:none;padding:2vw 0 3vw;position:relative}#page-design .merit-box .content-box .ttl{font-size:4.106vw;font-weight:500;line-height:1.8823529;letter-spacing:.05em;padding:0 0 0 10vw;position:relative;margin:0 0 60vw}#page-design .merit-box .content-box .ttl:before{content:"";position:absolute;top:50%;left:0;width:7.28vw;height:2px;background-color:#a78a38;transform:translateY(-50%)}#page-design .merit-box .content-box .txt{margin:2vw 0 7vw;font-size:3.382vw;font-weight:400;line-height:2;letter-spacing:.05em}#page-design .merit-box .content-box .photo{position:absolute;top:14vw;left:0;width:100%}#page-design .merit02{padding:4vw 0 4vw}#page-design .merit-box .content-box .photo img{width:100%}#page-design .merit02 .content-box .photo{top:22vw}#page-design .merit02 .content-box .ttl:before{top:4vw}#page-design .merit03 .ttl-frame .en-txt{line-height:1.5;margin:3vw 0 0}#page-design .merit03 .content-box{margin:6vw auto 0;padding:2vw 0 0}#page-design .page-bottom{position:relative;padding:13vw 0 0}#page-design .page-bottom .txt-box{width:79.8vw;margin:2vw 0 0 8vw}#page-design .page-bottom .txt-box .logo{width:26.2vw}#page-design .page-bottom .txt-box .logo img{width:100%}#page-design .page-bottom .txt-box .ttl{font-size:6.28vw;font-weight:400;line-height:1.653846;letter-spacing:.05em;margin:5vw 0 0}#page-design .page-bottom .txt-box .en-txt{font-size:2.4vw;font-weight:400;letter-spacing:.05em;margin:2vw 0 0}#page-design .page-bottom .img{position:absolute;bottom:-23vw;right:10vw;width:40vw;z-index:7}#page-design .page-bottom .img img{width:100%}#page-design .design-gallery{margin:8vw auto 0}#page-design .design-gallery img{width:100%}#page-design .banner-box{padding:17vw 0 24vw}#page-design .banner-box .banner-list{width:87vw;margin:0 auto;display:flex;justify-content:space-between;flex-direction:column;gap:6vw}#page-design .banner-box .banner-list .item{width:100%}#page-design .banner-box .banner-list .item img{width:100%}#page-design .banner-box .banner-list .item .txt{font-size:3.382vw;font-weight:400;line-height:1.71428;letter-spacing:0;text-align:center;margin:4vw 0 0}}