@charset "UTF-8";.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.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}}.pi-content__movie+.pi-content__casestudy{padding-top: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;padding-bottom:0}}@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{position:relative;padding-top:20px;left:0;width:100%;padding-right:calc(50 / 750* 100vw);padding-left:calc(100 / 750* 100vw);box-sizing:border-box}}.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:7px}}.pi-content__movie{padding-top:160px;padding-bottom:155px}@media screen and (max-width:1024px){.pi-content__movie{padding-top:0;padding-bottom:0;position:relative;padding-right:calc(50 / 750* 100%)}.pi-content__movie:after{content:"";width:calc(100vw + 50 / 750* 100vw);height:1px;background-color:#ddd;position:absolute;z-index:1;left:calc(-50 / 750* 100vw)}}.pi-content__movie .s-wrapper__subtitle{margin-bottom:20px}.wrap-movie{width:calc(100% - 80px);margin-right:80px}@media screen and (max-width:840px){.wrap-movie{width:93.333%;display:block}}.wrap-movie p{font-family:dnp-shuei-mincho-pr6n,sans-serif;font-size:13px;line-height:calc(30/13*1em);letter-spacing:.1em;padding-bottom:14px}@media screen and (max-width:840px){.wrap-movie p{font-size:11px;line-height:2em;padding-bottom:21px}}.wrap-movie button{width:276px;background-color:#fff;font-family:dnp-shuei-mincho-pr6n,sans-serif;font-size:16px;line-height:47px;letter-spacing:.15em;text-align:center;font-feature-settings:"palt"}@media screen and (max-width:1024px){.wrap-movie button{margin-left:auto;margin-right:auto}}@media screen and (max-width:840px){.wrap-movie a{display:block;width:256px;margin-left:auto;margin-right:auto;margin-bottom:48px}}.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%)}}.pi-content__movie+.pi-content__samplePlan{padding-top:0}.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}}.co-title__area{width:272px}@media screen and (max-width:840px){.co-title__area{width:100%}}.co-content__area{width:calc(100% - 272px)}@media screen and (max-width:840px){.co-content__area{width:100%}}.co-contents__variation{padding-top:116px}@media screen and (max-width:840px){.co-contents__variation{padding-top:60px}}@media screen and (max-width:840px){.co-contents__variation .s-title__area{padding-top:0;padding-bottom:0;margin-bottom:49px}}.co-contents__variation--padBottom{padding-bottom:116px}@media screen and (max-width:840px){.co-contents__variation--padBottom{padding-bottom:60px}}.co-variation__subtitle{font-size:20px;line-height:1.4;letter-spacing:.15em;margin-bottom:29px;font-family:dnp-shuei-mincho-pr6n,sans-serif}@media screen and (max-width:840px){.co-variation__subtitle{font-size:19px;line-height:1.57895em;margin-bottom:21px}}.co-variation__text{font-size:13px;line-height:2;letter-spacing:.15em;font-family:dnp-shuei-gothic-gin-std,sans-serif;margin-bottom:7px}@media screen and (max-width:1440px){.co-variation__text{margin-bottom:18px}}@media screen and (max-width:840px){.co-variation__text{margin-bottom:0}}.inpage-link{display:flex;justify-content:space-between;width:99.4%;max-width:710px;padding-top:32px}@media screen and (max-width:840px){.inpage-link{display:block;width:100%}}.inpage-link a{display:block;position:relative;background-color:#f1f1f1;width:calc((100% - 20px)/ 2);line-height:50px;font-family:dnp-shuei-mincho-pr6n,sans-serif;letter-spacing:.15em;font-size:13px;text-align:center}@media screen and (max-width:840px){.inpage-link a{width:100%;margin-bottom:10px}}.inpage-link a:after{content:"";width:12px;height:7px;background-image:url(/inc/img/color/arrow_pagelink.svg);background-size:cover;background-repeat:no-repeat;right:18px;top:22px;position:absolute}.inpage-link a:last-child{margin-bottom:0}.co-content__button{position:relative;display:block;width:300px;height:50px;margin-left:auto;border:1px solid #c0cac3;font-size:13px;letter-spacing:.1em;box-sizing:border-box;transition:all .5s;padding:0 10px;text-align:center}@media screen and (max-width:840px){.co-content__button{width:100%;margin-bottom:0}}.co-content__button>span{line-height:50px;font-family:dnp-shuei-gothic-gin-std,sans-serif;transition:all .5s}@media all and (-ms-high-contrast:none){.co-content__button>span{line-height:60px}}.co-content__button:hover{opacity:1}.co-content__button:hover span{color:#829687;transition:all .5s}@media screen and (max-width:1024px){.co-content__colorType{padding-bottom:0}.co-content__colorType.co-content__colorType--twotone{padding-bottom:48px}}.co-content__colorType--twotone{padding-bottom:120px}@media screen and (max-width:1024px){.co-content__colorType--twotone .s-title__area{padding-top:45px}}#colorlist{position:relative;border-top:1px solid #f1f1f1}@media screen and (max-width:840px){#colorlist .s-title__area{margin-bottom:0;padding-bottom:0}}#special{padding-top:0}@media screen and (max-width:840px){#special{padding-top:0;margin-top:0}}#stone{padding-top:118px}@media screen and (max-width:840px){#stone{padding-top:0;margin-top:0}}#wood{padding-top:118px}@media screen and (max-width:840px){#wood{padding-top:0;margin-top:0}}#solid{padding-top:118px;padding-bottom:118px}@media screen and (max-width:840px){#solid{padding-bottom:59px;padding-top:0;margin-top:0}}.co-content__colorType--padBottom{padding-bottom:118px}@media screen and (max-width:840px){.co-content__colorType--padBottom{padding-bottom:59px}}.co-content__colorType--padBottom .box__colorsimulation{margin-left:270px;padding-top:0}@media screen and (max-width:840px){.co-content__colorType--padBottom .box__colorsimulation{margin-left:0}}.colorsimulation__note{text-align:left;font-size:10px;line-height:1.8em;letter-spacing:.12em;font-family:dnp-shuei-gothic-gin-std,sans-serif;padding-top:8px}.co-colorType__title{font-size:18px;line-height:1.5;font-family:dnp-shuei-mincho-pr6n,sans-serif;letter-spacing:.15em}.co-colorType__title span{font-size:14px}@media screen and (max-width:840px){.co-colorType__title{font-size:17px;line-height:1.75}}.co-colorType__text{font-size:13px;line-height:2;letter-spacing:.15em;font-family:dnp-shuei-gothic-gin-std,sans-serif;margin-bottom:24px}@media screen and (max-width:840px){.co-colorType__text{margin-bottom:21px;padding-right:calc(50 / 750 * 100%);box-sizing:border-box}}@media all and (-ms-high-contrast:none){.co-colorType__text{line-height:2px}}.co-colorType__attention{font-size:12px}.plan-picture{width:100%;padding-bottom:45px}.plan-picture img{width:100%}.plan-pictureCaption{text-align:right;padding-top:8px;font-size:12px;line-height:1.33333;letter-spacing:.06em;font-family:dnp-shuei-gothic-gin-std,sans-serif;padding-right:16px}.co-colorType__slideWrapper{position:relative;margin-bottom:24px}@media screen and (max-width:840px){.co-colorType__slideWrapper{margin-bottom:34px}}.co-colorType__slideNumber{position:absolute;bottom:0;right:139px;font-size:12px;letter-spacing:.1em;color:#a2a2a2;font-family:dnp-shuei-gothic-gin-std,sans-serif}@media screen and (max-width:840px){.co-colorType__slideNumber{right:67px}}.co-colorType__slide{padding-bottom:44px}@media screen and (max-width:840px){.co-colorType__slide{padding-bottom:30px}}.co-colorType__slide .slick-arrow{position:absolute;bottom:-3px;top:auto}.co-colorType__slide .slick-prev{right:242px}@media screen and (max-width:840px){.co-colorType__slide .slick-prev{right:151px}}.co-colorType__slide .slick-next{right:80px}@media screen and (max-width:840px){.co-colorType__slide .slick-next{right:25px}}.co-colorType__slideItem{padding-top:62.5%}.co-colorType__slideItem img{display:block;font-family:"object-fit:cover";-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0}.co-colorType__colorTitle{font-size:16px;line-height:1.75;letter-spacing:.15em;margin-bottom:18px;font-family:dnp-shuei-mincho-pr6n,sans-serif}@media screen and (max-width:840px){.co-colorType__colorTitle{margin-bottom:16px;font-size:17px;line-height:1.75}}.co-colorType__colorList{width:100%;display:flex;justify-content:flex-start;max-width:780px;grid-column-gap:18px;-moz-column-gap:18px;column-gap:18px;grid-row-gap:18px;row-gap:18px;flex-wrap:wrap}@media screen and (max-width:840px){.co-colorType__colorList{font-size:0;flex-wrap:wrap;width:93.333%}}.co-colorType__colorList .co-colorType__colorListItem:last-child img{border:1px solid #eaeaea;box-sizing:border-box}.co-colorType__colorListItem{max-width:90px}@media screen and (max-width:840px){.co-colorType__colorListItem{width:calc(33.3% - 12px);display:block;vertical-align:top}.co-colorType__colorListItem:first-child{margin-left:0}}.co-colorType__colorListItem--black{position:relative}.co-colorType__colorListItem--black .colorText__black{color:#bababa;letter-spacing:.04em;text-align:justify;padding-top:4px}.co-colorType__colorImg{width:100%;height:auto;display:block;margin-bottom:8px}@media screen and (max-width:840px){.co-colorType__colorImg{margin-bottom:14px}}.co-colorType__colorText{text-align:center;font-size:12px;line-height:1.33333;letter-spacing:.06em;font-family:dnp-shuei-gothic-gin-std,sans-serif}@media screen and (max-width:840px){.co-colorType__colorText{font-size:11px;line-height:1.25;letter-spacing:.1em}.co-colorType__colorText br{display:none}.co-colorType__colorText .sp{display:block}}.co-colorType__colorText span{display:block;font-size:10px}.c-nav__listItem{width:calc(50% - 5 / 1280 * 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}}.link__tumblr{text-align:right;padding:0 20px 0 0;font-size:13px;line-height:1em;margin-top:20px;max-width:1200px}@media screen and (max-width:840px){.link__tumblr{margin-top:40px;text-align:center;margin-right:calc(50 / 750 * 100%)}}.link__tumblr a{display:inline-block;position:relative;padding-right:16px;letter-spacing:.08em;font-family:dnp-shuei-mincho-pr6n,sans-serif}.link__tumblr a::before{content:"";position:absolute;width:11px;height:12px;background-image:url(/inc/img/common/blank2.svg);background-size:contain;background-repeat:no-repeat;right:0;top:1px}.s-contents__wrapper--colorCondition{border-top:1px solid #f1f1f1;padding-top:118px;padding-bottom:96px}@media screen and (max-width:840px){.s-contents__wrapper--colorCondition{padding-top:0;margin-top:0;padding-bottom:60px}}.s-contents__wrapper--colorCondition+.s-contents__wrapper--colorCondition{padding-top:0;border-top:none}@media screen and (max-width:840px){.s-contents__wrapper--colorCondition+.s-contents__wrapper--colorCondition .s-title__area{display:none}}.s-contents__wrapper--colorCondition:last-child{padding-bottom:210px}@media screen and (max-width:840px){.s-contents__wrapper--colorCondition:last-child{padding-bottom:105px}}.colorCondition__2column{display:flex;justify-content:space-between}@media screen and (max-width:840px){.colorCondition__2column{display:block}}.colorCondition__left{width:calc(440/860*100%)}@media screen and (max-width:840px){.colorCondition__left{width:93.333%}}.colorCondition__left h3{font-size:16px;line-height:1.75;letter-spacing:.15em;margin-bottom:18px;font-family:dnp-shuei-mincho-pr6n,sans-serif}@media screen and (max-width:840px){.colorCondition__left h3{margin-bottom:16px;font-size:17px;line-height:1.75}}.colorCondition__right{width:calc(390/860*100%)}@media screen and (max-width:840px){.colorCondition__right{width:93.333%}}.colorCondition__right img{width:100%}.colorCondition__list{list-style:disc;padding-left:1em}@media screen and (max-width:840px){.colorCondition__list{width:100%;padding-bottom:24px}}.colorCondition__list li{padding-bottom:1em;font-size:13px;line-height:2;letter-spacing:.15em;font-family:dnp-shuei-gothic-gin-std,sans-serif;position:relative}#simulation{border-top:1px solid #f1f1f1;padding-bottom:118px}@media screen and (max-width:840px){#simulation{padding-bottom:60px}}#simulation .s-text__area{max-width:none}#coordinate{border-top:1px solid #f1f1f1;padding-bottom:118px}@media screen and (max-width:840px){#coordinate{padding-bottom:60px}}#coordinate .s-text__area{max-width:none}.co-contents__coordinationList{display:flex;justify-content:flex-start;flex-wrap:wrap;grid-column-gap:80px;-moz-column-gap:80px;column-gap:80px;grid-row-gap:80px;row-gap:80px}@media screen and (max-width:840px){.co-contents__coordinationList{grid-column-gap:0;-moz-column-gap:0;column-gap:0;grid-row-gap:60px;row-gap:60px}}.co-contents__coordinationList li{width:calc(50% - 40px)}@media screen and (max-width:840px){.co-contents__coordinationList li{width:100%}}.co-contents__coordinationList li img{width:100%}.coordinationList__name{text-align:left;font-size:12px;line-height:1.33333;letter-spacing:.06em;font-family:dnp-shuei-gothic-gin-std,sans-serif;padding-top:8px}@media screen and (max-width:840px){.coordinationList__name{font-size:11px;line-height:1.25;letter-spacing:.1em}}.co-evaltbox{display:flex;justify-content:space-between;padding:45px 45px;background-color:#f8f8f8;align-items:center;margin-top:90px;align-items:center;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px}@media screen and (max-width:840px){.co-evaltbox{display:block;padding:32px 24px;margin-top:60px}}.evalt__logo{width:130px}@media screen and (max-width:840px){.evalt__logo{width:110px;display:block;margin-left:auto;margin-right:auto;margin-bottom:18px}}.evalt__txt{width:270px;text-align:left;font-family:adobe-garamond-pro,serif;font-size:12px;line-height:calc(30/14*1em);color:#404040;letter-spacing:.15em}@media screen and (max-width:840px){.evalt__txt{width:100%;text-align:left;font-size:12px;line-height:2em;margin-bottom:18px}}.evalt__btn a{display:flex;justify-content:center;background-color:#fff;width:240px;min-width:180px;font-family:adobe-garamond-pro,serif;font-size:12px;letter-spacing:.24em;line-height:56px}@media screen and (max-width:840px){.evalt__btn a{width:100%;min-width:none}}@media screen and (max-width:840px){.page-color .box__colorsimulation{width:100%;padding-top:0}}@media screen and (max-width:840px){.page-color .box__colorsimulation .colorsimulation__leadtxt{text-align:left}}@media screen and (max-width:840px){.page-color .box__colorsimulation .colorsimulation__btn{width:100%}}