@charset "utf-8";
/* CSS Document */
.bg_white{background-color: white;}
#wrap{
	max-width: 562.5px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #ffffff;
}
.btn_wrap{
	position: relative;
	z-index: 1;
}

.btn_wrap{margin-top: -100px;}
.btn_wrap3{margin-top: -55px;}

.img2{margin-top: -85px;}
/*** よくある質問 ***/
#faq{background-color: #F4F4F4;}
#faq .box_title1{
	padding: 20px 30px 20px 50px;
    background-image: url(../img/icon_q.png);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: top 17px 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;
}
#faq .cate_box:nth-of-type(2) .box_txt1{padding-right: 40px;}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){
	.btn_wrap{margin-top: -60px;}

	.img2{margin-top: -63px;}
	
	/*** よくある質問 ***/
	#faq .box_title1{
		padding: 15px 30px 10px 40px;
		background-size: 25px;
		background-position: top 17px left 3px;
	}
	#faq .box_txt1{
		padding: 20px 0 20px 40px;
		background-size: 25px;
		background-position: top 16px left 6px;
	}
}