header{
	border-bottom:none;
}
#contents {
    padding-top: 530px;
    position: relative;
}
.header_area .sec-page-title,
.header_area .products-list-title,
.journal-cont .sec-page-title,
.journal-cont .products-list-title {
    width: 100%;
    height:500px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

#JournalList > h1,
#Journal > h1,
#JournalList > article > h2{
	display:none;
}

.sec-page-title,
.products-list-title{
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.sec-page-title .text,
.products-list-title .text{
	display:flex;
	justify-content: center;
	align-items:center;
	height:100%;
	width:300px;
	color:#fff;
	text-align:center;
	background:rgba(1,98,174,0.95);
}
.sec-page-title .text div .title,
.products-list-title .text div .title{
	font-size:var(--fz28);
	font-weight:500;
}
.sec-page-title .text div p,
.products-list-title .text div p{
	font-size:var(--fz16);
	font-weight:600;
	margin-top: 1em;
}
.sec-page-title .text div p::before,
.products-list-title .text div p::before{
	content:"-";
	margin-right:0.5em;
}
.sec-page-title .text div p::after,
.products-list-title .text div p::after{
	content:"-";
	margin-left:0.5em;
}


@media screen and (min-width: 769px) {

}
@media screen and (max-width: 768px) {
	#contents {
	    padding: 220px 0 0;
	}
	.header_area .sec-page-title,
	.header_area .products-list-title,
	.journal-cont .sec-page-title,
	.journal-cont .products-list-title{
		height:200px;
	}
	.sec-page-title .text,
	.products-list-title .text{
		width:45%;
	}
	.sec-page-title .text > div,
	.products-list-title .text > div{
		margin-top:2em;
	}
	.sec-page-title .text div .title, .products-list-title .text div .title {
	    font-size: var(--fz16);
	}
	.sec-page-title .text div p, .products-list-title .text div p{
		font-size: var(--fz13);
		margin-top: 0.3em;
	}
}