@charset "utf-8";
/* CSS Document */
.faqContents{
	margin-bottom: 50px;
	}
.mainTitle {
	background-image: url(../images/faq/ttl_bg.png);
	background-size: cover;
}
body #contents{
	border-top: none;
	padding-top: 0px;
}
@media (max-width: 767px) {
	.mainTitle .ttl img{
		height: 26px;
	}
}
/*-----------------------------------------------------------------------
                                FAQ /nav
------------------------------------------------------------------------*/
.faqNav {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	padding-bottom: 30px;
}
.faqNav li{
	width: 50%;
}
.faqNav li a{
	display: block;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em;
	background: #e5e5e5;
}
.faqNav li.current a{
	background: #ff0000;
	color: #ffffff;
	position: relative;
}
.faqNav li.current a::before{
	content: "";position: absolute;
	width: 0;
	height: 0;
	bottom: -8px;
	left: 50%;
	margin-left: -8px;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #ff0000 transparent transparent transparent;
}
.faqNav li a:hover{
	background: #ff0000;
	color: #ffffff;
}

/*-----------------------------------------------------------------------
                                FAQ /pageNav
------------------------------------------------------------------------*/
.pageNav{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
}
.pageNav li{
	width: 33%;
}
.pageNav li a{
	display: block;
	text-align: center;
	border: #e5e5e5 2px solid;
	font-size: 1.25em;
	color: #ff0000;
	padding: 0.5em;
	position: relative;
}
.pageNav li a:hover{
	border: #ff0000 2px solid;
}
.pageNav li a img{
	margin-right: 10px;
}
.pageNav li a::before{
	content: "\f107";
	font-size: 0.625em;
	font-family: "FontAwesome";
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ff0000;
	color: #ffffff;
	line-height:1.2;
}

@media (max-width: 767px) {
.pageNav{
	display: block;
}
.pageNav li{
	width: 100%;
	margin-bottom: 8px;
}

}

/*-----------------------------------------------------------------------
                                FAQ 
------------------------------------------------------------------------*/
.faqArticle{
	padding-top: 50px;
}
.faqTtl{
    text-align: center;
    border-top: #e5e5e5 2px solid;
    background-image: url(../images/pat03.png);
    background-repeat: repeat-x;
    padding-bottom: 20px;
}
.faqTtl .ttl{
	display: inline-block;
	font-size: 1.25em;
	font-weight: 700;
    color: #ff0000;
	background: #ffffff;
	padding: 5px 50px;
}
.faqTtl .ttl img{
	margin-right: 10px;
}
.faqList dt{
	background: url(../images/faq/icon_q.png) left top no-repeat;
	padding: 10px 0 10px 50px;
	font-size: 1.1125em;
	font-weight: 700;
}
.faqList dd{
	padding: 10px 0 30px 50px;
	border-bottom: #e5e5e5 1px solid;
	margin-bottom: 30px;
}
.faqList dd:last-child{
	padding: 0 0 0 50px;
	border-bottom:none;
		margin-bottom: 0px;
}
.faqList dd .red{
	color: #ff0000;
}
.faqList dd .strong{
	font-weight: 700;
}
.faqList dd .btn_detail{
	display: block;
	color: #ff0000;
	position: relative;
	padding: 0 0 0 24px;
	margin-top: 10px;
}
.faqList dd .btn_detail:hover{
	text-decoration: underline;
}
.faqList dd .btn_detail::before{
	content: "\f105";
	font-family: "FontAwesome";
	font-size: 0.875em;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #ff0000;
	color: #ffffff;
	line-height:1;
	text-align: center;
}

@media (max-width: 767px) {
.faqTtl .ttl{
	padding: 5px 25px;
}

.faqArticle{
	padding-top: 25px;
}
.faqList dt{
	background: url(../images/faq/icon_q.png) left top no-repeat;
	background-size: 1.5em;
	padding: 0 0 10px 38px;
}
.faqList dd{
	padding: 10px 0 30px;
	border-bottom: #e5e5e5 1px solid;
	margin-bottom: 30px;
}
.faqList dd:last-child{
	padding: 0;
	margin-bottom: 10px;
}

}