@charset "utf-8";

@font-face{
                        font-family: 'fontyouandimoderntr';
                        src: url('/fonts/fontyouandimoderntr-webfont.woff') format('woff');
	  					  font-weight: 400;
  					  font-style: normal;
                        }


.pcbr{display:none !important;}
.ptbr{display:block !important;}
.tbr{display:block !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}



body.all {overflow:hidden !IMPORTANT;}
#wrap header #nav:before {content:"";position:absolute;top: 85px;left:0;width:0;height:1px;background:#fff;opacity:0.3;transition: width 1.7s cubic-bezier(0, 0, 0.64, 0.81);z-index:100;}
.start #wrap header #nav:before {width:100%;}
.section01 .scroll:before {content:"";position:absolute;bottom:0;right:0;width:1px;height:0;background:#fff;opacity:0.3;transition:height 1.5s cubic-bezier(0, 0, 0.64, 0.81);}
.start .section01 .scroll:before {height:100%;}


section {font-family:'fontyouandimoderntr';}
section .con_tit {display:block;text-align:center;font-size:26px;font-weight:500;color:#fff;letter-spacing:-0.01em;padding-bottom:50px;}
section .con_txt {display:block;text-align:center;font-size:44px;font-weight:100;color:#fff;text-transform:uppercase;;letter-spacing:-0.01em;margin-bottom:100px;}
section .more {position:relative;padding-left:40px;opacity:0.4;display: inline-block;}
section .more:before {content:"";position:absolute;top: 8px;left:0;width:30px;height:1px;background:#fff;}
section .more a {font-size:12px;color:#fff;transition:all 0.5s;}
section .more:hover a {letter-spacing:0.5em;}
section .text_wrap .txt1 {font-size:25px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:-0.01em;}
section .text_wrap p {font-size:16px;color:#fff;line-height:1.8;opacity:0.5;margin:25px 0 35px;}
section .text_wrap .con_txt {font-size:44px;font-weight:100;}

/* section01 - main_visual */
.section01 {position: relative;width:100%;height:100vh;}
.section01 .main_slide {width:100%;height:100%;}
.section01 .main_slide .swiper-slide {width:100%;height:100%;background:#111;}
.section01 .main_slide .swiper-slide .bg {width:100%;height:100%;}
.section01 .main_slide .swiper-slide.slide1 .bg {background:url(/images/main_visual1.jpg) no-repeat center / cover;
transform: scale(1.07);opacity:0.6;transition:transform 3.5s,opacity 3.5s;transition-delay:0.5s;}
.start .section01 .main_slide .swiper-slide.slide1 .bg {opacity:1;transform: scale(1.01);}
.section01 .main_slide .swiper-slide .text_wrap {position:absolute;top:50%;left: 0;transform:translateY(-50%);padding: 0 100px;}
.section01 .main_slide .swiper-slide .text_wrap strong {
	display:block;
	font-size:63px;
	font-weight:200;
	color:#fff;
	line-height:1.2;
	margin-bottom:35px;
	opacity:0;
	transform:translateY(40px);
	transition:all 0.9s;
	transition-delay:0.6s;
}
.section01 .main_slide .swiper-slide-active .text_wrap strong {opacity:1;transform:translateY(0);}
.section01 .main_slide .swiper-slide .text_wrap p {font-size:19px;font-weight:100;color:#fff;opacity:0;transform:translateY(40px);transition:all 0.8s;transition-delay:0.8s;}
.section01 .main_slide .swiper-slide-active .text_wrap p {opacity:1;transform:translateY(0);}
.section01 .main_slide .main-pagination {
    text-align: left;
    left: 100px;
    bottom: 105px;
    width: auto;
    opacity:0;
    transition:all 0.8s 1s;
}
.start .section01 .main_slide .main-pagination {opacity:1;}
.section01 .main_slide .main-pagination:before {content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#fff;opacity:0.2;}
.section01 .main_slide .swiper-pagination-bullet {position:relative;width:5px;height:5px;background:#fff;opacity:1;margin: 0;margin-right: 108px;}
.section01 .main_slide .swiper-pagination-bullet:last-child {margin-right:0;}
.section01 .main_slide .swiper-pagination-bullet-active:before {content:"";position:absolute;top: -8px;left: -8px;width:21px;height:21px;border:1px solid #fff;border-radius:50%;box-sizing:border-box;}
.section01 .main_slide .main-next {position:absolute;top: 55%;right:150px;width:94px;height:94px;margin-top:-47px;z-index:1;text-align: center;opacity:0;transition:all 0.8s 1s;display: none;}
.start .section01 .main_slide .main-next {opacity:1;}
.section01 .main_slide .main-next span {position:absolute;top:0;left: 50%;transform: translateX(-50%);display: inline-block;font-size:11px;color:#fff;line-height: 94px;padding-right:10px;cursor:pointer;
transition:0.5s;}
.section01 .main_slide .main-next:hover span {letter-spacing:0.7em;}
.section01 .main_slide .main-next span:before {content:"";position:absolute;top: 50%;right:0;width:6px;height:6px;margin-top: -4px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);}
.section01 .main_slide .main-next svg {width:100%;height:100%;}
.section01 .main_slide .main-next svg circle {stroke-dasharray: 200;stroke-dashoffset: 0;transition: 0.5s;stroke: #fff;}
.section01 .main_slide .main-next:hover svg circle {stroke-dashoffset:200;}

.section01 .scroll {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100px;
    height: calc(100% - 110px);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    display: none;
}
.section01 .scroll p {font-size:11px;color:#fff;writing-mode: vertical-lr;transform: rotate(-180deg);padding: 33px 43px;}
.section01 .scroll .scroll_btn {padding: 44px 45px; border-top: 1px solid rgba(255,255,255,0.3);}
.section01 .scroll .scroll_btn div {position:relative;width:10px;height:23px;margin: 0 auto;}
.section01 .scroll .scroll_btn span {position:absolute;display:block;}
.section01 .scroll .scroll_btn span:first-child {width:1px;height:100%;background:#fff;top: 0;left: 50%;}
.section01 .scroll .scroll_btn span:last-child {bottom: 0;left: 2px;width:7px;height:7px;border-right:1px solid #fff;border-bottom:1px solid #fff;box-sizing:border-box;transform: rotate(45deg);}

/* section03 */
.section03 {position:relative;background:#131313;padding: 120px 0 140px;}
.section03 .conwrap {position:relative;width:97%;max-width:1700px;margin:0 auto;z-index: 1;}
.section03 .con_tit {padding-bottom:75px;}
.section03 .collection_wrap {display:flex;justify-content:space-between;}
.section03 .collection_wrap li {width: 29%;text-align: center;box-sizing: border-box;position: relative;z-index: 10;}
.section03 .collection_wrap li .img_wrap {position:relative;width:100%;padding-bottom: 113%;}
.section03 .collection_wrap li .img_wrap img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.section03 .collection_wrap li .text_wrap {margin-top:35px;}
.section03 .collection_wrap li .text_wrap .product_txt {font-size:17px;color:#fff;opacity:0.8;}
.section03 .collection_wrap li .text_wrap .info {font-size:15px;color:#fff;opacity: 0.8;margin-top:7px;}
.section03 .bg_txt {
	position:absolute;
	top: 50%;
	left: 0;
	transform: translate(0%,-75%);
	font-size: 15vw;
	background:transparent;
	color:transparent;
	-webkit-text-stroke: 1px #fff;
	width: 100%;
	height: 170px;
}
.section03 .bg_txt .eocjs-newsticker-container .eocjs-newsticker-one, .section03 .bg_txt .eocjs-newsticker-container .eocjs-newsticker-two {
font-size: 15vw;color:transparent;-webkit-text-stroke: 1px #fff;
height:170px;line-height:normal;
}
.section03 .bg_txt .eocjs-newsticker-container .eocjs-newsticker-one img,.section03 .bg_txt .eocjs-newsticker-container .eocjs-newsticker-two img {
	vertical-align:top;
}
.section03 .bg_txt .eocjs-newsticker-container {height:170px;line-height:normal;}

/* section04 */
.section04 {background:#080808;padding: 120px 0 140px;}
.section04 .conwrap {position:relative;/* display:flex; */justify-content: space-between;width:97%;max-width:1700px;margin:0 auto;}
.section04 .conwrap:after {content:"";display:block;clear:both;}
.section04 .conwrap .img_visual {position: absolute;width: 100%;top: 0px;left: 0;right: 0;bottom: 0;float: left;padding-bottom: 20px;}
.section04.fix .conwrap .img_visual {position:fixed;top: -120px;left: 50%;width: 97%;max-width: 1700px;transform: translateX(-50%);box-sizing: border-box;}
.section04 .conwrap .img_visual:before {content:"";position:absolute;top:0;left: 40.2%;width:1px;height:100%;background:#fff;opacity: 0.1;}
.section04.fix .conwrap .img_visual:before {right: -5.1%;}
.section04 .conwrap .img_visual .img_wrap {position:relative;width: 38%;}
.section04 .conwrap .img_visual .img_wrap img {width:100%;}
.section04 .conwrap .img_visual .text_wrap {width: 38%;margin-top:40px;}
.section04 .conwrap .img_visual .text_wrap p {font-size:16px;color:#fff;line-height:1.8;opacity:0.5;}
.section04 .conwrap .scroll_slide {position:relative;width: 57.5%;overflow:hidden;float: right;}
.section04 .conwrap .scroll_slide:before {content:"";position:absolute;top:0;left: 50%;width:1px;height:100%;background:#fff;opacity: 0.1;}
.section04 .conwrap .scroll_slide .wrap {
	display: flex;
	justify-content: space-between;
	width:100%;
	/* height: 1080px; */
	overflow-y:auto;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}
.section04 .conwrap .scroll_slide .wrap::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.section04 .conwrap .scroll_slide .wrap>ul {width:100%;}
.section04 .conwrap .scroll_slide .wrap>ul:after {content:"";display:block;clear:both;}
.section04 .conwrap .scroll_slide .img_wrap {position:relative;width: 47%;padding-bottom: 47%;margin-right:6%;background:#080808;float:left;margin-bottom: 6%;}
.section04 .conwrap .scroll_slide .img_wrap:nth-child(even) {margin-right:0;}
.section04 .conwrap .scroll_slide .img_wrap:nth-child(3), 
.section04 .conwrap .scroll_slide .img_wrap:nth-child(7) {margin-top:-10%;}
.section04 .conwrap .scroll_slide .img_wrap.tall {padding-bottom: 57%;}
.section04 .conwrap .scroll_slide .img_wrap a {position: absolute;top: 0;left: 0;display:block;width:100%;height:100%;overflow:hidden;}
.section04 .conwrap .scroll_slide .img_wrap img {width:100%;height: 100%;transition:all 1.2s;object-fit: cover;transform: scale(1.01);}
.section04 .conwrap .scroll_slide .img_wrap a:hover img {transform:scale(1.07);opacity:0.7;}
.section04 .conwrap .scroll_slide .img_wrap .cate {position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;font-size:24px;color:#fff;text-transform:uppercase;text-align: center;}
.section04 .conwrap .scroll_guide {
	position:absolute;
	top:0;
	right: -20px;
	font-size:11px;
	color:#fff;
	padding-left:40px;
	transform: rotate(-90deg);
	transform-origin: top right;
}
.section04 .conwrap .scroll_guide:before {content:"";position:absolute;top:50%;left:0;margin-top:-4px;width:23px;height:8px;background:url(/images/sec4_scroll_icon.png) no-repeat center;
animation: scroll_ani 1s infinite;
}
@keyframes scroll_ani {
	0%{left:0;}
	50%{left:-8px;}
	100%{left:0;}
}

/* section05 */
.section05 {background:#131313;padding: 0 0 140px;}
.section05 .conwrap {position:relative;width:97%;max-width:1700px;margin:0 auto;}
.section05 .conwrap .active_top {position:relative;display:flex;justify-content: space-between;align-items: center;padding-bottom: 100px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.section05 .conwrap .active_top:before {content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:#fff;opacity:0.1;}
.section05 .conwrap .active_top>div {width:50%;}
.section05 .conwrap .active_top .img_wrap {position:relative;padding-right: 100px;padding-bottom: 32%;box-sizing:border-box;background:url(/images/sec5_img1.jpg) no-repeat center / cover;width: 45%;}
.section05 .conwrap .active_top .img_wrap img {width:100%;}
.section05 .conwrap .active_top .text_wrap {padding:0 10%;box-sizing:border-box;}
.section05 .conwrap .active_top .text_wrap p {font-size:16px;color:#fff;line-height:1.8;opacity:0.5;margin:25px 0 35px;}
.section05 .conwrap .active_bot {display:flex;align-items: flex-end;padding-top:110px;}
.section05 .conwrap .active_bot li {position:relative;width:23%;margin-right: 2.6%;background:#131313;}
.section05 .conwrap .active_bot li:nth-child(2):before,
.section05 .conwrap .active_bot li:nth-child(3):before {content:"";position:absolute;top:0;left: -5.5%;width:1px;height:100%;background:#fff;opacity:0.1;}
.section05 .conwrap .active_bot li:nth-child(3):after {content:"";position:absolute;top:0;right: -5.5%;width:1px;height:100%;background:#fff;opacity:0.1;}
.section05 .conwrap .active_bot li:last-child {margin-right:0;}
.section05 .conwrap .active_bot li .img_wrap {overflow:hidden;}
.section05 .conwrap .active_bot li .img_wrap img {width:100%;transition:all 1.2s;}
.section05 .conwrap .active_bot li:hover .img_wrap img {transform:scale(1.07);opacity:0.7;}
.section05 .conwrap .active_bot li .cate {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	text-align:center;
	transform:translate(-50%, -50%);
	font-size: 20px;
	color:#fff;
	text-transform:uppercase;
}

/* section06 */
.section06 {background:#191919;padding: 120px 0 140px;}
.section06 .conwrap {display:flex;justify-content:space-between;}
.section06 .conwrap .img_wrap {position:relative;overflow:hidden;background:#191919;}
.section06 .conwrap .img_wrap a {display:block;width:100%;height:100%;}
.section06 .conwrap .img_wrap img {width:100%;transition:all 2.5s;}
.section06 .conwrap .img_wrap:hover img {transform:scale(1.07);opacity:0.7;}
.section06 .conwrap .img_wrap .cate {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:34px;color:#fff;letter-spacing:-0.01em;}
.section06 .conwrap .knit_wrap {width: 44%;}
.section06 .conwrap .knit_wrap .text_wrap {padding: 65px 0 60px 100px;}
.section06 .conwrap .woven_wrap {width: 52.5%;}
.section06 .conwrap .woven_wrap .text_wrap {text-align:right;padding: 65px 100px 60px 0;}

/* section06 */
.section07 {position:relative;}
.section07 .bg {width:100%;height: 45vh;min-height: 470px;background:url(/images/sec7_bg.jpg) no-repeat center / cover;}
.section07 .text_wrap {position:absolute;top: 50%;left: 50%;width: 100%;text-align: center;transform: translate(-50%,-50%);}
.section07 .text_wrap .con_tit {padding-bottom:40px;}
.section07 .text_wrap .con_txt {font-size:30px;line-height:1.5;opacity: 0.8;margin: 0;margin-bottom:50px;}


/* in-view */
.section03 .collection_wrap {transform:translateY(100px);opacity:0;transition:all 0.9s;}
.section03.in-view .collection_wrap {transform:translateY(0);opacity:1;}

.section04 .conwrap .img_visual .img_wrap:before {content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#080808;transition:width 0.5s;}
.section04 .conwrap.in-view .img_visual .img_wrap:before {width:0;}
.section04 .conwrap .scroll_slide {opacity:0;transform:translateX(100px);transition:all 0.7s 0.3s;}
.section04 .conwrap.in-view .scroll_slide {opacity:1;transform:translateX(0);}

.section05 .conwrap .active_top .img_wrap:before {content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#131313;transition:width 0.6s;}
.section05 .conwrap.in-view .active_top .img_wrap:before {width:0;}
.section05 .conwrap .active_top .text_wrap {opacity:0;transform:translateX(-80px);transition:all 0.7s 0.3s;}
.section05 .conwrap.in-view .active_top .text_wrap {opacity:1;transform:translateX(0);}
.section05 .conwrap .active_bot li {transform:translateY(50px);opacity:0;transition:all 0.8s;}
.section05 .conwrap .active_bot li:nth-child(1) {transition-delay:0.1s;}
.section05 .conwrap .active_bot li:nth-child(2) {transition-delay:0.2s;}
.section05 .conwrap .active_bot li:nth-child(3) {transition-delay:0.3s;}
.section05 .conwrap .active_bot li:nth-child(4) {transition-delay:0.4s;}
.section05 .conwrap .active_bot.in-view li {transform:translateY(0);opacity:1;}

.section06 .conwrap .img_wrap:before {content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#191919;z-index:1;transition:width 0.8s;}
.section06 .conwrap .knit_wrap .img_wrap:before {transition-delay:0.2s;}
.section06 .conwrap.in-view .img_wrap:before {width:0;}

.section07 .bg {transform:scale(1.07);transition:transform 1.5s;}
.section07.in-view .bg {transform:scale(1);}
.section07 .text_wrap .con_tit {transform:translateY(50px);opacity:0;transition:all 0.8s;}
.section07 .text_wrap .con_txt {transform:translateY(50px);opacity:0;transition:all 0.8s 0.2s;}
.section07 .text_wrap .more {transform:translateY(50px);opacity:0;transition:all 0.8s 0.3s;}
.section07.in-view .text_wrap .con_tit,
.section07.in-view .text_wrap .con_txt,
.section07.in-view .text_wrap .more {transform:translateY(0);opacity:1;}


@media screen and (max-width:850px){
	.section03 .collection_wrap {display:block;}
	.section03 .collection_wrap li {width:100%;}
	.section04 .conwrap .img_visual {position:unset;width: 100%;padding-bottom:120px;}
	.section04 .conwrap .img_visual:before {display:none;}
	.section04 .conwrap .img_visual .img_wrap {width:100%;}
	.section04 .conwrap .img_visual .text_wrap {width:100%;}
	.section04 .conwrap .scroll_slide {width:100%;}
	.section04.fix .conwrap .img_visual {
    position: unset;
    top: 0;
    left: 0;
    width: 100%;
    max-width: unset;
    transform: translateX(0);
    box-sizing: border-box;}
	.section05 .conwrap .active_top {display:block;}
	.section05 .conwrap .active_top:before {display:none;}
	.section05 .conwrap .active_top .img_wrap {width:100%;padding-bottom: 71%;}
	.section05 .conwrap .active_top .text_wrap {width:100%;padding:0;margin-top: 50px;}
	.section06 .conwrap {display:block;overflow:hidden;}
	.section06 .conwrap .knit_wrap {width:85%;float:left;margin-bottom:50px;}
	.section06 .conwrap .knit_wrap .text_wrap {padding:65px 0 60px 20px;}
	.section06 .conwrap .woven_wrap {width:90%;float:right;}
	.section06 .conwrap .woven_wrap .text_wrap {padding:65px 20px 60px 0;}
	.section03 .bg_txt {top: 160px;transform:translate(0,0);}
}