@charset "UTF-8";

/* page_title */
.page_title {
	padding: 40px 0 30px;
	background: url(../img/top/KVbg.png) center center #0044f2;
	background-size: 400px;
	}
@media screen and (max-width: 560px) {
.page_title {
	background: url(../img/top/KVbg.png) center center #0044f2;
	background-size: 50%;
	}
}
.page_title h1 {
	display: block;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.25em;
	text-align: center;
	}
.page_title h1 span {
	display: block;
	font-size: 20px;
	}

/* .faq_menu */
.faq_menu {
	padding: 20px;
	background: #cddafc;
	}

.faq_menu ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	}

.faq_menu li {
	display: block;
	width: 25%;
	padding: 10px;
	}
@media screen and (max-width: 560px) {
.faq_menu li {
	width: 50%;
	}
}


.faq_menu li a {
	position: relative;
	display: block;
	padding: 20px 0 40px;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	}

.faq_menu li a:after {
	position: absolute;
	display: block;
	left: 50%;
	bottom: 10px;
	transform: translate(-50%,0);
	width: 20px;
	height: 20px;
	content: "";
	background: url(../img/faq/faq_menu_arrow.svg) no-repeat;
	}


/* .faq_content */
.faq_content {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px;
	}

.faq_content h2 {
	position: relative;
	display: block;
	margin: 0 0 20px;
	padding: 20px 0 12px;
	color: #1f4e97;
	font-size: 16px;
	font-weight: 600;
	line-height: 1em;
	}

.faq_content h2::before {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 3px;
	content: "";
	background: #eaeaea;
	}

.faq_content h2:after {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 10%;
	height: 3px;
	content: "";
	background: linear-gradient(90deg, rgba(168, 210, 243, 1) 0%, rgba(225, 197, 243, 1) 100%);
	}

.faq_content dl {
	display: block;
	margin: 0 0 20px;
	background: #f5f8ff;
	border: 1px solid #c8c9c9;
	box-sizing: border-box;
	}

.faq_content dt {
	position: relative;
	display: block;
	padding: 15px 40px 15px 50px;
	color: #1f4e97;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5em;
	}
.faq_content dt:after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 7px);
		right: 20px;
		width: 10px;
		height: 10px;
		border-top: 1px solid #1f4e97;
		border-right: 1px solid #1f4e97;
		transform: rotate(135deg);
		transition: .3s ease;
	}
.faq_content dt.on:after {
		top: calc(50% - 2px);
		transform: rotate(-45deg);
	}

.faq_content dd {
	position: relative;
	display: block;
	padding: 15px 15px 20px 50px;
	color: #313131;
	font-size: 16px;
	line-height: 1.5em;
	border-top: 1px solid #c8c9c9;
	display: none;
	}

.faq_content .num {
	position: absolute;
	left: 10px;
	top: 15px;
	color: #313131;
	font-weight: 500;
	}

.faq_content dd ul {
	display: block;
	}

.faq_content dd li {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
	}

.faq_content .callcenter {
	padding-bottom: 20px;
	}
	
.faq_column_call {
	text-align: center;
	vertical-align: middle;
}