@charset "utf-8";
/* PC/スマホ共通表示 */

.-----PC_MOBILE_COMMON_CSS_START----- {}
.faq {
	margin: 0px;
	padding: 0px;
}
.faq dt {
	color: #FFF;
	font-size: 15px;
	background-color: #2D9EA8;
	background-image: url(../img/q.png);
	background-repeat: no-repeat;
	background-position: 20px 9px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 60px;
	margin: 0px;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
}
.faq dd {
	margin-bottom:20px;
}
.faq dd .answer .wrapper {
	font-size: 14px;
	background-color: #D6F2F3;
	background-image: url(../img/a.png);
	background-repeat: no-repeat;
	background-position: 17px 9px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 60px;
}
.faq dd .answer .wrapper p {
	margin-top:1em;
}
.faq dd .answer .wrapper p:first-child {
	margin-top:0;
}
.faq dd .toggle {
	background-color: #BCEAED;
	font-size: 16px;
	font-weight: bold;
	color: #237B83;
	line-height: 40px;
	text-align: center;
	cursor:pointer;
	border-radius:0 0 5px 5px ;
	transition:0.4s;
}
.faq dd .toggle:hover {
	opacity:0.7;
}







.-----PC_MOBILE_COMMON_CSS_END----- {}


/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
	
.-----MOBILE_ONLY_CSS_START----- {}



.faq dt {
	font-size: 24px;
	background-position: 20px 16px;
	border-radius:8px 8px 0 0;
}
.faq dd .answer .wrapper {
	font-size: 24px;
	background-position: 17px 16px;
}
.faq dd .toggle {
	font-size: 24px;
	line-height: 60px;
	border-radius:0 0 8px 8px;
}


.-----MOBILE_ONLY_CSS_END----- {}

	
}