.subtop, .subtop *{ box-sizing:border-box; }
*{ box-sizing:border-box; }
.subtop{ position:relative; z-index:1; overflow:hidden; background-color:#333; background-repeat: no-repeat; background-position: center; background-size: cover;}
#st_bdo{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }

.st_box{ position:relative; z-index:1; }

.st-caption{width: 100%; padding: 0 15px; max-width: 1630px; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; color: #252525; z-index: 3;}
.st-caption > h2{font-size: 50px; font-weight: 700;}
.st-caption > h5{font-size: 20px; font-weight: 400; margin-top: 1rem;}


/* mouse-s */
.mouse-s{position: absolute; bottom: 20%; left: 0; width: 100%; text-align: center; z-index: 8; color: #fff;}
.mouse-s > p{font-size: 18px;}
.mouse-s > span{display: block; font-size: 18px; transition: all 1s ease-in-out; animation: mousey 1.5s infinite;}

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

.nav-sub{width: 100%; position: absolute; bottom: 0; left: 0; z-index: 5;}
.nav-con{width: 100%; max-width: 1630px; padding: 0 15px; margin: 0 auto;}
.nav{display: flex; flex-wrap: wrap;}
.nav-item{width: auto; min-width: auto; position: relative; flex: 1 1 auto; text-align: center; height: 60px; line-height: 60px;}
.nav-item > a{display: block; font-size: 16px; color: #fff; font-weight: 500; background-color: #8c2016;}
.nav-item > a.active{background-color: #fff; color: #8c2016;}

article{ padding:4rem 0; }
.art_con{ width:100%; margin:0 auto; padding: 0 15px;}
.art_con_full{ width:100%; box-sizing: border-box;}
.article-full{padding: 0;}

.st-img-wrap{display: flex; justify-content: center; align-items: center; padding-top: 2rem;}
.st-img-box{padding: 0 0.2rem;}
.st-img{padding: 5px; overflow: hidden; border-radius: 10px; border: 1px solid #ddd;}
.st-img img{border-radius: 5px;}

.document_popup_menu{display: none;}


@media(max-width:1599px){
	.st-caption{padding: 0 2rem;}
}

@media(max-width:1199px){
	.st-caption{padding: 0 15px;}
	.st-caption > h2{font-size: 30px;}
	.st-caption > h5{font-size: 16px;}
	.mouse-s{bottom: 5%;}
	.mouse-s > p{font-size: 14px;}
}
@media(max-width:600px){

	.nav-item{height: 50px; line-height: 50px;}
	.nav-item > a{font-size: 13px}

	.subtop{background-position: 70% center;}

}