@charset "utf-8";
.only_m{display:none}
#sv_wrap {width: 170vw;border-radius: 0 0 50% 50%;overflow: hidden;transform: translateX(-35vw);}
#sv {width: 100vw; position: relative; transform:translateX(35vw);}
#sv .sv_visual {width: 100%; height: 100vh; background-size:cover; background-position: 50% 50%; transform:scale(1.2); animation: sv-bg-change 5s infinite;}

#sv .sv_tit_wrap {position: absolute; top: 43%; text-align:center; width:100%; transform:translateY(-50%); color: #fff;  }
/* #sv .sv_tit_wrap > div {opacity: 0; animation:svTxt 0.7s 0.3s forwards;} 
#sv .sv_tit_wrap span {opacity: 0; animation:svTxt 0.7s 0.3s forwards; display: inline-block; padding: 8px 25px; background-color: #c5a887; border-radius:50px; letter-spacing:1px;}*/
#sv .sv_tit_wrap h3 {opacity: 0; animation:svTxt 0.7s 0.5s forwards; }
#sv .sv_tit_wrap p {opacity: 0; animation:svTxt 0.7s 0.7s forwards; }


@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}

@keyframes svTxt {
    0% {
        transform:translateY(50px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}

/* .s_nav_wrap .icon {display: inline-block; transform:translateY(-5px); margin-right: 10px;} */
.s_nav_wrap {width: 350px; margin:0 auto; margin-top:30px;}
.s_nav_wrap .wrap {display: flex; align-items:center;}
.s_nav_wrap .wrap .home {display: flex;align-items:center;width: 15px;height: 30px;}
.s_nav_wrap .wrap .home a {display: block;}
.s_nav_wrap .wrap .home img {transform:translateY(-2px);}
.s_nav_wrap .wrap .route {width: calc(100% - 15px);display: flex;align-items:center;}
.s_nav_wrap .wrap .route .nav_con {width: calc(50% - 25px);margin-right: 25px;position: relative;padding: 0 0 0 5px;color: #d6d6d6;transition:.25s;border-bottom: 1px solid #999;margin-left: 5px; font-size:15px; letter-spacing:-1.5px;}
.s_nav_wrap .wrap .route .nav_con:before {content:none;display: block;width: 20px;line-height: 30px;position: absolute;top: 0;right: -10px;font-size: 11px;}
.s_nav_wrap .wrap .route .nav_con:first-child:after {content:none;display: block;width: auto;line-height: 30px;position: absolute;top: 0;right: -20px;font-size: 15px;color: #d6d6d6;font-family: cursive;font-weight: 600;}
.s_nav_wrap .wrap .route .nav_con .link {display: block; width: 100%; height: 30px; line-height: 30px;}
.s_nav_wrap .wrap .route .nav_con ul { display: none; position: absolute; top: 100%; left: 0; width: 100%;  border: 1px solid #ddd; background-color: rgba(255,255,255,.7); border-radius:10px; overflow: hidden; z-index: 1;}
.s_nav_wrap .wrap .route .nav_con ul li {/* border-bottom: 1px solid #eee; */}
.s_nav_wrap .wrap .route .nav_con ul li a {display: block; padding: 5px 10px; color: #222; font-size: 13px; line-height: 1.5; transition:.25s;}
.s_nav_wrap .wrap .route .nav_con:hover,
.s_nav_wrap .wrap .route .nav_con.active {color: #fff;}
.s_nav_wrap .wrap .route .nav_con ul li a:hover {background-color: #3b4a6b; color: #fff;}




.en {font-family: 'IvyMode', serif; text-transform:uppercase;}
.pl70 { padding-left:70px;}
.pr70 { padding-right:70px;}
.pl30 { padding-left:30px;}

.con1 {padding: 160px 0 0;}
.s_tit_wrap {margin:0 0 60px 5%;}
.s_tit_wrap .txt { text-transform:uppercase; letter-spacing:3px;}
.s_tit_wrap h4 {margin-bottom:20px;}
.s_tit_wrap .arrow{left: 1%; position: absolute;  z-index: 2;}


.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%; }
.img_list li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; z-index:1; }
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.25s;  /*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);  border-radius: 20px;*/ }

.img_list li .img_box .img  {position: relative; overflow:hidden;}
.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;
	}
}

.img_list li .img_box .img{transition:.25s;}
.img_list li .img_box .img:hover{border-radius:70px 0 70px 0;}
.img_list li .img_box:hover img {transform:scale(1.15);}
.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 .txt_box .num4 {width: 80px;height: 60px;line-height:60px;text-align: center;background-color:#3b4a6b;color:#fff;border-radius:50px;font-weight:500;font-size:22px;font-family: 'IvyMode', sans-serif;position: absolute;margin-left: -21%;top: -5%;}
.img_list li .txt_box .num5 {width: 120px;height: 45px;line-height:45px;text-align: center;background-color:#3b4a6b;color:#fff;border-radius:50px;font-weight:500;font-size:18px;font-family: 'IvyMode', sans-serif;}