@charset "utf-8";
#mv_wrap {}
#mv {width: 170vw; border-radius: 0 0; overflow: hidden; transform: translateX(-35vw);}
#mv .mv_box {width: 100vw; position: relative; transform:translateX(35vw) }
#mv .mv_list_wrap { margin-bottom: 0;}
#mv .mv_list_wrap .mv_list {position: relative; overflow: hidden; }
#mv .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform: scale(1.15); background-image: url('/assets/images/main/mv1.jpg');}
#mv .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; }
#mv .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg');}
#mv .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg');}
#mv .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg');}
#mv .mv_list_wrap .mv_list4 .visual {background-image: url('/assets/images/main/mv4.jpg');}

#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;left:50%;top:50%;transform:translateY(-50%); margin-left: 130px; /*overflow: hidden;*/}
#mv .mv_list_wrap .mv_list .txt_wrap h3 {letter-spacing:0; color: #fff;}
#mv .mv_list_wrap .mv_list .txt_wrap p {color: #fff;  letter-spacing:10px; text-transform: uppercase }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h3 { animation:mvTxt 1.3s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1);filter:blur(5px);  }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap p { animation:mvTxt 1.7s 1.3s forwards; opacity: 0; transform:translateY(50px) scale(1.1); filter:blur(5px); }

