/*====== Keyvisual =====*/
#kvContainer{
	position: relative; width: 100%; min-width: 1600px; height: 1014px;
	background-color: #000;
}

#kv1,#kv2,#kv3{
	position: absolute; overflow: hidden;
	width: 100%; height: 100%; top: 0; left: 0;
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
	
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translate(-400px, 0); transform: translate(-400px, 0);
	transition: all .3s ease-in;
}

#kv1{background-image: url("/_common/img/kv/pc/bg01.jpg");}
#kv2{background-image: url("/_common/img/kv/pc/bg02.jpg");}
#kv3{background-image: url("/_common/img/kv/pc/bg03.jpg");}

.kv_change, .kvtitle_change, .kvsubtitle_change{
	-webkit-opacity: 1 !important; opacity: 1 !important;
	-webkit-transform:translate(0, 0) !important; transform: translate(0, 0) !important;
}

#kv1 img{
	position: absolute;
	width: 50%; top: 0px; right: -80px;
	
	-webkit-opacity: 0; opacity: 0; -webkit-transform-origin: bottom; transform-origin: bottom;
	-webkit-transform:scale(0, 0); transform: scale(0, 0);
	transition: all .6s ease-in;
}

#kv1 img.img_change{
	-webkit-opacity: 1; opacity: 1;
	-webkit-transform:scale(1, 1); transform: scale(1, 1);
}

.kvtitle1, .kvtitle2, .kvtitle3{
	position: absolute;
	width: 1030px; height: 0px; padding-top: 313px; overflow: hidden;
	left: 95px; top: 385px;
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
	
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translate(-600px, 0); transform: translate(-600px, 0);
	transition: all .6s ease-in;
}

.kvtitle1{background-image: url("/_common/img/kv/pc/title01.png");} 
.kvtitle2{background-image: url("/_common/img/kv/pc//title02.png");} 
.kvtitle3{background-image: url("/_common/img/kv/pc//title03.png");}

.kv_subtitle{
	position: absolute; top: 340px; left: 0;
	font-family: Roboto;
	color: #ffffff;
	font-size: 24px;
	font-weight: 900;
	letter-spacing: .05em;
	text-shadow: 0px 0px 36px rgba(0, 0, 0, 0.3);
	padding-left: 135px;
	
	-webkit-opacity: 0; opacity: 0;
	-webkit-transform:translate(-600px, 0); transform: translate(-600px, 0);
	transition: all .6s ease-in;
}

.kv_subtitle:before{
	position: absolute;
	content: "";
	width: 105px; height: 1px;
	left: 0; top:50%;
	background-color: #ffffff;
}

/*====== footer =====*/
/*
.footer_box{padding: 540px 95px 40px 105px !important; }

#facebook, #twitter{
	position: absolute; top: 35px; width: 500px; height: 500px; background-color: #fff; 
	box-shadow: 0px 0px 36px 4px rgba(0, 0, 0, 0.1);
}
#facebook{right: 710px;}
#twitter{right: 170px;}
*/
/*====== section 1 =====*/
.sec_wrapper01, .sec_container01{height: 858px; border-top-right-radius: 120px;}
.sec_wrapper01{background-image: url("/_common/img/home/bg01.jpg"); background-size: cover; background-repeat:no-repeat; background-position: top -180px left 0; margin-top: -120px;}
.sec_container01{background-color: rgba(0,0,0,.85);}
.sec_box01{padding: 120px 0px 130px;}

h2.sec01_title{
	display: block; width: 100%; height: fit-content; 
	font-size: 34px !important; line-height: 62px !important; font-weight: 900 !important; color: #fff;
}

h3.sec01_title{
	display: block; width: fit-content; height: fit-content;
	font-size: 18px !important; font-weight: 900 !important; color: #fff;
}

.sec01_content_left, .sec01_content_right{margin-top: 100px;}
.sec01_content_left{float: left; width: 340px; height: fit-content;}
.sec01_content_left img{width: 100%;}
.sec01_content_left span{display: block; font-size: 16px !important; font-weight: 900 !important; color: #fff; margin-top: 30px;}
.sec01_content_right{float: right; padding-left: 80px; width: calc(100% - 340px);}

/*====== section 2 & 3 =====*/
h2:not(sec01_title){display: block; font-size: 60px !important; font-weight: 900 !important;}

/*====== section 2 =====*/
h2.sec02_title{color: #000 !important; margin-bottom: 60px; margin-left: 60px;}

/*====== section 3 =====*/z
.sec_wrapper03, .sec_container03{position: relative; height: 858px;}
.sec_wrapper03{background-image: url("/_common/img/home/bg02.jpg"); background-size: cover; background-repeat:no-repeat; margin-bottom: 100px;}
.sec_box03{position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}

h2.sec03_title{display: block; color: #fff !important; margin-bottom: 80px;}
h3.sec03_title{display: block; font-size: 24px; font-weight: 900; color: #fff !important; margin-bottom: 30px;}
.sec_box03 p{font-weight:500 !important; color:#fff; margin-bottom:65px;}

.register_btn{width: 100%; height: fit-content;;}
.register_btn span{float: left; display: block; font-size: 24px; font-weight: 900; color: #fff !important; margin-top: 10px; margin-right:25px;}
.register_btn a{float: left !important;}