@charset "utf-8";


.module{width:100%;height:100%;position:relative;overflow:hidden;}
.module .video{width: 100%;background: #000;position: relative;height: 100vh;text-align: center;justify-content: center;min-height: 100%;}
.module video {object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.module .visual-txt01 {font-size: 40px;line-height: 52px;font-weight: 400;color: #000;letter-spacing: -1px;}
.module .visual-txt02 {font-size: 80px;line-height: 90px;font-weight: 700;color: #000;letter-spacing: -2px;}
.module .visual-txt04 {font-size: 60px;line-height: 70px;font-weight: 400;color: #000;letter-spacing: -5px;}
.module .left_right,
.module .right_left,
.module .move{opacity:1;}
.swiper-initialized .swiper-slide .module .left_right,
.swiper-initialized .swiper-slide .module .right_left,
.swiper-initialized .swiper-slide .module .move{opacity:0;}
.swiper-initialized .swiper-slide-active .module .right_left {animation: right_left 1s ease forwards;}
.swiper-initialized .swiper-slide-active .module .left_right {animation: left_right 1s ease forwards;}
.swiper-initialized .swiper-slide-active .module .move{animation: left_right 1s ease forwards;}
.screen0 .module{height:100%;}

/*type2*/
.m-type2{background: url(../images/main/section0/bg_img.png);background-size: cover;}
.m-type2 > div{position: absolute;}
.m-type2 .p1 {left: 134px; top: 213px; padding: 78px 0 0 70px;width: calc(100% - 268px);z-index: 1;} 
.m-type2 .p2 {right: 257px; bottom: 0 } 
.m-type2 .a {position: absolute; left: 0; top: 0;z-index: -1;} 
.m-type2 .c {margin: 58px 0 45px; } 
.m-type2 img {display: block;object-fit: cover;}

/*type3*/
.m-type3{background: url(../images/main/section3/bg-left.png) left top no-repeat;}
.m-type3 .p1 { position: absolute; left: 220px; top: 658px; } 
.m-type3 .p2 { position: absolute; width: 940px; height:850px; right: auto;left:962px; bottom: 0 } 
.m-type3 .p2 li { margin:0 10px 50px 0 } 
.m-type3 .b { position: absolute; left: -460px; top: -360px; } 
.m-type3 .d { margin: 114px 0 31px; } 
.m-type3 .f { margin: 80px 0 0px; } 
.m-type3 .g { position: absolute; left: 130px; top: 27px; } 
.m-type3 .g img { animation: shoes 1.5s ease-in-out infinite; } 
.m-type3 .thumb-img{display:flex;align-items:center;overflow:hidden;height:400px;background-color:#fff}
.m-type3 .thumb-img .thumb-over{display:flex;align-items:center;overflow:hidden;height:400px;background-color:#fff}
.m-type3 .thumb-img img { width: 300px; height: auto } 
.m-type3 .p1.center-top {top: 158px;}
.m-type3 .p1.center-middle {top: 405px;}
.m-type3 .p1.center-bottom {top: 658px;}
.m-type3 .prd-info { text-align: left; } 
.m-type3 .prd-info .prd-brand { font-size: 12px; font-weight: 700; line-height: 24px; color: #888; padding: 0;margin-top: 18px;} 
.m-type3 .prd-info .prd-opt { font-size: 13px; color: #888; margin-top: 8px } 
.m-type3 .prd-list .prd-brand { margin-top: 18px } 
.m-type3 .prd-name, .prd-info .prd-name a { margin-top: 6px; font-size: 13px; color: #000 } 
.m-type3 .prd-price { margin-top: 18px } 
.m-type3 .org-price { font-size: 14px } 

/*type4*/
.m-type4 .p1 {position: absolute;left: 0;top: 0;}
.m-type4 .p2 {position: absolute;right: auto;left: 1280px;top: 254px;}
.m-type4 .section-tit-02 {position: relative;display: inline-block;font-size: 30px;line-height: 40px;font-weight: 400;border-bottom: 2px solid #000;color: #000;padding-bottom: 6px;}
.m-type4 .section-tit-02 .ico-plus {position: absolute;top: 8px;right: -30px;width: 20px;height: 20px;background: url(../images/common/ico-plustxt.svg) no-repeat center center;}
.m-type4 .ico-golink-bl i {width: 100px;height: 20px;background: url(../images/common/ico-golink-bl.svg) no-repeat center center;}