@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  PC スマホ共通
**************************************************
--------------------------------------------------*/



/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	
	.news_inner {
		width:800px;
		max-width: 90%;
		margin-bottom:200px;
	}
	.news_inner h2 {
		font-size:24px;
	}
	.news_inner .date {
		margin-top: 20px;
		font-size:16px;
		font-weight: 700;
	}
	.news_inner .single_detail {
		margin-top: 30px;
		font-size:16px;
		line-height: 2.4em;
		padding-top:30px;
		padding-bottom:30px;
		border-top:1px solid #f0f0f0;
		border-bottom:1px solid #f0f0f0;
	}
	.back_archive_btn {
		margin:50px auto 0;
		text-align:center;
	}
	.back_archive_btn a {
		background:#e63c3c;
		border:1px solid #e63c3c;
		color:#FFF;
		font-size:16px;
		padding:15px 30px;
		display:inline-block;
		font-weight:500;
	}
	.back_archive_btn a span {
		position:relative;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.back_archive_btn a span::after {
		content: '';
		width: 60px;
		height: 5px;
		border-bottom: solid 1px;
		border-right: solid 1px;
		transform: skew(45deg);
		margin-left:20px;
	}
	.back_archive_btn a:hover {
		text-decoration:none;
		border:1px solid #e63c3c;
		color:#e63c3c;
		background:#FFF;
	}
	

}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	
	.news_inner {
		margin-bottom:100px;
	}
	.news_inner h2 {
		font-size:5vw;
	}
	.news_inner .date {
		margin-top: 20px;
		font-size:3.6vw;
		font-weight: 700;
	}
	.news_inner .single_detail {
		margin-top: 30px;
		font-size:3.6vw;
		line-height: 2.4em;
		padding-top:30px;
		padding-bottom:30px;
		border-top:1px solid #f0f0f0;
		border-bottom:1px solid #f0f0f0;
	}
	.back_archive_btn {
		width: 80%;
		margin:30px auto;
		text-align:center;
	}
	.back_archive_btn a {
		background:#e63c3c;
		color:#FFF;
		font-size:3.6vw;
		padding:15px 0;
		display:block;
		font-weight:500;
	}
	.back_archive_btn a span {
		position:relative;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.back_archive_btn a span::after {
		content: '';
		width: 40px;
		height: 5px;
		border-bottom: solid 1px;
		border-right: solid 1px;
		transform: skew(45deg);
		margin-left:20px;
	}
	.back_archive_btn a:hover {
		text-decoration:none;
	}
	
	
	

}/* End SP */