@charset "utf-8";

/**
 *
 * index: 下層ページ
 *
 */

/*----------------------------
	Question
-----------------------------*/
#Question {
    position: relative;
}
#Question h3{
	padding: 60px 50px 30px 40px ;
	color: #403630;
	font-size: 18px;
	border-bottom: 2px solid #c3a16b;
}
#Question li {
	padding: 5px 0 0 0;
	line-height: 30px;
}
#Question li .question {
	padding: 30px 50px 30px 80px;
    position: relative;
	background: #fff;
	text-align: left;
	line-height: 30px;
	border-bottom:1px solid #e7e7e7;
    cursor: pointer;
}
#Question li .answer {
	padding: 30px 50px 30px 80px;
	background: #f6ebdb;
    position: relative;
    cursor: pointer;
	font-weight: normal;
	text-align: left;
	}

#Question li .question:before {
    content: "Q";
    vertical-align: baseline;
    position: absolute;
    top: 20px;
    left:10px;
	font-size: 24px;
	font-weight: bold;
	font-family: "MyanmarMN-normal",serif;
    margin: 10px 10px 0 30px;
}
#Question li div.answer:before {
    content:"A";
    position: absolute;
    top: 13px;
    left: 13px;
    margin: 20px 10px 0 30px;
	font-size: 24px;
	font-weight: bold;
	font-family: "MyanmarMN-normal",serif;
}

#Question li .question:after {
    content: url(../../images/qa/qa-ico-up.png);
    position: absolute;
    top: 20px;
    right:30px;
    margin: 10px 10px 0 30px;
}
#Question li .ancer:after {
    content: url(../../images/qa/qa-ico-back.png);
    position: absolute;
    top: 20px;
    right:30px;
    margin: 10px 10px 0 30px;
}


@media all and (max-width: 767px){
#Question .section-inner {
	padding:  0 20px;
	} 
#Question h3{
	padding: 60px 50px 30px 20px ;
	font-size: 16px;
	line-height: 20px;
}
#Question li {
	padding: 5px 0 0 0;
	line-height: 25px;
	font-size: 12px;
}
#Question li .question {
	padding: 30px 40px 30px 50px;
	line-height: 20px;
}
#Question li .answer {
	padding: 30px 25px 30px 50px;
	}

#Question li .question:before {
    top: 20px;
    left:10px;
	font-size: 20px;
    margin: 10px 10px 0 10px;
}
#Question li div.answer:before {
    top: 13px;
    left: 13px;
    margin: 20px 10px 0 10px;
	font-size: 20px;
}

#Question li .question:after {
    top: 20px;
    right:10px;
    margin: 10px 10px 0 30px;
}
}