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

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

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

 LP style

********************/
#lp_wrap {
  width: 100%;
  max-width: 550px; /* PCで見ても広がりすぎないように制限 */
  margin: 0 auto;
  overflow: hidden; /* 横スクロール防止の保険 */
}

/* LP内の画像すべてをレスポンシブ（画面幅に合わせて伸縮）にする */
#lp_wrap img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; /* 画像下の隙間を消す */
}
#footer {
  width: 600px;
  margin: 0 auto;
}
.mb {
  margin-bottom: 50px;
}
#fv {
  position: relative;
  z-index: 1;
}
#fv p {
  background-color: #c5ea10;
}
.cta {
  position: relative;
  z-index: 2;
}
#fv + .cta {
  margin-top: -9%;
}
.cta .cta-box {
  position: relative;
}

.cta .cta-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0% 5% 50% 5%;
  z-index: 3;
}
.cta .cta-btn_yo {
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0% 5% 12% 5%;
  z-index: 3;
}
.cta .cta-btn_otle {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 50%;
  padding: 0% 0% 75% 5%;
  z-index: 3;
}
.cta .cta-btn_otyo {
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  width: 50%;
  padding: 0% 5% 75% 5%;
  z-index: 3;
}
.cta .cta-btn_otset {
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 0% 5% 7% 5%;
  z-index: 3;
}
.cta .cta-btn_ht2t {
  position: absolute;
  bottom: 0;
  left: 10%;
  box-sizing: border-box;
  width: 80%;
  padding: 0% 0% 7% 0%;
  z-index: 3;
}


.dev {
  margin: 0 auto 6%;
}
.dev p {
  background: url(../../../../../../../user_data/packages/senobiru/img/lp_smp_kids-senobiru_ns_ada/dev_bg.png) repeat top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.rec {
  margin: 0 auto 6%;
}
.rec p {
  background: url(../../../../../../../user_data/packages/senobiru/img/lp_smp_kids-senobiru_ns_ada/rec_bg.png) repeat top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.cheering {
  margin: 6% auto 0;
}
.magazine {
  margin: 0 auto;
}
.kids {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.kids + .cta {
  margin-top: -8%;
}


.tokuten {
  margin: 6% auto 0;
}
.tokuten p {
  background: url(../../../../../../../user_data/packages/senobiru/img/lp_smp_kids-senobiru_ns_ada/tokuten_bg.png) repeat top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.reason .reason-link {
  position: relative;
}
.reason .reason-link-txt {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  padding: 0 2% 2% 50%;
  width: 100%;
}
.otoku {
  margin: 5% auto;
}
.cta-normal {
  position: relative;
  margin: 4% auto;
}
.cta-normal .cta-btn {
  position: absolute;
   box-sizing: border-box;
   width: 100%;
   top: 0;
   right: 0;
   padding: 0% 5% 0% 5% ;
 }
.cta-normal .cta-btn_yo {
  position: absolute;
   box-sizing: border-box;
   width: 100%;
   top: 0;
   right: 0;
   padding: 0% 5% 12% 5% ;
 }
 .tel {
  box-sizing: border-box;
  width: 100%;
  top: 0;
  right: 0;
  padding: 0% 5% 0% 5% ;
}
 


.nayami {
  margin: 6% auto;
  background: #242424;
}
.anq {
  margin: 0 auto;
}
.kodawari {
  margin: 0 auto;
}
.kodawari-bg-01 {
  background-color: #ffecce;
}
.kodawari-bg-02 {
  background-color: #acf1c3;
}
.kodawari-bg-03 {
  background-color: #fcecef;
}
.kodawari-bg-04 {
  background-color: #ccf4ff;
}
.more {
  margin: 0 auto;
}
.more p {
  background: url(../../../../../../../user_data/packages/senobiru/img/lp_smp_kids-senobiru_ns_ada/more_bg.png) repeat top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.compensate {
  margin: 0 auto;
}
.compensate p {
  background: url(../../../../../../../user_data/packages/senobiru/img/lp_smp_kids-senobiru_ns_ada/compensate_bg.png) repeat top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.toppa {
  position: relative;
  z-index: 1;
}
.toppa + .cta {
  margin-top: -8%;
}
.safe {
  margin: 0 auto;
}
.safe p {
  background: url(../../../../../../../user_data/packages/senobiru/img/lp_smp_kids-senobiru_ns_ada/safe_bg.png) repeat top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.grow {
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
.grow + .cta  {
  margin-top: -6.8%;
}
.faq {
  margin: 8% auto;
}
.faq p {
  background-color: #00d0f8;
}
.toppa2 {
  margin: 0 auto 6%;
}
#cb {
  box-sizing: border-box;
  padding-top: 2%;
}

/*-------------------------------------------
 footer
-----------------------------------------------*/
.guide {
  background: url(../../../../../../../user_data/packages/senobiru/img/lp_smp_kids-senobiru_ns_ada/guide_bg.png) repeat top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  color: #fff;
  font-size: .9em;
  line-height: 1.7em;
}
.guide a {
  color: #fff;
  text-decoration: underline;
}
.guide h3 img {
  vertical-align: top;
}
.guide .guide-box {
  box-sizing: border-box;
  padding: 0 3.125% 4%;
}
.guide .guide-box dd {
  box-sizing: border-box;
  padding: 2% 0;
}
.guide hr {
  border: none;

  background: url(../../../../../../../user_data/packages/senobiru/img/lp_smp_kids-senobiru_ns_ada/guide_dotline.png) repeat-x;
  background-position: 50% 50%;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding: 0 0 1em;
}
.guide .text-indent {
  padding-left: 1em;
  text-indent: -1em;
}
.guide .guide-contact {
  position: relative;
}
.guide .guide-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 85%;
  padding: 0 0 13% 15%;
}
.footer-link {
  text-align: center;
  margin-top: 0;
  margin-bottom: 1em;
}
.footer-link li a {
  display: block;
   background: url(../../../../../../../user_data/packages/senobiru/img/senobiru-plus/footer_bg.png);
  background-position: 50% 50%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  text-align: left;
  box-sizing: border-box;
  padding: 1.4em;
  color: #202020;
  line-height: 1em;
}
#copy {
  text-align: center;
  font-size: .75em;
  box-sizing: border-box;
  padding: .5em;
}
html #smp-lpshoppingcolumn {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#smp-lpshoppingcolumn form {
  width: 95%;
  box-sizing: border-box;
  margin: 0 auto;
}
#smp-lpshoppingcolumn form img {
  width: auto;
  max-width: 100%;
}


.guide-link {
  position: relative;
}

.guide-link_repay {
  height: 20px;
  position: absolute;
  top: 89%;
  right: 27%;
  display: block;
  width: 12%;
}