@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Rokkitt&display=swap);*{box-sizing:border-box;scroll-behavior:smooth}body{font-family:"Rokkitt",serif;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}header{overflow-x:auto;background-color:#fff;margin-bottom:4vw;z-index:3;position:fixed;width:100vw;height:136px}header nav{overflow-x:scroll;font-family:roboto;display:flex;justify-content:space-between;align-items:flex-end;padding:2vw 5vw}header nav img{width:120px}header nav ul{display:-ms-grid;display:grid;gap:32px;-ms-grid-columns:1fr 32px 1fr 32px 1fr 32px 1fr;grid-template-columns:repeat(4,1fr);-ms-grid-rows:60px;grid-template-rows:60px}header nav ul>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}header nav ul>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}header nav ul>:nth-child(3){-ms-grid-row:1;-ms-grid-column:5}header nav ul>:nth-child(4){-ms-grid-row:1;-ms-grid-column:7}header nav ul li{font-size:1em;display:flex;justify-content:center;align-items:center}header nav ul li a{color:#000}header nav ul li a,header nav ul li a:visited{text-decoration:none}.top_button,header nav ul li a:hover{color:#f39800}h1,h2{margin-bottom:20px;line-height:110%;width:100%}h1{text-align:left;font-size:7vw}h2{font-size:4vw}h3{font-family:roboto;font-weight:700;font-size:1.5vw}.top_button{width:40px;height:40px;border:2px solid #f39800;border-radius:50%;padding:8px;z-index:3;position:fixed;bottom:5em;right:3em;text-align:center;cursor:pointer}.top_button:hover{color:#000;border-color:#000}main{padding-top:21vh}main .above-hero h1{font-size:72px;width:90%}main .above-hero h1:first-child{line-height:100%;letter-spacing:.01em}main .above-hero h1:last-child{margin-top:.5em;font-size:4vw}main .above-hero .font-highlight{color:#f39800;font-size:36px}main>:not(.hero){padding:0 5vw}.hero{padding:0;padding-top:10vh;width:100vw}.hero .hero__img,.hero .hero__img img,.worldwide .worldwide__contents .worldwide__contents__img img{width:100%}.history{padding-bottom:1em}.history h1,.history h2{text-align:right;width:100%}.history h1{margin-top:24vh;font-size:72px;letter-spacing:.005 em}.history .article__data{font-family:roboto;text-align:center}.history .article__data .name{padding-top:2em;font-size:1.2em}.history .article__data .details{padding-top:1em;line-height:1.6em}.history h2{padding-bottom:1em;margin-top:.1em}.history .dashed-line{position:relative;border-top:dashed 2px #c4c4c4;width:100%;top:12.5em}.history .wrapper__article{overflow-x:auto;position:relative;display:-ms-grid;display:grid;-ms-grid-columns:minmax(240px,1fr) .5em minmax(240px,1fr) .5em minmax(240px,1fr) .5em minmax(240px,1fr);grid-template-columns:repeat(4,minmax(240px,1fr));-ms-grid-rows:25em .5em auto;grid-template-rows:25em auto;gap:.5em;padding:0 3em}.history .wrapper__article>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.history .wrapper__article>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}.history .wrapper__article>:nth-child(3){-ms-grid-row:1;-ms-grid-column:5}.history .wrapper__article>:nth-child(4){-ms-grid-row:1;-ms-grid-column:7}.history .wrapper__article>:nth-child(5){-ms-grid-row:3;-ms-grid-column:1}.history .wrapper__article>:nth-child(6){-ms-grid-row:3;-ms-grid-column:3}.history .wrapper__article>:nth-child(7){-ms-grid-row:3;-ms-grid-column:5}.history .wrapper__article>:nth-child(8){-ms-grid-row:3;-ms-grid-column:7}.history .wrapper__article .article{display:-ms-grid;display:grid;-ms-grid-rows:45% auto;grid-template-rows:45% auto}.history .wrapper__article .article .article__photo{-webkit-mask-position:center;filter:grayscale(100%);background-size:cover;-webkit-mask-image:url(../../img/balloon.svg);mask-image:url(../../img/balloon.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-position:center;background-position:center;margin-bottom:24px;transition:background-size 1s ease-in-out;background-repeat:no-repeat}.history .wrapper__article .article .article__photo:hover{filter:grayscale(0%)}.history .wrapper__article .article:nth-child(1) .article__photo{background-image:url(../../img/history_1.jpg);-webkit-animation-name:historyAni;animation-name:historyAni;-webkit-animation-duration:leaner;animation-duration:leaner;-webkit-animation-delay:8s;animation-delay:8s;-webkit-animation-iteration-count:3;animation-iteration-count:3}.history .wrapper__article .article:nth-child(2) .article__photo{background-image:url(../../img/history_2.jpeg)}.history .wrapper__article .article:nth-child(3) .article__photo{background-image:url(../../img/history_3.jpeg)}.history .wrapper__article .article:nth-child(4) .article__photo{background-image:url(../../img/history_present.jpeg)}.history .wrapper__article .article .article__data{display:flex;flex-direction:column;justify-content:flex-start}.history .wrapper__article .article .article__data .name{padding-top:0}.history .wrapper__article .article .slider{display:flex;flex-direction:column;align-items:center}.history .wrapper__article .article .slider .dot{top:1.5em;height:40px;width:40px;border-radius:50%;background-color:#000}.fabrics h1{margin-top:24vh;font-size:72px;width:100%;letter-spacing:.005 em}.fabrics .wrapper__article{padding-top:.5em;display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.5em}.fabrics .wrapper__article .article{display:flex;flex-direction:column}.fabrics .wrapper__article .article .article__photo{width:100%;height:360px;margin-bottom:1em;border-radius:1em;overflow:hidden;transition:opacity .3s linear}.fabrics .wrapper__article .article .article__photo:hover{opacity:.5}.fabrics .wrapper__article .article .article__photo .fabric-photo,.worldwide .worldwide__contents .modal_background .box_modal .modal_image img{width:100%;height:100%}.fabrics .wrapper__article .article:nth-child(2) .article__photo{background-image:url(../../img/Poly-woven.jpg)}.fabrics .wrapper__article .article:nth-child(3) .article__photo{background-image:url(../../img/Recycled-fabrics.jpg)}.fabrics .wrapper__article .article:nth-child(4) .article__photo{background-image:url(../../img/Knit-fabrics.jpg)}.fabrics .wrapper__article .article .article__data{text-align:center;font-family:roboto;margin-bottom:32px}.fabrics .wrapper__article .article .article__data .name{padding-bottom:16px;font-size:20px}.fabrics .wrapper__article .article .article__data .details{font-size:16px;line-height:160%}.worldwide h1{font-size:70px;margin-top:24vh;text-align:right;width:100%}.worldwide .worldwide__contents{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-flow:dense}.worldwide .worldwide__contents .worldwide__contents__img{-ms-grid-column-span:3;grid-column-end:span 3}.worldwide .worldwide__contents .worldwide__contents__details{padding:2em;display:flex;flex-direction:column;justify-content:center;font-family:roboto;line-height:140%}.worldwide .worldwide__contents .worldwide__contents__details .name{font-size:1.2em}.worldwide .worldwide__contents .worldwide__contents__details .details{margin-top:2vh}.worldwide .worldwide__contents .worldwide__contents__details .hidden{display:none;visibility:hidden}.worldwide .worldwide__contents .worldwide__contents__details .button{font-size:16px;vertical-align:middle;cursor:pointer;color:#f39800;font-weight:400;margin-top:2em}.worldwide .worldwide__contents .modal_background{overflow-x:scroll;position:fixed;visibility:collapse;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.8);z-index:3}.worldwide .worldwide__contents .modal_background .box_modal{position:absolute;top:calc(20vh - 100px);left:calc(50vw - 200px);background-color:#fff;display:flex;justify-content:center;align-items:center;width:450;height:636;border:2px solid #f39800;overflow:hidden}.worldwide .worldwide__contents .modal_background .box_modal:hover{border:2px solid #000}.worldwide .worldwide__contents .modal_background .box_modal .closer{position:absolute;border:2px solid transparent;width:40px;height:40px;top:.5em;right:.5em;text-align:center;font-size:32px;cursor:pointer}.worldwide .worldwide__contents .modal_background .box_modal .closer:hover{border:2px solid #000;border-radius:50%}.worldwide .worldwide__contents .modal_background .box_modal .modal_image{width:450px;height:636px}.worldwide .worldwide__contents input#modal[type=checkbox]:checked~.modal_background{visibility:visible}footer{margin:5vw;border:2px solid #f39800;padding:40px 4vw;display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6em}footer .contacts{-ms-grid-column-span:2;grid-column-end:span 2}footer .contacts p{font-size:4em;color:#f39800;margin-bottom:.2em}footer .contacts p:last-child{font-size:3em;word-break:break-all}footer .more_contacts{-ms-grid-column-span:2;grid-column-end:span 2;display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}footer .more_contacts .address{margin-bottom:32px}footer .more_contacts h3{color:#f39800;font-size:1.2em}.copyright span,footer .more_contacts span{font-family:roboto;line-height:1.6em}footer .more_contacts .bold{font-weight:700}.copyright{margin:5vw}.copyright span{color:#b3b3b3;font-size:16px;line-height:150%}