@charset "utf-8";







/*--------------------------------------------------

 * faq

--------------------------------------------------*/

/*  */
.faq{}
.faq__header{}
.faq__heading{}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}





/*  */
.faq__navi{}
.faq__navi .tab1__button{
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	
	white-space: nowrap;
	
	padding-left: .5em;
	padding-right: .5em;
}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}




/*  */
.faq__items{}
.faq-item{
	border-bottom: 1px solid #B5B6B6;
}
.faq-item__header{}
.faq-item__heading{
	margin: 0;
	position: relative;
	padding: 1em;
	padding-left: 2em;
	padding-right: 2em;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.5em;
	cursor: pointer;
}

.faq-item__heading span:first-of-type {
	_visibility:hidden;
	margin-left:-1em;
	color:#FFF;
}
.faq-item__heading span {
	color:#FFF;
}
.faq-item__heading span {
	display:none;
}




.faq-item__heading:before{
	content: "";
	
	
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	
	margin: auto;
	width: 19px;
	height: 42px;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/faq/icon__q.png);
}
.faq-item.js-accordion .faq-item__heading:after{
	content: "";
	
	
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	
	margin: auto;
	width: 25px;
	height: 13px;
	
	
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/base/icon__arrow1.png);
	
	
	transition: transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.faq-item.js-accordion--active .faq-item__heading:after{
	transform: rotate(-180deg);
}
.faq-item__body{
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #FBEAE6;
}
.faq__items article:nth-of-type(2n-1) .faq-item__body{
	background-color: #FFFFE6;
}
.faq__items article:nth-of-type(2n) .faq-item__body{
	background-color: #FBEAE6;
}


.faq-item__body > .pc-sitewidth{
	padding-left: 2.4em;
}
.faq-item__note{
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}





















@media print, screen and (min-width: 768px){}
@media only screen and (max-width: 767px){}