@charset "utf-8";

#page_title {
	background-image:url(../img/page_title_bg.png);
}

/*===============================================================

head_link

=================================================================*/

#head_link {
	margin-top:3rem;
}

#head_link h2 {
	display:table;
	margin:0 auto;
	color:#fff;
	background:#004DA0;
	padding:0.7rem 3rem;
	font-size:2rem;
	font-weight:bold;
	border-radius:99px;
}

#head_link .btn_wrap {
	width:94%;
	max-width:1000px;
	margin:0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	justify-content:space-between;
	margin-top:3rem;
}

#head_link .btn_wrap > * {
	width:120px;
}

#head_link .text {
	display:block;
	width:120px;
	height:120px;
	border-radius:99px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	align-items:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	-ms-justify-content:center;
	justify-content:center;
	text-align:center;
	padding:1rem;
	color:#fff;
	margin-bottom:0.5rem;
	font-size:1.4rem;
}

#head_link a:hover .text {
	opacity:0.8;
}

#head_link .icon {
	display:block;
	width:100%;
	text-align:center;
	padding-bottom:0.5rem;
}

#head_link .arw {
	display:block;
	text-align:center;
}


#head_link .faq01 .text,
#faq01 .midashi {
	background:#7E98B7;
}
#head_link .faq01 .arw i {
	color:#7E98B7;
}

#head_link .faq02 .text,
#faq02 .midashi {
	background:#3D82B4;
}
#head_link .faq02 .arw i {
	color:#3D82B4;
}

#head_link .faq03 .text,
#faq03 .midashi {
	background:#5FA2D3;
}
#head_link .faq03 .arw i {
	color:#5FA2D3;
}

#head_link .faq04 .text,
#faq04 .midashi {
	background:#61B2ED;
}
#head_link .faq04 .arw i {
	color:#61B2ED;
}

#head_link .faq05 .text,
#faq05 .midashi {
	background:#BAD137;
}
#head_link .faq05 .arw i {
	color:#BAD137;
}

#head_link .faq06 .text,
#faq06 .midashi {
	background:#ECC15B;
}
#head_link .faq06 .arw i {
	color:#ECC15B;
}

@media screen and (max-width:900px){
	#head_link .btn_wrap > * {
		width:32%;
		margin-top:1rem;
	}
	#head_link .text {
		width:100%;
		height:100%;
		border-radius:0;
	}
	#head_link .text br {
		display:none;
	}
	#head_link .icon,
	#head_link .arw {
		display:none;
	}
}

@media screen and (max-width:840px){
	#head_link .text br.tab_on {
		display:block;
	}
}

@media screen and (max-width:600px){
	#head_link .text {
		height:5em;
		padding:0;
	}
	#head_link .btn_wrap > * {
		width:49%;
		margin-top:0.6rem;
	}
}

@media screen and (max-width:480px){
	#head_link h2 {
		font-size:1.6rem;
	}
	#head_link .btn_wrap {
		margin-top:1.5rem;
	}
	#head_link .btn_wrap > * {
		width:100%;
	}
	#head_link .text {
		height:auto;
		padding:1rem 0;
	}
	#head_link .text br.tab_on {
		display:none;
	}
}

/*===============================================================

faq_wrap

=================================================================*/

.faq_wrap {
	width:94%;
	max-width:1000px;
	margin:0 auto;
}

.faq_wrap dl {
	margin-top:3rem;
}

.faq_wrap dt {
	background-color:#F2EFEF;
	background-image:url(../img/q.png);
	background-position:1rem 1rem;
	background-repeat:no-repeat;
	padding:1rem;
	padding-left:70px;
	min-height:7rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	align-items:center;
}


.faq_wrap dd {
	padding:1rem;
	padding-left:70px;
	min-height:7rem;
	background-image:url(../img/a.png);
	background-position:1rem 1rem;
	background-repeat:no-repeat;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	align-items:center;
}

.faq_wrap dd a {
	color:#004DA0;
	text-decoration:underline;
}

.faq_wrap dd a:hover {
	opacity:0.8;
}

@media screen and (max-width:480px){
	.faq_wrap dt,
	.faq_wrap dd {
		background-size:auto 30px;
		padding-left:50px;
		min-height:5rem;
	}
}