@charset "UTF-8";

/* .page-numList
------------------------*/
.page-numList {}
.page-numList-item + .page-numList-item{
	margin-top: 1em;
}
.page-numList-contents {
	position: relative;
	display: inline-flex;
}
.page-numList-num {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(1em * 1.6);
	height: calc(1em * 1.6);
	background-color: #2D347D;
	border-radius: 50%;
	color: #fff;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-right: 0.2em;
}
/* s_mark */
.page-numList-item.s_mark .page-numList-contents::before {
	content: "";
	position: absolute;
	top: -0.3em;
	bottom: -0.3em;
	left: -0.3em;
	right: -0.3em;
	width: calc(100% + 0.6em);
	height: calc(100% + 0.6em);
	background-color: #eab227;
	border-radius: 999em;
	margin: auto;
	z-index: -1;
}
.page-numList-item.s_mark .page-numList-num {
	align-self: center;
}

/* .page-stepList
------------------------*/
.page-stepList {
	margin: 45px 0 50px;
}
.page-stepList-item + .page-stepList-item {
	margin-top: 28px;
}
.page-stepList-box {
	display: flex;
	border: 1px solid #d6d6d6;
}
.page-stepList-head {
	position: relative;
	flex: 0 0 110px;
	display: flex;
	justify-content: center;
	background-color: #08107B;
	color: #fff;
	font-size: 1.6rem;
	line-height: 2;
	font-weight: bold;
	padding: 18px 15px;
}
.page-stepList-num {
	font-size: 2.6rem;
	line-height: 1;
	margin-left: 0.2em;
}
.page-stepList-contents {
	padding: 18px 15px;
}
.page-stepList-title {
	color: #20256B;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
}
.page-stepList-text p:last-child {
	margin-bottom: 0;
}
.page-stepList-text p:last-child {
	line-height: 1.333;
}
.page-stepList-item + .page-stepList-item .page-stepList-head::before {
	content: "";
	position: absolute;
	bottom: calc(100% + 4px);
	left: 50%;
	width: 0;
	height: 0;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	border-top: 20px solid #D9D9D9;
	translate: -50% 0;
}
@media screen and (max-width: 768px){
	.page-stepList-head {
		font-size: 1.4rem;
	}
	.page-stepList-num {
		font-size: 2.3rem;
	}
}

/* .page-focusSection
------------------------*/
.page-focusSection:not(:last-child) {
	margin-bottom: 100px;
}

/* .page-details
------------------------*/
.page-details {
	margin-top: -36px;
	padding-top: 36px;
}
.page-details-summary {
	position: relative;
	display: block;
	background-color: #F2F2F2;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 17px 25px;
	padding-right: 50px;
	cursor: pointer;
}
.page-details-summary::after {
    content: "";
    position: absolute;
    top: 0;
	bottom: 0;
    right: 25px;
    display: block;
    width: 14px;
    height: 14px;
    border-top: 4px solid #2A3288;
    border-right: 4px solid #2A3288;
	transform: rotate(135deg);
	transform-origin: center;
	margin: auto 0;
}
.page-details-contents {
	padding-top: 20px;
}
/* open */
.page-details[open] .page-details-summary::after {
	transform: rotate(-45deg);
}
@media screen and (max-width: 768px){
	.page-details {
		margin-top: -52px;
		padding-top: 52px;
	}
	.page-details-summary {
		font-size: 1.8rem;
		padding: 12px 20px;
		padding-right: 35px;
	}
	.page-details-summary::after {
		right: 15px;
		width: 10px;
		height: 10px;
		border-top-width: 3px;
		border-right-width: 3px;
	}
	.page-details-contents {
		padding-top: 15px;
	}
}

/* .page-focusTitle
------------------------*/
.page-focusTitle {
	margin-bottom: 30px;
}
.page-focusTitle-lead {
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 15px;
}

/* .page-color-01
------------------------*/
.page-color-01 {
	color: #08107B !important;
}

/* .page-color-02
------------------------*/
.page-color-02 {
	color: #2D347D !important;
}

/* .page-tableDotBottom
------------------------*/
.page-tableDotBottom {
	border-bottom-style: dotted !important;
}