@charset "UTF-8";
/* CSS Document */

#fuyohin {
    margin-top:-200px;
padding-top:200px;
}

.faqlist dt{
	display:block;
	width:100%;
	border:#666 1px solid;
	cursor:pointer;
	background:url(../img/ico_faq.png) 10px center no-repeat;
	padding:15px 1em 15px 50px;
	margin-top: 20px;
}

.faqlist dd{
	background: #ebf5ff;
	width:100%;
	border-right:#666 1px solid;
	border-left:#666 1px solid;
	border-bottom:#666 1px solid;
	display:none;
	margin-bottom: 10px;
	padding: 1em;
}


.faqlist dt:after{
	content: "open";
	background: #05bde8;
	font-family: "a-otf-midashi-go-mb31-pr6n",sans-serif;
	display: inline-block;
	float: right;
	border-radius: 20px;
	color: #FFF;
	width: 4em;
	text-align: center;
	box-sizing: border-box;
}

.faqlist dt.active:after{
	content: "close";
	background: #FFF;
	font-family: "a-otf-midashi-go-mb31-pr6n",sans-serif;
	color: #999;
	box-sizing: border-box;
	border: 1px solid #999;
}

.tel {
	text-indent: -9.5em;
	padding-left: 9.5em;
}
.tel:before {
	content: "お問い合わせ先";
	background: #05bde8;
	padding: 3px 1em;
	margin-right: 0.5em;
	color: #FFF;
	border-radius: 5px;
}

@media only screen and (max-width: 780px) {
	.faqlist dt {
		background:url(../img/ico_faq.png) 10px 15px no-repeat;
		background-size: 30px 30px;
	}
	.faqlist dt:after{
		margin-right: -60px;
		margin-top: 0px;
		vertical-align: middle;
		display: block;
	}
	
	#fuyohin {
        margin-top:-80px;
        padding-top:80px;
    }
}