@charset "utf-8";





/*-------------------------------
	共通
-------------------------------*/

.sec1{
	padding-bottom: 150px;
}
.sec1 .inner{
	padding-right: 80px;
}



/*-------------------------------
	お知らせ一覧
-------------------------------*/

/*----- カテゴリ */
.sec1 .category{
	margin-bottom: 50px;
}
.sec1 .category .cont{
	min-width: 140px;
	line-height: 50px;
	text-align: center;
	border-radius: 25px;
}
.sec1 .category .cont:not(:last-child){
	margin-right: 30px;
}
.sec1 .category .cont a{
	font-size: 1.9rem;
	font-weight: bold;
}
.sec1 .category .cont.gradation a{
	color: #fff;
}

/*----- お知らせ */
.sec1 .news_archive{
	margin-bottom: 45px;
}
.sec1 .news_archive .detail{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 35px;
	border-bottom: 1px solid #e3e3e3;
	position: relative;
	display: flex;
	align-items: center;
	gap: 2em;

	@media screen and (max-width: 768px) {
		gap: 1em;
	}
}


.thumbnail {
	width: 100%;
	max-width: 100px;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;

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

	img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

}
.sec1 .news_archive .detail:first-child{
	border-top: 1px solid #e3e3e3;
}
.sec1 .news_archive .detail:first-child:before,
.sec1 .news_archive .detail:after{
	content: "";
	width: 160px;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a475+0,00bdff+100 */
	background: #00a475; /* Old browsers */
	background: -moz-linear-gradient(left,  #00a475 0%, #00bdff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #00a475 0%,#00bdff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #00a475 0%,#00bdff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a475', endColorstr='#00bdff',GradientType=1 ); /* IE6-9 */
}
.sec1 .news_archive .detail:first-child:before{
	top: -1px;
}
.sec1 .news_archive .detail:after{
	bottom: -1px;
}
.sec1 .news_archive .detail a{
	display: block;
}
.sec1 .news_archive .detail .info{
	margin-bottom: 15px;
	line-height: 1;
	display: flex;
	overflow: hidden;
}
.sec1 .news_archive .detail .info .date{
	font-size: 1.7rem;
	position: relative;
	left: 0;
	top: 3px;
	font-family: 'Boston Bold';
	line-height: 1;
	color: #969696;
}
.sec1 .news_archive .detail .info .cate{
	font-size: 1.6rem;
	line-height: 1;
	color: #969696;
	font-weight: bold;
}
.sec1 .news_archive .detail .info .cate:before{
	content: "|";
	line-height: 1;
	margin-left: 30px;
	margin-right: 30px;
}
.sec1 .news_archive .detail .title{
	font-size: 1.9rem;
	font-weight: bold;
}

/*----- ページャー*/
.wp-pagenavi{
	display: flex;
	align-items: center;
	justify-content: center;
}
.wp-pagenavi a,
.wp-pagenavi span{
	width: 50px;
	height: 50px;
	font-size: 2.2rem;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}
.wp-pagenavi .current,
.wp-pagenavi a:hover{
	opacity: 1;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a475+0,00bdff+100 */
	background: #00a475; /* Old browsers */
	background: -moz-linear-gradient(left,  #00a475 0%, #00bdff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #00a475 0%,#00bdff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #00a475 0%,#00bdff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a475', endColorstr='#00bdff',GradientType=1 ); /* IE6-9 */
}



/*-------------------------------
	お知らせ詳細
-------------------------------*/

.sec1 .single .info{
	margin-bottom: 30px;
	line-height: 1;
	display: flex;
	overflow: hidden;
}
.sec1 .single .info .date{
	font-size: 1.8rem;
	font-weight: bold;
	position: relative;
	left: 0;
	top: 3px;
	font-family: 'Boston Bold';
	line-height: 1;
}
.sec1 .single .info .cate{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
}
.sec1 .single .info .cate:before{
	content: "|";
	line-height: 1;
	margin-left: 30px;
	margin-right: 30px;
}
.sec1 .single .news_title{
	font-size: 2.8rem;
	font-weight: bold;
	padding-bottom: 40px;
	margin-bottom: 40px;
	font-weight: bold;
	border-bottom: 1px solid #e3e3e3;
	position: relative;
}
.sec1 .single .news_title:after{
	content: "";
	width: 160px;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a475+0,00bdff+100 */
	background: #00a475; /* Old browsers */
	background: -moz-linear-gradient(left,  #00a475 0%, #00bdff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #00a475 0%,#00bdff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #00a475 0%,#00bdff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a475', endColorstr='#00bdff',GradientType=1 ); /* IE6-9 */
}
.sec1 .single .detail{
	margin-bottom: 70px;
}
.sec1 .single .detail *{
	line-height: 2.2;
}
.sec1 .single .detail img{
	width: auto;
	max-width: 100%;
	height: auto;
}

/*----- ページャー*/
.wp-pagenavi-s{
	height: 60px;
	position: relative;
}
.wp-pagenavi-s .prevlink,
.wp-pagenavi-s .nextlink{
	width: 280px;
	min-height: 60px;
	top: 0;
	position: absolute;
	overflow: hidden;
}
.wp-pagenavi-s .prevlink{
	left: 0;
}
.wp-pagenavi-s .nextlink{
	right: 0;
}
.wp-pagenavi-s .back_link{
	width: 180px;
	height: 60px;
	border-radius: 30px;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	left: 0;
	right: 0;
}
.wp-pagenavi-s a{
	font-size: 1.6rem;
	font-weight: bold;
	height: 60px;
	line-height: 1.8;
	position: relative;
	display: flex;
	align-items: center;
}
.wp-pagenavi-s .prevlink a{
	padding-left: 30px;
}
.wp-pagenavi-s .nextlink a{
	padding-right: 30px;
	justify-content: flex-end;
}
.wp-pagenavi-s .back_link a{
	border-radius: 30px;
	color: #fff;
	text-align: center;
	justify-content: center;
}
.wp-pagenavi-s .icofont.arrow:after{
	position: absolute;
	top: 0;
}
.wp-pagenavi-s .icofont.arrow:after{
	content: "\eab8";
	color: #00bdff;
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	z-index: 2;
}
.wp-pagenavi-s .prevlink .icofont.arrow:after{
	left: 0;
	transform: rotate(180deg);
}
.wp-pagenavi-s .nextlink .icofont.arrow:after{
	right: 0;
}



/*-------------------------------
	SP専用
-------------------------------*/
@media screen and (max-width:768px) , print{

	/*-------------------------------
		共通
	-------------------------------*/

	.sec1{
		padding-bottom: 18vw;
	}
	.sec1 .inner{
		padding-right: 3.5vw;
		padding-left: 3.5vw;
	}



	/*-------------------------------
		お知らせ一覧
	-------------------------------*/

	/*----- カテゴリ */
	.sec1 .category{
		margin-bottom: 10vw;
	}
	.sec1 .category .cont{
		width: 30vw;
		min-width: auto;
		padding-left: 2.5vw;
		padding-right: 2.5vw;
		line-height: 12.5vw;
		border-radius: 6.75vw;
	}
	.sec1 .category .cont:not(:last-child){
		margin-right: 5vw;
	}
	.sec1 .category .cont a{
		font-size: 1.2rem;
	}

	/*----- お知らせ */
	.sec1 .news_archive{
		margin-bottom: 10vw;
	}
	.sec1 .news_archive .detail{
		width: 100%;
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
	.sec1 .news_archive .detail:first-child:before,
	.sec1 .news_archive .detail:after{
		width: 30%;
	}
	.sec1 .news_archive .detail .info{
		margin-bottom: 2.5vw;
	}
	.sec1 .news_archive .detail .info .date{
		font-size: 1.0rem;
		top: 0.5vw;
	}
	.sec1 .news_archive .detail .info .cate{
		font-size: 1.2rem;
	}
	.sec1 .news_archive .detail .info .cate:before{
		margin-left: 2.5vw;
		margin-right: 2.5vw;
	}
	.sec1 .news_archive .detail .title{
		font-size: 1.6rem;
	}

	/*----- ページャー*/
	.wp-pagenavi a,
	.wp-pagenavi span{
		width: 12.5vw;
		height: 12.5vw;
		font-size: 1.6rem;
		margin-left: 2.5vw;
		margin-right: 2.5vw;
	}



	/*-------------------------------
		お知らせ詳細
	-------------------------------*/

	.sec1 .single .info{
		margin-bottom: 7.5vw;
	}
	.sec1 .single .info .date{
		font-size: 1.0rem;
		top: 0.5vw;
	}
	.sec1 .single .info .cate{
		font-size: 1.2rem;
	}
	.sec1 .single .info .cate:before{
		margin-left: 2.5vw;
		margin-right: 2.5vw;
	}
	.sec1 .single .news_title{
		font-size: 2.0rem;
		padding-bottom: 10vw;
		margin-bottom: 10vw;
	}
	.sec1 .single .news_title:after{
		width: 30%;
	}
	.sec1 .single .detail{
		margin-bottom: 12.5vw;
	}

	/*----- ページャー*/
	.wp-pagenavi-s{
		height: auto;
	}
	.wp-pagenavi-s .prevlink,
	.wp-pagenavi-s .nextlink{
		width: 48.5%;
		height: 16vw;
		margin-bottom: 3.5vw;
		position: relative;
	}
	.wp-pagenavi-s .prevlink{
		float: left;
	}
	.wp-pagenavi-s .nextlink{
		float: right;
	}
	.wp-pagenavi-s .back_link{
		width: 100%;
		height: 16vw;
		border-radius: 8vw;
		position: relative;
		clear: both;
	}
	.wp-pagenavi-s a{
		font-size: 1.6rem;
		height: 16vw;
	}
	.wp-pagenavi-s .prevlink a{
		padding-left: 7.5vw;
	}
	.wp-pagenavi-s .nextlink a{
		padding-right: 7.5vw;
	}
	.wp-pagenavi-s .back_link a{
		border-radius: 8vw;
	}

}