@charset "utf-8";

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

FAQ

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

/* contents
---------------------------------------------------- */
#contents{
	margin-bottom: 40px;
}


/* accordion
---------------------------------------------------- */
.faqList{
	width: 100%;
	background-color: #F3DCEA;
	padding: 15px 10px;
	margin-right: -4px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.faqList li{
	float: left;
	width: 33.333%;
}

.faqList li a{
	display: block;
	color: #333333;
	font-size: 1.1rem;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(/gapyear/sp/cmn/arw07.png), url(/gapyear/sp/faq/img/bg_faqbtn.gif);
	background-position: center 96.5%, left bottom;
	background-repeat: no-repeat, repeat-x;
	background-size: 6px auto, 1px auto;
		-moz-background-size: 6px auto, 1px auto; /* Firefox */
		-webkit-background-size: 6px auto, 1px auto; /* Safari,Chromeなど */
		-ms-background-size: 6px auto, 1px auto; /* ie */
	border: #FFFFFF solid 1px;
	padding: 15px 0px 20px;
	margin-right: 4px;
	box-sizing: border-box;
}


/* accordion
---------------------------------------------------- */
.accordion {
	margin-bottom: 3px;
}

.accordion p {
	background: url(/gapyear/sp/faq/img/icon_q.png) 9px 8px no-repeat #9A2C6B;
	background-size: 21px auto;
		-moz-background-size: 21px auto; /* Firefox */
		-webkit-background-size: 21px auto; /* Safari,Chromeなど */
		-ms-background-size: 21px auto; /* ie */
	padding: 0px 0px 0px 40px;
}

.accordion p span{
	display: block;
	min-height: 39px;
	height: auto !important;
	height: 39px;
	background-color: #FFFFFF;
	border-bottom: #9A2C6B dotted 1px;
	padding: 8px 0px 8px 15px;
	box-sizing: border-box;
}
	.accordion p span.open {
		border-bottom: none;
	}

.accordion ul {
	display:none;
	background-color: #FCF5F9;
}


.accordion ul li dl dt{
	float: left;
	text-align: center;
	padding: 8px 0px 0px 10px;
}

.accordion ul li dl dd{
	padding: 8px 10px 8px 55px;
}