@charset "utf-8";
.inner{
  position: relative;
  width: 96%;
  max-width: 1200px;
  margin: 0 auto;
}
.section{
  background-color: #f4f9ff;
  padding-top: 20px;
  padding-bottom: 3%;
}
.section h3.ttl3{
  padding-bottom: 2%;
}
.box_text{
  text-align: center;
}
@media screen and (max-width : 767px){
  .inner{
    width: 92%;
  }
  .section{
    padding-top: 6.5%;
    padding-bottom:8%;
  }
  .section h3.ttl3{
    padding-bottom:6.6%;
    letter-spacing: 0.2em;
  }
}
/* -----------------------------------------------
promo
----------------------------------------------- */
.promo{
  height: 288px;
  background: url(../../entry/img/bg_promo.jpg) no-repeat center center;
}
.promo .inner{
  width: 100%;
}
@media screen and (max-width : 767px){
  .promo{
    background: url(../../entry/img_sp/bg_promo.jpg) no-repeat center center;
    background-size: cover;
  }
}
/* -----------------------------------------------
STEP
----------------------------------------------- */
.box_step{
  margin-bottom: 5%;
}
@media screen and (max-width : 767px){
  .box_step{
    margin-bottom: 12%;
  }
}
/* -----------------------------------------------
FORM
----------------------------------------------- */
.tablestyle{
  margin-top: 2%;
}
.box_btn.col2 .btn_arrow.next{
  max-width: 400px;
}
.box_btn .btn_arrow.back{
  margin-top: 10px;
}
@media screen and (max-width : 767px){
  .tablestyle{
    margin-top: 5.6%;
  }
  .box_btn.col2 .btn_arrow.next{
    max-width: 88%;
  }
}
/* -----------------------------------------------
完了画面
----------------------------------------------- */
.ttl_finish{
  font-size: 235%;
  color: #0b3177;
  text-align: center;
  padding-bottom: 2%;
}
@media screen and (max-width : 767px){
  .ttl_finish{
    font-size: 2.2rem;
    padding-bottom: 6.6%;
  }
}