@charset "UTF-8";

/* ▼▼▼ 新着情報
=====================================*/

.pagenav{
	display: flex;
	justify-content: flex-end;
	font-size: 21px;
	overflow: hidden;
}
	.pagenav ol{
		display: flex;
		margin: 0 20px;
	}
	.pagenav ol li{
		width: 1.5em;
		color: #17B5AF;
		text-align: center;
		font-weight: bold;
	}
	.pagenav ol li a{
		display: block;
		color: #666;
	}
	.pagenav ol li a:hover{
		color: #17B5AF;
	}

.pagenav > p:hover{
	opacity: .7;
}
.prev,
.next{
	color: #17B5AF;
	font-weight: 500;
}
.prev::before{
	content: "〈";
	padding-right: 5px;
}
.next::after{
	content: "〉";
	padding-left: 5px;
}
.prev a,
.next a{
	color: #17B5AF;
}
.topics_list li a::after{
	top: 47%;
}

/* 詳細ページ */
article{
	font-size: 18px;
}
.detail .date{
	margin: 0 0 35px;
}
.detail h2.subject{
	border-bottom: 1px solid #B7B7B7;
	padding: 0 0 35px;
	margin: 0 0 40px;
	font-size: 26px;
}

.inner{
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px;
}
	.inner .txt_area .txt{
		margin: 0 0 30px;
		line-height: 2;
	}
	.inner .txt_area .link li{
		margin: 0 0 30px;
		font-size: 16px;
		font-weight: bold;
	}
	.inner .txt_area .link li a{
		color: #17B5AF;
		text-decoration: underline;
	}
	.inner .txt_area .link li a[href$=".pdf"]::after{
		content: "";
		display: inline-block;
		background: url(../img/icon_pdf.svg) no-repeat center/100%;
		width: 34px;
		height: 17px;
		vertical-align: middle;
		margin-left: 10px;
	}
	.inner .txt_area .link li a:hover{
		text-decoration: none;
	}
	.inner .txt_area .link li::before{
		content: ">";
		color: #17B5AF;
		margin-right: 5px;
	}
	.inner .photo{
		width: 49%;
		flex-shrink: 0;
		height: 435px;
		margin-left: 2%;
	}

.pager{
	display: flex;
	margin: 0 0 40px;
}
	.pager .next{
		margin-left: auto;
	}

.back_btn{
	display: table;
	border: 1px solid #484848;
	border-radius: 10px;
	max-width: 350px;
	width: 100%;
	height: 70px;
	margin: 0 auto;
	position: relative;
}
	.back_btn a{
		display: table-cell;
		color: #353535;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
	}
	.back_btn a::before,
	.back_btn a::after{
		background: #1CB5AF;
		content: "";
		position: absolute;
		right: 20px;
	}
	.back_btn a::before{
		width: 18px;
		height: 1px;
		transform: translateY(-50%);
		top: 50%;
	}
	.back_btn a::after{
		width: 8px;
		height: 1px;
		transform: rotate(45deg)translateY(-50%);
		top: 46%;
	}
	.back_btn:hover{
		opacity: .7;
	}


/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {

	.pagenav{
		justify-content: center;
		font-size: 18px;
	}
	.pagenav:nth-of-type(1){
		margin-bottom: 30px;
	}
		.pagenav ol{
			margin: 0 20px;
		}
		.pagenav ol li{
			width: 1.5em;
			color: #17B5AF;
			text-align: center;
			font-weight: bold;
		}


	.prev::before{
		content: "〈";
		padding-right: 5px;
	}
	.next::after{
		content: "〉";
		padding-left: 5px;
	}

	/* 詳細ページ */
	.detail{
		font-size: 16px;
	}
	.detail .date{
		margin: 0 0 10px;
	}
	.detail h2.subject{
		padding: 0 0 20px;
		margin: 0 0 25px;
		font-size: 20px;
	}

	.inner{
		display: block;
		margin: 0 0 40px;
	}
		.inner .txt_area .txt{
			margin: 0 0 20px;
		}
		.inner .txt_area .link li{
			margin: 0 0 30px;
			font-size: 15px;
		}
		.inner .photo{
			height: 73vw;
			width: 100%;
			margin-left: 0;
		}

	.pager{
		display: flex;
		margin: 0 0 40px;
	}
		.pager .next{
			margin-left: auto;
		}

	.back_btn{
		display: table;
		border: 1px solid #484848;
		border-radius: 10px;
		max-width: 350px;
		width: 100%;
		height: 70px;
		margin: 0 auto;
		position: relative;
	}
		.back_btn a{
			display: table-cell;
			color: #353535;
			text-align: center;
			vertical-align: middle;
			font-weight: bold;
		}
}