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

.downimg{
width: 15px;margin-left: 5px;
}	
.cate_ttl{
	margin-top:50px;
    padding: 0px 0 10px 0;
	font-size: 120%;
    line-height: 1;
    text-align: left;
    letter-spacing: 0.08em;
}
.underline_story {
    text-decoration: none;
    border-bottom: 1px solid #fb9191;
    padding-bottom: 1px;
}
@media screen and (max-width:320px){
	.cate_ttl {margin-top:15vw;}
}

.underline_story_faqttl{
    border-bottom: 3px solid #D2D4D8;
    padding-bottom: 5px;
}	
.faq_cont{

	background-color: #fff;
	/*padding: 4px 8px;*/
	width: 100%; 
	animation-name: fade;
	animation-duration: 1s;
} 
.boxContainer{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fff;
}
.q_box{
	width: 100%;
	text-align: left;
}
.ac_con {
  position: relative;
  width: 100%;
  border: 1px solid #fff;
  border-top: none;
	border-bottom: 1px solid #E8E8E8;
  outline: 0;
  cursor: pointer;
}
.ac_con:first-of-type {border-top:1px solid #FFF;}

.ac_con .ac-title { /* Q文章 */
	box-sizing: border-box;
	display: block;
	position: relative;
	width:95%;
	margin: 0;
	padding: 12px 7% 12px 4%;
	/*font-size: 20px;*/
	font-weight: normal;
	color: #000;
	background: #fff;
	cursor: pointer;
}


/*プラスマイナス*/
.ac_con .ac-title:before{
	display: block;
	content: "";
	position: absolute;
	top:0; 
	right:0;
	bottom:0;
	left:95%;
	margin:auto;
	width: 17px;
	height: 2px;
	background-color: #40180A;
	transition: .2s;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.ac_con .ac-title:after{
	display: block;
	content: "";
	position: absolute;
	top: 0; 
	right: 0;
	bottom: 0;
	left: 95%;
	margin: auto;
	width: 17px;
	height: 2px; 
	background-color: #40180A;
	transition: .3s;
}
.ac_con .ac-title.on:before{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.ac_con .ac-title.on:after{
	background-color: transparent;
	color: #fff;
}
.ac-content {
  display: none;
/*  padding-left: 2.3125em;*/
	background-color: #fff;
/*	width: 95%;*/
}


.q_img2{margin-bottom: 4px;margin-right:.7em; width: 17px; margin-left: 4px;}
.a_img2{margin-bottom: -1px;margin-left: 2.5px;margin-right:.47em;vertical-align: top; width: 17px; padding-top: 5px;}
.faq_txt{
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width:90%;
}
.q_list{ /* A文章 wrapper */
	padding: 12px 7% 40px 4.3%;
	top:0px;
	height: auto;
}
.faq_a_txt {
    box-sizing: border-box;
    width: 87%;
    display: inline-block;
    margin-left: 5px;
}


/*************************************************************/
/*************************************************************/
/*************************************************************/
@media screen and (max-width:950px) { 

}
/*************************************************************/
/*************************************************************/
/*************************************************************/
@media screen and (max-width: 768px){

		.downimg{
		width: 12px;margin-left: 5px;
		}	


}
/*************************************************************/
/*************************************************************/
@media screen and (max-width: 700px){

	.faq_cont {
		width: 96vw;
		margin-top: 25px;
	}	

}


/*************************************************************/
/*************************************************************/
/*************************************************************/
@media screen and (max-width:599px){

	.ac_con .ac-title {width:98%;/*font-size:max(3.5vw, 16px);*/padding-left:0;} /* Q文章 */
	.faq_txt{ width: 85%;}
	.q_list {/*font-size:max(3.5vw, 16px);*/padding-left:0;line-height: 1.4em;
    text-align: justify;} 
	.q_img2 {
	    margin-bottom: -6px;
	    width: 16.5px;
		margin-right: .45em;
		vertical-align: 3px;
		margin-top: 4px;
	}
	.a_img2 {
		margin-left: 5px;
		margin-right: .1em;
	    width: 16.5px;
	}


}

/*************************************************************/
/*************************************************************/
/*************************************************************/
@media screen and (max-width:430px) { 

		.downimg{
		width: 10px;margin-left: 5px;
		}		
		.underline_story {
			border-bottom: 0.23vw solid #fb9191;
			padding-bottom: 0.23vw;
		}

}
/*************************************************************/
/*************************************************************/
/*************************************************************/
@media screen and (max-width:390px) { 

	.faq_cont {
		width: 95vw;
		margin-top:10px;
	}	
	.q_img2 {
		margin-bottom: -6px;
		width: 14.5px;
		margin-right: 0.45em;
		vertical-align: 3px;
		margin-top: 3px;
	}
	.a_img2 {
		margin-left: 5px;
		margin-right: 0.1em;
		width: 14.5px;
	}

}