@charset "utf-8";
.sub-contents{margin-top:80px; margin-bottom:50px;}
.sub-contents .fix-layout{margin:0 auto; width:100%; max-width:1304px; padding:0 12px;}
.sub-top-bg {position: relative; background-repeat: no-repeat; width: 100%; height: 405px; margin: 0 auto;  background:url(/resources/custom/images/darchives/sub/sub-top-bg.jpg); 
background-size:cover; background-position:right;}
.sub-top-ttl{display:flex; flex-direction:column; max-width:1602px; padding:0 12px; height:100%; margin:0 auto; justify-content: end; padding-bottom:60px;}
.sub-top-ttl h5{font-size:16px; color:#0f0f0f; font-weight:500; line-height:1.5; transform:translateY(100px); opacity:0; transition:.5s; transition-delay: .5s;}
.sub-top-ttl h3{color: #111; font-size: 50px;  font-weight:600; margin-bottom:30px; transform:translateY(100px); opacity:0; transition:.5s; }
.sub-top-ttl.active h3{transform:translateY(0); opacity:1; }
.sub-top-ttl.active h5{transform:translateY(0); opacity:1; }

/*page_location*/
.sub-page-tit{display:flex; justify-content: space-between; align-items:center; margin-bottom:30px;}
.sub-page-tit .page_location {display:flex; align-items:center;}
.sub-page-tit .page_location p{position:relative;}
.sub-page-tit .page_location p:after{content:">"; display:inline-block; width:auto; height:auto; color:#ccc; margin:0 14px;}
.sub-page-tit .page_location p:last-child:after{display:none;}
.sub-page-tit .contentsTitle{font-size:35px; color:#333333; font-weight:600;}

@media all and (max-width:767px){
	.sub-top-bg{height:350px;}
	.sub-top-ttl h3{font-size:32px;}
	.sub-top-ttl h5 br{display:none;}
	.sub-page-tit{flex-direction:column; gap:10px;}
	.sub-contents{margin-top:50px;}
}