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

/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
.detail{ padding:0 10px;}
.detail .wrap{ padding: 0 0 60px;}
.detail .wrap > div{ padding-top: 50px; }

.detail ul{ margin-top: 30px; border-top: #eee 1px solid;}

.detail a,
.detail .open > div{ padding:20px 40px 18px 54px; position: relative; border-bottom: #eee 1px solid;}

.detail a{ display: block; }
.detail .open{ height: 0; overflow: hidden; }
.detail .open > div{ background: #f5fafa; color: #666;}

.detail a:before,
.detail .open > div:before{ display: block; position: absolute; top: 18px; left: 10px; font-family: "myriad", sans-serif; font-size: 28px; font-weight: bold; line-height: 1;}
.detail a:before{ content: "Q."; color: #1e9696;}
.detail .open > div:before{ content: "A."; color: #8ecaca;}

.detail a:after{ content: ""; display: block; background: url("img/faq_icon01.png") no-repeat; background-size: contain!important; width: 20px; height: 20px; position: absolute; top: 22px; right: 10px; }
.detail a.on:after{ background: url("img/faq_icon02.png") no-repeat;}


/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:641px){
	.detail .wrap{ padding: 20px 0 120px;}
	.detail .wrap > div{ padding-top: 60px; }

	.detail a,
	.detail .open > div{ padding:20px 60px 18px 68px;}

	.detail a:before,
	.detail .open > div:before{ left: 20px; font-size: 30px;}
	.detail a:after{ right: 20px;}
		}


/*************************************************************************************************************************
* 980px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:980px){
	.detail a{ transition: color 0.3s ease-in-out 0s;}
	.detail a:hover{ color: #1e9696;}
}