@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Hannari';
        src: url('../font/Hannari.otf');
}
@font-face {
    font-family: 'sawarabi';
        src: url('../font/sawarabi-mincho-medium.ttf');
}
.section_box  {
	margin: 0 0 6%;
	width: 100%;
	overflow: hidden;
}
#faq_box .tab_nav {
	width: 100%;
	font-size: 0px;
	line-height: 0px;
	display: table;
}
#faq_box .tab_nav li {
	width: 50%;
	display: table-cell;
	font-size: 18px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	padding: 8px 0;
	background-color: #4c281a;
	cursor: pointer;
	vertical-align: middle;
}

#faq_box .tab_nav .select {
	background-color: #301b0a;
}

#faq_box .tab_nav .tab_nav01 {
	border-right:2px solid #fff;
}
#faq_box .tab_nav li:after {
	content: "\f107 ";
	font-family: FontAwesome;
	font-size: 24px;
	float: right;
	border-left:1px solid #8a6f50;
	display: block;
	padding: 0 5%;
}
#faq_box .tab_nav li.select:after {
	content: "\f106  ";
	font-family: FontAwesome;
	font-size: 24px;
	float: right;
	border-left:1px solid #aa8a7d;
	display: block;
	padding: 0 5%;
}
#faq_box .tab_box01 {
	width: 100%;
	border-left: 1px solid #ccc0bd;
	border-bottom: 1px solid #ccc0bd;
	padding: 4% 8%;
	border-right: 1px solid #ccc0bd;
}
#faq_box .ttl_box {
	margin: 0 0 4%;
}
#faq_box .ttl_box h2 {
	text-align: center;
	font-size: 162.5%;
	color: #000;
}
#faq_box .ttl_box h2:before {
	content: url(../faq/images/ttl_icon01.png);
	padding:0 2% 0 0;
	display: inline-block;
}
#faq_box .ttl_box h2:after {
	content: url(../faq/images/ttl_icon02.png);
	padding:0 0% 0 2%;
	display: inline-block;
}
#faq_box .ttl_box span {
	text-align: center;
	font-size: 106.25%;
	color: #fe446d;
	display: block;
	margin: 5px 0 0;
	font-family: 'Arima Madurai', Arial, sans-serif;
	letter-spacing: 2px;
}
#faq_box dl {
	margin: 0 0 3%;
	width: 100%;
}
#faq_box dt {
	padding: 20px 120px;
	font-size: 93.75%;
	font-weight: bold;
	border-top: 1px solid #e1dede;
	background: url(../faq/images/faq_icon_q.png) no-repeat 70px 14px;
}

#faq_box dd {
	padding: 30px 80px 30px 120px;
	font-size: 93.75%;
	border-top: 1px solid #e1dede;
	border-bottom: 1px solid #e1dede;
	background:#fff0f5 url(../faq/images/faq_icon_a.png) no-repeat 70px 24px;
	text-align: justify;
    text-justify: inter-ideograph;
}
.disnon{ display: none;}
@media screen and (max-width: 860px) {
#faq_box dt {
	padding: 20px 50px 20px 100px;
	font-size: 93.75%;
	font-weight: bold;
	border-top: 1px solid #e1dede;
	background: url(../faq/images/faq_icon_q.png) no-repeat 50px 14px;
}

#faq_box dd {
	padding: 30px 50px 30px 100px;
	font-size: 93.75%;
	border-top: 1px solid #e1dede;
	border-bottom: 1px solid #e1dede;
	background:#fcf9f3 url(../faq/images/faq_icon_a.png) no-repeat 50px 24px;
}
}
@media screen and (max-width: 640px) {
#faq_box .tab_nav li {
	width: 50%;
	display: table-cell;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	padding: 8px 0;

}
#faq_box dl {
	margin: 0 0 3%;
	width: 100%;
}
#faq_box dt {
	padding: 20px 20px 20px 60px;
	background: url(../faq/images/faq_icon_q.png) no-repeat 3% 14px;
}

#faq_box dd {
	padding: 30px 20px 30px 60px;
	background:#fcf9f3 url(../faq/images/faq_icon_a.png) no-repeat 3% 24px;
}
}
@media screen and (max-width: 480px) {
#faq_box .tab_box01 {
	padding: 4% 3%;
}
#faq_box .ttl_box h2 {
	text-align: center;
	font-size: 112.5%;
	color: #000;
}

	#faq_box .tab_nav li {
	width: 100%;
	display: block;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	padding: 8px 0;

}
#faq_box .tab_nav .tab_nav01 {
	border-right:none;
}
#faq_box dl {
	margin: 0 0 3%;
	width: 100%;
}
#faq_box dt {
	padding: 20px 20px 20px 60px;
	background: url(../faq/images/faq_icon_q.png) no-repeat 3% 14px;
}

#faq_box dd {
	padding: 30px 20px 30px 60px;
	background:#fcf9f3 url(../faq/images/faq_icon_a.png) no-repeat 3% 24px;
}
#faq_box .ttl_box h2:before {
	content: url(../faq/images/sp_ttl_icon01.png);
	padding:0 1% 0 0;
	display: inline-block;
}
#faq_box .ttl_box h2:after {
	content: url(../faq/images/sp_ttl_icon02.png);
	padding:0 0% 0 1%;
	display: inline-block;
}
}
@media screen and (max-width: 414px) {
#faq_box .ttl_box h2 {
	text-align: center;
	font-size: 112.5%;
	line-height: 240%;
	color: #000;
	letter-spacing: -2px;
}

}
@media screen and (max-width: 320px) {
#faq_box dt {
	padding: 20px 10px 20px 60px;
	background: url(../faq/images/faq_icon_q.png) no-repeat 3% 14px;
}

#faq_box dd {
	padding: 30px 10px 30px 60px;
	background:#fcf9f3 url(../faq/images/faq_icon_a.png) no-repeat 3% 24px;
}
}