/* CSS Document */
/*==============================	
faq/index.html
==============================*/
/*----------------------------------------
h1
----------------------------------------*/
h1 {
	background:url(../../faq/img/faq_ttl.png) center center no-repeat, url(../img/h1_ttl_bg.png) center top repeat-x;
	height:188px;
	text-indent:-10000px;
}
/*----------------------------------------
h2
----------------------------------------*/
h2 {
	margin:75px auto 0 auto;
	font-size:19px;
	font-weight:normal;
	line-height:2.2;
	letter-spacing:1px;
	color:#214454;
	text-align:center;
}
/*----------------------------------------
dl
----------------------------------------*/
#faqArea {
	padding-bottom:120px;
}
#faqArea dl {
	border-top:1px #dcdcdc solid;
	border-bottom:1px #dcdcdc solid;
	width:980px;
	margin:50px auto 0 auto;
}
/*dt*/
#faqArea dl dt {
	display:table-cell;
	vertical-align:middle;
	width:980px;
	height:83px;
	min-height:83px;
	padding-left:80px;
	position:relative;
	font-size:18px;
	background-position:0px 9px;
	background-repeat:no-repeat;
	cursor:pointer;
}
#faqArea dl dt span {
	position:absolute;
	right:0;
	top:calc(50% - 10px);
}

/*dd*/
#faqArea dl dd {
	border-top:1px #dcdcdc dotted;
	padding-left:80px;
	padding-top:20px;
	padding-bottom:25px;
	line-height:2.5;
	background-position:0px 9px;
	background-repeat:no-repeat;
	display:none;
}
/*Q A icon*/
#faqArea dl:nth-child(1) dt {
	background-image:url(../../faq/img/faq_q01.png);
}
#faqArea dl:nth-child(1) dd {
	background-image:url(../../faq/img/faq_a01.png);
}
#faqArea dl:nth-child(2) dt {
	background-image:url(../../faq/img/faq_q02.png);
}
#faqArea dl:nth-child(2) dd {
	background-image:url(../../faq/img/faq_a02.png);
}
#faqArea dl:nth-child(3) dt {
	background-image:url(../../faq/img/faq_q03.png);
}
#faqArea dl:nth-child(3) dd {
	background-image:url(../../faq/img/faq_a03.png);
}
#faqArea dl:nth-child(4) dt {
	background-image:url(../../faq/img/faq_q04.png);
}
#faqArea dl:nth-child(4) dd {
	background-image:url(../../faq/img/faq_a04.png);
}
#faqArea dl:nth-child(5) dt {
	background-image:url(../../faq/img/faq_q05.png);
}
#faqArea dl:nth-child(5) dd {
	background-image:url(../../faq/img/faq_a05.png);
}
#faqArea dl:nth-child(6) dt {
	background-image:url(../../faq/img/faq_q06.png);
}
#faqArea dl:nth-child(6) dd {
	background-image:url(../../faq/img/faq_a06.png);
}
#faqArea dl:nth-child(7) dt {
	background-image:url(../../faq/img/faq_q07.png);
}
#faqArea dl:nth-child(7) dd {
	background-image:url(../../faq/img/faq_a07.png);
}
#faqArea dl:nth-child(8) dt {
	background-image:url(../../faq/img/faq_q08.png);
}
#faqArea dl:nth-child(8) dd {
	background-image:url(../../faq/img/faq_a08.png);
}
#faqArea dl:nth-child(9) dt {
	background-image:url(../../faq/img/faq_q09.png);
}
#faqArea dl:nth-child(9) dd {
	background-image:url(../../faq/img/faq_a09.png);
}


/*open close btn*/
#faqArea .btReadMore.white{ border:1px #baa977 solid; width:93px;}

/*open*/
#faqArea dl dt .plus {display:block;}
#faqArea dl dt .minus {display:none;}
#faqArea dl dt .btReadMore.white:before{	background-image:url(../img/btClose_white_plus.svg);}
#faqArea dl dt .btReadMore.white:after{	background-image:url(../img/btClose_white_plus.svg);}
/*close*/
#faqArea dl dt.active .plus {display:none;}
#faqArea dl dt.active .minus {display:block;}
#faqArea dl dt.active .btReadMore.white:before{	background-image:url(../img/btClose_white_minus.svg);}
#faqArea dl dt.active .btReadMore.white:after{	background-image:url(../img/btClose_white_minus.svg);}

#faqArea .btReadMoreTrigger:hover .btReadMore.white{
	background-color:#fff;
}





/*==========================================================================================	
for SMARTPHONE
==========================================================================================*/

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

/*==============================	
faq/index.html
==============================*/
/*----------------------------------------
h1
----------------------------------------*/
h1 {
	background:url(../../faq/img/faq_ttl.png) center center no-repeat, url(../img/h1_ttl_bg.png) center top repeat-x;
	height:81px;
	background-size:70px auto, 70px auto;
}
/*----------------------------------------
h2
----------------------------------------*/
h2 {
	margin:50px auto 0 auto;
	font-size:15px;
	line-height:1.8;
	width:90%;
}
h2 br {
	display:none;
}
/*----------------------------------------
dl
----------------------------------------*/
#faqArea {
	padding-bottom:60px;
}
#faqArea dl {
	margin:30px auto 0 auto;
	width:90%;
}
/*dt*/
#faqArea dl dt {
	width:480px;
	height:57px;
	min-height:57px;
	padding-left:57px;
	font-size:14px;
	line-height:1.4;
	background-position:0px 7px;
	background-repeat:no-repeat;
	background-size:43px auto;
}
#faqArea dl dt span {
	display:none;
}

#faqArea dl dt p {
	background:url(../../faq/img/faq_ico_plus.png) right center no-repeat;
	background-size:19px auto;
	padding-right:25px;
}
#faqArea dl dt.active p {
	background-image:url(../../faq/img/faq_ico_minus.png);
}



/*dd*/
#faqArea dl dd {
	border-top:1px #dcdcdc dotted;
	padding-left:57px;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
	line-height:2.0;
	background-position:0px 7px;
	background-repeat:no-repeat;
	background-size:43px auto;
	display:none;
}


}