@charset "UTF-8";


/*****************************************************
　インフォメーション一覧　
*****************************************************/
/* リスト 
------------------------------------------------- */
.information-list{
	display:flex;
	flex-wrap:wrap;
}
.information-item{
	margin:0 2.6% 45px 0;
	max-width:265px;
	width:23%;
}
.information-item:nth-child(4n){
	margin:0 0 45px;
}
.information-item a{
	display:block;
}
/* ----- 画像 ----- */
.information-item .img{
	border-radius:24px;
	margin:0 0 18px;
	overflow:hidden;
}
/* ----- カテゴリー ----- */
.information-item .category{
	margin:0 0 10px;
}
.information-item .category span{
	background:#014099;
	color:#fff;
	display:inline-block;
	font-size:14px;
	font-size:1.0rem;
	letter-spacing:0.05em;
	padding:4px 18px;
}
/* ----- 日付 ----- */
.information-item .date{
	color:#64b82b;
	display:block;
	font-size:18px;
	font-size:1.3rem;
	letter-spacing:0.1em;
	margin:0 0 10px;
}
/* ----- タイトル ----- */
.information-item .ttl{
	display:-webkit-box;
	font-size:16px;
	font-size:1.2rem;
	letter-spacing:0.1em;
	line-height:1.5;
	overflow:hidden;
	text-decoration:underline;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}


/*****************************************************
　インフォメーション詳細　
*****************************************************/
/* 日付・タイトル 
------------------------------------------------- */
.s-information-item .post-date{
	display:block;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.1em;
	line-height:1.4;
	margin:0 35px 15px;
	text-align:right;
}
.s-information-item .post-ttl{
	background:#fff;
	border-radius:35px;
	font-size:26px;
	font-size:2.6rem;
	font-weight:normal;
	letter-spacing:0.08em;
	line-height:1.4;
	margin:0 0 22px;
	padding:17px 85px;
	position:relative;
}
.s-information-item .post-ttl:before{
	background:url('../img/common/arrow_blue_right.png') no-repeat center center;
	background-size:contain;
	content:'';
	display:block;
	height:31px;
	left:35px;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	width:33px;
	z-index:0;
}
/* 本文 
------------------------------------------------- */
.s-information-item .contents{
	margin:0 25px 60px;
}
.s-information-item .contents *{
	line-height:1.4;
}
.s-information-item .contents * + *{
	margin:1.5em 0 0;
}
/* ボタン 
------------------------------------------------- */
.s-information-item .btn-wrap{
	margin:0 0 75px;
	text-align:center;
}
.s-information-item .btn-wrap .btn{
	background:#fff;
	border-radius:32px;
	display:inline-block;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.2em;
}
.s-information-item .btn-wrap .btn a{
	background:url('../img/common/arrow_blue_left_2.png') no-repeat 40px center;
	background-size:32px auto;
	display:block;
	padding:21px 65px 21px 115px;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　インフォメーション一覧　
	*****************************************************/
	/* リスト 
	------------------------------------------------- */
	.information-item{
		margin:0 2.6% 5.76vw 0;
		max-width:none;
		width:48%;
	}
	.information-item:nth-child(2n),
	.information-item:nth-child(4n){
		margin:0 0 5.76vw;
	}
	/* ----- 画像 ----- */
	.information-item .img{
		border-radius:3.07vw;
		margin:0 0 2.3vw;
	}
	.information-item .img img{
		width:100%;
	}
	/* ----- カテゴリー ----- */
	.information-item .category{
		margin:0 0 1.28vw;
	}
	.information-item .category span{
		font-size:2.05vw;
		padding:0.51vw 2.3vw;
	}
	/* ----- 日付 ----- */
	.information-item .date{
		font-size:2.56vw;
		margin:0 0 1.28vw;
	}
	/* ----- タイトル ----- */
	.information-item .ttl{
		font-size:2.56vw;
	}


	/*****************************************************
	　インフォメーション詳細　
	*****************************************************/
	/* 日付・タイトル 
	------------------------------------------------- */
	.s-information-item .post-date{
		font-size:2.82vw;
		margin:0 4.48vw 1.92vw;
	}
	.s-information-item .post-ttl{
		border-radius:4.48vw;
		font-size:3.58vw;
		margin:0 0 2.82vw;
		padding:2.17vw 10.89vw;
	}
	.s-information-item .post-ttl:before{
		height:3.97vw;
		left:4.48vw;
		width:4.23vw;
	}
	/* 本文 
	------------------------------------------------- */
	.s-information-item .contents{
		margin:0 3.2vw 7.69vw;
	}
	/* ボタン 
	------------------------------------------------- */
	.s-information-item .btn-wrap{
		margin:0 0 9.61vw;
	}
	.s-information-item .btn-wrap .btn{
		border-radius:4.1vw;
		font-size:2.82vw;
	}
	.s-information-item .btn-wrap .btn a{
		background:url('../img/common/arrow_blue_left_2.png') no-repeat 5.12vw center;
		background-size:4.1vw auto;
		padding:2.69vw 8.33vw 2.69vw 14.74vw;
	}
}