@charset "utf-8";
/* CSS Document */
@font-face {
font-family: "utsukushi";
  src: url("../img/utsukushi.otf") format("otf"),url("../img/utsukushi.woff") format("woff"),url("../img/utsukushi.woff2") format("woff2");
}
.font1{font-family: "utsukushi","serif";}

#wrap{
	max-width: 562.5px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #F7F7F7;
}
.bg_white{background-color: #fff;}
.bg_color1{background-color: #D0AF84;}
.bg_color2{background-color: #ECDBBA;}
.bg_color3{background-color: #A67C52;}
.txt_color1{color: #A67C52;}
.txt_white{color: #fff;}
.under{text-decoration: underline;}

.btn_wrap{
margin-top: -200px;
position: relative;
z-index: 1;
}

.first_box{
margin-top: -40px;
z-index: 1;
position: relative;
}
.cta{margin-top: -50px;}

.cta_bottom_wrap{
	width: 85%;
	box-sizing: border-box;
}
.cta_bottom .title{
	width: 30%;
	box-sizing: border-box;
}
.cta_bottom .txt{
	width: 70%;
	box-sizing: border-box;
}

.cta_bottom2{
padding-top: 130px;
margin-top: -130px;
position: relative;
}
/*** よくある質問 ***/

#faq .box_title1{
  padding: 20px 30px 20px 50px;
  background-image: url(../img/icon_q.png);
  background-size: 42px;
  background-repeat: no-repeat;
  background-position: top 16px left -8px;
  cursor: pointer;
}
#faq .box_title1:before {
    content: "Q.";
    position: absolute;
    top: 9px;
    left: 10px;
    color: #A67C52;
    font-size: 30px;
}
#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: 42px;
  background-repeat: no-repeat;
  background-position: top 16px left -8px;
}
#faq .box_txt1:before {
    content: "A.";
    position: absolute;
    left: 10px;
    color: #D0AF84;
    font-size: 25px;
}

/*** お客様の声 ***/

#voice .box_title1{
  padding: 10px;
}
#voice .box_title1 span{display: block;font-size: 16px;}
#voice .box_txt1{
  padding: 10px;
}
#voice .box_txt2{
background-color: #efe6d5;
border-radius: 3px;
margin-bottom: 10px;
font-size: 16px;
}
#voice .box_txt2 h5{
color: #A67C52;
padding-left: 25px;
position: relative;
}
#voice .box_txt2 h5:before{
content: "Q.";
position: absolute;
top: 0;
left: 0;
color: #A67C52;
font-size: 16px;
}
#voice .box_txt2 p{padding-left: 25px;}
#voice .cate_box figure{
	width: calc(50% - 5px);
	box-sizing:border-box; 
}
#voice .box_img1{margin-right: 5px;}
#voice .box_img2{margin-left: 5px;}

@media screen and (max-width: 667px){
	.cta{margin-top: -30px;}
	.btn_wrap{margin-top: -120px;}
	.cta_bottom_wrap{width: 100%;}
	.cta_bottom2 {
		padding-top: 90px;
		margin-top: -80px;
	}
	
	.first_box{
		margin-top: -30px;
	}
}