.designerInfo{position:relative}@media screen and (min-width: 768px){.designerInfo{padding-left:345px}}@media screen and (min-width: 768px){.designerInfo__visual{width:260px}}@media screen and (max-width: 768px){.designerInfo__visual{width:180px}}@media screen and (max-width: 768px){.designerInfo__head .heading{font-size:15px}}@media screen and (max-width: 768px){.designerInfo__head+.designerInfo__visual{margin-top:34px}}@media screen and (min-width: 768px){.designerInfo__visual{left:0;position:absolute;top:0;width:240px}}@media screen and (max-width: 768px){.designerInfo__visual{padding:0 30px}}@media screen and (max-width: 768px){.designerInfo__visual .photo{width:180px}}.designerInfo__name{letter-spacing:.15em;line-height:1;margin-top:20px}@media screen and (min-width: 768px){.designerInfo__name{font-size:30px}}@media screen and (max-width: 768px){.designerInfo__name{font-size:25px}}.designerInfo__name .option{font-size:12px;letter-spacing:.15em;line-height:1.7}.designerInfo__name .option:before{content:'';margin-top:calc((1 - 1.7) * .5em)}.designerInfo__name .option:after{margin-bottom:calc((1 - 1.7) * .5em)}.designerInfo__name .option:before,.designerInfo__name .option:after{content:'';display:block;height:0;width:0}@media screen and (min-width: 768px){.designerInfo__name .option{display:inline-block}}@media screen and (max-width: 768px){.designerInfo__name .option{display:block}}@media screen and (min-width: 768px){.designerInfo__name .option .large{font-size:18px}}@media screen and (max-width: 768px){.designerInfo__name .option .large{font-size:15px}}@media screen and (min-width: 768px){.designerInfo__name .option+.option{margin-left:16px}}@media screen and (max-width: 768px){.designerInfo__name .option+.option{margin-top:16px}}.designerInfo__name .small{display:inline-block;font-family:YakuHanJP,"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:10px;letter-spacing:.15em}@media screen and (min-width: 768px){.designerInfo__name .small{padding-left:10px}}@media screen and (max-width: 768px){.designerInfo__intro{padding:0 30px}}.designerInfo__profile{border-top:1px solid #ffffff;margin-top:20px;padding-top:20px}.designerSect{background-color:#3e3a39;color:#ffffff;position:relative;z-index:1}@media screen and (min-width: 768px){.designerSect{margin-left:calc(50% - 50vw);padding:100px 120px}}@media screen and (max-width: 768px){.designerSect{margin-left:-30px;margin-right:-30px;padding:70px 30px;width:100vw}}.designerSect__ttl{align-items:center;background-color:#000000;display:flex;font-family:"EB Garamond",serif;height:40px;left:0;letter-spacing:.32em;position:absolute;top:0}@media screen and (min-width: 768px){.designerSect__ttl{font-size:26px;padding:0 32px;width:1200px}}@media screen and (max-width: 768px){.designerSect__ttl{font-size:20px;justify-content:center;text-align:center;width:100%}}.designerSect__inner{display:flex}@media screen and (min-width: 768px){.designerSect__inner{gap:105px;margin:0 0 0 auto;width:1080px}}@media screen and (max-width: 768px){.designerSect__inner{flex-direction:column-reverse;gap:60px}}@media screen and (min-width: 768px){.designerSect__head{width:319px}}@media screen and (max-width: 768px){.designerSect__head{padding:0 30px}}@media screen and (min-width: 768px){.designerSect__cont{flex:1}}@media screen and (min-width: 768px){.designerSect__block{margin-top:30px}}@media screen and (max-width: 768px){.designerSect__block{margin-top:34px;padding:0 30px}}@media screen and (min-width: 768px){.designerSect__block .heading+.txt{margin-top:30px}}@media screen and (max-width: 768px){.designerSect__block .heading+.txt{margin-top:20px}}@media screen and (max-width: 768px){.heading+.designerSect__block{margin-top:34px}}@media screen and (min-width: 768px){.designerSect--rev{margin-left:auto;margin-right:calc(50% - 50vw);margin-top:-40px}}@media screen and (max-width: 768px){.designerSect--rev{padding-top:100px}}@media screen and (min-width: 768px){.designerSect--rev .designerSect__inner{flex-direction:row-reverse;margin:0 auto 0 0}}.designerSect--replace{position:relative;z-index:1}@media screen and (max-width: 768px){.designerSect--replace{padding-bottom:60px}}@media screen and (min-width: 768px){.designerSect--replace .designerSect__cont .designerInfo{padding-left:unset;padding-right:345px}}@media screen and (min-width: 768px){.designerSect--replace .designerSect__cont .designerInfo__visual{left:unset;right:0}}.designerSect--tag{position:relative;z-index:1}@media screen and (max-width: 768px){.designerSect--tag{padding-top:110px}}.designerSect--tag:after{align-items:center;background-color:#0f0d0d;content:'DESIGNER';display:flex;letter-spacing:.32em;line-height:1;position:absolute;z-index:2}@media screen and (min-width: 768px){.designerSect--tag:after{height:40px;left:0;padding-left:10px;top:0;width:1200px}}@media screen and (max-width: 768px){.designerSect--tag:after{height:40px;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100%}}.designKeyVisual{position:relative;width:100%;z-index:1}@media screen and (min-width: 768px){.designKeyVisual{height:calc(800 / 1440 * 100vw)}}@media screen and (max-width: 768px){.designKeyVisual{height:694px}}.designKeyVisual__inner{position:relative;width:100%;z-index:1}@media screen and (min-width: 768px){.designKeyVisual__inner{height:calc(800 / 1440 * 100vw)}}@media screen and (max-width: 768px){.designKeyVisual__inner{height:694px}}.designKeyVisual__ttl{color:#666666;font-family:"YakuHanMP","Noto Serif JP","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;letter-spacing:.15em;line-height:2;position:absolute;white-space:nowrap;width:-moz-fit-content;width:fit-content;writing-mode:vertical-rl;z-index:3}@media screen and (min-width: 768px){.designKeyVisual__ttl{font-size:calc(22 / 1440 * 100vw);right:calc(145 / 1440 * 100vw);top:calc(200 / 1440 * 100vw)}}@media screen and (max-width: 768px){.designKeyVisual__ttl{font-size:20px;right:32px;top:124px}}.designKeyVisual__ttl .t{display:inline-block;opacity:0;visibility:hidden;will-change:opacity, visibility}.designKeyVisual__ttl .b{display:inline-block;left:.7em;position:relative;top:-.7em}.designKeyVisual__ttl .k-first,.designKeyVisual__ttl .k-end{display:inline-block;line-height:1;text-align:center;transform:rotate(90deg)}.designKeyVisual__light{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.designKeyVisual__light .photo{height:100%;width:100%}.designKeyVisual__light .photo__pic,.designKeyVisual__light .photo__image{height:100%;width:100%}.designKeyVisual__light .photo__image{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0%;object-position:50% 0%;will-change:object-position}.designKeyVisual.is-end .designKeyVisual__light{opacity:1;visibility:visible}.designKeyVisual.is-end .designKeyVisual__light .photo__image{-o-object-position:50% 100%;object-position:50% 100%}.designKeyVisual.is-end .designKeyVisual__dark{opacity:0;visibility:hidden}.designKeyVisual.is-end .designKeyVisual__dark .photo__image{-o-object-position:50% 100%;object-position:50% 100%}.designKeyVisual.is-end .designKeyVisual__ttl .t{opacity:1;visibility:visible}@media screen and (min-width: 768px){.facadeFeature .verticalStack .generalSect__cont{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}@media screen and (max-width: 768px){.facadeFeature .verticalStack .generalSect__cont{margin-left:-30px;width:100vw}}.generalSect__head+.facadeFeature .verticalStack .generalSect__cont{margin-top:40px}@media screen and (min-width: 768px){.facadeFeature .verticalStack .generalSect__bottom{margin-top:40px}}@media screen and (max-width: 768px){.facadeFeature .verticalStack .generalSect__bottom{margin-top:40px}}@media screen and (min-width: 768px){.facadeFeature .verticalStack .generalSect__bottom .heading+.txt{margin-top:40px}}@media screen and (max-width: 768px){.facadeFeature .verticalStack .generalSect__bottom .heading+.txt{margin-top:34px}}@media screen and (max-width: 768px){.facadeFeature .verticalStack .generalSect__bottom .txt{padding:0 30px}}@media screen and (min-width: 768px){.materialFeature{margin-left:auto;margin-right:auto;width:990px}}.materialFeature .verticalStack .generalSect__cont .relatedBox{background-color:#beab98}@media screen and (max-width: 768px){.materialFeature .verticalStack .generalSect__cont .relatedBox{margin-left:-30px;margin-right:-30px}}.materialFeature .verticalStack .generalSect__cont .relatedBox:not(:first-child){margin-top:60px}.materialFeature .verticalStack .generalSect__cont .relatedBox:nth-child(2){background-color:#a8b194}.materialFeature .verticalStack .generalSect__cont .relatedBox:nth-child(3){background-color:#b5b5b6}@media screen and (min-width: 768px){.materialFeature .verticalStack .generalSect__cont .relatedBox .arrangeLayout .generalSect{gap:60px}}@media screen and (min-width: 768px){.materialFeature .verticalStack .generalSect__cont .relatedBox .arrangeLayout .generalSect__head{width:465px}}@media screen and (min-width: 768px){.materialFeature .verticalStack .generalSect__cont .relatedBox .arrangeLayout .generalSect__cont{width:465px}}@media screen and (max-width: 768px){.materialFeature .verticalStack .generalSect__cont .relatedBox .arrangeLayout .generalSect__cont{margin-right:-30px}}@media screen and (min-width: 768px){.materialFeature .verticalStack .generalSect__cont .relatedBox .arrangeLayout .generalSect__cont .txt{padding-right:0}}@media screen and (min-width: 768px){.materialFeature .verticalStack .generalSect__cont .relatedBox .arrangeLayout .generalSect--rev{flex-direction:row-reverse}}@media screen and (max-width: 768px){.materialFeature .verticalStack .generalSect__cont .relatedBox .arrangeLayout .generalSect--rev .generalSect__cont{margin-left:-30px;margin-right:0}}@media screen and (min-width: 768px){.materialFeature .verticalStack .generalSect__bottom{margin-top:140px}}@media screen and (max-width: 768px){.materialFeature .verticalStack .generalSect__bottom{margin-top:120px}}.materialFeature .verticalStack .generalSect__bottom .relatedBox{background-color:#3e3a39;color:#ffffff}@media screen and (max-width: 768px){.materialFeature .verticalStack .generalSect__bottom .relatedBox{margin-left:-30px;margin-right:-30px}}.materialFeature .verticalStack .generalSect__bottom .relatedBox .primaryTtl{color:#ffffff}.materialFeature .verticalStack .generalSect__bottom .relatedBox .primaryTtl:after{background-color:currentColor}.materialGrid{display:grid}@media screen and (min-width: 768px){.materialGrid{gap:10px;grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 768px){.materialGrid{grid-template-columns:repeat(2, 1fr);margin-left:-30px;width:100vw}}@media screen and (min-width: 768px){.materialGrid__item:nth-child(2){grid-column:3 / 4;grid-row:1 / 2}}@media screen and (min-width: 768px){.materialGrid__item:nth-child(3){grid-column:2 / 3;grid-row:1 / 2}}.materialGrid__item--txt{background-color:#3e3a39;color:#ffffff}@media screen and (min-width: 768px){.materialGrid__item--txt{padding:35px 40px}}@media screen and (max-width: 768px){.materialGrid__item--txt{grid-column:1 /3;padding:24px 32px}}@media screen and (min-width: 768px){.materialGrid__item--txt .heading{font-size:18px}}@media screen and (max-width: 768px){.materialGrid__item--txt .heading{font-size:15px}}@media screen and (min-width: 768px){.materialGrid__item--txt .heading+.txt{margin-top:35px}}@media screen and (max-width: 768px){.materialGrid__item--txt .heading+.txt{margin-top:34px}}@media screen and (min-width: 768px){.materialGrid__item--txt .txt{font-size:14px;letter-spacing:.001em}}.materialGrid__item--visual{--transition-delay: 2s;position:relative;z-index:1}@media screen and (min-width: 768px){.materialGrid__item--visual .photo{-webkit-mask-image:linear-gradient(180deg, rgba(255,255,255,0) 25%, #fff 33%, #fff 66%, rgba(255,255,255,0) 75%);mask-image:linear-gradient(180deg, rgba(255,255,255,0) 25%, #fff 33%, #fff 66%, rgba(255,255,255,0) 75%);-webkit-mask-position:100% 100%;mask-position:100% 100%;-webkit-mask-size:100% 400%;mask-size:100% 400%}}@media screen and (max-width: 768px){.materialGrid__item--visual .photo{-webkit-mask-image:linear-gradient(90deg, rgba(255,255,255,0) 25%, #fff 33%, #fff 66%, rgba(255,255,255,0) 75%);mask-image:linear-gradient(90deg, rgba(255,255,255,0) 25%, #fff 33%, #fff 66%, rgba(255,255,255,0) 75%);-webkit-mask-position:100% 50%;mask-position:100% 50%;-webkit-mask-size:400% 100%;mask-size:400% 100%}}.materialGrid.sai-animate .materialGrid__item--visual .photo{transition:4s cubic-bezier(0.43, 0.02, 0.05, 1) var(--transition-delay)}@media screen and (min-width: 768px){.materialGrid.sai-animate .materialGrid__item--visual .photo{-webkit-mask-position:100% 50%;mask-position:100% 50%}}@media screen and (max-width: 768px){.materialGrid.sai-animate .materialGrid__item--visual .photo{-webkit-mask-position:50% 50%;mask-position:50% 50%}}@media screen and (min-width: 768px){.rhythmFeature{margin:0 auto;width:990px}}@media screen and (max-width: 768px){.rhythmFeature .generalSect__head{margin-left:-30px;width:100vw}}@media screen and (min-width: 768px){.rhythmFeature .generalSect__head+.generalSect__cont{margin-top:40px}}@media screen and (max-width: 768px){.rhythmFeature .generalSect__head+.generalSect__cont{margin-top:40px}}@media screen and (min-width: 768px){.rhythmFeature .generalSect__cont{text-align:center}}@media screen and (min-width: 768px){.rhythmFeature .generalSect__cont .heading+.txt{margin-top:40px}}@media screen and (max-width: 768px){.rhythmFeature .generalSect__cont .heading+.txt{margin-top:34px}}@media screen and (max-width: 768px){.rhythmFeature .generalSect__cont .txt{padding:0 30px}}.scaleVisual{position:relative;z-index:1}.scaleVisual__ttl{color:#ffffff;font-family:"YakuHanMP","Noto Serif JP","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;letter-spacing:.15em;line-height:2;position:absolute;white-space:nowrap;writing-mode:vertical-rl;z-index:2}@media screen and (min-width: 768px){.scaleVisual__ttl{font-size:22px;left:calc(140 / 1440 * 100vw);top:calc(127 / 1440 * 100vw)}}@media screen and (max-width: 768px){.scaleVisual__ttl{font-size:20px;left:30px;top:40px}}.scaleVisual__ttl .t{display:inline-block;filter:blur(1em);opacity:0;transition:filter .8s ease-out, opacity .2s ease-out}.scaleVisual__ttl .b{display:inline-block;left:.7em;position:relative;top:-.7em}.scaleVisual__image{overflow:hidden}.scaleVisual__image .photo__image{transition:transform 10s ease-in-out}.scaleVisual.sai-animate .scaleVisual__ttl .t{filter:blur(0);opacity:1}.scaleVisual.sai-animate .scaleVisual__image .photo__image{transform:scale(1.1)}@media screen and (min-width: 768px){.structureFeature .arrangeLayout{display:block}}@media screen and (min-width: 768px){.structureFeature .arrangeLayout:not(:first-child){margin-top:105px}}@media screen and (max-width: 768px){.structureFeature .arrangeLayout:not(:first-child){margin-top:70px}}@media screen and (min-width: 768px){.structureFeature .arrangeLayout .generalSect{align-items:center;flex-wrap:wrap;gap:105px;justify-content:space-between}}@media screen and (min-width: 768px){.structureFeature .arrangeLayout .generalSect__head{flex:1;min-width:360px}}@media screen and (min-width: 768px){.structureFeature .arrangeLayout .generalSect__head .txt{max-width:100%;padding-right:0}}@media screen and (min-width: 768px){.structureFeature .arrangeLayout .generalSect__head .txt+.photo{margin:60px auto 0;width:255px}}@media screen and (min-width: 768px){.structureFeature .arrangeLayout .generalSect__cont{width:570px}}@media screen and (max-width: 768px){.structureFeature .arrangeLayout .generalSect__cont .tabList{align-items:stretch}}.structureFeature .arrangeLayout .generalSect__cont .tabList__item{height:auto}@media screen and (max-width: 768px){.structureFeature .arrangeLayout .generalSect__cont .tabList__item{width:calc(50% - 3px)}}@media screen and (min-width: 768px){.viewCard{width:360px}}@media screen and (max-width: 768px){.viewCard{width:255px}}.viewCard .heading{color:#ffffff;font-family:YakuHanJP,"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:12px;text-align:center}.viewCard .heading+.photo{margin-top:10px}.viewFeature .verticalStack .generalSect__cont{background-color:#3e3a39}@media screen and (min-width: 768px){.viewFeature .verticalStack .generalSect__cont{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:20px 0 32px}}@media screen and (max-width: 768px){.viewFeature .verticalStack .generalSect__cont{margin-left:-30px;margin-right:-30px;padding:20px 0 30px;width:100vw}}.viewFeature .verticalStack .generalSect__cont .loopSlider{opacity:0;transition:opacity .5s ease-out 2.2s}.viewFeature .verticalStack .generalSect__cont.sai-animate .loopSlider{opacity:1}.viewFeature .verticalStack .generalSect__bottom{margin-top:10px}.viewFeature .verticalStack .generalSect__bottom .caption{text-align:right}@media screen and (min-width: 768px){.design-facade{padding:140px 0}}@media screen and (max-width: 768px){.design-facade{padding:70px 0 120px}}@media screen and (min-width: 768px){.design-structure{padding:0 0 140px}}@media screen and (max-width: 768px){.design-structure{padding:0 0 120px}}@media screen and (min-width: 768px){.design-view{padding:0 0 140px}}@media screen and (max-width: 768px){.design-view{padding:0 0 120px}}@media screen and (min-width: 768px){.design-publicSpace{padding:140px 0 0}}@media screen and (max-width: 768px){.design-publicSpace{padding:120px 0 0}}@media screen and (min-width: 768px){.design-dwelling{padding:140px 0 0}}@media screen and (max-width: 768px){.design-dwelling{padding:120px 0 0}}@media screen and (min-width: 768px){.design-greenGarden{padding:60px 0 0}}@media screen and (max-width: 768px){.design-greenGarden{padding:40px 0 0}}@media screen and (min-width: 768px){.design-planting{padding:100px 0 0}}@media screen and (max-width: 768px){.design-planting{padding:80px 0 0}}@media screen and (min-width: 768px){.design-material{padding:140px 0 0}}@media screen and (max-width: 768px){.design-material{padding:120px 0 0}}@media screen and (min-width: 768px){.design-lounge{padding:140px 0}}@media screen and (max-width: 768px){.design-lounge{padding:120px 0}}@media screen and (min-width: 768px){.design-designer{padding:140px 0}}@media screen and (max-width: 768px){.design-designer{padding:120px 0 70px}}
