@charset "UTF-8";

#main header .title {
	background-image:url(../img/faq/faq_bg.jpg);
}

#main #faq .contents > p {
	margin-bottom:2em;
} 
.contents .smenu {
	width:100%;
	margin-bottom:45px;
}
.contents .smenu li {
	width:calc(22% - 5px);
}
.contents .smenu li:nth-child(3) {
	width:calc(34% - 5px);
}
.contents .smenu li a {
	display:block;
	font-size:1.8rem;
	font-weight:500;
	text-align:center;
	line-height:2.4;
	color:#ffffff;
	box-sizing:border-box;
	background:#FFBA00;
	border:2px solid #FFBA00;
	transition:.3s;
}
.contents .smenu li a:hover {
	background:#ffffff;
	color:#FFBA00;
}
.contents .smenu li a .svg-inline--fa {
	margin-left:.3em;
}

#faq .contents h3 {
	font-size:2.1rem;
	color:#ffffff;
	background:#FFBA00;
	margin-bottom:1.5em;
	text-align:center;
	line-height:2;
	box-sizing:border-box;
	padding:0;
	border:none;
}
#faq .contents .faq {
	padding-bottom:30px;
}
#faq .contents dl {
    margin-bottom:30px;
}
#faq .contents dt {
	font-size:2.1rem;
	font-weight:500;
	position:relative;
	box-sizing:border-box;
	padding-left:50px;
	padding-right:30px;
	line-height:1.5;
	padding-bottom:.5em;
	border-bottom:3px solid #FFBA00;
	cursor:pointer;
}
#faq .contents dt .svg-inline--fa {
	position:absolute;
	font-size:3rem;
	color:#FFBA00;
	top:.2em;
	right:10px;
}
#faq .contents dt .open {
	display:none;
}
#faq .contents dt.open .close {
	display:none;
}
#faq .contents dt.open .open {
	display:block;
}
#faq .contents dt::before {
	content:'Q';
	font-family: 'Lato', sans-serif;
	font-weight:500;
	font-size:3.6rem;
	color:#FFBA00;
	position:absolute;
	left:10px;
	top:-.4em;;
}
#faq .contents dd {
	font-size:1.8rem;
	line-height:1.6;
	background:#f5f5f5;
	box-sizing:border-box;
	padding:1.5em 1em 1em 50px;
	position:relative;
	display:none;
}
#faq.single .contents dd {
	display:block;
}
#faq.single .faq {
	text-align:center;
}
#faq.single .faq dl {
	text-align:left;
}
#faq.single .faq > a {
	display:inline-block;
	background:	#FFBA00;
	color:#ffffff;
	font-size:1.8rem;
	line-height:2.4;
	padding:0 1.5em;
	transition:.3s;
}
.contents > a .svg-inline--fa {
	margin-left:.3em;
}
.contents > a:hover {
	background:#FFD21A;
}
#faq .contents dd::before {
	content:'A';
	font-family: 'Lato', sans-serif;
	font-weight:500;
	font-size:3.6rem;
	color:#7C879B;
	position:absolute;
	left:13px;
	top:.2em;
}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){
	
.contents .smenu {
	margin-bottom:30px;
}
.contents .smenu li,
.contents .smenu li:nth-child(3) {
	width:100%;
	margin-bottom:6px;
}
.contents .smenu li a {
	font-size:1.5rem;
	line-height:2.1;
	transition:0s;
}
.contents .smenu li a:hover {
	background:#FFBA00;
	color:#ffffff;
}

#faq .contents h3 {
	font-size:1.6rem;
}
#faq .contents .faq {
	padding-bottom:15px;
}
#faq .contents dl {
	margin-bottom:15px;
}
#faq .contents dt {
	font-size:1.6rem;
	padding-left:40px;
}
#faq .contents dt .svg-inline--fa {
	font-size:2.4rem;
}
#faq .contents dt::before {
	font-size:3.0rem;
	left:5px;
}
#faq .contents dd {
	font-size:1.6rem;
	padding-top:1.2em;
	padding-left:40px;
}
#faq .contents dd::before {
	font-size:3.0rem;
	left:10px;
}
#faq.single .faq > a {
	font-size:1.6rem;
}

}

@media screen and (max-width:480px){

}