@charset "utf-8";

/* ****************************************************
Title: article.css
***************************************************** */


/* -------------------------------------------------------------------- 
 記事ページ
-------------------------------------------------------------------- */

.topContBox01 {
	position: relative;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 60px 50px;
	margin: 60px auto;
	text-align: left;
	color: #000000;
}
.enTit01 {
	font-size: 120px;
	line-height: 1.0em;
	color: #EEEFF0;
	position: absolute;
	left: 0px;
	top: -45px;
}
.enTit01.enTit02 {
	font-size: 100px;
	top: -55px;
}

.topContH201 {
	color: #003478;
	font-size: 28px;
	line-height: 1.4em;
	font-weight: 500;
	padding-bottom: 20px;
	text-align: center;
	position: relative;
	margin-bottom: 10px;
}
.topContH201::after {
	content: "";
	width: 44px;
	height: 2px;
	background-color: #003478;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.contListBox01 {
	max-width: 920px;
	margin: auto;
}

.contList01 li {
	border-top: 1px solid #DFDFDF;
}
.contList01 li:first-child {
	border-top: none;
}
.contList01 li a {
	position: relative;
	display: flex;
	gap: 0px 15px;
	text-align: left;
	padding: 25px 0px;
}
.contList01 li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}

.contList01 li a .p01 {
	color: #003478;
	font-size: 18px;
	line-height: 1.9em;
	flex-shrink: 0;
}
.contList01 li a .p02 {
	font-size: 20px;
	line-height: 1.6em;
	
}
.contListNew01 {
	background-color: #EE2424;
	border-radius: 2px;
	color: #ffffff;
	font-size: 15px;
	line-height: 1.6em;
	font-weight: 600;
	padding: 2px 5px 1px;
	display: flex;
	box-sizing: border-box;
	width: 40px;
}
.contListPdf01 {
	background-color: #F1F1F1;
	border-radius: 2px;
	color: #003478;
	font-size: 15px;
	line-height: 1.6em;
	font-weight: 600;
	padding: 2px 5px 1px;
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	margin-left: 10px;
}

/*--------------------------*/

.arrow {
  position: relative;
  display: inline-block;
  width: 11.8px;
  height: 19.6px;
}

.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  right: 0;
  width: 15px;
  height: 3px;
  border-radius: 9999px;
  background-color: #003478;
  transform-origin: calc(100% - 1.5px) 50%;
}

.arrow::before {
  transform: rotate(45deg);
}

.arrow::after {
  transform: rotate(-45deg);
}

.arrowL {
  position: relative;
  display: inline-block;
  width: 11.8px;
  height: 19.6px;
}

.arrowL::before,
.arrowL::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  left: 0;
  width: 15px;
  height: 3px;
  border-radius: 9999px;
  background-color: #003478;
  transform-origin: 1.5px 50%;
}

.arrowL::before {
  transform: rotate(45deg);
}

.arrowL::after {
  transform: rotate(-45deg);
}

/*--ここから-------------------*/

.articleH201 {
	font-size: 26px;
	line-height: 1.6em;
	font-weight: 500;
	margin: 10px auto;
}
.articleDay01 {
	font-size: 18px;
	line-height: 1.4em;
	color: #003478;
	text-align: right;
}

.articleTitBox01 {
	border-bottom: 1px solid #DEDEDE;
	padding-bottom: 30px;
	margin-bottom: 46px;
}
.articleText20_16_n {
	font-size: 20px;
	line-height: 1.6em;
}

.articleText20_16_n p{
	margin-bottom: 1.8rem;
}

.articleFlex01 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px 80px;
}
.articleFlex01 a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}

.articleTop a {
	background-color: #003478;
	border-radius: 4px;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 8px 45px;
	height: 54px;
}

.articlePrev a {
	background-color: #E2EAFF;
	border: 1px solid #003478;
	border-radius: 4px;
	color: #003478;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 8px 45px;
	height: 54px;
}
.articlePrev a span {
	margin-right: 13px;
}

.articleNext a {
	background-color: #E2EAFF;
	border: 1px solid #003478;
	border-radius: 4px;
	color: #003478;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 8px 45px;
	height: 54px;
}
.articleNext a span {
	margin-left: 13px;
}

.articleNaviTop {
	margin: 80px auto 60px;
}
.articleNaviBottom {
	margin: 60px auto auto;
}

a.pdf_link{
	color: #003478;
	text-decoration: underline;
}
a:hover.pdf_link{
	color: #003478;
	text-decoration: none;
}



