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

@import "reset.css";
@import "base_sp_min.css";

/*******************

 LP style

********************/
.cta {
  overflow: hidden;
}
.cta-box {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.cta-btn {
  box-sizing: border-box;
  padding: 0 8.3%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.product {
  margin: 0 auto;
  position: relative;
}
.product-img {
  display: block;
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
.product-box {
  box-sizing: border-box;
  position: relative;
  width: 93.75%;
  z-index: 2;
  margin: -0.5em auto 0;
}
.product-box dt {
  color: #12664f;
  padding: .3em;
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
  width: 100%;
  box-sizing: border-box;
}
.product-box dt:before {
  content: "";
  width: -webkit-calc(50% - 3em);
  width: -o-calc(50% - 3em);
  width: calc(50% - 3em);
  background-color: #12664f;
  height: 1px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
}
.product-box dt:after {
  content: "";
  width: -webkit-calc(50% - 3em);
  width: -o-calc(50% - 3em);
  width: calc(50% - 3em);
  background-color: #12664f;
  height: 1px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
}
.product-box dt span {
  background-color: #fff;
  display: block;
  width: 6em;
  z-index: 3;
  text-align: center;
  margin: 0 auto;
}
.product-box dd {
  padding: .3em;
  position: relative;
  text-align: center;
  line-height: 1.8em;
}
.product-box dd.txt-l {
  text-align: left;
}
/*-------------------------------*/
.nayami {
  margin: 8% auto 0;
}
.btn-01 {
  position: relative;
  overflow: hidden;
  padding: 8% 4%;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.why {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.btn-02 {
  position: relative;
  padding: 8% 4% 0;
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
}

/*-------------------------------------------
 form
-----------------------------------------------*/
form#form-order div#form_landing input{
height: 3em;
border-radius: 5px;
}

/*-------------------------------------------
 footer
-----------------------------------------------*/
.footer-link {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 2em;
}
.footer-link li{
  font-size: .95rem;
  margin-bottom: 1.2em;
}
#copy {
  text-align: center;
  font-size: .75em;
  color: #fff;
  background-color: #12664f;
  box-sizing: border-box;
  padding: .5em;
}

/* anim */


/* expand */
.expand {
  -webkit-animation-name: expand;
  -moz-animation-name: expand;
  -o-animation-name: expand;
  animation-name: expand;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes expand {
  from, 0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  to, 100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes expand {
  from, 0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  to, 100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

div#landing_form .form_box div.form_input_box,div#landing_form .form_box div.form_example{
    margin: 0 0 0 3%;
}
#landing_form #input_tel_no div.form_input_box input{
  width: 22%;
}
body div.firstimp_act_tr0980_notes_nooption_sp{
font-size: 10px;
    padding: 0 3% 0 3%;
    margin: -0.5em 0 0 0;
    line-height: 1.5;

}
div.firstimp_act_tr0980_notes_nooption_sp ul.firstimp_act_tr0980_notes_nooption_sp_ul li{
  list-style: disc;
          text-align: left;
}

div.firstimp_act_tr0980_notes_nooption_sp ul.firstimp_act_tr0980_notes_nooption_sp_ul{
    padding-left: 5%;
}
/*--form-----------------------------------------*/
form#form-order div#form_landing input,form#form-order div#form_landing select{
height: 3em;
border-radius: 5px;
}

/*--form-----------------------------------------*/