@charset "utf-8";
.sub_main_img {
    background: url(../images/faq_main.jpg) no-repeat center;
    background-size: cover;
}
/* 背景 */
.accordionbox{
	width: 100%;
	margin: 80px auto 100px;
}

/* 質問 */
.accordionlist dt{
    display:flex;
    align-items: center;
    background: #fff;
    margin: 15px 0;
    padding: 10px 0px 2px 20px;
	cursor:pointer;
}
.accordionlist dt .title{
    padding-left: 10px;
}

/* 回答 */
.accordionlist dd{
    display:none;
	background: #fff;
	padding:10px 40px 10px 30px;
}

/* ＋ */
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
    padding: 0 5px;
    
}
.accordion_icon {
	position: relative;
	width: 30px;
    text-align: center;
    margin-left: auto;
    margin-right: 15px;
}
.accordion_icon span {
	position: absolute;
    width: 15px;
    right:5px;
	height: 2px;
    background-color: #811925; /* ＋の色 */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/* Q&A画像 */

p.question{
	background:url(../images/question.png)left center no-repeat;
    background-size: 33px;
	padding: 30px 0 30px 45px;
    color: #811925;
    font-size: 17px;
    line-height: 1.8;
}

p.answer{
	background:url(../images/answer.png)left center no-repeat;
    background-size: 35px;
	padding:30px 0 30px 60px;
    font-size: 16px;
    line-height: 1.8;
}

@media (max-width: 320px) {
.accordionlist dt{
    padding: 10px 0 2px 10px;
}
/* 回答 */
.accordionlist dd{
	padding: 10px 20px;
}
}

@media (max-width: 500px) {
p.question{
    background-size: 25px;
}

p.answer{
    background-size: 25px;
    padding:30px 0 30px 50px;
}
}

@media (min-width: 768px) {
.accordionlist dt{
    padding: 10px 0 2px 50px;
}
.accordionlist dd{
	padding:10px 40px 10px 60px;
}
.accordion_icon {
    margin-right: 30px;
}
p.question{
	padding: 30px 0 30px 60px;
}
p.answer{
	padding:30px 50px 30px 70px;
}
}