@media screen and (max-width: 1025px) {

	.topContBox01 {
		position: relative;
		background-color: #ffffff;
		box-sizing: border-box;
		padding: 40px 15px 20px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.enTit01 {
		font-size: 80px;
		line-height: 1.0em;
		color: #D3D6DF;
		position: absolute;
		left: 0px;
		top: -40px;
	}
	.enTit01.enTit02 {
		font-size: 70px;
		top: -40px;
	}

	.topContH201 {
		color: #003478;
		font-size: 24px;
		line-height: 1.4em;
		font-weight: 500;
		padding-bottom: 15px;
		text-align: center;
		position: relative;
		margin-bottom: 10px;
	}
	.topContH201::after {
		content: "";
		width: 44px;
		height: 2px;
		background-color: #003478;
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%);
	}
	.contListBox01 {
		max-width: 920px;
		margin: auto;
	}

	.contList01 li {
		border-top: 1px solid #DFDFDF;
	}
	.contList01 li:first-child {
		border-top: none;
	}
	.contList01 li a {
		position: relative;
		display: block;
		text-align: left;
		padding: 20px 0px;
	}
	.contList01 li a:hover {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		transition-duration: 0.3s;
	}

	.contList01 li a .p01 {
		color: #003478;
		font-size: 16px;
		line-height: 1.4em;
		flex-shrink: 0;
	}
	.contList01 li a .p02 {
		font-size: 18px;
		line-height: 1.6em;

	}
	.contListNew01 {
		background-color: #EE2424;
		border-radius: 2px;
		color: #ffffff;
		font-size: 12px;
		line-height: 1.6em;
		font-weight: 600;
		padding: 2px 5px 1px;
		display: inline-flex;
		box-sizing: border-box;
		width: auto;
	}
	.contListPdf01 {
		background-color: #F1F1F1;
		border-radius: 2px;
		color: #003478;
		font-size: 13px;
		line-height: 1.6em;
		font-weight: 600;
		padding: 2px 5px 1px;
		display: inline-block;
		box-sizing: border-box;
		width: auto;
		margin-left: 10px;
	}

	/*--------------------------*/

	.arrow {
		position: relative;
		display: inline-block;
		width: 11.8px;
		height: 19.6px;
	}

	.arrow::before,
	.arrow::after {
		content: "";
		position: absolute;
		top: calc(50% - 1.5px);
		right: 0;
		width: 10px;
		height: 3px;
		border-radius: 9999px;
		background-color: #003478;
		transform-origin: calc(100% - 1.5px) 50%;
	}

	.arrow::before {
		transform: rotate(45deg);
	}

	.arrow::after {
		transform: rotate(-45deg);
	}

	.arrowL {
		position: relative;
		display: inline-block;
		width: 11.8px;
		height: 19.6px;
	}

	.arrowL::before,
	.arrowL::after {
		content: "";
		position: absolute;
		top: calc(50% - 1.5px);
		left: 0;
		width: 10px;
		height: 3px;
		border-radius: 9999px;
		background-color: #003478;
		transform-origin: 1.5px 50%;
	}

	.arrowL::before {
		transform: rotate(45deg);
	}

	.arrowL::after {
		transform: rotate(-45deg);
	}

	/*--ここから-------------------*/

	.articleH201 {
		font-size: 20px;
		line-height: 1.6em;
		font-weight: 500;
		margin: 10px auto;
	}
	.articleDay01 {
		font-size: 16px;
		line-height: 1.4em;
		color: #003478;
		text-align: right;
	}

	.articleTitBox01 {
		border-bottom: 1px solid #DEDEDE;
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
	.articleText20_16_n {
		font-size: 18px;
		line-height: 1.6em;
	}

	.articleFlex01 {
		display: flex;
		flex-wrap: wrap;
		gap: 15px 0px;
	}
	.articleFlex01 li {
		width: 100%;
	}
	
	.articleFlex01 a:hover {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		transition-duration: 0.3s;
	}

	.articleTop a {
		background-color: #003478;
		border-radius: 4px;
		color: #ffffff;
		font-size: 15px;
		line-height: 1.6em;
		font-weight: 500;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		padding: 8px 25px;
		height: 48px;
	}

	.articlePrev a {
		background-color: #E2EAFF;
		border: 1px solid #003478;
		border-radius: 4px;
		color: #003478;
		font-size: 15px;
		line-height: 1.6em;
		font-weight: 500;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		padding: 8px 25px;
		height: 48px;
	}
	.articlePrev a span {
		margin-right: 11px;
	}

	.articleNext a {
		background-color: #E2EAFF;
		border: 1px solid #003478;
		border-radius: 4px;
		color: #003478;
		font-size: 15px;
		line-height: 1.6em;
		font-weight: 500;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		padding: 8px 25px;
		height: 48px;
	}
	.articleNext a span {
		margin-left: 11px;
	}

	.articleNaviTop {
		margin: 30px auto 30px;
	}
	.articleNaviBottom {
		margin: 30px auto auto;
	}



}



@media screen and (max-width: 750px) {



}



/*-----*/