@charset "utf-8";
/* CSS Document */
#wrap{
	max-width: 562.5px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #ffffff;
}
.bg_white,.hvr_bg_white:hover{background-color: white;} /* 白背景 */

/*** コンテンツ ***/
.btn_wrap{
    margin-top: -195px;
    margin-bottom: 29px;
}
.btn_wrap2{
	margin-top: -70px;
}
/*** よくある質問 ***/
#faq{background-color: #F4F4F4;}
#faq .box_title1{
	padding: 20px 30px 20px 50px;
    background-image: url(../img/icon_q.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: top 14px left 3px;
    cursor: pointer;
}
#faq .box_title1::after{
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  top: 26px;
  right: 10px;
  transform: rotate(45deg);
  border-right: solid 2px;
  border-bottom: solid 2px;
  transition: transform 0.2s;
}
#faq .box_title1.active::after{
  transform: translateY(5px) rotate(-135deg)
}
#faq .box_txt1{
	position: relative;
    padding: 20px 0 20px 40px;
    background-image: url(../img/icon_a.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: top 12px left 3px;
}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){
	.btn_wrap {
		margin-top: -130px;
		margin-bottom: 19px;
	}
	#faq .box_title1{
		padding: 20px 30px 20px 40px;
		background-size: 25px;
		background-position: top 17px left 3px;
	}
	#faq .box_txt1{
		padding: 20px 0 20px 40px;
		background-size: 25px;
		background-position: top 12px left 6px;
	}
}