/**************subtop.css**************/
.st_wrap{ position:relative; z-index:1; width:100%; min-height:600px; display:table; 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_wrap:before{ background:linear-gradient(to bottom,rgba(0,0,0,0.5) 5%,rgba(51,51,51,.5) 40%,rgba(100,100,100,.75) 75%,rgba(255,255,255,1) 100%); }
.st_box{ position:relative; z-index:1; display:table-cell; vertical-align:middle; padding:150px 60px 120px; }
.st_txt{ max-width:700px; width:100%; margin:0 auto; text-align:center; word-break:keep-all; }
.st_txt > h2{ font-family:'nm'; font-size:60px; font-weight:500; color:#fff; line-height:1em; margin-bottom:15px; letter-spacing:0.1em; text-indent:0.1em; 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 > h3{ font-family:'nm'; font-size:20px; font-weight:400; color:#fff; line-height:1em; letter-spacing:0.25em; text-indent:0.25em; opacity:0; transform:translate(0, 70px); -webkit-animation:1s fadeInUp 0.35s forwards; -moz-animation:1s fadeInUp 0.35s forwards; -o-animation:1s fadeInUp 0.35s forwards; animation:1s fadeInUp 0.35s forwards; }
.st_txt > p{ font-size:18px; font-weight:300; color:#fff; line-height:1.5em; margin-top:30px; 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; }

@-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_wrap{ min-height:max(82.3529412vw, 400px); }
	.st_box{ padding:150px 20px 120px; }
	.st_txt{ width:95%; }
	.st_txt > h2{ font-size:55px; margin-bottom:10px; }
	.st_txt > h3{ font-size:18px; }
	.st_txt > p{ font-size:14px; margin-top:20px; }
}
@media(max-width:600px){
	.st_box{ padding:120px 20px 90px; }
	.st_txt > h2{ font-size:40px; letter-spacing:0.2em; text-indent:0.2em; }
	.st_txt > h3{ font-size:16px; }
	.st_txt > p{ font-size:13px; }
}



/**************content.css**************/
#content{ box-sizing:border-box; padding:150px 60px 150px; overflow:hidden; }
.content_container{ width:100%; margin:0 auto; }

@media(max-width:1280px){
	#content{ box-sizing:border-box; padding:150px 15px 150px; }
}