/*-------------------------------
	news list
-------------------------------*/


.news {
	padding-bottom:130px;
}

.blog_list li {
	border-color:#b7b7b7;
	border-width:1px;
}

.news_list .blog_title_a {
	padding-left:60px;
}


/*-------------------------------
	news detail
-------------------------------*/

.news_detail_wrap .text_limit {
	letter-spacing: 0;
}

.news_detail_wrap .bread_wrap {
	margin-bottom:100px;
}

.news_detail {
	padding:50px 0 130px;
	background-color:#f2f2f2;
}

.title_wrap {
	margin-bottom:60px;
}

.title_wrap .d_time {
	width:50px;
}

.title_block {
	width:calc(100% - 50px);
	padding:0px 0 10px 30px;
	margin-left:30px;
	border-left:1px solid #b7b7b7;
}

.news_title {
	font-size:3.4rem;
	line-height:1.5;
	font-weight:700;
}

.title_block .cate {
	margin:1em 1em 0 0;
}

.comment {
	padding:60px 56px;
	margin-bottom:110px;
}

.comment h2,
.comment h3,
.comment h4 {
	font-weight:700;
	position:relative;
	margin-bottom:20px;
}

.comment h2 {
	font-size:2.4rem;
	padding-left:1.5em;
}

.comment h2::before,
.comment h2::after {
	content:"";
	display: block;
	width:16px;
	height:16px;
	background-color:#404040;
	position:absolute;
	left:8px;
	top:12px;
}

.comment h2::after {
	background-color:#b7193f;
	left:0px;
	top:4px;
}

.comment h3 {
	display: inline-block;
	font-size:2rem;
	padding:0 0 0.15em 1.2em;
	border-bottom:1px solid #000;
}

.comment h3::before,
.comment h4::before {
	content:"";
	display: block;
	width:16px;
	height:16px;
	background-color:#000000;
	position:absolute;
	left:0;
	top:0.25em;
}

.comment h4 {
	font-size:1.8rem;
	padding-left:1.35em;
	margin-bottom:10px;
}

.comment h4::before {
	border-radius:50%;
}

.comment p {
	line-height:1.875;
	margin-bottom:40px;
}

.comment p:last-of-type {
	margin-bottom:0;
}

.comment a {
	display: inline-block;
	font-size:1.6rem;
	font-weight:500;
	text-decoration: underline;
	line-height:1.25;
}

.comment a:hover {
	text-decoration: none;
}





/*-------------------------------
	responsive
-------------------------------*/

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

	.news_detail_wrap .subf_view .h_title {
		font-size:4rem;
	}
	
	
	}
	

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

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


/*-------------------------------
	news list
-------------------------------*/

.news {
	padding-bottom:20vw;
}

.news_list .blog_title_a {
	padding-left:0;
	margin-top:3vw;
}

.news_list .blog_title_a.icon_pdf {
	padding-left:12vw;
}

.news_list .blog_title_a h2 {
	margin-top:0;
}



/*-------------------------------
	news detail
-------------------------------*/

.news_detail_wrap .subf_view .h_title {
	font-size:2.8rem;
}


.news_detail_wrap .bread_wrap {
	margin-bottom:0px;
}

.news_detail {
	padding:7.5vw 0 20vw;
}

.title_wrap {
	width:100%;
	margin-bottom:7.5vw;
}

.title_wrap .d_time {
	width:12.5vw;
}

.title_block {
	width:calc(100% - 17.5vw);
	padding:0px 0 2.5vw 5vw;
	margin-left:5vw;
}

.news_title {
	font-size:1.8rem;
}

.comment {
	padding:7.5vw 5vw;
	margin-bottom:20vw;
}

.comment h2,
.comment h3,
.comment h4 {
	margin-bottom:5vw;
}

.comment h2 {
	font-size:2rem;
}

.comment h2::before,
.comment h2::after {
	width:3vw;
	height:3vw;
	left:1.5vw;
	top:2.25vw;
}

.comment h2::after {
	left:0px;
	top:0.75vw;
}

.comment h3 {
	font-size:1.8rem;
}

.comment h3::before,
.comment h4::before {
	width:3vw;
	height:3vw;
}

.comment h4 {
	font-size:1.6rem;
	margin-bottom:2.5vw;
}

.comment p {
	margin-bottom:7.5vw;
	font-size:1.4rem;
}

.comment a {
	font-size:1.4rem;
}







}