@charset "UTF-8";.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.bottom-\[80px\]{bottom:80px}.left-0{left:0}.right-\[20px\]{right:20px}.top-0{top:0}.z-10{z-index:10}.z-20{z-index:20}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-px20rem{margin-top:1.25rem;margin-bottom:1.25rem}.mb-0{margin-bottom:0}.mt-px10rem{margin-top:.625rem}.mt-px23rem{margin-top:1.4375rem}.mt-px30rem{margin-top:1.875rem}.mt-px40rem{margin-top:2.5rem}.mt-px50rem{margin-top:3.125rem}.mt-px80rem{margin-top:5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.h-full{height:100%}.h-px13rem{height:.8125rem}.h-px24rem{height:1.5rem}.h-px40rem{height:2.5rem}.w-full{width:100%}.w-px120rem{width:7.5rem}.w-px175rem{width:10.9375rem}.w-px24rem{width:1.5rem}.max-w-full{max-width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.border{border-width:1px}.border-solid{border-style:solid}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.\!bg-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}.bg-\[\#47859c\]{--tw-bg-opacity: 1;background-color:rgb(71 133 156 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.fill-gnav-navy{fill:#005773}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.px-0{padding-left:0;padding-right:0}.py-px50rem{padding-top:3.125rem;padding-bottom:3.125rem}.text-center{text-align:center}.text-px10rem{font-size:.625rem}.text-px11rem{font-size:.6875rem}.text-px16rem{font-size:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.leading-px40rem{line-height:2.5rem}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-80{opacity:.8}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--header-h: 60px;--vw: calc(100vw / 375);--full-h: calc(100vh - var(--header-h));@media (min-width: 1024px){--vw: calc(100vw / 1440)}}@media not all and (min-width: 1024px){.max-lg\:mx-auto{margin-left:auto;margin-right:auto}.max-lg\:hidden{display:none}}@media not all and (min-width: 750px){.max-md\:bottom-\[20px\]{bottom:20px}.max-md\:mb-px20rem{margin-bottom:1.25rem}.max-md\:mt-px34rem{margin-top:2.125rem}.max-md\:block{display:block}.max-md\:hidden{display:none}.max-md\:\!w-px345rem{width:21.5625rem!important}.max-md\:px-px15rem{padding-left:.9375rem;padding-right:.9375rem}.max-md\:pt-0{padding-top:0}.max-md\:pt-px20rem{padding-top:1.25rem}.max-md\:pt-px60rem{padding-top:3.75rem}}@media (min-width: 750px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:my-px70rem{margin-top:4.375rem;margin-bottom:4.375rem}.md\:hidden{display:none}.md\:h-px29rem{height:1.8125rem}.md\:h-px520rem{height:32.5rem}.md\:\!w-px396rem{width:24.75rem!important}.md\:\!w-px413rem{width:25.8125rem!important}.md\:w-px29rem{width:1.8125rem}.md\:max-w-px930rem{max-width:58.125rem}.md\:pt-0{padding-top:0}.md\:pt-px90rem{padding-top:5.625rem}}@media (min-width: 1024px){.lg\:relative{position:relative}.lg\:mt-0{margin-top:0}.lg\:box-border{box-sizing:border-box}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-px15rem{height:.9375rem}.lg\:w-full{width:100%}.lg\:w-px200rem{width:12.5rem}.lg\:min-w-px930rem{min-width:58.125rem}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:px-px40rem{padding-left:2.5rem;padding-right:2.5rem}.lg\:pb-px40rem{padding-bottom:2.5rem}.lg\:pt-px120rem{padding-top:7.5rem}.lg\:text-px12rem{font-size:.75rem}}.\[\&\>a\]\:mr-px10rem>a{margin-right:.625rem}.\[\&\>a\]\:min-w-px30rem>a{min-width:1.875rem}.\[\&\>img\]\:m-auto>img{margin:auto}.\[\&\>img\]\:w-auto>img{width:auto}@media not all and (min-width: 750px){.\[\&\>img\]\:max-md\:h-auto>img{height:auto}}@media (min-width: 750px){.\[\&\>img\]\:md\:h-px520rem>img{height:32.5rem}}.sustainable h1{margin-bottom:3.75rem;margin-top:2.125rem}@media not all and (min-width: 1024px){.sustainable h1{margin-top:1.875rem;margin-bottom:1.875rem}}.sustainable .note{color:#9fa0a0;text-align:center}.sustainable .note .link{color:#9fa0a0;text-decoration:underline}.sustainable .intro{margin-left:auto;margin-right:auto;margin-bottom:12.125rem;margin-top:0;width:100%;max-width:none;--tw-bg-opacity: 1;background-color:rgb(0 70 92 / var(--tw-bg-opacity, 1));padding-left:0;padding-right:0;padding-top:8.6875rem;padding-bottom:8.6875rem}@media not all and (min-width: 1024px){.sustainable .intro{margin-bottom:10rem;box-sizing:border-box;padding:5rem 2.1875rem}}.sustainable .intro p{text-align:center;font-family:游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,sans-serif;font-size:1rem;line-height:2.2;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media not all and (min-width: 1024px){.sustainable .intro p{font-size:.8125rem}}.sustainable .howtomake{position:relative;z-index:0;display:flex;justify-content:space-between}@media not all and (min-width: 1024px){.sustainable .howtomake{margin-bottom:3.125rem}}@media (min-width: 1024px){.sustainable .howtomake{margin-bottom:6.25rem}}@media (width <= 1023px){.sustainable .howtomake{overflow-x:hidden;overflow-x:clip}}.sustainable .howtomake .fade-in-mask-left-2>*>*{transform:translate3d(-100%,0,0)}.sustainable .howtomake .fade-in-mask-left-2.is-animated>*>*{transform:translateZ(0)}.sustainable .howtomake h2{position:absolute;right:-3.5vw;top:-3.2rem;z-index:10;text-align:left;font-family:miller-banner;font-size:4.75rem;font-weight:300;font-style:italic;line-height:1;letter-spacing:0em;--tw-text-opacity: 1;color:rgb(0 70 92 / var(--tw-text-opacity, 1))}.sustainable .howtomake:nth-of-type(1){flex-direction:row-reverse}.sustainable .howtomake:nth-of-type(1) .howtomake__image{position:relative;right:0;z-index:10;width:47.222vw}@media (width <= 1023px){.sustainable .howtomake:nth-of-type(1) .howtomake__image{position:absolute;width:61.6vw}}.sustainable .howtomake:nth-of-type(1) .howtomake__image>figure>img{display:block}.sustainable .howtomake:nth-of-type(1) .howtomake__content{position:relative;box-sizing:border-box;display:flex;width:100%;align-items:flex-end;justify-content:flex-end;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:0;padding-right:0;padding-top:14vh;padding-bottom:14vh}@media not all and (min-width: 1024px){.sustainable .howtomake:nth-of-type(1) .howtomake__content{padding-bottom:0}}@media (min-width: 1024px){.sustainable .howtomake:nth-of-type(1) .howtomake__content{padding-bottom:6.8vw}}@media (width <= 1023px){.sustainable .howtomake:nth-of-type(1) .howtomake__content{width:100%}}@media (width <= 768px){.sustainable .howtomake:nth-of-type(1) .howtomake__content{padding-bottom:0}}@media (width <= 1023px){.sustainable .howtomake:nth-of-type(1) .howtomake__content:after{display:block;padding-bottom:21%;content:""}}@media (width <= 768px){.sustainable .howtomake:nth-of-type(1) .howtomake__content:after{padding-bottom:65%}}.sustainable .howtomake:nth-of-type(1) .howtomake__content>div{width:100%}@media (width <= 1023px){.sustainable .howtomake:nth-of-type(1) .howtomake__content>div{position:absolute;top:auto;bottom:0;left:0;box-sizing:border-box;width:200%;padding:0 20px;border-top:solid 1px #6594a0}}@media (width <= 768px){.sustainable .howtomake:nth-of-type(1) .howtomake__content>div{padding-top:32px}}.sustainable .howtomake:nth-of-type(1) .howtomake__content>div>p{padding-right:2.8125rem;text-align:right;font-family:ヒラギノ明朝 ProN W3,Hiragino Mincho ProN W3,HiraMinProN-W3,ヒラギノ明朝 ProN,Hiragino Mincho ProN,ヒラギノ明朝 Pro,Hiragino Mincho Pro,HGS明朝E,ＭＳ Ｐ明朝,MS PMincho,serif;font-size:1.625rem;font-weight:300;line-height:1.8;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}@media (width <= 1023px){.sustainable .howtomake:nth-of-type(1) .howtomake__content>div>p:nth-child(1){position:relative;z-index:10;box-sizing:border-box;font-family:Hiragino Mincho ProN;font-size:19px;text-align:left}.sustainable .howtomake:nth-of-type(1) .howtomake__content h2{position:absolute;right:auto;left:37px;z-index:10;box-sizing:border-box;text-align:center;font-family:miller-banner;font-size:3rem;line-height:48px;--tw-text-opacity: 1;color:rgb(0 70 92 / var(--tw-text-opacity, 1));top:0}}@media (width <= 768px){.sustainable .howtomake:nth-of-type(1) .howtomake__content h2{top:-3rem}}@media (min-width: 1024px){.sustainable .howtomake:nth-of-type(1) .howtomake__content .howtomake__name{margin-top:2.5rem;display:flex;align-items:flex-end;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(0 70 92 / var(--tw-border-opacity, 1));padding-right:2.5rem;padding-top:2.5rem;text-align:right;flex-flow:column}}@media (width <= 1023px){.sustainable .howtomake:nth-of-type(1) .howtomake__content .howtomake__name{display:flex;flex-flow:column;align-items:flex-end;text-align:right}}.sustainable .howtomake:nth-of-type(1) .howtomake__content .howtomake__name>span{font-family:游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,sans-serif;font-size:.55rem;line-height:.55rem}.sustainable .howtomake:nth-of-type(1) .howtomake__content .howtomake__name>span:nth-child(1){margin-bottom:.5rem;font-size:1.0625rem;line-height:1.0625rem}.sustainable .howtomake:nth-of-type(1) .howtomake__content .howtomake__name>span:nth-child(2){margin-bottom:.5rem;font-family:Poppins,sans-serif}.sustainable .howtomake:nth-of-type(1) .howtomake__content .howtomake__name>span:nth-child(3){--tw-text-opacity: 1;color:rgb(159 160 160 / var(--tw-text-opacity, 1))}.sustainable .howtomake:nth-of-type(1) .howtomake__content .howtomake__name .link{margin-top:.375rem}@media (min-width: 1024px){.sustainable .howtomake:nth-of-type(1) .howtomake__content .howtomake__name .link{margin-top:.9375rem;flex-shrink:0}}.sustainable .popup{position:fixed;z-index:30;padding:0;inset:0;margin:auto;background:rgba(11,11,11,.8)}.sustainable .popup__content{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:4.625rem}@media not all and (min-width: 750px){.sustainable .popup__content{height:92vh;overflow-y:auto}}.sustainable .popup__content{position:absolute;inset:0;max-width:613px;height:-moz-fit-content;height:fit-content;min-height:495px;margin:auto}@media (width <= 1023px){.sustainable .popup__content{min-height:297px}}@media (width <= 768px){.sustainable .popup__content{padding:10% 6% 6%}}.sustainable .popup__content__image{margin-bottom:1.25rem;position:absolute;top:0;left:0;width:100%;height:100%}.sustainable .popup__content__image-container{position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden}.sustainable .popup__content__image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sustainable .popup__content>div{text-align:center;font-family:miller-banner;font-weight:400;line-height:1}@media not all and (min-width: 750px){.sustainable .popup__content>div{font-size:.8125rem}}@media (min-width: 750px){.sustainable .popup__content>div{font-size:1.125rem}}.sustainable .popup__close{position:absolute;right:0;top:0;z-index:10;display:block;height:1.875rem;width:1.875rem;cursor:pointer}.sustainable .popup__close:before,.sustainable .popup__close:after{position:absolute;left:50%;top:50%;display:block;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-content: "";content:var(--tw-content);transform:translate(-50%,-50%) rotate(45deg)}.sustainable .popup__close:before{height:.0625rem;width:1.25rem}.sustainable .popup__close:after{height:1.25rem;width:.0625rem}.sustainable .popup__arrow-left,.sustainable .popup__arrow-right{position:absolute;top:50%;z-index:20;display:block;height:3.75rem;width:3.75rem;cursor:pointer}@media not all and (min-width: 750px){.sustainable .popup__arrow-left,.sustainable .popup__arrow-right{height:2.1875rem;width:2.1875rem}}.sustainable .popup__arrow-left,.sustainable .popup__arrow-right{transform:translateY(-50%)}.sustainable .popup__arrow-left:before,.sustainable .popup__arrow-right:before{position:absolute;top:50%;display:block;height:2.1875rem;width:2.1875rem;border-right-width:1px;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));--tw-content: "";content:var(--tw-content)}@media not all and (min-width: 750px){.sustainable .popup__arrow-left:before,.sustainable .popup__arrow-right:before{height:1.25rem;width:1.25rem}}.sustainable .popup__arrow-left{left:0}.sustainable .popup__arrow-left:before{left:50%;transform:translate(-15%,-50%) rotate(-135deg)}.sustainable .popup__arrow-right{right:0}.sustainable .popup__arrow-right:before{right:50%;transform:translate(15%,-50%) rotate(45deg)}.sustainable.root{--space-1: calc(var(--vw) * 100);display:grid;grid-template:"copy" max-content "." var(--space-1) "link-area" max-content/1fr}@media (min-width: 1024px){.sustainable.root{--space-1: max(140px, calc(var(--vw) * 140))}}.sustainable .copy{position:sticky;grid-area:copy}.sustainable .copy .img{position:sticky;top:var(--header-h);z-index:-1;height:var(--full-h);background-image:url(/assets/img/dress/sustainable/fv-sp.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover}@media (min-width: 1024px){.sustainable .copy .img{background-image:url(/assets/img/dress/sustainable/fv-pc.jpg)}}.sustainable .copy .text{display:flex;flex-direction:column;row-gap:calc(var(--vw) * 50);min-height:var(--full-h);padding-inline:calc(var(--vw) * 35);font-size:calc(var(--vw) * 16);font-style:normal;font-weight:500;line-height:1.8;color:#fff;text-align:center}@media (min-width: 1024px){.sustainable .copy .text{row-gap:min(50px,var(--vw) * 50);justify-content:center;height:var(--full-h);padding-bottom:10vh;font-size:16px;line-height:2.125}}.sustainable .picture{display:block;width:100%;height:100%}.sustainable .picture img{display:block;width:100%;height:calc(100vh - var(--header-h));-o-object-fit:cover;object-fit:cover}.sustainable.root .link-area{grid-area:link-area;margin-top:0}.sustainable.root .link-area .title{margin:0}.sustainable .link-area{--pad-x: 7.5;--gap: 15;display:grid;grid-template:"title" max-content "." calc(var(--vw) * 40) "links" max-content/1fr;gap:var(--gap);padding-inline:calc(var(--vw) * var(--pad-x));margin-top:var(--space-1);--space-1: calc(var(--vw) * 100)}@media (min-width: 1024px){.sustainable .link-area{--space-1: max(140px, calc(var(--vw) * 140));--pad-x: 15;--gap: 15}}.sustainable .link-area .title{grid-area:title;margin-top:30px;margin-bottom:30px;font-family:miller-banner;font-size:calc(var(--vw) * 35);font-style:normal;font-weight:300;line-height:1;color:#000;text-align:center}@media (min-width: 1024px){.sustainable .link-area .title{margin-top:34px;margin-bottom:60px;font-size:35px}}.sustainable .link-area .links{display:flex;flex-direction:column;grid-area:links;gap:calc(var(--vw) * 15)}@media (min-width: 1024px){.sustainable .link-area .links{flex-direction:row;justify-content:center;max-width:1440px;margin-inline:auto}}.sustainable .link-area .item{width:100%;overflow:clip}@media (min-width: 1024px){.sustainable .link-area .item{width:33%}}.sustainable .link-area .item.coming-soon{display:block;aspect-ratio:1 / 1}@media not all and (min-width: 750px){.sustainable .link-area .item.coming-soon{aspect-ratio:412/241}}.sustainable .link-area .item.coming-soon{background-color:#00465c}.sustainable .link-area .item.coming-soon>.link:before{display:none}.sustainable .link-area .link{position:relative;display:block;width:100%;height:100%}.sustainable .link-area .link:before{position:absolute;inset:0;z-index:9;display:block;width:100%;height:100%;content:"";background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.2))}.sustainable .link-area .link:hover .img{transform:scale(1.1)}.sustainable .link-area .text{position:absolute;top:calc(50% - .5em);left:50%;z-index:10;font-family:miller-banner;font-size:calc(var(--vw) * 39);font-style:italic;font-weight:300;line-height:1;color:#fff;text-align:center;text-transform:uppercase;white-space:nowrap;transform:translate(-50%)}@media (min-width: 1024px){.sustainable .link-area .text{font-size:47px}}.sustainable .link-area .text.coming-soon{font-family:miller-banner;font-style:normal;text-transform:none}@media (min-width: 1024px){.sustainable .link-area .text.coming-soon{font-size:37px}}.sustainable .link-area .img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-property:transform}.botanicaldye .intro{display:flex;flex-direction:row;justify-content:space-evenly}@media (width <= 1023px){.botanicaldye .intro{--pad-x: 35;--pad-y: 100;display:flex;flex-direction:column;row-gap:calc(var(--vw) * 35);padding:calc(var(--vw) * var(--pad-y)) calc(var(--vw) * var(--pad-x))!important}}.botanicaldye .intro .title{margin:0;font-family:miller-banner;font-size:76px;font-style:italic;font-weight:300;line-height:1;color:#fff;text-align:left}@media (width <= 1023px){.botanicaldye .intro .title{font-size:calc(var(--vw) * 48)}}.botanicaldye .intro .text{--gap-y: 35;display:flex;flex-direction:column;row-gap:calc(var(--vw) * var(--gap-y));align-self:stretch}@media (min-width: 1024px){.botanicaldye .intro .text{width:40%}.botanicaldye .intro .text__wrap{max-width:34.722vw}}.botanicaldye .intro .text p{text-align:left;font-size:.875rem;font-weight:500;line-height:1.78571;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.botanicaldye .intro .text p:not(:first-child){margin-top:1.875rem}@media (width <= 768px){.botanicaldye .howtomake:nth-of-type(1) .howtomake__content{padding-top:20vh}}@media (width <= 375px){.botanicaldye .howtomake:nth-of-type(1) .howtomake__content{padding-top:25vh}}@media not all and (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(2){display:block}}@media (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(2){justify-content:center;gap:7.292vw}.botanicaldye .howtomake:nth-of-type(2) .howtomake__image{display:flex;max-width:26.25rem}}@media not all and (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(2) .howtomake__image .fade-in-mask-left-2{width:64vw}}.botanicaldye .howtomake:nth-of-type(2) .howtomake__content{box-sizing:border-box;width:100%}@media not all and (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(2) .howtomake__content{margin-bottom:3.125rem;box-sizing:border-box;padding-left:3.75rem;padding-right:3.75rem;padding-bottom:0;padding-top:3.125rem}}@media (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(2) .howtomake__content{display:flex;flex-basis:27.778vw;flex-direction:column;align-items:flex-end;justify-content:center}}.botanicaldye .howtomake:nth-of-type(2) .howtomake__content p{font-size:.875rem;font-weight:500;line-height:1.75rem}@media (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(2) .howtomake__content p{width:25rem}}.botanicaldye .howtomake:nth-of-type(3){flex-direction:row-reverse}@media not all and (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(3){display:block}}@media (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(3){justify-content:center;gap:3.472vw}.botanicaldye .howtomake:nth-of-type(3) .howtomake__image{display:flex;max-width:33.75rem}}@media not all and (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(3) .howtomake__image .fade-in-mask-left-2{width:84vw}}.botanicaldye .howtomake:nth-of-type(3) .howtomake__content{box-sizing:border-box;width:100%}@media not all and (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(3) .howtomake__content{margin-bottom:3.125rem;box-sizing:border-box;padding-left:3.75rem;padding-right:3.75rem;padding-bottom:0;padding-top:3.125rem}}@media (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(3) .howtomake__content{display:flex;flex-basis:27.778vw;flex-direction:column;align-items:flex-end;justify-content:center}.botanicaldye .howtomake:nth-of-type(3) .howtomake__content>div{padding-right:5.9375rem}}.botanicaldye .howtomake:nth-of-type(3) .howtomake__content p{font-size:.875rem;font-weight:500;line-height:1.75rem}@media (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(3) .howtomake__content p{width:25rem}}@media not all and (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(4){display:block}}@media (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(4){justify-content:flex-start;gap:7.292vw}.botanicaldye .howtomake:nth-of-type(4) .howtomake__image{display:flex;max-width:42.5rem}}@media not all and (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(4) .howtomake__image .fade-in-mask-left-2{margin-left:13%;width:87%}}.botanicaldye .howtomake:nth-of-type(4) .howtomake__content{box-sizing:border-box;width:100%}@media not all and (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(4) .howtomake__content{margin-bottom:6.25rem;box-sizing:border-box;padding-left:3.75rem;padding-right:3.75rem;padding-bottom:0;padding-top:3.75rem}}@media (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(4) .howtomake__content{display:flex;flex-basis:27.778vw;flex-direction:column;align-items:flex-end;justify-content:center}}.botanicaldye .howtomake:nth-of-type(4) .howtomake__content p{margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:2.1875rem;font-size:.875rem;font-weight:500;line-height:1.75rem}@media (min-width: 1024px){.botanicaldye .howtomake:nth-of-type(4) .howtomake__content p{width:25rem}.botanicaldye .howtomake:nth-of-type(4) .howtomake__content p:nth-child(1){margin:0 auto 30px}}@media not all and (min-width: 1024px){.botanicaldye .dress-area-container{margin-top:3.125rem}}.botanicaldye .dress-area{--gap-y: 40;display:flex;flex-direction:column;row-gap:calc(var(--vw) * var(--gap-y))}@media (min-width: 1024px){.botanicaldye .dress-area{--gap-y: 50}}.botanicaldye .dress-area:nth-child(n+2){margin-top:5.75rem}@media not all and (min-width: 1024px){.botanicaldye .dress-area:nth-child(n+2){margin-top:5rem}}.botanicaldye .dress-area .title{text-align:center;font-family:miller-banner;font-size:2.1875rem;font-weight:300;font-style:italic;line-height:1;--tw-text-opacity: 1;color:rgb(101 148 160 / var(--tw-text-opacity, 1))}@media (min-width: 1024px){.botanicaldye .dress-area .title{font-size:3.25rem}}.botanicaldye .dress-area .subtitle{margin-top:.9375rem;text-align:center;font-family:游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,sans-serif;font-size:.875rem;font-weight:500;line-height:1.5;--tw-text-opacity: 1;color:rgb(146 148 149 / var(--tw-text-opacity, 1))}@media (min-width: 1024px){.botanicaldye .dress-area .subtitle{margin-top:.625rem;font-size:1rem;line-height:1.5rem}}.botanicaldye .dress-area .list{--gap-y: 70;display:flex;flex-direction:column;row-gap:calc(var(--vw) * var(--gap-y))}@media (min-width: 1024px){.botanicaldye .dress-area .list{--gap-y: 50}}.botanicaldye .dress-area .item{--pad-x: calc(var(--vw) * 35);display:grid;grid-template:"pic pic pic" max-content ". . ." calc(var(--vw) * 40) ". color ." max-content ". . ." calc(var(--vw) * 30) ". desc ." max-content ". . ." calc(var(--vw) * 30) ". btn ." max-content/var(--pad-x) 1fr var(--pad-x)}@media (min-width: 1024px){.botanicaldye .dress-area .item{--col-w: calc(100% * 120 / 1440);--gap-x: calc(var(--vw) * 120);grid-template:"pic . . ." calc(var(--vw) * 124) "pic . color ." max-content "pic . . ." calc(var(--vw) * 30) "pic . desc ." max-content "pic . . ." calc(var(--vw) * 30) "pic . btn ." max-content "pic . . ." calc(var(--vw) * 124)/50% var(--col-w) 1fr var(--col-w)}.botanicaldye .dress-area .item:nth-child(2n){grid-template:". . . pic" calc(var(--vw) * 124) ". color . pic" max-content ". . . pic" calc(var(--vw) * 30) ". desc . pic" max-content ". . . pic" calc(var(--vw) * 30) ". btn . pic" max-content ". . . pic" calc(var(--vw) * 124)/var(--col-w) 1fr var(--col-w) 50%}}.botanicaldye .dress-area .item .pic{grid-area:pic}.botanicaldye .dress-area .item .color{grid-area:color;font-family:miller-banner;font-size:calc(var(--vw) * 30);font-style:normal;font-weight:300;line-height:1}@media (min-width: 1024px){.botanicaldye .dress-area .item .color{font-size:40px}}.botanicaldye .dress-area .item .color.color1-1st{color:#6b444d}.botanicaldye .dress-area .item .color.color2-1st{color:#806750}.botanicaldye .dress-area .item .color.color3-1st{color:#507d4f}.botanicaldye .dress-area .item .color.color1-2nd{color:#7c4238}.botanicaldye .dress-area .item .color.color2-2nd{color:#738050}.botanicaldye .dress-area .item .color.color3-2nd{color:#8b6541}.botanicaldye .dress-area .item .desc{grid-area:desc;font-size:calc(var(--vw) * 14);font-style:normal;font-weight:500;line-height:1.78571;color:#000}@media (min-width: 1024px){.botanicaldye .dress-area .item .desc{font-size:14px}}.botanicaldye .dress-area .item .btn{display:flex;grid-area:btn;gap:calc(var(--vw) * 10);align-items:center;justify-content:center;width:calc(var(--vw) * 247);padding:calc(var(--vw) * 13) calc(var(--vw) * 37);margin-inline:auto;font-size:calc(var(--vw) * 11);font-style:normal;font-weight:700;line-height:normal;color:#000;text-align:center;cursor:pointer;background-color:transparent;border:1px solid #000}@media (min-width: 1024px){.botanicaldye .dress-area .item .btn{display:flex;gap:10px;width:322px;padding:20px 83px;margin-inline:0;font-size:12px;line-height:1}}.upcycle .kv{position:relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:top center}.upcycle .kv>picture{opacity:0}.upcycle .kv:after{position:absolute;left:0;top:0;display:block;height:100%;width:100%;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-content: "";content:var(--tw-content);transition:transform .6s ease 0s;transform:translate(0)}.upcycle .kv.is-animated:after{transform:translate(100%)}.upcycle .intro>p:nth-of-type(1){margin-bottom:3.125rem;letter-spacing:.15em}.upcycle .intro>p:nth-of-type(n+2){margin-bottom:2.5rem;letter-spacing:.05em}@media not all and (min-width: 1024px){.upcycle .intro>p:nth-of-type(n+2){margin:0}}@media (width <= 1023px){.upcycle .howtomake:nth-of-type(1) .howtomake__content>div{position:static}.upcycle .howtomake:nth-of-type(1) .howtomake__content>div>p:nth-child(1){margin-top:52%}.upcycle .howtomake:nth-of-type(1) .howtomake__content .howtomake__name{align-items:flex-start;margin-top:50px}}.upcycle .howtomake:nth-of-type(1) .howtomake__content .howtomake__name .howtomake__link .howtomake__detail{display:flex;align-items:flex-start;gap:10px}.upcycle .howtomake:nth-of-type(1) .howtomake__content .howtomake__name .howtomake__link .howtomake__detail img{width:1.5rem}.upcycle .howtomake:nth-of-type(1) .howtomake__content .howtomake__name .howtomake__link .howtomake__detail .howtomake__description{text-align:left;font-weight:500;line-height:1.5rem}.upcycle .howtomake:nth-of-type(1) .howtomake__content .howtomake__name .howtomake__link .howtomake__detail .howtomake__description .howtomake__text{font-size:.875rem}.upcycle .howtomake:nth-of-type(1) .howtomake__content .howtomake__name .howtomake__link .howtomake__detail .howtomake__description .howtomake__copyright{font-size:.75rem}@media not all and (min-width: 1024px){.upcycle .howtomake:nth-of-type(2){flex-wrap:wrap}}@media (min-width: 1024px){.upcycle .howtomake:nth-of-type(2){justify-content:flex-start;gap:7.292vw}}@media not all and (min-width: 1024px){.upcycle .howtomake:nth-of-type(2) .howtomake__image{order:2}}@media (min-width: 1024px){.upcycle .howtomake:nth-of-type(2) .howtomake__image{display:flex;max-width:42.5rem}}@media not all and (min-width: 1024px){.upcycle .howtomake:nth-of-type(2) .howtomake__image .fade-in-mask-left-2{margin-right:13%;width:87%}}.upcycle .howtomake:nth-of-type(2) .howtomake__content{box-sizing:border-box;width:100%}@media not all and (min-width: 1024px){.upcycle .howtomake:nth-of-type(2) .howtomake__content{order:1;margin-bottom:0;box-sizing:border-box;padding-left:3.75rem;padding-right:3.75rem;padding-bottom:0;padding-top:3.75rem}}@media (min-width: 1024px){.upcycle .howtomake:nth-of-type(2) .howtomake__content{display:flex;flex-basis:27.778vw;flex-direction:column;align-items:flex-end;justify-content:center}}.upcycle .howtomake:nth-of-type(2) .howtomake__content p{margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:2.1875rem;font-size:.875rem;font-weight:500;line-height:1.75rem}@media (min-width: 1024px){.upcycle .howtomake:nth-of-type(2) .howtomake__content p{width:25rem}.upcycle .howtomake:nth-of-type(2) .howtomake__content p:nth-child(1){margin-bottom:1.875rem}}@media not all and (min-width: 1024px){.upcycle .howtomake:nth-of-type(2) .howtomake__content p:nth-child(2){display:none}}@media (min-width: 1024px){.upcycle .howtomake:nth-of-type(3){display:none}}.upcycle .howtomake:nth-of-type(3) .howtomake__content{width:100%}.upcycle .howtomake:nth-of-type(3) .howtomake__content>div p{margin:0 auto auto;font-size:.875rem;font-weight:500;line-height:1.75rem}@media not all and (min-width: 1024px){.upcycle .howtomake:nth-of-type(3) .howtomake__content>div p{max-width:66.667vw}}@media (min-width: 1024px){.upcycle .howtomake:nth-of-type(3) .howtomake__content>div p{margin-bottom:2.1875rem;max-width:37.5rem}.upcycle .howtomake:nth-of-type(3) .howtomake__content>div p:nth-child(1){margin-bottom:1.875rem}}.upcycle .howtomake:nth-of-type(4) .howtomake__image{margin:auto;width:100%}@media not all and (min-width: 1024px){.upcycle .howtomake:nth-of-type(4) .howtomake__image{max-width:100%}}@media (min-width: 1024px){.upcycle .howtomake:nth-of-type(4) .howtomake__image{max-width:54.375rem}}.upcycle .howtomake:nth-of-type(5) .howtomake__content{width:100%}.upcycle .howtomake:nth-of-type(5) .howtomake__content>div p{margin:0 auto auto;margin-bottom:2.1875rem;font-size:.875rem;font-weight:500;line-height:1.75rem}@media not all and (min-width: 1024px){.upcycle .howtomake:nth-of-type(5) .howtomake__content>div p{max-width:66.667vw}}@media (min-width: 1024px){.upcycle .howtomake:nth-of-type(5) .howtomake__content>div p{max-width:37.5rem}.upcycle .howtomake:nth-of-type(5) .howtomake__content>div p:nth-child(1){margin-bottom:1.875rem}}.upcycle .howtomake:nth-of-type(6){flex-direction:row-reverse}@media not all and (min-width: 1024px){.upcycle .howtomake:nth-of-type(6){display:block}}@media (min-width: 1024px){.upcycle .howtomake:nth-of-type(6){justify-content:center}.upcycle .howtomake:nth-of-type(6) .howtomake__image{display:flex}}@media not all and (min-width: 1024px){.upcycle .howtomake:nth-of-type(6) .howtomake__image .fade-in-mask-left-2{width:87%}}.upcycle .howtomake:nth-of-type(6) .howtomake__content{box-sizing:border-box;width:100%}@media not all and (min-width: 1024px){.upcycle .howtomake:nth-of-type(6) .howtomake__content{margin-bottom:6.25rem;box-sizing:border-box;padding-left:3.75rem;padding-right:3.75rem;padding-bottom:0;padding-top:3.125rem}}@media (min-width: 1024px){.upcycle .howtomake:nth-of-type(6) .howtomake__content{display:flex;flex-basis:80%;flex-direction:column;align-items:flex-end;justify-content:center}.upcycle .howtomake:nth-of-type(6) .howtomake__content>div{padding-right:5.9375rem}}.upcycle .howtomake:nth-of-type(6) .howtomake__content p{margin-left:auto;margin-right:auto;margin-top:0;font-size:.875rem;font-weight:500;line-height:1.75rem}@media (min-width: 1024px){.upcycle .howtomake:nth-of-type(6) .howtomake__content p{margin-bottom:2.1875rem;width:28.472vw}}@media not all and (min-width: 1024px){.upcycle .howtomake:nth-of-type(6) .howtomake__content p:nth-child(1){margin-bottom:2.1875rem}}@media (min-width: 1024px){.upcycle .howtomake:nth-of-type(6) .howtomake__content p:nth-child(1){margin-bottom:1.875rem}}.upcycle .upcycled{padding:0 5px}@media (min-width: 1024px){.upcycle .upcycled{padding:0 30px}}.upcycle .upcycled .title{grid-area:title;font-family:miller-banner;font-size:42px;font-style:italic;color:#6594a0}@media (min-width: 1024px){.upcycle .upcycled .title{font-size:52px}}.upcycle .upcycled__items{display:flex;gap:5px;justify-content:space-between;margin-top:40px}@media (min-width: 1024px){.upcycle .upcycled__items{gap:20px}}@media (width <= 767px){.upcycle .upcycled__items{flex-wrap:wrap}}.upcycle .upcycled__items .item{flex-basis:25%}@media (width <= 767px){.upcycle .upcycled__items .item{flex-basis:49%}}.upcycle .archives{padding:0 5px;margin-top:80px}@media (min-width: 1024px){.upcycle .archives{padding:0 30px}}.upcycle .archives .title{grid-area:title;font-family:miller-banner;font-size:42px;font-style:italic;color:#6594a0}@media (min-width: 1024px){.upcycle .archives .title{font-size:52px}}.upcycle .archives__items{display:flex;gap:15px;margin-top:40px}@media (width <= 767px){.upcycle .archives__items{flex-wrap:wrap}}.upcycle .archives__items .item{flex-basis:100%}@media (min-width: 1024px){.upcycle .archives__items .item{flex-basis:33%}}.upcycle .note{margin-top:80px}@supports (-webkit-appearance: none) and (hanging-punctuation: first){.howtomake__copyright .copy-icon{font-size:1.375rem!important;vertical-align:bottom!important}}