@charset "UTF-8";.pi-wrapper__contents{background-color:#f1f1f1}.pi-content__casestudy{padding-bottom:115px}@media screen and (max-width:1024px){.pi-content__casestudy{padding-top:0;padding-bottom:0}}@media screen and (max-width:840px){.pi-content__casestudy .s-title__area{padding-top:51px;margin-bottom:0}}.pi-content__casestudy .swiper-container{margin-left:0}.swiper-container.pi-casestudy{max-width:1200px;width:calc(100% - 270px);padding-right:75px;padding-bottom:calc(50px - (16px - 12px)/ 2);box-sizing:border-box;padding-top:64px}@media screen and (max-width:1024px){.swiper-container.pi-casestudy{display:block;margin:0;width:100%;padding-right:calc(100 / 650 * 100%);padding-top:48px}}@media screen and (max-width:840px){.pl-swiper__button{display:none}}.pl-swiper__button .swiper-button-next,.pl-swiper__button .swiper-button-prev{position:absolute;bottom:7px;top:auto;background-image:none;border:none}.pl-swiper__button img{height:16px}.pl-swiper__button .swiper-button-prev{right:calc(135px - 3px);left:auto;top:10px;bottom:auto}.pl-swiper__button .swiper-button-next{right:72px;left:auto;top:10px;bottom:auto}.pi-casestudy__slideItem{display:inline-block;width:calc(284 / 860 * 100%)}@media screen and (max-width:1024px){.pi-casestudy__slideItem{width:calc(550 / 750 * 100%)}}.pi-casestudy__slideItem a{display:block;box-sizing:border-box}.pc .pi-casestudy__slideItem a:hover .pi-casestudy__slideImg{opacity:.5}.pc .pi-casestudy__slideItem a:hover .pi-casestudy__slideImg img{transform:scale(1.1,1.1)}.pi-casestudy__slideImg{display:block;overflow:hidden;opacity:1;transition:opacity .6s ease}.pi-casestudy__slideImg img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit:cover",'object-fit: cover;'}.pi-casestudy__slideTitle{font-family:dnp-shuei-gothic-gin-std,sans-serif;font-size:12px;line-height:2;letter-spacing:.1em;padding-bottom:0;padding-top:19px}@media screen and (max-width:840px){.pi-casestudy__slideTitle{padding-top:11px}}.pi-casestudy__slideText{margin-top:5px;font-size:12px;line-height:1.33333;letter-spacing:.1em;text-align:left;font-family:dnp-shuei-gothic-gin-std,sans-serif}@media screen and (max-width:840px){.pi-casestudy__slideText{margin-top:2px}}.bt-casestudy{font-size:11px;line-height:1;letter-spacing:.15em;font-family:dnp-shuei-gothic-gin-std,sans-serif;text-align:right;margin-top:-15px;width:75.3%;position:absolute;z-index:2;bottom:128px;right:70px;width:auto}@media screen and (max-width:1024px){.bt-casestudy{padding-top:20px;left:0;width:92%;bottom:82px;width:calc(650 / 750 * 100vw)}}.bt-casestudy a{color:#829687;position:relative}.bt-casestudy a:before{content:"";position:absolute;width:24px;height:5px;top:4px;left:-30px;background-image:url(/inc/img/common/arr_link.svg);background-size:cover;background-repeat:no-repeat}@media screen and (max-width:840px){.bt-casestudy__notTop{bottom:17px}}.pi-content__samplePlan{padding-top:80px;padding-bottom:100px}@media screen and (max-width:1024px){.pi-content__samplePlan{padding-top:0;padding-bottom:0;position:relative}.pi-content__samplePlan:after{content:"";width:100vw;height:1px;background-color:#ddd;position:absolute;z-index:1;left:calc((-50 /750) * 100%)}}.wrap-sampleplan{display:flex;justify-content:space-between;width:calc(100% - 80px);flex-wrap:wrap;margin-right:80px}@media screen and (max-width:840px){.wrap-sampleplan{width:93.333%;display:block}}.wrap-sampleplan li{width:calc(50% - 5px);padding-bottom:67px}@media screen and (max-width:840px){.wrap-sampleplan li{width:100%;padding-bottom:42px}}.wrap-sampleplan li img{width:100%}.wrap-sampleplan li:nth-child(3),.wrap-sampleplan li:nth-child(4){padding-bottom:0}@media screen and (max-width:840px){.wrap-sampleplan li:nth-child(3),.wrap-sampleplan li:nth-child(4){padding-bottom:42px}}@media screen and (max-width:840px){.wrap-sampleplan li:nth-child(4){padding-bottom:60px}}.pi-samplePlan{width:100%}.sampleplan-caption{display:flex;justify-content:flex-start;align-items:center;padding-top:10px;position:relative}@media screen and (max-width:840px){.sampleplan-caption{align-items:flex-start}.sampleplan-caption:before{content:"";position:absolute;width:24px;height:5px;background-image:url(/inc/img/common/arr_link.svg);background-size:cover;background-repeat:no-repeat;bottom:0;right:0}}.caption-num{font-size:17px;letter-spacing:.15em;line-height:46px;font-family:adobe-garamond-pro,serif;color:#829687;border-right:1px solid #eaeaea;width:59px;text-align:center;margin-right:16px}@media screen and (max-width:840px){.caption-num{font-size:20px;line-height:1em;border-right:none;margin-right:0;padding-top:5px}}.caption-colorandalyout{font-size:11px;line-height:2;letter-spacing:.15em;font-family:dnp-shuei-gothic-gin-std,sans-serif;color:#636363}@media screen and (max-width:840px){.caption-colorandalyout{font-size:12px;border-left:1px solid #eaeaea;padding-left:16px;line-height:1.5em}}.caption-colorandalyout span{width:54px}@media screen and (max-width:840px){.caption-colorandalyout span{width:58px}}.caption-colorandalyout span{letter-spacing:.15em;font-family:adobe-garamond-pro,serif;display:inline-block;position:relative;padding-right:23px;color:#829687}@media screen and (max-width:840px){.caption-colorandalyout span{font-size:12px;display:block;padding-top:5px}}.caption-colorandalyout span:after{content:":";position:absolute;right:11px;font-family:adobe-garamond-pro,serif;color:#829687}@media screen and (max-width:840px){.caption-colorandalyout span:after{font-size:12px;right:11px;top:4px}}.l-contents__lead{padding-top:117px}@media screen and (max-width:840px){.l-contents__lead{padding-top:0;padding-bottom:52px}.l-contents__lead .s-title__area{margin-bottom:44px}.l-contents__lead .s-title__area__mbNarrow{margin-bottom:4px}}.s-text__area{padding-right:80px}@media screen and (max-width:840px){.s-text__area{padding-right:calc(50 / 750 * 100%)}}.l-lead__subtitle{font-size:18px;line-height:1.75;letter-spacing:.12em;margin-bottom:27px;font-family:dnp-shuei-mincho-pr6n,sans-serif;color:#404040}@media screen and (max-width:840px){.l-lead__subtitle{font-size:18px;line-height:1.7em;margin-bottom:17px}.l-lead__subtitle br{display:none}}.l-lead__text{font-size:13px;line-height:2;letter-spacing:.15em;font-family:dnp-shuei-gothic-gin-std,sans-serif;padding-bottom:49px}@media screen and (max-width:840px){.l-lead__text{padding-bottom:40px}}.layout-list{display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width:840px){.layout-list{display:block}}.layout-list li{width:calc(50% - 15px)}@media screen and (max-width:840px){.layout-list li{width:100%}}.list-img{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:10px}.list-img-left{width:61.44578%;position:relative}.list-img-left img{width:100%}.list-img-left__recommend a{content:"";width:70px;height:20px;top:0;right:0;position:absolute}.list-img-left__recommend a img{width:100%}.list-img-right{width:38.55422%;position:relative;cursor:pointer}.list-img-right img{width:100%}.ic-large{width:16px;height:16px;display:block;position:absolute;right:0;bottom:0}.ic-large img{width:100%}.list-title{font-family:dnp-shuei-mincho-pr6n,sans-serif;font-size:14px;line-height:40px;color:#404040;padding-bottom:64px;letter-spacing:.15em}@media screen and (max-width:840px){.list-title{padding-bottom:53px}}@media screen and (max-width:840px){.layout-list li:last-child .list-title{padding-bottom:0}}.list-num{font-size:18px;font-family:adobe-garamond-pro,serif;border-right:1px solid #eaeaea;line-height:40px;width:37px;display:inline-block;margin-right:16px;color:#829687}.recommend-list{padding-bottom:0}.recommend-list{display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width:840px){.recommend-list{display:block}}.recommend-list li{width:calc(50% - 15px);padding:0;padding-bottom:80px}@media screen and (max-width:840px){.recommend-list li{width:calc(100% - 16px);padding:0;padding-bottom:53px}}.recommend-item__subtitle{font-family:dnp-shuei-mincho-pr6n,sans-serif;font-size:16px;line-height:20px;letter-spacing:.08em;color:#2e2e2e;text-align:left;padding-left:10px;border-left:3px solid #be86a3}@media screen and (max-width:840px){.recommend-item__subtitle{font-size:12px;line-height:16px;padding-left:8px}}.recommend-item__title{font-family:dnp-shuei-mincho-pr6n,sans-serif;font-size:18px;line-height:calc(44/18*1em);letter-spacing:.08em;color:#2e2e2e;text-align:left;padding-bottom:8px}@media screen and (max-width:840px){.recommend-item__title{font-size:16px;padding-bottom:6px}}.recommend-img{position:relative;width:61.44578%;margin-right:auto;margin-bottom:24px}@media screen and (max-width:840px){.recommend-img{margin-bottom:12px}}.recommend-img img{width:100%}.recommend-btn__wrap{display:flex;justify-content:flex-start}button.btn__popup{background-color:#be86a3;width:143px;text-align:left;font-size:12px;font-family:dnp-shuei-gothic-gin-std,sans-serif;font-feature-settings:"palt";letter-spacing:.1em;line-height:32px;padding-left:14px;padding-right:32px;color:#fff;position:relative}@media screen and (max-width:840px){button.btn__popup{width:120px}}button.btn__popup::before{content:"";position:absolute;right:11px;top:15px;width:17px;height:4px;background-image:url(/inc/img/layout/ic_more_recommend.svg);background-repeat:no-repeat;background-size:contain}.btn__watchMovie{outline:0;color:#6d6d6d;border:1px solid #c6c6c6;background-color:transparent;width:104px;margin-left:11px;font-size:10px;font-feature-settings:"palt";letter-spacing:.1em;line-height:32px;border-radius:19px;font-family:dnp-shuei-gothic-gin-std,sans-serif;display:block;position:relative;text-indent:18px;text-align:left}@media screen and (max-width:840px){.btn__watchMovie{margin-left:6px}}.btn__watchMovie::before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:5px 0 5px 6px;border-color:transparent transparent transparent #bababa;top:11px;right:18px}.img-left{width:68.30986%;border:1px solid #eee;box-sizing:border-box}@media screen and (max-width:840px){.img-left{width:100%;margin-bottom:10px}}.img-left img{width:100%}.img-right{width:30.28169%}@media screen and (max-width:840px){.img-right{width:100%}}.img-right img{width:100%}.link-movie{display:flex;justify-content:space-between;padding:10px;background-color:#f1f1f1;align-items:center;margin-top:10px}@media screen and (max-width:840px){.link-movie{display:block;padding:25px}}.link-movie img{width:40.31746%}@media screen and (max-width:840px){.link-movie img{width:100%}}.link-movie .link-movie-text{width:54.92063%;font-family:dnp-shuei-mincho-pr6n,sans-serif;line-height:1.8em;font-size:13px}@media screen and (max-width:840px){.link-movie .link-movie-text{padding-top:20px;width:100%;font-size:14px;text-align:center;line-height:1em}.link-movie .link-movie-text br{display:none}}.recommend-list-text{padding-bottom:40px}.recommend-list-text ul li{font-size:13px;font-family:dnp-shuei-gothic-gin-std,sans-serif;line-height:2em;position:relative;padding-left:16px;border-top:none;border-bottom:none;letter-spacing:.15em}.recommend-list-text ul li::before{content:"";width:4px;height:4px;background-color:#c0cac3;border-radius:2px;position:absolute;top:11px;left:0}.recommend-list-text ul li:last-child{border-bottom:none}.l-contents__recommend{position:relative;padding-top:169px;padding-left:0;padding-bottom:106px}@media screen and (max-width:840px){.l-contents__recommend{padding-top:98px;padding-bottom:0}.l-contents__recommend .s-title__area{padding-top:0}}.l-contents__recommend .l-contents__recommendInner{width:100%;margin-left:39px;padding-left:calc(150 / 1440 * 100vw - 20px);padding-top:124px;border-top:28px solid #d0b4c2;border-left:12px solid #d0b4c2;display:flex}@media screen and (max-width:840px){.l-contents__recommend .l-contents__recommendInner{display:block;margin-left:0;padding-left:calc(50 / 750 * 100%);box-sizing:border-box;border-top:14px solid #d0b4c2;border-left:6px solid #d0b4c2;padding-top:62px}}.l-contents__recommend .s-wrapper__title::after{display:none}@media screen and (max-width:840px){.l-contents__recommend .s-wrapper__title br{display:none}}.l-contents__recommend .s-wrapper__subtitle{font-size:18px;color:#829687;line-height:35px}.l-contents__recommend .s-wrapper__subtitle--jp{font-size:13px;color:#767676;line-height:22px;letter-spacing:.15em;font-family:dnp-shuei-mincho-pr6n,sans-serif}@media screen and (max-width:840px){.l-contents__recommend .s-wrapper__subtitle--jp br.forPC{display:none}}.l-contents__recommend .l-lead__text{padding-bottom:34px}.popup-base{position:fixed;top:0;left:0;width:100%;height:0%;transition:opacity .5s ease,z-index 0s;background-color:rgba(0,0,0,.5);z-index:9500}.popup-base__show{height:100%}.popup{position:fixed;top:-100%;left:calc(50% - 200px);display:flex;justify-content:center;align-items:center;z-index:9600;opacity:0;transition:opacity .4s}.popup__show{top:calc(50% - 200px);left:calc(50% - 200px);opacity:1}@media screen and (max-width:840px){.popup__show{left:25px}}.popup-iiner{width:400px;padding:37px;position:relative;background-color:#fff}@media screen and (max-width:840px){.popup-iiner{width:calc(100vw - 110px);padding:30px}}.popup-iiner img{width:100%}.popup-iiner .bt-close{position:absolute;top:-57px;right:0;width:37px;height:37px;cursor:pointer}@media screen and (max-width:840px){.popup-iiner .bt-close{top:-52px;width:32px;height:32px}}.popup-iiner .bt-close img{width:100%}.main__lock{position:fixed;z-index:1}.popup-layout{width:712px;position:fixed;display:flex;justify-content:center;align-items:center;z-index:9600;left:-100vw;opacity:0;transition:opacity .4s;background-color:#fff;transition:opacity .8s,left 0s;transition-delay:0s,.8s}@media screen and (max-width:840px){.popup-layout{width:calc(100% - 20px)}}.popup-layout__show{top:calc(50% - 304px);left:calc(50% - 380px);opacity:1;transition:opacity .8s,left 0s;transition-delay:.8s,0}@media screen and (max-width:840px){.popup-layout__show{top:calc(50% - 250px);left:10px}}.popup-layout__recommend{border:12px solid #d0b4c2;box-sizing:border-box}@media screen and (max-width:840px){.popup-layout__recommend{border:6px solid #d0b4c2}}.popup-layout__recommend .bt-close{top:-58px;right:0;position:absolute}.popup-layoutInner{padding:58px 40px 38px 40px}@media screen and (max-width:840px){.popup-layoutInner{padding:24px 18px;max-height:calc(100vh - 200px);overflow-y:auto;-webkit-overflow-scrolling:touch}}.popup-layoutInner1,.popup-layoutInner2,.popup-layoutInner3,.popup-layoutInner4,.popup-layoutInner5{display:none}.popup-layoutInner__show{display:block}.popup-layout__img{width:100%;width:calc(390/602*100%);margin-left:auto}@media screen and (max-width:840px){.popup-layout__img{width:100%;margin-bottom:24px}}.popup-layout__img img{width:100%}@media screen and (max-width:840px){.popup-layout__img img{width:90%;display:block;margin-left:auto;margin-right:auto}}.popup-layout__txtWrap{transform:translateY(-10px)}@media screen and (max-width:840px){.popup-layout__txtWrap{transform:translateY(0)}}.popup-layout__subtitle{font-family:dnp-shuei-mincho-pr6n,sans-serif;font-size:20px;letter-spacing:.2em;line-height:2.65em;color:#404040;padding-bottom:5px;border-bottom:1px solid #ddd}@media screen and (max-width:840px){.popup-layout__subtitle{font-size:16px;line-height:2.2em}}.popup-layout__title{font-family:dnp-shuei-mincho-pr6n,sans-serif;font-size:13px;line-height:19px;letter-spacing:.2em;color:#404040;padding-left:10px;border-left:3px solid #be86a3}@media screen and (max-width:840px){.popup-layout__title{font-size:12px;line-height:16px}}.popup-layout__list{padding-top:18px}.popup-layout__list li{font-family:dnp-shuei-gothic-gin-std,sans-serif;font-size:13px;line-height:calc(28/13*1em);letter-spacing:.15em;color:#404040;padding-left:14px;position:relative;color:#767676}@media screen and (max-width:840px){.popup-layout__list li{font-size:12px;line-height:1.8em;padding-bottom:4px;letter-spacing:.12em}}.popup-layout__list li::before{content:"";background-color:#404040;width:3px;height:3px;border-radius:50%;position:absolute;left:0;top:13px}@media screen and (max-width:840px){.popup-layout__list li::before{width:2px;height:2px;top:10px}}.popup-movie{position:fixed;width:51.24451vw;height:28.69693vw;left:-100%;z-index:9600;opacity:0;transition:opacity .8s,left 0s;transition-delay:0s,.8s;display:table;vertical-align:center}.popup-movie__show{opacity:1;transition-delay:.8s,0s;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-movie-inner{position:relative;width:100%;height:100%}@media screen and (max-width:840px){.popup-movie-inner{width:calc(100vw - 50px);height:calc((100vw - 50px)*.56)}}.popup-movie-inner .bt-close-movie{position:absolute;top:-57px;right:0;width:37px;height:37px;cursor:pointer}@media screen and (max-width:840px){.popup-movie-inner .bt-close-movie{top:-52px;width:32px;height:32px}}.popup-movie-inner .bt-close-movie img{width:100%}.frame-wrapper__video{position:relative;width:100%;height:100%;overflow:hidden}.frame-wrapper__video iframe{width:100%;height:100%;position:absolute;top:0;left:0}.l-contents__wrapper{display:flex;margin-left:80px;background-color:#e3eee6;box-sizing:border-box}.l-contents__wrapper.l-contents__high{background-color:#d4ded6}@media screen and (max-width:1024px){.l-contents__wrapper{margin-left:calc(50 / 750 * 100%)}}@media screen and (max-width:840px){.l-contents__wrapper{display:block;width:auto}}.l-title__area{min-width:300px;flex:0 1 420px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:840px){.l-title__area{width:100%;padding:27px 0 27px}}.l-title__block{text-align:center}@media screen and (max-width:840px){.l-price{display:flex;align-items:baseline}}.l-price__detaile{font-size:24px;line-height:1.33333;letter-spacing:.05em;font-family:dnp-shuei-mincho-pr6n,sans-serif}@media screen and (max-width:840px){.l-price__detaile{font-size:22px;line-height:1.45455}}.l-price__detaile span{font-size:12px}.l-price__total{font-size:12px;letter-spacing:.05em;font-family:dnp-shuei-mincho-pr6n,sans-serif}.l-wrapper__subtitle{margin-top:8px;font-size:13px;line-height:2.07692;letter-spacing:.15em;font-family:dnp-shuei-gothic-gin-std,sans-serif;text-align:center}@media screen and (max-width:840px){.l-wrapper__subtitle{margin-top:0;font-size:11px;line-height:1.5}}.l-contents__area{flex:1 1 auto}@media screen and (max-width:840px){.l-contents__area{width:100%}}.l-product{display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px 5px 5px 0;box-sizing:border-box}@media screen and (max-width:840px){.l-product{padding:0 5px}}.l-product__item{position:relative;width:calc((100% - 10px)/ 3)}@media screen and (max-width:840px){.l-product__item{width:calc((100% - 5px)/ 2);margin-bottom:5px}}@media screen and (min-width:840px){.l-product__item:nth-child(1){order:1}.l-product__item:nth-child(2){order:4;margin-top:5px}.l-product__item:nth-child(3){order:2}.l-product__item:nth-child(4){order:5;margin-top:5px}.l-product__item:nth-child(5){order:3}.l-product__item:nth-child(6){order:6;margin-top:5px}.l-product__item:hover .l-product__image{opacity:0}}.l-contents__high .l-product__item.l-product__item--noitem{background-color:#c5d3c9}@media screen and (min-width:840px){.l-contents__high .l-product__item:nth-child(1){order:1;margin-top:0}.l-contents__high .l-product__item:nth-child(2){order:2;margin-top:0}.l-contents__high .l-product__item:nth-child(3){order:5;margin-top:5px}.l-contents__high .l-product__item:nth-child(4){order:3;margin-top:0}.l-contents__high .l-product__item:nth-child(5){order:6;margin-top:5px}.l-contents__high .l-product__item:nth-child(6){order:4;margin-top:5px}}.l-product__image{position:relative;z-index:1;transition:opacity .6s ease 0s}.l-product__image img{width:100%;height:auto;display:block}.l-product__imageHover{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}@media screen and (max-width:840px){.l-product__imageHover{display:none}}.l-product__imageHover img{width:100%;height:auto;display:block}.l-product__text{position:absolute;z-index:1;left:0;bottom:calc(40 / 310 * 100%);width:100%;text-align:center;font-size:13px;line-height:2;letter-spacing:.15em;font-family:dnp-shuei-gothic-gin-std,sans-serif}@media screen and (max-width:840px){.l-product__text{display:none}}.c-nav__listItem{width:100%;margin-left:calc(10 / 1280 * 100%);background-color:#fff}@media screen and (max-width:840px){.c-nav__listItem{width:100%;margin-left:0;margin-top:10px}}.c-nav__listItem:first-child{margin-left:0}@media screen and (max-width:840px){.c-nav__listItem:first-child{margin-top:0}}
/*# sourceMappingURL=layout.css.map */