@charset "utf-8";
small {
  font-size: 1.4rem;
  vertical-align: top
}
.docomo_color {
  color: #d00e31;
  font-weight: normal
}
.leadArea .mydaizImg {
  margin: 5% 0 0
}
.leadArea>.inner {
  padding-bottom: 0
}
.leadArea_catch_small {
  font-size: 1.7rem
}
.inner .inline_box>h2::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("/fnt/cms/design_img/shared/img/ichioshipack/arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.5rem
}
.inner .inline_box h2 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 2rem
}
.inner .inline_box .section {
  margin: 5% 0
}
.inner .inline_box .section .point_container {
  border: 5px solid #ea5404
}
.inner .inline_box .section .point_container .point_title {
  background: url(/fnt/cms/design_img/shared/img/ichioshipack/ttl_bg.png?20200728120114934) no-repeat left top;
  background-size: cover;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem 0
}
.inner .inline_box .section .point_container .point_title h3 {
  font-size: 1.8rem;
  color: white;
  font-weight: bold;
  margin-top: 0
}
.inner .inline_box .section .point_container span:last-child {
  font-size: 1rem
}
.inner .inline_box .section .point_container .point_container_box {
  padding: 5%
}
.inner .inline_box .section .point_container .point_container_box p {
  text-align: justify
}
.inner .inline_box .section .point_container .point_container_box img {
  width: 70%;
  margin-top: 3%
}
.inner .inline_box .section .point_container .point1_container_box {
  padding: 5%
}
.inner .inline_box .section .point_container .point1_container_box p {
  text-align: justify
}
.inner .inline_box .section .point_container .point1_container_box img {
  width: 40%;
  height: 40%
}
.inner .inline_box .section .point_container .point3_container_box {
  padding: 5%;
  text-align: justify
}
.inner .inline_box .section .point_container .point3_container_box img {
  display: inline-block;
  margin-left: 0;
  width: 60%;
  margin-bottom: 5%
}
.inner .inline_box .section .point_container .point3_container_box img:last-child {
  width: 30%;
  margin-left: 5%;
  margin-bottom: 0
}
.inner .inline_box .section .small_wrap {
  margin: 0.5rem 0 2rem 0
}
.notification_wrapper {
  background-color: #f8e3db;
  border-radius: 10px;
  padding: 5%
}
.notification_wrapper .push_notification {
  padding: 5% 5% 2.5%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 80px
}
.notification_wrapper .push_notification img {
  width: 30%;
  height: auto;
  position: absolute;
  top: -30%;
  left: -10%
}
.notification_wrapper .push_notification p {
  display: inline-block;
  position: absolute;
  top: 2.5%;
  left: 25%
}
.notification_wrapper img {
  vertical-align: middle
}
.block_B {
  padding: 20% 5% 15%
}
.block_B h3 {
  font-weight: bold
}
.block_B img {
  margin-top: 1rem;
  width: 100%
}
.iconcier_alerm h2 {
  text-align: center;
  margin: 0 auto
}
.iconcier_alerm p {
  font-weight: bold
}
.iconcier_alerm .mydaiz_img {
  position: relative
}
.iconcier_alerm .mydaiz_img img {
  margin-top: 3%
}
.iconcier_alerm .mydaiz_img p {
  font-size: 1.3rem;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0
}
@media (max-width: 840px) {
  p {
    line-height: 1.6
  }
  .leadArea>.inner {
    margin-bottom: -5%
  }
  .inner .inline_box>h2::before {
    content: "";
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    background-image: url("/fnt/cms/design_img/shared/img/ichioshipack/arrow.png?20200728120114934");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5rem
  }

  p.comment {
    margin-top: 0.5rem
  }
}
@media (min-width: 841px) {
  .inline_box {
    width: 100%
  }
  .inline_box .inline_wrap_2rows_middle {
    display: inline-block;
    vertical-align: middle;
    width: 45%
  }
  .inline_box .inline_wrap_2rows {
    display: inline-block;
    vertical-align: top;
    width: 45%
  }
  .inline_box .inline_wrap_3rows {
    display: inline-block;
    vertical-align: top;
    width: 30%
  }
  .inline_box>.leadArea_logo img {
    width: 400px
  }
  .inner {
    padding: 3%
  }
  .inner .inline_box h2:last-child {
    margin-top: 5%
  }
  .inner .inline_box .inline_wrap_3rows:nth-last-of-type(2) .point_container .point_container_box .image_sp {
    margin-top: 25%
  }
  .inner .inline_box .section {
    margin: 1rem auto
  }
  .inner .inline_box .section .point_container {
    height: 350px
  }
  .inner .inline_box .section .point_container p {
    margin-top: 0
  }
  .inner .inline_box .section .point_container .point1_container_box img {
    display: block;
    width: 40%;
    margin: 7.5% auto
  }
  .inner .inline_box .section .small_wrap {
    margin-top: 1rem
  }
  .inner .inline_box .section .image_sp {
    margin-top: 30%
  }
  .notification_wrapper {
    width: 80%;
    height: 200px;
    margin: 0 0 0 12.5%;
    padding: 2.5% 0 0 0;
    text-align: center
  }
  .notification_wrapper p {
    margin: 0
  }
  .notification_wrapper .push_notification {
    display: inline-block;
    width: 47.5%;
    padding-left: 17.5%
  }
  .notification_wrapper .push_notification img {
    width: 45%;
    height: auto;
    top: -30%;
    left: -22.5%
  }
  .notification_wrapper .push_notification p {
    position: static
  }
  .notification_wrapper img {
    height: 85%
  }
  .block_B {
    padding-top: 5rem;
    padding-bottom: 3rem
  }
  .block_B h3 {
    font-size: 1.3rem
  }
  .block_B img {
    width: 50%
  }
}