body{font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif}.CS{font-family:"commuters-sans",sans-serif;font-weight:400;font-style:normal}.CSi{font-family:"commuters-sans",sans-serif;font-weight:400;font-style:italic}.CSB{font-family:"commuters-sans",sans-serif;font-weight:700;font-style:normal}.CSB_i{font-family:"commuters-sans",sans-serif;font-weight:700;font-style:italic}::-moz-selection{background-color:#43644d;color:#fff}::selection{background-color:#43644d;color:#fff}body.sub_page main{margin-top:80px}@media screen and (max-width: 769px),print{body.sub_page main{margin-top:70px}}header .logo{width:10%;position:fixed;top:35px;left:40px;z-index:1000}@media screen and (max-width: 769px),print{header .logo{width:25%;left:3%}}header .logo img{width:auto}header .logo.black img{filter:brightness(0) invert(1)}header .logo.active img{filter:brightness(0) invert(1)}header.sub_header{background:#fcf5f0;position:fixed;margin:auto;padding:0;width:100%;top:0;z-index:1001;transition:all .5s 0s ease;padding:1em 0;height:80px}@media screen and (max-width: 769px),print{header.sub_header{height:70px}}header.sub_header .logo{position:relative;width:10%;top:auto;left:40px}@media screen and (max-width: 769px),print{header.sub_header .logo{width:25%;left:3%}}@media screen and (max-width: 769px),print{header.sub_header .menu-btn{top:1.5em}}.menu-btn{position:fixed;top:35px;right:20px;z-index:20;display:grid;gap:6px;padding:12px;width:32px;height:24px;cursor:pointer}.menu-btn .menu-btn__line{position:absolute;left:0;width:100%;height:2px;background:#43644d;transition:transform .35s ease,opacity .25s ease}.menu-btn .menu-btn__line:nth-child(1){top:0}.menu-btn .menu-btn__line:nth-child(2){top:11px}.menu-btn .menu-btn__line:nth-child(3){bottom:0}.menu-btn.white .menu-btn__line{background:#fff}.menu-btn.start-white .menu-btn__line{background:#fff}.menu-btn.active .menu-btn__line{background:#fff}.menu-open .menu{opacity:1;pointer-events:auto;transform:scale(1)}.menu-open .menu-btn__line:nth-child(1){transform:translateY(11px) rotate(45deg)}.menu-open .menu-btn__line:nth-child(2){opacity:0}.menu-open .menu-btn__line:nth-child(3){transform:translateY(-11px) rotate(-45deg)}footer .scroll_list_wrap{font-size:1.3rem;line-height:1;position:fixed;bottom:5%;left:5%;z-index:5;overflow:hidden;height:40px;isolation:auto}@media screen and (max-width: 769px),print{footer .scroll_list_wrap{display:none}}footer .scroll_list_wrap .scroll_list{display:flex;flex-direction:column;align-items:flex-start;z-index:500;transition:.3s;font-size:min(4.2dvw,24px);position:relative;top:0;transition:top .5s ease}footer .scroll_list_wrap .scroll_list p{height:40px;line-height:40px;margin:0;color:#43644d;display:flex;font-family:"commuters-sans",sans-serif;gap:1em;font-weight:100}footer .scroll_list_wrap .scroll_list p img{width:60px}footer .scroll_list_wrap .scroll_list p.black{color:#fff !important}footer .scroll_list_wrap .scroll_list p.black img{filter:brightness(0) invert(1)}footer .scroll_list_wrap .scroll_list p a{display:flex;gap:1em}footer .scroll-progress{position:fixed;right:5%;bottom:5%;z-index:5;width:150px;height:3px;background:hsla(0,0%,100%,.15)}@media screen and (max-width: 769px),print{footer .scroll-progress{display:none}}footer .scroll-progress .scroll-progress__bar{display:block;width:100%;height:100%;background:#43644d;transform-origin:left center;transform:scaleX(0)}footer .scroll-progress.white .scroll-progress__bar{background:#fff}footer.subpage_footer{padding:5.5em 0;width:100%;color:#43644d;background:#fcf5f0}@media screen and (max-width: 769px),print{footer.subpage_footer{padding:3em 0 2em}}footer.subpage_footer ul{display:flex;flex-direction:row;justify-content:center;margin-bottom:1em;gap:.5em}@media screen and (max-width: 769px),print{footer.subpage_footer ul{flex-wrap:wrap}}footer.subpage_footer ul li{list-style:none}footer.subpage_footer ul li a{font-family:"commuters-sans",sans-serif;font-size:min(3.8dvw,20px);font-weight:300;color:#43644d;cursor:pointer}footer.subpage_footer small{display:block;text-align:center;font-family:"commuters-sans",sans-serif;font-size:min(3.8dvw,20px);font-weight:300;color:#43644d}.menu{position:fixed;inset:0;z-index:10;background:#43644d;opacity:0;pointer-events:none;transform:scale(1.02);transition:opacity .35s ease,transform .35s ease}.menu__inner{height:100%;display:grid;place-items:center}.menu__inner .menu__nav{display:flex;text-align:center;gap:3em}@media screen and (max-width: 769px),print{.menu__inner .menu__nav{flex-direction:column;gap:1.5em}}.menu__inner .menu__nav .menu__link{font-family:"commuters-sans",sans-serif;font-size:min(6dvw,42px);font-weight:300;color:#fff;display:flex;align-items:center}.menu__inner .menu__nav .menu__link .num{font-size:min(4.2dvw,24px)}.under_navcontents{position:fixed;bottom:2em;z-index:20;width:100%;color:#fff}.under_navcontents ul{display:flex;flex-direction:row;justify-content:center;margin-bottom:1em;gap:.5em}@media screen and (max-width: 769px),print{.under_navcontents ul{flex-wrap:wrap}}.under_navcontents ul li{list-style:none}.under_navcontents ul li a{font-family:"commuters-sans",sans-serif;font-size:min(3.8dvw,20px);font-weight:300;color:#fff;cursor:pointer}.under_navcontents small{display:block;text-align:center;font-family:"commuters-sans",sans-serif;font-size:min(3.8dvw,20px);font-weight:300}.brand_footer{background:#fff;padding:5em 0 3em}.brand_footer.trinity_footer{font-family:"Montserrat",sans-serif;font-weight:200}.brand_footer .footer_logo{max-width:300px;width:100%;display:block;margin:0 auto 3em}.brand_footer .policy{text-align:center;display:block;font-size:min(3.2dvw,16px);margin-bottom:1em}.brand_footer small{text-align:center;display:block;font-size:min(3.2dvw,16px)}*{box-sizing:border-box;list-style:none}img{width:100%;max-width:100%;height:auto;max-height:100%}html{overflow-x:hidden}body{margin:0;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;background:#fcf5f0}html.is-opening,body.is-opening{height:100dvh;overflow:hidden}#opening,#contents{position:fixed;inset:0;width:100%}#opening{height:100svh}#contents{position:relative}#opening{z-index:2;display:grid;place-items:center;background:#fff;transform:translateY(0);transition:transform 2.2s cubic-bezier(0.12, 0.95, 0.22, 1)}#contents{z-index:1;transform:translateY(102%);transition:transform 2.2s cubic-bezier(0.12, 0.95, 0.22, 1);padding-top:10svw}html.is-transition #opening{transform:translateY(-120%)}html.is-transition #contents{transform:translateY(-2px)}html.is-transition-end #contents{transform:translateY(0)}#opening .title{margin:0;font-size:clamp(1rem,.818rem + .91vw,1.5rem);font-weight:600;letter-spacing:.06em;line-height:1;font-family:"Italianno",cursive;font-weight:400;font-style:normal}#opening .char{display:inline-block;transform:translateY(10px);opacity:0;transition:transform 1000ms ease,opacity 1000ms ease;transition-delay:var(--d)}#opening.is-anim .char{transform:translateY(0);opacity:1}.ttl-heading.is-show img:nth-child(1){transition-delay:0ms}.ttl-heading.is-show img:nth-child(2){transition-delay:80ms}.ttl-heading.is-show img:nth-child(3){transition-delay:160ms}.ttl-heading.is-show img:nth-child(4){transition-delay:240ms}.ttl-heading.is-show img:nth-child(5){transition-delay:320ms}.ttl-heading.is-show img:nth-child(6){transition-delay:400ms}.grid-img_wrap{overflow-x:hidden}.grid-img{position:relative;width:100%;max-width:1500px;height:auto;max-height:800px;margin:auto auto 120px;display:grid;grid-template-columns:35% 30% 35%;grid-template-rows:600px 400px 196px;gap:0px 0px;grid-template-areas:". img1 ." "img2 . img4" "img3 . ."}@media screen and (max-width: 980px){.grid-img{margin-bottom:0px;grid-template-columns:30% 45% 35%;grid-template-rows:300px 300px 110px}}.grid>*{min-width:0;min-height:0}.grid-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.img1,.img2,.img3,.img4{position:absolute;will-change:transform}.img1{grid-area:img1;max-width:500px;width:100%;right:20px;top:40px;z-index:2}.img2{grid-area:img2;max-width:340px;right:50px;top:-280px;z-index:-2}.img3{grid-area:img3;max-width:300px;right:-80px;top:-450px;z-index:-2}.img4{grid-area:img4;width:320px;top:-290px;left:-60px;z-index:1}@media screen and (max-width: 980px){.img1{max-width:400px;right:0;top:90%}.img2{max-width:260px;right:10px;top:120px;z-index:-2}.img3{max-width:170px;left:30px;top:-120px;z-index:-2}.img4{width:240px;top:80px;left:-50px}}.txt-box{position:relative;max-width:1024px;width:90%;margin:auto;padding-bottom:15em}@media screen and (max-width: 769px),print{.txt-box{padding-bottom:5em}}.txt-box h2{text-align:center;font-size:min(12svw,110px);line-height:1;margin:0 auto;font-family:"Playfair Display SC",serif;font-weight:400;font-style:normal}.txt-box .sub-h2{text-align:center;font-size:min(6dvw,42px);line-height:1;margin:0 auto;font-family:"Italianno",cursive;font-weight:400;font-style:normal;color:#ae863f}.img-tit{position:relative;top:-20px;z-index:1;text-align:center}.img-tit img{max-width:540px;margin:auto}@media screen and (max-width: 1024px){.img-tit img{max-width:240px}}.img-tit.slide-in{overflow:hidden}.img-tit.slide-in::after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#fcf5f0;transform:translateX(0%);transition:all 1.6s ease-in-out 1.6s}.img-tit.slide-in::after img{vertical-align:middle;transform:translateX(0%)}.img-tit.slide-on::after{transform:translateX(100%)}.txt-box h4{text-align:center;font-size:min(5dvw,32px);letter-spacing:.25em;font-weight:400;margin-bottom:1em}.txt-box .txt1,.txt-box .txt2,.txt-box .txt3{text-align:center;font-size:min(3.6dvw,18px);line-height:2.5;letter-spacing:.1em}.txt-box .txt2{padding:2em 0}.cnt-img{position:relative;overflow:hidden;padding:10svw;margin:200px auto}@media screen and (max-width: 1024px){.cnt-img{margin:50px auto 50px}}.cnt-img::before{content:"";position:absolute;inset:0;background:url(/common/image/img05.webp) center/cover no-repeat;transform:scale(1.05);filter:blur(8px);opacity:0;transition:transform .8s cubic-bezier(0.25, 0.1, 0.25, 1),filter .8s cubic-bezier(0.25, 0.1, 0.25, 1),opacity .2s ease;will-change:transform,filter;z-index:0}.cnt-img.is-active2::before{transform:scale(1);filter:blur(0);opacity:1}.cnt-img .cnt-in{position:relative;z-index:1;max-width:1024px;width:90%;margin:auto}.cnt-img .cnt-in h3{text-align:center;font-size:min(10svw,82px);line-height:1;color:#fff;margin:0 auto 1em;font-family:"Playfair Display SC",serif;font-weight:400;font-style:normal}.cnt-img .cnt-in h3 span{font-size:min(4.2dvw,24px);display:block;padding-top:.25em;font-weight:100}.cnt-img .cnt-in .cnt-txt{font-size:min(3.2dvw,16px);color:#fff;text-align:center;line-height:2;letter-spacing:.1em}.flip-title{perspective:1400px;perspective-origin:left center}.flip-title span.char{display:inline-block;transform-origin:left center;transform:rotateY(110deg);opacity:0;will-change:transform,opacity}.flip-title.is-active span.char{transform:rotateY(0deg);opacity:1;transition:transform 2.6s cubic-bezier(0.18, 0.9, 0.32, 1),opacity .8s ease}.sub-h2 span.char{display:inline-block;opacity:0;transform:translateX(-20px)}.sub-h2.is-active span.char{opacity:1;transform:translateX(0);transition:opacity .6s ease,transform .6s ease}.fade-up{opacity:0;transform:translateY(30px);transition:opacity 2s ease,transform 2s ease}.fade-up.is-active{opacity:1;transform:translateY(0)}.palel-area{padding-bottom:200px}@media screen and (max-width: 1024px){.palel-area{padding-bottom:50px}}.palel-area .tit-box h2{text-align:center;font-size:min(12svw,110px);line-height:1;margin:0 auto -0.1em;width:90%;font-family:"Playfair Display SC",serif;font-weight:400;font-style:normal}.palel-area .tit-box .line{display:block;width:100%;height:1px;background:#ae863f}.palel-area .tit-box p{text-align:center;font-size:min(4.2dvw,24px);margin:.5em auto}.panel-list{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin:min(4vw,2rem) auto;width:90%;max-width:1280px;padding:0;overflow:visible}.panel-list li{position:relative;line-height:1;opacity:0;transform:translateX(-30px);transition:opacity 1s ease,transform 1s ease;width:calc(33.3333333333% - 1rem)}@media screen and (max-width: 1024px){.panel-list li{width:calc(50% - 1rem)}}.panel-list li div{position:relative}.panel-list li div img{width:100%;height:auto}.panel-list li.visible{opacity:1;transform:translateX(0)}.word{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);line-height:1.2;text-align:center;width:85%;margin:auto;z-index:2;color:#fff}.word em{font-size:min(4.8dvw,30px);display:block;font-family:"League Script",cursive;font-weight:400;font-style:normal}.word span{font-size:min(5.2svw,36px);display:block;margin-top:.5rem;line-height:1;font-family:"Playfair Display SC",serif;font-weight:400;font-style:normal}.cap{font-size:min(2.8dvw,14px);line-height:1.5}.cap small{font-size:min(2dvw,10px);line-height:1.2;display:block;padding-top:.25em}header.sub_header{background:none}header .logo{opacity:0;cursor:none}header .logo.active{opacity:1}.sec .flex{display:flex}.sec .ttl_wrap{margin-bottom:3em}.sec .ttl_wrap .en img{height:20px;width:auto;display:block;margin-bottom:.5em}.sec .ttl_wrap .h3_head{font-size:min(4.8dvw,30px)}.sec .ttl_wrap .txt{margin-top:.5em;line-height:2}.sec figure{position:relative}.sec figure figcaption{position:absolute;right:0;bottom:0;line-height:1;color:#fff;padding:.5em;font-size:min(2dvw,10px)}.sec.slider_area{padding:5em 0;background:rgba(164,140,121,.21)}@media screen and (max-width: 769px),print{.sec.slider_area{padding:3em 0}}.sec.slider_area .slider_wrapper{overflow-x:hidden;width:calc(50% + 500px);margin-left:auto}@media screen and (max-width: 769px),print{.sec.slider_area .slider_wrapper{width:calc(100% - 2rem);max-width:1024px;margin:0 auto}}.sec.slider_area .slider{position:relative;padding-bottom:80px;width:115%}@media screen and (max-width: 769px),print{.sec.slider_area .slider{width:100%}}.sec.slider_area .slider .slick-prev,.sec.slider_area .slider .slick-next{top:auto;bottom:0;transform:none;width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-size:contain}.sec.slider_area .slider .slick-prev::before,.sec.slider_area .slider .slick-next::before{display:none}.sec.slider_area .slider .slick-prev{left:0;background-image:url("../images/brand/tissage/arrow_prev.svg")}.sec.slider_area .slider .slick-next{right:auto;left:60px;background-image:url("../images/brand/tissage/arrow_next.svg")}.sec.slider_area .slider .box{margin-right:60px}@media screen and (max-width: 769px),print{.sec.slider_area .slider .box{margin-right:30px;width:70%;margin-right:0}}.sec.slider_area .slider .box figure{margin-bottom:1.5em}@media screen and (max-width: 769px),print{.sec.slider_area .slider .box figure{width:100%}}.sec.slider_area .slider .box .txt{font-size:min(3.2dvw,16px);line-height:2}.sec.slider_area .slider .box .txt_wrap .txt_wrap_ttl{font-size:min(4dvw,22px);margin-bottom:.5em}.sec.slider_area .slider .box .txt_wrap .txt_wrap_list{font-size:min(3.2dvw,16px)}.sec.topics_area{padding:5em 0}@media screen and (max-width: 769px),print{.sec.topics_area{padding:3em 0}}.sec.topics_area .flex{gap:2em;margin-bottom:3em}@media screen and (max-width: 769px),print{.sec.topics_area .flex{flex-direction:column}}.sec.topics_area .flex figure{max-width:400px;width:100%}@media screen and (max-width: 769px),print{.sec.topics_area .flex figure{max-width:none}}.sec.topics_area .flex .box{display:flex;flex-direction:column}@media screen and (max-width: 769px),print{.sec.topics_area .flex .box{flex-direction:row;gap:2em;align-items:flex-end}}.sec.topics_area .flex .box .sp_box .num{width:40px;margin-bottom:1em}.sec.topics_area .flex .box .sp_box .ttl_big{font-size:min(4.3dvw,25px);line-height:1.2;margin-bottom:.2em}.sec.topics_area .flex .box .sp_box .ttl_small{font-size:min(3.6dvw,18px);margin-bottom:1em}@media screen and (max-width: 769px),print{.sec.topics_area .flex .box .sp_box .ttl_small{margin-bottom:0}}.sec.topics_area .flex .box .btn img{width:50px;height:50px}@media screen and (max-width: 769px),print{.sec.topics_area .flex .box .btn img{width:40px;height:40px}}.sec.about_area{padding:6em 0 5em;background:#3f432d}@media screen and (max-width: 769px),print{.sec.about_area{padding:3em 0}}.sec.about_area .inner .flex{color:#fff;justify-content:space-between;align-items:center}@media screen and (max-width: 769px),print{.sec.about_area .inner .flex{flex-direction:column;justify-content:flex-start;align-items:flex-start}}.sec.about_area .inner .flex .en{height:32px;width:40%}@media screen and (max-width: 769px),print{.sec.about_area .inner .flex .en{margin-bottom:1em}}.sec.about_area .inner .flex .en img{width:auto}.sec.about_area .inner .flex .txt{font-size:min(3.2dvw,16px);width:60%}@media screen and (max-width: 769px),print{.sec.about_area .inner .flex .txt{margin-bottom:2em;width:100%}}.sec.about_area .inner .flex .btn{padding:.5em 1em;position:relative;display:flex;align-items:center;color:#fff;justify-content:space-between;border:1px solid #fff;font-size:min(3.2dvw,16px);max-width:300px;width:100%}.sec.about_area .inner .flex .btn:after{content:"";background:url(../images/brand/tissage/arrow_right.svg) no-repeat right center;background-size:20px;display:block;width:40px;height:40px}@property --translate-y{syntax:"<percentage>";inherits:false;initial-value:700%}.ttl-heading{--translate-x: -50%;position:fixed;top:10vh;left:50%;width:90%;max-width:700px;z-index:2000;transform:translateX(var(--translate-x));transform-origin:left top;will-change:top,left,width,transform}.ttl-heading a{display:block}.ttl-heading img{display:block;transform:translateY(1300%);transition:transform 1.5s ease}@media screen and (max-width: 769px),print{.ttl-heading img{transform:translateY(2000%)}}.ttl-heading .logo-complete{opacity:0;transition:1.5s;width:100%}.ttl-heading a img{display:block;height:160px}@media screen and (max-width: 769px),print{.ttl-heading a img{height:71px}}.ttl-heading a img:not(:first-of-type){height:90px}@media screen and (max-width: 769px),print{.ttl-heading a img:not(:first-of-type){height:42px}}.ttl-heading.is-complete .logo-parts_wrap{opacity:0;position:absolute}.ttl-heading.is-complete a .logo-complete{opacity:1}.ttl-heading.is-complete a .logo-complete img{height:auto}.ttl-heading.is-show img{transform:translateY(0)}.ttl-heading .logo-parts{display:flex;align-items:flex-end}.ttl-heading.notactive{opacity:0}.ttl-heading.notactive a{cursor:default;pointer-events:none}.menu-btn{opacity:0;transition:1.5s;cursor:default;pointer-events:none}.menu-btn.is-show{opacity:1;cursor:pointer;pointer-events:all}.brand_footer{background:#fcf5f0;font-family:YakuHanMP,"Noto Serif JP",YuMincho,"Yu Mincho","Hiragino Mincho ProN",serif}/*# sourceMappingURL=tissage.css.map */