@charset "UTF-8";


/*****************************************************
　ページメインビジュアル　
*****************************************************/
#page_main-visual{
	background:url('../img/news/main-visual_bg.jpg') no-repeat center center;
	background-size:cover;
}


/*****************************************************
　最新情報一覧　
*****************************************************/
.newslist{
	margin:45px 60px 100px;
}
/* 記事 
------------------------------------------------- */
.news-item{
	border-bottom:1px solid #a2a2a2;
	max-width:1040px;
	padding:0 0 18px;
	width:100%;
}
.news-item + .news-item{
	margin:45px 0 0;
}
.news-item_inner{
	display:flex;
	justify-content:space-between;
}
/* ----- テキスト ----- */
.news-item .txt{
	display:flex;
	justify-content:space-between;
	max-width:780px;
	width:75%;
}
.news-item .date{
	color:#005d93;
	font-size:20px;
	font-size:2.0rem;
	line-height:1.4;
	margin:0 15px 0 0;
	padding:0 0 0 35px;
	position:relative;
	width:165px;
}
.news-item .date:before{
	background:url('../img/common/checkmark.png') no-repeat left center;
	content:'';
	display:block;
	height:15px;
	left:10px;
	position:absolute;
	top:7px;
	width:14px;
	z-index:0;
}
.news-item .ttl-excerpt{
	width:calc(100% - 165px - 15px);
}
.news-item .ttl{
	color:#27b0ff;
	font-size:20px;
	font-size:2.0rem;
	font-weight:normal;
	line-height:1.4;
	margin:0 0 15px;
	text-decoration:underline;
}
.news-item .excerpt p{
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
}
/* ----- 画像 ----- */
.news-item .thumb{
	max-width:218px;
	width:21%;
}


/*****************************************************
　最新情報詳細　
*****************************************************/
/* 記事 
------------------------------------------------- */
.s-news-item .ttl{
	border-bottom:4px solid #d3d3d3;
	color:#00a4f8;
	font-size:24px;
	font-size:2.4rem;
	font-weight:normal;
	letter-spacing:0.05em;
	line-height:1.4;
	margin:0 0 20px;
	padding:10px 20px 15px;
	position:relative;
}
.s-news-item .ttl:before{
	border-bottom:4px solid #00a4f8;
	bottom:-4px;
	content:'';
	display:block;
	left:0;
	position:absolute;
	width:186px;
	z-index:0;
}
.s-news-item .date{
	color:#666;
	display:block;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.05em;
	padding:0 25px;
}
.s-news-item .contents{
	box-sizing:border-box;
	color:#6d6d6d;
	margin:70px auto 85px;
	max-width:1135px;
	padding:0 25px;
	width:100%;
}
.s-news-item .contents p{
	letter-spacing:0.05em;
	line-height:1.5;
}
/* ページャー 
------------------------------------------------- */
.s-pager{
	display:flex;
	justify-content:center;
	margin:0 0 85px;
}
.s-pager .prev,
.s-pager .next{
	background:#00a4f8;
	font-size:15px;
	font-size:1.5rem;
	line-height:29px;
	text-align:center;
	width:152px;
}
.s-pager .prev + .next{
	margin:0 0 0 20px;
}
.s-pager .prev a,
.s-pager .next a{
	color:#fff;
	display:block;
}
.s-pager .prev span,
.s-pager .next span{
	font-size:inherit;
	display:inline-block;
}
.s-pager .prev span{
	background:url('../img/common/prev_arrowicon.png') no-repeat left center;
	padding:0 0 0 25px;
}
.s-pager .next span{
	background:url('../img/common/next_arrowicon.png') no-repeat right center;
	padding:0 25px 0 0;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　最新情報一覧　
	*****************************************************/
	.newslist{
		margin:7.03vw 3.12vw 15.62vw;
	}
	/* 記事 
	------------------------------------------------- */
	.news-item{
		border-width:0.15vw;
		padding:0 0 2.81vw;
	}
	.news-item + .news-item{
		margin:7.03vw 0 0;
	}
	/* ----- テキスト ----- */
	.news-item .txt{
		display:block;
		max-width:none;
	}
	.news-item .date{
		font-size:3.9vw;
		margin:0 2.34vw 0 0;
		padding:0 0 0 6.25vw;
		width:auto;
	}
	.news-item .date:before{
		background-size:2.96vw auto;
		height:3.17vw;
		left:1.56vw;
		top:0.6vw;
		width:2.96vw;
	}
	.news-item .ttl-excerpt{
		padding:0 0 0 6.25vw;
		width:auto;
	}
	.news-item .ttl{
		font-size:3.9vw;
		margin:0 0 2.34vw;
	}
	.news-item .excerpt p{
		font-size:3.12vw;
	}
	/* ----- 画像 ----- */
	.news-item .thumb{
		max-width:none;
		width:23%;
	}
	.news-item .thumb img{
		width:100%;
	}


	/*****************************************************
	　最新情報詳細　
	*****************************************************/
	/* 記事 
	------------------------------------------------- */
	.s-news-item .ttl{
		border-width:0.62vw;
		font-size:5vw;
		margin:0 0 3.12vw;
		padding:1.56vw 3.12vw 2.34vw;
	}
	.s-news-item .ttl:before{
		border-width:0.62vw;
		bottom:-0.62vw;
		width:29.06vw;
	}
	.s-news-item .date{
		font-size:3.75vw;
		padding:0 3.9vw;
	}
	.s-news-item .contents{
		margin:10.93vw auto 13.28vw;
		padding:0 3.9vw;
	}
	.s-news-item .contents p{
		font-size:3.75vw;
	}
	/* ページャー 
	------------------------------------------------- */
	.s-pager{
		margin:0 0 13.28vw;
	}
	.s-pager .prev,
	.s-pager .next{
		font-size:3.28vw;
		line-height:6vw;
		width:27vw;
	}
	.s-pager .prev + .next{
		margin:0 0 0 3.12vw;
	}
	.s-pager .prev span{
		background-size:1.56vw auto;
		padding:0 0 0 3.9vw;
	}
	.s-pager .next span{
		background-size:1.56vw auto;
		padding:0 3.9vw 0 0;
	}
}


	/* ブロックエディターカスタム
	------------------------------------------------- */
.wp-block-image {
    margin: 0 0 2em !important;
}