@charset "utf-8";
/*========================================================================================================================


  ◇◆◇ 申込み ◇◆◇
  
  
========================================================================================================================*/
/*----------------------------------------------------------------------------------------------------

  hero
  
----------------------------------------------------------------------------------------------------*/
.hero {
  width: 100%;
  background: url(../image/order/hero.png) no-repeat center center;
  background-color: #ebf2fa;
}
.hero-trial {
  width: 100%;
  background: url(../image/order/hero-trial.png) no-repeat center center;
  background-color: #ebf2fa;
}
.hero-baby {
  width: 100%;
  background: url(../image/order/hero-baby.png) no-repeat center center;
  background-color: #ffecee;
}
.hero h2 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media print, screen and (min-width:641px) {
  .hero {
    height: 180px;
  }
}
@media screen and (max-width:640px) {
  .hero {
    height: 0;
    padding-top: 18%;
    background-size: cover;
  }
}

/*----------------------------------------------------------------------------------------------------

  セットイメージ
  
----------------------------------------------------------------------------------------------------*/
.set-img {
  text-align: center;
}
@media print, screen and (min-width:641px) {
  .set-img {
    padding-top: 50px;
  }
}
@media screen and (max-width:640px) {
  .set-img {
    padding-top: 1.75rem;
  }
}

/*----------------------------------------------------------------------------------------------------

  注意事項
  
----------------------------------------------------------------------------------------------------*/
.alartBox {
  border: 1px solid #f1cf2b;
  background-color: #fefbea;
  box-sizing: border-box;
  padding: 1.5rem;
}
.alartBox .font-red {
  margin-top: 0.25rem;
}
@media print, screen and (min-width:641px) {
  .alartBox {
    margin-top: 40px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width:640px) {
  .alartBox {
    padding: 1.25rem;
    margin-top: 1.5rem;
  }
}

/*----------------------------------------------------------------------------------------------------

  備考
  
----------------------------------------------------------------------------------------------------*/
.nbBox {
  background-color: #f3f4f6;
  padding: 1.5rem;
}
.nbBox ul {
  margin-left: 1.25rem;
}
.nbBox li:not(:first-child) {
  padding-top: 0.25rem;
}
@media print, screen and (min-width:641px) {
  .nbBox {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width:640px) {
  .nbBox {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 1.25rem;
  }
}

/*----------------------------------------------------------------------------------------------------

  お問い合わせ
  
----------------------------------------------------------------------------------------------------*/
.inquiry-warp {
  text-align: center;
}
@media print, screen and (min-width:641px) {
  .inquiry-warp {
    padding-bottom: 60px;
  }
}
@media screen and (max-width:640px) {
  .inquiry-warp {
    padding-bottom: 2rem;
  }
}
.inquiry {
  border: 2px solid #749fd7;
  box-sizing: border-box;
}
.inquiry ul {
  list-style: none;
  letter-spacing: -0.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.inquiry-warp li {
  display: inline-block;
  letter-spacing: normal;
}
.inquiry ul:before {
  content: "";
  display: block;
  width: 100%;
  height: 25px;
  background: url(../image/inquiry-head.png) no-repeat center top;
  background-size: contain;
  margin-bottom: 2rem;
}
.inquiry li {
  margin-left: 1rem;
  margin-right: 1rem;
}
.inquiry-btn li {
  width: 50%;
}
.inquiry-btn li:first-child {
  text-align: left;
}
.inquiry-btn li:last-child {
  text-align: right;
}
@media print, screen and (min-width:641px) {
  .inquiry-btn {
    padding-top: 40px;
  }
}
@media screen and (max-width:640px) {
  .inquiry-warp .responBlock {
    width: 900px;
  }
  .inquiry-btn {
    padding-top: 2.5rem;
  }
}

/* サンキュープラン /-------------------------------------------------------------------- */
.startup {
  text-align: center;
}
@media print, screen and (min-width:641px) {
  .startup {
    padding-top: 40px;
  }
}
@media screen and (max-width:640px) {
  .startup {
    padding-top: 1.5rem;
  }
}

/* 初めてセット /-------------------------------------------------------------------- */
.lineupBox_head {
  background-color: #4fbbe5;
  color: #fff;
  font-weight: bold;
  line-height: 1.6;
  padding: 0.75rem 1rem;
}
.lineupBox_body, .lineupBox_cols {
  background-color: #fff;
}
@media print, screen and (min-width:641px) {
  .lineupBox_head {
    margin-top: 30px;
    font-size: 125%;
  }
  .lineupBox_body {
    padding: 1.5rem;
  }
}
@media screen and (max-width:640px) {
  .lineupBox_head {
    margin-top: 1rem;
  }
  .lineupBox_body {
    padding: 1.25rem;
  }
}
.lineupBox.startup .lineupBox_head {
  background-color: #f59ba4;
}
.lineupBox.startup .lineupBox_body {
  text-align: center;
}
@media screen and (max-width:640px) {
  .lineupBox.startup .lineupBox_body {
    padding-top: 1.25rem;
  }
}