@charset "UTF-8";

/* purchase-service-notice — モバイルファースト（base=デフォルト(SP) / @media min-width:769px=PC 上書き） */
/* 常時読み込み: <head> に media 指定なしで link する。style.css=PC専用 / style_sp.css=SP専用 の分割から本セクションのみ分離 */
/* #region MARK:purchase-service-notice */
.purchase-service-notice {
  margin: 1rem !important;
  border: 1px solid #08bce2 !important;
  padding: 1rem !important;
  line-height: 1.4;
  border-radius: 0.4rem !important;
  color: var(--c-red);
}

.purchase-service-notice__title {
  color: var(--c-red) !important;
}

.purchase-service-notice__lead {}

.purchase-service-notice__change {
  margin-top: 1rem !important;
}

.purchase-service-notice__break {}

.purchase-service-notice__list {}

.purchase-service-notice__item {}

.purchase-service-notice__heading {
  margin-top: 1rem !important;
}

.purchase-service-notice__discount {
  list-style: none;
  margin: 0.3rem 0 0.3rem 1em !important;
  padding: 0 !important;
}

.purchase-service-notice__discount-item {}

.purchase-service-notice strong {
  color: var(--c-red) !important;
}

/* #endregion */
/* #region MARK:purchase-service-notice - PC */
@media screen and (min-width: 769px) {
  .purchase-service-notice {
    padding: 1.2rem 2rem !important;
    width: fit-content;
    margin-inline: auto !important;
    margin-top: 2rem !important;
  }

  .purchase-service-notice__title {}

  .purchase-service-notice__lead {}

  .purchase-service-notice__change {}

  .purchase-service-notice__break {}

  .purchase-service-notice__list {}

  .purchase-service-notice__item {}
}

/* #endregion */
/* #region MARK:service-start */
.fz-09 {
  font-size: 0.9em
}

.content .sec04 .service-start {
  background-color: #FFF;
  background-image: url("../img/pc_service_img02_bg_sp.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin: 4.1vw;
  overflow: hidden;
  border-radius: 0.4rem;
  box-shadow: 5px 5px 9px 6px rgba(0, 0, 0, 0.12);
  padding: 2rem
}

.content .sec04 .service-start__body {
  display: grid;
  gap: 1rem;
}

.content .sec04 .service-start__title {
  display: grid;
  gap: 1rem;
  grid-template-columns: 16vw 1fr;
  align-items: center;
  margin-bottom: 1.5rem;
}

.content .sec04 .service-start__icon {}

.content .sec04 .service-start__icon-img {}

.content .sec04 .service-start__label {
  color: #125499;
  font-size: 6vw;
  line-height: 1.39;
  font-weight: bold;
  padding-top: 3.7vw;
}

.content .sec04 .service-start__content {}

.content .sec04 .service-start__lead {}

.content .sec04 .service-start__lead-text {}

.content .sec04 .service-start__desc {
  font-size: 3.6vw;
  /* font-weight: bold; */
  line-height: 1.5;
  /* margin-top: 1.5em; */
}

.content .sec04 .service-start__caption-list {
  margin-top: 0.2em;
}

.content .sec04 .service-start__caption-item {}

.content .sec04 .service-start__discount {
  margin: 1.2em 0 0.2em;
}

.content .sec04 .service-start__notes {}

.content .sec04 .service-start__note {
  font-size: 3.1vw;
  /* font-weight: bold; */
  line-height: 1.5;
  margin-top: 1rem;
}

.content .sec04 .service-start__figure {
  margin-top: 2rem;
  width: 90%;
  margin-inline: auto;
}

.content .sec04 .service-start__graph {
  max-width: 100%;
  display: block;
  height: auto;
  -ms-interpolation-mode: bicubic;
  shape-margin: 1em;
  font-style: italic;
  object-fit: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* #endregion */
/* #region MARK:service-start - PC */
@media screen and (min-width: 769px) {
  .content .sec04 .service-start {
    background-image: url("../img/pc_service_img02_bg.png");
    margin: 1.5rem 1.4rem 1.5rem 9rem;
    padding: 2rem 3rem 2rem 3rem;
  }

  .content .sec04 .service-start__body {
    /* grid-template-columns: 1fr 1fr; */
  }

  .content .sec04 .service-start__title {
    grid-template-columns: 6.7rem 1fr;
  }

  .content .sec04 .service-start__icon {}

  .content .sec04 .service-start__icon-img {
    max-width: 100%;
    display: block;
    height: auto;
    -ms-interpolation-mode: bicubic;
    shape-margin: 1em;
    font-style: italic;
    object-fit: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
  }

  .content .sec04 .service-start__label {
    font-size: 37px;
    padding-top: 0.7em;
  }

  .content .sec04 .service-start__content {
    grid-template-columns: 1fr 0.7fr;
    display: grid;
    gap: 2rem;
  }

  .content .sec04 .service-start__lead {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.68;
  }

  .content .sec04 .service-start__lead-text {
    /* font-size: 22px; */
    /* font-weight: bold; */
    /* line-height: 1.68; */
  }

  .content .sec04 .service-start__desc {}

  .content .sec04 .service-start__caption-list {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 0.2em;
  }

  .content .sec04 .service-start__caption-item {
    line-height: unset;
  }

  .content .sec04 .service-start__discount {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .content .sec04 .service-start__notes {}

  .content .sec04 .service-start__note {
    font-size: 1.2rem;
  }

  .content .sec04 .service-start__figure {
    margin-top: 0.5rem;
    width: 100%;
    align-self: end;
  }

  .content .sec04 .service-start__graph {}
}

/* #endregion */