#mv .mv_list_wrap .mv_list .txt_wrap1 {position: absolute;left:0;top:35%;transform: translateY(0);margin-left: 0;/*overflow: hidden;*/text-align: center;margin: 0 auto;width: -webkit-fill-available;}
#mv .mv_list_wrap .mv_list .txt_wrap1 h3 {letter-spacing: 0; color: #fff; margin-bottom:50px;  }
#mv .mv_list_wrap .mv_list .txt_wrap1 p {color: #fff;  letter-spacing:50px;}
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h3 { animation:mvTxt 0.7s 0.3s forwards; opacity: 0;  transform:translateY(50px) scale(1.1);filter:blur(5px); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 p { animation:mvTxt 0.7s 0.5s forwards; opacity: 0;  transform:translateY(50px) scale(1.1); filter:blur(5px);}
#mv .mv_list_wrap .mv_list.slick-active .more {padding:15px 50px; text-align:center; border:1px solid #fff; color:#fff; border-radius:50px; transition:.25s;  margin:50px auto 0; animation:mvTxt 0.7s 0.3s forwards; opacity: 0;  transform:translateY(50px) scale(1.1);filter:blur(5px); position:relative; }
#mv .mv_list_wrap .mv_list.slick-active .more:hover { bbackground-color: #896e60;  border:1px solid #896e60; }

#mv .slick-slide img { display: inline-block;}

#mv .slider_arrow_wrap {display: flex;align-items:center;position: absolute; bottom: 150px; left: 50%; transform:translateX(-50%);}
#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Italiana', sans-serif; font-size: 14px; color: #fff;position: relative; letter-spacing:1px;}
#mv .slider_arrow_wrap button:after {content:''; display: block; width: 45px; height: 1px; background-color: #fff;position: absolute; top: 50%; }
#mv .slider_arrow_wrap .prev { padding-right: 70px; }
#mv .slider_arrow_wrap .next { padding-left: 70px; }
#mv .slider_arrow_wrap .prev:after {right: 0;}
#mv .slider_arrow_wrap .next:after {left: 0;}
#mv .slider_arrow_wrap .center-deco{width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
#mv .slider_arrow_wrap .center-deco .center-cir{display: block; width: 6px; height: 6px; background-color: white; border-radius: 50%;}

 .more{width:225px;font-family: 'Italiana', sans-serif;margin: 0 0;float: right;cursor: pointer;/*background:linear-gradient(to right, #333 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;*/position: absolute;right: 10%;opacity: .6;bottom: 25px;}
 .more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #fff; text-align: center; /*text-transform: uppercase;*/ transition:.75s;  letter-spacing:2px; }
 .more p span{margin-left: 20px;}
 .more:hover{ opacity:1 }



@keyframes mvBgScale {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes mvTxt {
    0% {
        /* transform:translateY(50px); */
        opacity:0;
				transform:translateY(50px) scale(1.1);
				filter:blur(5);
    }
    100% {
        /* transform:translateY(0); */
        opacity:1;
				transform:translateY(0) scale(1);
				filter:blur(0);
    }
}





.m1 {padding: 160px 0 0;}
.m1 .title_wrap{display:flex; padding-bottom:70px;}
.m1 .title_wrap .lt {width: 53%;}
.m1 .title_wrap .rt {width: 47%; margin-top:4.5%; margin-left:3%;}

.m2 {padding: 0 0; background-color:#fafafa;}


 .more{width:225px;font-family: 'Italiana', sans-serif;margin: 4% 0 0;float: right;cursor: pointer;/*background:linear-gradient(to right, #333 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;*/position: absolute;right: 10%; opacity:.7}
 .more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #fff; text-align: center; /*text-transform: uppercase;*/ transition:.75s;  letter-spacing:2px; }
 .more p span{margin-left: 20px;}
 .more:hover{/* background: #1a3369; */ border-color:#333; background-position:left bottom; }
 .more:hover p {color: #fff;}
 


.pl70 { padding-left:70px;}
.pr70 { padding-right:70px;}


.img_list { position:relative;}
.img_list li {display: flex;justify-content:space-between; align-items: center;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: 50%; overflow:hidden; }
.img_list li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; border-radius:30px; overflow:hidden; border:1px solid #ddd;}
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative;}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.5s; }
.img_list li .img_box:hover  img {transform:scale(1.05);}
.img_list li .txt_box .img {width: 100%;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;}
.img_list li .txt_box .img img{width:-webkit-fill-available;transition:.5s;}
.img_list li .txt_box:hover  img {transform:scale(1);}
.img_list li .num1 {position: relative;display: inline-block;width: 65px;height:65px;line-height:65px;text-align:center;background-color: #127864;color:#fff;border-radius:50px;font-family: 'Futura Std', sans-serif;letter-spacing: -3px; float: right;}


.img_list li .img_box .img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
    opacity: 0;
}
.img_list li .img_box .img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}









@media all and (max-width:1800px){
}
@media all and (max-width:1430px){
	
}
@media all and (max-width:1230px){

}


@media all and (max-width:980px){
}


@media all and (max-width:820px){
#mv_wrap .mv_list_wrap .mv_list .visual {width: 100%;height: 100%;background-repeat: no-repeat;background-position: 35% 50%;background-size: cover;transform: scale(1.15);}
#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1_m.jpg'); background-position:65% 50%;}
#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2_m.jpg'); background-position:80% 50%;}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3_m.jpg'); background-position:50% 50%;}
#mv_wrap .mv_list_wrap .mv_list4 .visual {background-image: url('/assets/images/main/mv4_m.jpg'); background-position:65% 50%;}

#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;left: 0;top:63%;transform: translateY(-60%);margin-left: 25px;/*overflow: hidden;*/}
#mv .mv_list_wrap .mv_list .txt_wrap p {color: #fff;letter-spacing: 3px;text-transform: uppercase}
#mv .mv_list_wrap .mv_list .txt_wrap .logo img { width:55%;}
#mv .slider_arrow_wrap {;bottom: 120px;}

#mv .slider_arrow_wrap {display: flex;align-items:center;position: absolute;bottom: 120px;left: 20px;transform: translateX(7%);scale: 1;}
#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Italiana', sans-serif; font-size: 14px; color: #fff;position: relative; letter-spacing:1px;}
#mv .slider_arrow_wrap button:after {content:'';display: block;width: 30px;height: 1px;background-color: #fff;position: absolute;top: 50%;}
#mv .slider_arrow_wrap .prev {padding-right: 38px;}
#mv .slider_arrow_wrap .next {padding-left: 38px;}
#mv .slider_arrow_wrap .prev:after {right: 0;}
#mv .slider_arrow_wrap .next:after {left: 0;}
#mv .slider_arrow_wrap .center-deco{width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}


#mv_wrap .slider_navi {position: absolute;bottom: 20%;right: 50%;margin-right: -155px;z-index: 1;display: flex;align-items:center;scale: .7;}

#mv .more{width:185px; font-family: 'Italiana', sans-serif; height: 45px; margin: 30px auto 0; float: none; /*border:1px solid #222;*/ box-sizing:border-box; cursor: pointer; background:linear-gradient(to right, #d37f74 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;}


.pl70 { padding-left:0;}
.pr70 { padding-right:0;}
.mt70 { margin-top: 30px !important;}
.mt100 {margin-top: 50px !important;}

.more1{width: 210px;font-family: 'Italiana', sans-serif;height: 50px;margin: 50px auto 0; float: none;}


.m1 { padding:80px 0 0}
.m1 .title_wrap{display: block;padding-bottom:50px;}
.m1 .title_wrap .lt {width: -webkit-fill-available;}
.m1 .title_wrap .rt {width: -webkit-fill-available;margin-top:4%;margin-left: 0;}

.mt150{margin-top:50px !important;}

.m2 { padding:0 0 10px;}
.more{width: -webkit-fill-available;font-family: 'Italiana', sans-serif;margin: 10% 0 0;float: right;cursor: pointer;/*background:linear-gradient(to right, #333 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent; border:1px solid #fff;*/position: absolute;right: 0;opacity:.7;scale: .8;bottom: 0;}
 










	
}


@media all and (max-width:520px){
	
}