/**************subtop.css**************/
.st_wrap{ position:relative; z-index:1; width:100%; min-height:max(36.4583333vw, 500px); display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; background-color:#242424; background-image:url(../img/sub/st01.jpg); background-position:50% 0%; background-size:cover; background-repeat:no-repeat; overflow:hidden; }
.st_wrap:before{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }

#st_sli{ position:absolute; z-index:5; top:0; bottom:0; left:0; right:0; }
.st_sli{ position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.st_sli:after{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.3); }
#st_pg{ position:relative; z-index:60; top:0; left:0; width:auto; font-family:'eg', 'nm', serif; font-size:24px; font-weight:400; color:#fff; text-align:center; opacity:0; transform:translate(0, 70px); -webkit-animation:1s fadeInUp 0.6s forwards; -moz-animation:1s fadeInUp 0.6s forwards; -o-animation:1s fadeInUp 0.6s forwards; animation:1s fadeInUp 0.6s forwards; text-shadow:2px 2px 2px rgba(0,0,0,.5); }

.st_box{ position:relative; z-index:6; padding:70px 20px; }
.st_txt{ max-width:800px; width:100%; margin:0 auto; text-align:center; word-break:keep-all; text-shadow:2px 2px 2px rgba(0,0,0,.5); }
.st_txt > .st_lg{ max-width:50px; width:100%; margin:0 auto 20px; opacity:0; transform:translate(0, 70px); -webkit-animation:1s fadeInUp 0s forwards; -moz-animation:1s fadeInUp 0s forwards; -o-animation:1s fadeInUp 0s forwards; animation:1s fadeInUp 0s forwards; }
.st_txt > .st_lg > img{ width:100%; height:auto; display:block; }
.st_txt > h3{ font-family:'nm',serif; font-size:24px; font-weight:400; color:#fff; line-height:1em; margin-bottom:16px; 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:'eg', 'nm', serif; font-size:60px; font-weight:400; color:#fff; line-height:1em; margin-bottom:25px; opacity:0; transform:translate(0, 70px); -webkit-animation:1s fadeInUp 0.4s forwards; -moz-animation:1s fadeInUp 0.4s forwards; -o-animation:1s fadeInUp 0.4s forwards; animation:1s fadeInUp 0.4s forwards; }

@-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; }
}

@media(max-width:850px){
	.st_box{ padding:40px 20px; }
	.st_txt > h3{ font-size:16px; }
	.st_txt > h2{ font-size:36px; margin-bottom:15px; }
	.st_txt > .arr{ width:30px; height:30px; }
	.st_txt > .arr:after{ width:10px; height:10px; margin:-7px 0 0 -5px; }
}
@media(max-width:700px){
	.st_wrap{ min-height:100vw; }
}
@media(max-width:500px){
	.st_txt > h2{ font-size:28px; }
}



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

@media(max-width:600px){
	.content_container{ box-sizing:border-box; padding:120px 20px 150px; }
}