/* --- subf_view --- */

.subf_view::before {
	background:url(../images/bg_subf_news.jpg) no-repeat center / cover;
}

/* --- detail --- */

.news_detail {
	margin-top:100px;
}

.news_detail time {
	margin-bottom:1em;
	margin-right:0;
}

.news_title {
	font-size:2.4rem;
	line-height:1.5em;
	letter-spacing: 0.1rem;
	padding-bottom:0.5em;
	position:relative;
}

.news_title::after {
	content:"";
	display: block;
	width:100%;
	height:2px;
	background: #528ba5; /* Old browsers */
	background: -moz-linear-gradient(right,  #528ba5 0%, #00adba 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right,  #528ba5 0%,#00adba 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #528ba5 0%,#00adba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#528ba5', endColorstr='#00adba',GradientType=0 ); /* IE6-9 */
	position:absolute;
	left:0;
	bottom:0;
}

.news_comment {
	padding:40px 0;
}

.news_comment h2,
.news_comment h3,
.news_comment h4 {
	font-family: 'Noto Serif JP', serif;
	line-height:1.5em;
}

.news_comment h2,
.news_comment h3,
.news_comment h4,
.news_comment p {
	margin-bottom:30px;
}

.news_comment img {
	margin-bottom:60px;
}

.news_comment h2,
.news_comment h3,
.news_comment h4 {
	letter-spacing: 0.1rem;
}
.news_comment h2 {
	font-size:2.2rem;
	padding-bottom:0.5em;
	position:relative;
}

.news_comment h2::before,
.news_comment h2::after {
	content:"";
	display: block;
	height:2px;
	position:absolute;
	bottom:0;
	left:0;
}

.news_comment h2::before {
	width:100%;
	background:#cdcdcd;
}

.news_comment h2::after {
	width:30%;
	background:#008ba5;
}

.news_comment h3 {
	font-size:1.8rem;
	padding-left:0.5em;
	position:relative;
}

.news_comment h3::before {
	content:"";
	display: block;
	width:0.2em;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto 0;
	background:#008ba5;
}

.news_comment h4 {
	font-size:1.6rem;
	padding-left:1.5em;
	position:relative;
}

.news_comment h4::before {
	content:"";
	display: block;
	width:1em;
	height:2px;
	position:absolute;
	top:0.7em;
	left:0;
	background:#008ba5;
}


/* --- ver sp --- */

@media screen and (max-width:768px){

/* --- detail --- */

.news_detail {
	margin-top:15vw;
}


.news_title {
	font-size:5vw;
}


.news_comment {
	padding:10vw 0;
}


.news_comment h2,
.news_comment h3,
.news_comment h4,
.news_comment p {
	margin-bottom:7.5vw;
}


.news_comment img {
	margin-bottom:10vw;
}

.news_comment h2 {
	font-size:4.5vw;
}


.news_comment h3 {
	font-size:4vw;
}


.news_comment h4 {
	font-size:3.75vw;
}


}