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

/* タブレット以下 */
@media (max-width: 480px) {
.fv{
display: none;
}
.fv_sp{
display: block;
}
.sp_bg{
width: 100%;
}
.sp_box{
line-height: 0;
}
.sp_box.sec{
display: flex;
position: relative;
}
.sp_copy{
display: block;
position: absolute;
max-width: 70vw;
padding-left: 3vw;
}
  .main_wra {
  max-width: 100%;
  }
  h1{
  margin: 0 auto;
  }
  .top{
  max-height: 40px;
  }
  .fv{
  max-height: 20vh;
  }
  .fv_copy img {
  max-width: 50vw;          
  padding: 5vw 0 0 5vw;
  }
  .category{
  height: 20vh;
  max-height: 160px;
  }
  .cate_box img{
  max-width: 14vw;
  }
  .cate_box p{
  font-size: .7em;
  margin: -6px 0 0 0;
  }
  .cate_wra{
  top:0;
  z-index: 99;
  }
  .hantei {
    height: 620px;
	}
	.hantei_bg {
    max-width: 90%;
	height: 600px;
	}
  .hantei_cv {
    padding: 40px 0 20px;
	}
  .hantei_cv p {
    font-size: 1.5rem;
	margin-bottom: 14px;
  }
  .hantei_cv::after{
  border-bottom: 3px dashed #fff;
    margin: 20px 0 0 0;
  }
  .hantei_point {
    padding-bottom: 2.1rem;
	}
  .cv_btn {
  font-size: 1rem;
  }
  .yubi_01 img {
    width: 54px;
	right: 26px;
	bottom: 42px;
	}
  .point {
    height: 50px;
    width: 33vw;
	font-size: .9rem;
	margin: 0px 20px 10px;
	}
	.point_btm .point {
    margin: 60px 31px 0;
	}
	.hantei_nayami img{
    padding-bottom: .5rem;
	}
	.hantei_nayami2 img{
	padding-top: 1rem;
	}
	
	.body_logo img {
    max-width: 70%;
}
  .body_logo {
    height: 8vh;
	}
	.body_01{
	padding-bottom: 20px;
	}
  .body_01_img img {
    width: 30vw;
}
  .body_01_btm{
  max-width: 90%;
  }
  .body_01_ttl{
  font-size: 1rem;
  }
  .body_01_tip img,
  .tip2 img{
  width: 10vw;
  }
  .body_01_tip {
    top: -2vh;
}
.body_01_ttl2{
font-size: 1.3rem;
padding-bottom: .5rem;
}
.body_01_wra{
font-size: 0.55rem;
padding: 10px 0;
}
 .body_01_txt{
 font-size: 1.1rem;
 }
  
 .yubi_02 img{
 width: 14vw;
 left: 2vw;
 }
 .body_02_h img{
 width: 23vw;
 top: -10vh;
right: 4vw;
 }
 .body_02_h p{
 font-size: 1.6rem;
 }
 .body_02_bg{
 width: 90%;
 }
  .body_02_step{
  padding-left: 2vw;
  }
  .body_02_img img {
    width: 31vw;
	}
  .body_02_img.last img {
    width: 28vw;
}
  .body_02_wra{
  background-size: 30vw;
  background-position: calc(100% - 2vw) bottom;
  }
  .body_02_btm p{
  font-size: .9rem;
  }
  .body_03_01 img {
    width: 27vw;
    padding-left: 1rem;
}
  .body_03_02 p{
  font-size: .9rem;
  padding-right: 1rem;
  padding-bottom: 10px;
  }
  .body_04_ttl p{
  font-size: 1.5rem;
  }
  .body_04_tip img{
  top:0;
  }
  .body_04_tip img{
  right: 1vw;
  }
  .body_04_tip.sec img{
  left: 0;
  }
  .body_04_txt p{
  font-size: .7rem;
  }
  .body_04_img img{
  width: 27vw;
  }
  .body_04_p{
  font-size: .7rem;
  }
   .body_04_bg{
   max-width: 90%;
   }
  
  .body_04_05 img{
  margin-top: 20px;
  }
  .body_04_btm{
  background-size: 23vw;
  }
  .body_04_btm .cv_btn{
  font-size: .9rem;
  padding: 8px 20px;
  }
  .body_04_logo img{
  padding-bottom: 10px;
  }
  .body_04_logo.sec img{
  margin-bottom: 0;
  }
  .video iframe {
    max-width: 90%;
}
.body_05_bg{
width: 90%;
}
.body_06_01 img{
width: 20vw;
}
.body_06_01 img{
top:-6vh;
}
.body_06_img img{
width: 40vw;
}
.body_06{
padding: 40px 5% 30px;
}
.b06_h{
font-size: .9rem;
}
.body_06_txt{
    padding-left: 20px;
	font-size: .8rem;
}
  .body_06_btm{
max-width: 98%;
}
.body_06_04 img{
width: 100%;
top: -8px;
}
.body_06_btm p{
font-size: .8rem;
}
.body_06_tip img{
width: 5vw;
left: 72vw;
top: 0;
}
.body_06_tip.sec img{
left: 11vw;
}
.body_07_ttl p{
font-size: 1.3rem;
}
.body_07_ttl .p_02 {
    font-size: 1.7rem;
}
.body_07_bg,
.body_08_bg{
width: 90%;
}
.body_07_box img {
    width: 30vw;
}
.body_07_box p {
    font-size: .4rem;
	}
.body_07_box {
    width: 40vw;
}
.body_07_in{
padding-bottom: 1vh;
}
.body_07_btm p {
    font-size: 1.2rem;
	}
.cv_btn{
        font-size: .9rem;
		border-radius: 8px;
		padding: 6px 30px;
    }
.body_07_btm .yubi_01 img {
    bottom: -1vh;
    right: 13vw;
}
.body_07{
padding: 20px 0 20px;
background-size: 27vw;
}
.body_07::after {
    bottom: -40px;
	}
  .body_08_box, .body_08_box img{
  width: 25vw;
  }
  .body_08_wra,
  .qa_wra{
  width: 90%;
  }
  .body_08_box p {
    font-size: .8rem;
  }
  .body_08_wra.sec {
    max-width: 60%;
}
  
 .body_09_01 img {
    width: 16vw;
}
  .body_09_01 {
    left: 4vw;
    top: -5vh;
}
  .body_09{
  background-size: 20vw;
  background-position: calc(100% - 3vw) bottom;
  }
  .body_10 img {
    width: 36vw;
}
  .qa_ttl{
  font-size: 1.5rem;
  }
  .qa{
  padding: 10px 0 30px;
  }
  .qa_q p{
  font-size: .9rem;
  }
   .qa_a p{
    font-size: .8rem; 
   }
  .qa_q::before, .qa_a::before{
  width: 20px;
    height: 30px;
  }
  .f_add{
  font-size: .6rem;
  line-height: 1.2;
  }
  .f_logo img {
    width: 34vw;
}
.qa_q{
  line-height: .5;
  padding: 0;
}
.qa_a{
margin-top: -15px;
}
 .qa_box::before{
 margin-top: -20px;
 }
  
  .form_wra{
  max-width: 90%;
  }
  
}