/**************subtop.css**************/
.st_wrap, .st_wrap *{ box-sizing:border-box; }
.st_wrap{ position:relative; z-index:1; width:100%; background-color:#242424; background-position:50% 0%; background-size:cover; background-repeat:no-repeat; overflow:hidden; }
.st_box{ position:relative; z-index:1; min-height:min(850px, 44.2708333333vw); display:flex; align-items:flex-end; justify-content:center; padding:250px 20px 150px;backdrop-filter:blur(5px); }
.st_box{
	background-image:linear-gradient(to bottom,
	rgba(0,0,0,.4) 0%,
	rgba(31,31,31,.4) 55%,
	rgba(60,60,60,.4) 60%,
	rgba(113,113,113,.4) 75%,
	rgba(193,193,193,.5) 85%,
	rgba(255,255,255,1) 97%);
}
.st_txt{ max-width:800px; width:100%; margin:0 auto; text-align:center; word-break:keep-all; }
.st_txt > h3{ font-family:'nc',serif; font-size:80px; font-weight:700; color:rgba(255,255,255,0.25); line-height:1em; letter-spacing:-0.05em; opacity:0; transform:translate(0, 70px); -webkit-animation:1s fadeInUp 0.2s forwards; -moz-animation:1s fadeInUp 0.2s forwards; -o-animation:1s fadeInUp 0.2s forwards; animation:1s fadeInUp 0.2s forwards; }
.st_txt > p{ font-size:18px; font-weight:300; color:#fff; line-height:1em; letter-spacing:-0.05em; margin-bottom:10px; margin-top:-40px; opacity:0; transform:translate(0, 70px); -webkit-animation:1s fadeInUp 0.2s forwards; -moz-animation:1s fadeInUp 0.2s forwards; -o-animation:1s fadeInUp 0.2s forwards; animation:1s fadeInUp 0.2s forwards; }
.st_txt > h2{ font-family:'ns',serif; font-size:40px; font-weight:500; color:#fff; line-height:1.3em; letter-spacing:-0.05em; opacity:0; transform:translate(0, 70px); -webkit-animation:1s fadeInUp 0.2s forwards; -moz-animation:1s fadeInUp 0.2s forwards; -o-animation:1s fadeInUp 0.2s forwards; animation:1s fadeInUp 0.2s forwards; }

.st_txt > .st_arr{ margin:40px auto 0; opacity:0; transform:translate(0, 70px); -webkit-animation:1s fadeInUp 0.5s forwards; -moz-animation:1s fadeInUp 0.5s forwards; -o-animation:1s fadeInUp 0.5s forwards; animation:1s fadeInUp 0.5s forwards; }
.st_txt > .st_arr > .arr{ position:relative; z-index:1; width:35px; height:60px; border:1px solid rgba(255,255,255,0.7); border-radius:100px; margin:0 auto 5px; }
.st_txt > .st_arr > .arr:after{ content:''; position:absolute; z-index:1; top:30%; left:50%; width:10px; height:10px; margin:-9px 0 0 -5px; border-right:1px solid rgba(255,255,255,0.7); border-bottom:1px solid rgba(255,255,255,0.7); transform:rotate(37deg) skewX(-16deg); opacity:1; box-sizing:border-box; animation:2s arr infinite; }
.st_txt > .st_arr > h6{ font-weight:300; color:#fff; }

.share{ max-width:800px; width:100%; margin:40px auto 100px; text-align:center; font-size:0; }
.share > li{ display:inline-block; padding:0 5px; }
.share > li > a{ display:block; border:1px solid #ddd; background-color:#efefef; border-radius:6px; line-height:1em; padding:13px; font-size:28px; color:#181818; }
.share > li > a.sh_fb:hover{ background-color:#0866ff; border-color:#0866ff; color:#fff; }
.share > li > a.sh_nb:hover{ background-color:#00c643; border-color:#00c643; color:#fff; }
.share > li > a.sh_kt:hover{ background-color:#fae100; border-color:#fae100; color:#391b1b; }
.share > li > a.sh_lk:hover{ background-color:#ed2a2a; border-color:#ed2a2a; color:#fff; }

@-webkit-keyframes fadeInUp{
	0%{ transform:translate(0, 70px); opacity:0; }
	100%{ transform:translate(0, 0); opacity:1; }
}
@-moz-keyframes fadeInUp{
	0%{ transform:translate(0, 70px); opacity:0; }
	100%{ transform:translate(0, 0); opacity:1; }
}
@-o-keyframes fadeInUp{
	0%{ transform:translate(0, 70px); opacity:0; }
	100%{ transform:translate(0, 0); opacity:1; }
}
@keyframes fadeInUp{
	0%{ transform:translate(0, 70px); opacity:0; }
	100%{ transform:translate(0, 0); opacity:1; }
}

@keyframes arr{
	0%{ top:30%; opacity:1; }
	70%{ top:80%; opacity:1; }
	85%{ top:80%; opacity:0; }
	85.001%{ top:30%; opacity:0; }
	100%{ top:30%; opacity:1; }
}
@-webkit-keyframes arr{
	0%{ top:30%; opacity:1; }
	70%{ top:80%; opacity:1; }
	85%{ top:80%; opacity:0; }
	85.001%{ top:30%; opacity:0; }
	100%{ top:30%; opacity:1; }	
}
@-moz-keyframes arr{
	0%{ top:30%; opacity:1; }
	70%{ top:80%; opacity:1; }
	85%{ top:80%; opacity:0; }
	85.001%{ top:30%; opacity:0; }
	100%{ top:30%; opacity:1; }
}
@-o-keyframes arr{
	0%{ top:30%; opacity:1; }
	70%{ top:80%; opacity:1; }
	85%{ top:80%; opacity:0; }
	85.001%{ top:30%; opacity:0; }
	100%{ top:30%; opacity:1; }
}

@media(max-width:850px){
	.st_wrap{ min-height:auto; }
	.st_box{ padding-bottom:min(150px, 10vw); }
	
	.st_txt > h3{ font-size:60px; }
	.st_txt > p{ font-size:16px; margin-top:-30px; }
	.st_txt > h2{ font-size:32px; }
	.st_txt > .st_arr{ width:30px; }
	.st_txt > .st_arr > .arr{ width:30px; height:50px; }
	.st_txt > .st_arr > .arr:after{ width:8px; height:8px; margin:-8px 0 0 -4px }

	.share > li{ display:inline-block; padding:0 3px; }
	.share > li > a{ border-radius:4px; padding:10px; font-size:24px; }
}
@media(max-width:500px){
	.st_txt > h3{ font-size:50px; }
	.st_txt > p{ margin-top:-25px; }
}



/**************content.css**************/
.content_container{ width:100%; margin:0 auto; box-sizing:border-box; padding:150px 40px 150px; }
.content_container > *{ margin:0 auto; }

@media(max-width:991px){
	.content_container{ box-sizing:border-box; padding:100px 15px 100px; }
}