/* Editable service template — Figma PC 2045:2 / SP 2045:13569. */
@media (max-width: 767.98px) {
  /* 414pxで1rem = 16px。幅に合わせて全体が同じ倍率で変わる（TOP・SEOと同じ基準） */
  html {
    font-size: 3.8647342995vw;
  }
  .single-service .wb-breadcrumb--service {
    margin-top: 4.3px;
    margin-top: 0.26875rem;
    margin-right: 12.5px;
    margin-right: 0.78125rem;
    margin-bottom: 0;
    margin-left: 12.5px;
    margin-left: 0.78125rem;
  }

  .wcb-service-shell__inner {
    display: block;
    width: auto;
    margin: 2.224rem 1.5625rem 6rem;
  }

  .wcb-service-content {
    width: 100%;
  }

  .wcb-service-nav {
    display: none;
  }

  .wcb-service-hero__title {
    font-size: 2.0625rem;
    line-height: 1.45;
    letter-spacing: 0.07em;
    text-wrap: balance;
  }

  .wcb-service-hero__title--mobile-custom {
    text-wrap: wrap;
  }

  .wcb-service-hero__title-desktop {
    display: none;
  }

  .wcb-service-hero__title-mobile {
    display: block;
    white-space: pre-line;
  }

  .wcb-service-hero__kicker {
    margin-bottom: 0;
  }

  .wcb-service-hero__lead {
    margin-top: 0.913rem;
    font-size: 1rem;
    line-height: 1.65;
  }

  .wcb-service-hero__watermark {
    right: 0;
    top: -56px;
    top: -3.5rem;
    font-size: 50px;
    font-size: 3.125rem;
  }

  .wcb-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3875rem;
    margin-top: 1.728rem;
  }

  .wcb-actions__contact {
    min-width: 17.414rem;
    max-width: 100%;
    min-height: 4.1429rem;
    font-size: 0.988295rem;
  }

  .wcb-actions__download {
    min-width: 17.414rem;
    max-width: 100%;
    min-height: 3.8061rem;
    font-size: 0.988295rem;
  }

  .wcb-toc {
    position: relative;
    margin-top: 2.5344rem;
    margin-bottom: 5.3596rem;
  }

  .wcb-toc__items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .wcb-toc__link {
    min-height: 2.9667rem;
    font-size: 1rem;
    padding-bottom: 1rem;
  }

  .wcb-toc.is-collapsible .wcb-toc__item:nth-child(n/**/+4) {
    display: none;
  }

  .wcb-toc.is-collapsible.is-expanded .wcb-toc__item:nth-child(n/**/+4) {
    display: block;
  }

  .wcb-toc__toggle {
    position: absolute;
    right: 0;
    top: 100%;
    display: block;
    margin: 0.875rem 0 0 auto;
    padding: 0.25rem 0;
    background: transparent;
    color: #1a298c;
    font-style: normal;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.6;
    font-family: "Zen Kaku Gothic New", sans-serif;
    cursor: pointer;
  }

  .wcb-service-section + .wcb-service-section {
    margin-top: 6rem;
  }

  .wcb-service-section__label {
    font-size: 1rem;
    margin-bottom: 0.01056rem;
    opacity: 0.26;
  }

  .wcb-service-section__title {
    font-size: 1.8125rem;
    line-height: 1.4;
    letter-spacing: 0.06em;
    scroll-margin-top: 5rem;
  }

  .wcb-service-section__body {
    margin-top: 1.5rem;
  }

  .wcb-service-section__body > p {
    font-size: 0.9375rem;
  }

  .wcb-service-section:has(.wcb-reasons) .wcb-service-section__body {
    margin-top: 2.1573rem;
  }

  .wcb-service-section:has(.wcb-offers) .wcb-service-section__body {
    margin-top: 2.05rem;
  }

  .wcb-service-section:has(.wcb-points) .wcb-service-section__body {
    margin-top: 1.569rem;
  }

  .wcb-service-section:has(.wcb-members) .wcb-service-section__body {
    margin-top: -2.07rem;
  }

  .wcb-service-section:has(.wcb-pricing) .wcb-service-section__body {
    margin-top: 1.377rem;
  }

  .wcb-service-section:has(.wcb-faq) .wcb-service-section__body {
    margin-top: 2.25rem;
  }

  .wcb-reasons {
    gap: 3.86rem;
  }

  .wcb-reason {
    display: block;
  }

  .wcb-reason:first-child {
    margin-bottom: 0;
  }

  .wcb-reason__media::before {
    width: 7.487rem;
    height: 7.487rem;
    left: -2.6115rem;
    top: -2.03rem;
  }

  /* SPの列幅は画面幅で伸び縮みするため、画像は書き出し寸法ではなく列幅いっぱいに合わせる。 */
  .wcb-reason__img {
    width: 100%;
  }

  .wcb-reason__content {
    margin-top: 0.6675rem;
  }

  .wcb-reason__body {
    font-weight: 400;
    margin-top: 0.6515rem;
  }

  .wcb-list {
    gap: 1.4375rem;
  }

  .wcb-list__item {
    font-size: 0.9375rem;
    padding-left: 1.25rem;
  }

  .wcb-list--check {
    margin-top: 2.31rem;
    gap: 1.29rem;
  }

  .wcb-list--check .wcb-list__item {
    letter-spacing: 0.05em;
  }

  .wcb-note {
    margin-top: 2.375rem;
    padding: 1.64rem 1.75rem 1.8rem;
    border-radius: 1.875rem;
  }

  .wcb-note__title {
    font-size: 1.25rem;
    line-height: 1.55;
    letter-spacing: 0.05em;
  }

  .wcb-note__body {
    margin-top: 1rem;
  }

  .wcb-benefits {
    margin-top: 1.092rem;
    gap: 1.875rem;
  }

  .wcb-benefit {
    padding: 0.75rem 0 0.9375rem 1.125rem;
  }

  .wcb-benefit__title {
    padding-left: 1.5rem;
  }

  .wcb-offers {
    gap: 3.4375rem;
  }

  .wcb-offer {
    grid-template-columns: 5.9846rem minmax(0,1fr);
    column-gap: 0.779rem;
    row-gap: 0.978rem;
  }

  .wcb-offer__content {
    display: contents;
  }

  .wcb-offer__title {
    grid-column: 2;
    grid-row: 1;
    letter-spacing: 0.05em;
  }

  .wcb-offer__body {
    grid-column: 1 / -1;
    margin-top: 0;
  }

  .wcb-points {
    gap: 1.5rem;
  }

  .wcb-point {
    padding-left: 1.125rem;
    padding-top: 0.55rem;
    padding-bottom: 0.8rem;
  }

  .wcb-service-content > .wcb-service-cta {
    margin-top: 4.3rem;
    margin-bottom: 3.4586rem;
  }

  .wcb-service-section__body > .wcb-offers--steps + .wcb-service-cta {
    margin-top: 68.8px;
    margin-top: 4.3rem;
  }







  .wcb-members {
    row-gap: 0;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .wcb-member__content {
    margin-top: 1.686rem;
  }

  .wcb-member__img {
    width: 100%;
  }

  .wcb-pricing__row {
    grid-template-columns: 6rem minmax(0,1fr);
    column-gap: 1.375rem;
    align-items: center;
    padding-bottom: 0.75rem;
  }

  .wcb-pricing__label {
    font-size: 0.9375rem;
    padding-top: 0;
  }

  .wcb-pricing__value {
    font-size: 0.875rem;
    line-height: 1.65;
  }

  .wcb-pricing__link-text {
    margin-top: 2.15515rem;
  }

  .wcb-offers--steps {
    gap: 1.516rem;
  }

  .wcb-offers--steps .wcb-offer {
    grid-template-columns: 5.96875rem minmax(0,1fr);
    column-gap: 0.8915rem;
    row-gap: 0;
    align-items: center;
  }

  .wcb-offers--steps .wcb-offer__content {
    display: block;
  }

  .wcb-offers--steps .wcb-offer__body {
    font-size: 0.8125rem;
    margin-top: 0.324rem;
  }

  .wcb-offers--steps .wcb-offer:not(:last-child) .wcb-offer__media::after {
    height: 1.516rem;
  }

  .wcb-offer__step-label {
    font-size: 0.68597rem;
  }

  .wcb-offer__number {
    font-size: 1.33795rem;
    margin-top: -0.4rem;
  }

  .wcb-service-content > .wcb-service-form {
    margin-top: 3.22rem;
    margin-bottom: 4.655rem;
  }

  .wcb-service-form__placeholder {
    font-size: 1.918rem;
    padding-bottom: 2.54338rem;
  }

  .wcb-faq {
    gap: 1.2rem;
  }

  .wcb-faq-item {
    padding-top: 0.55rem;
    padding-bottom: 1.4rem;
  }

  .wcb-faq-item__q {
    font-weight: 500;
  }

  .wcb-faq-item__question {
    align-items: flex-start;
    gap: 0.6rem;
  }

  .wcb-faq-item__title {
    font-size: 1rem;
    padding-top: 0;
    letter-spacing: 0.05em;
  }

  .wcb-faq-item__toggle {
    margin-top: 0.5rem;
    flex-basis: 0.625rem;
    height: 0.625rem;
    margin-right: 0.5rem;
  }

  .wcb-faq-item__body {
    font-size: 0.875rem;
  }

  .wcb-member + .wcb-member {
    margin-top: -0.8rem;
  }

  .wcb-member__body {
    max-width: none;
  }

  .wcb-service-section:has(.wcb-members) + .wcb-service-section {
    margin-top: 4.625rem;
  }

  .wcb-service-section:has(.wcb-note) .wcb-service-section__body {
    margin-top: 1.5rem;
  }

  .wcb-reason__number {
    letter-spacing: 0.06em;
  }

  .wcb-reason:first-child .wcb-reason__body {
    margin-top: 0.2765rem;
  }

  .wcb-faq-item__answer {
    padding-left: 1.6rem;
  }

  .wcb-service-hero .wcb-actions {
    gap: 0.316111rem;
  }

  .wcb-service-hero .wcb-actions__contact {
    min-height: 4.194679rem;
    justify-content: flex-start;
    padding-left: 2.73991rem;
    /* SPはhtmlのfont-sizeが画面幅で変わるため、px併記はせずremだけで書く */
    padding-right: 2.1682rem;
    gap: 0.83175rem;
  }

  .wcb-service-hero .wcb-actions__arrow {
    width: 2.898852rem;
    height: 2.264584rem;
    flex-shrink: 0;
    margin-left: auto;
  }

  .wcb-service-hero .wcb-actions__download {
    min-height: 3.825333rem;
    justify-content: flex-start;
    padding-left: 2.6298rem;
    padding-right: 3.0114rem;
    gap: 1.5734rem;
  }

  .wcb-service-hero .wcb-actions__external {
    width: 1.23827rem;
    height: 1.23812rem;
    flex-shrink: 0;
    margin-left: auto;
  }

  .wcb-pricing__items {
    gap: 0.75rem;
  }

  .wcb-pricing__row:first-child {
    margin-bottom: 0.0625rem;
    padding-bottom: 1.2887rem;
  }

  .wcb-pricing__row::after {
    width: 6.664764rem;
  }

  /* Front-end refinement: Figma 2045:13569, 414px. Editor values stay separate. */
  .single-service .wcb-toc__link {
    padding-right: 0.585327rem;
  }

  .single-service .wcb-service-section:has(.wcb-offers:not(.wcb-offers--steps)) .wcb-service-section__title {
    background-image: linear-gradient(110.904212deg, #084eb7 0.513%, #1a298b 94.347%);
  }

  .single-service .wcb-service-section:has(.wcb-points) .wcb-service-section__title {
    background-image: linear-gradient(110.904212deg, #084eb7 0.513%, #1a298b 94.347%);
  }

  .single-service .wcb-service-section:has(.wcb-list:not(.wcb-list--check)) .wcb-service-section__label {
    margin-bottom: 0.135559rem;
  }

  .single-service .wcb-service-section:has(.wcb-note) .wcb-service-section__label {
    margin-bottom: 0.135559rem;
  }

  .single-service .wcb-service-section:has(.wcb-offers) .wcb-service-section__label {
    margin-bottom: 0.198059rem;
  }

  .single-service .wcb-service-section:has(.wcb-points) .wcb-service-section__label {
    margin-bottom: 0.198059rem;
  }

  .single-service .wcb-service-section:has(.wcb-members) .wcb-service-section__label {
    margin-bottom: 0.198059rem;
  }

  .single-service .wcb-service-section:has(.wcb-list--check) .wcb-service-section__label {
    margin-bottom: 0.198059rem;
  }

  .single-service .wcb-service-section:has(.wcb-pricing) .wcb-service-section__label {
    margin-bottom: 0.198059rem;
  }

  .single-service .wcb-service-section:has(.wcb-note) .wcb-service-section__title {
    background-image: linear-gradient(100.811794deg, #084eb7 0.513%, #1a298b 94.347%);
  }

  .single-service .wcb-service-section:has(.wcb-list:not(.wcb-list--check)) .wcb-service-section__title {
    background-image: linear-gradient(100.811794deg, #084eb7 0.513%, #1a298b 94.347%);
  }

  .single-service .wcb-service-section:has(.wcb-note) .wcb-service-section__body {
    margin-top: 1.211875rem;
  }

  .single-service .wcb-service-section:has(.wcb-offers--steps) .wcb-service-section__body {
    margin-top: 2.532959rem;
  }

  .single-service .wcb-list--check {
    margin-top: 1.893616rem;
    gap: 0.91687rem;
  }

  .single-service .wcb-list--check .wcb-list__item::before {
    background: #baae25;
    mask: url("../../images/service/check-shape.svg") center / contain no-repeat;
  }

  .single-service .wcb-benefit__check {
    background: #00006b;
    mask: url("../../images/service/check-shape.svg") center / contain no-repeat;
  }

  .single-service .wcb-pricing__row {
    grid-template-columns: 6.664764rem minmax(0, 1fr);
    column-gap: 0.710236rem;
  }

  .single-service .wcb-offers--steps .wcb-offer {
    align-items: stretch;
  }

  .single-service .wcb-offers--steps .wcb-offer__content {
    align-self: center;
  }

  .single-service .wcb-offers--steps .wcb-offer:not(:last-child) .wcb-offer__media::after {
    top: 5.96875rem;
    height: calc(100% - 5.96875rem + 1.516rem);
  }

  .single-service .wcb-actions__contact {
    border-radius: 0.243125rem;
    font-size: 0.885375rem;
  }

  .single-service .wcb-actions__download {
    border-width: 0.1359375rem;
    border-radius: 0.243125rem;
    font-size: 0.885375rem;
  }






  .single-service .wcb-note {
    padding: 2.023125rem 2.015rem 2.3480625rem;
  }

  .single-service .wcb-note__title {
    background-image: linear-gradient(90.739005deg, #084eb7 0%, #1a298b 93.881%);
  }

  .single-service .wcb-note__body {
    margin-top: 1.326875rem;
  }

  .single-service .wcb-benefits {
    gap: 1.716875rem;
  }

  .single-service .wcb-benefit {
    padding: 1.180625rem 0 1.214625rem 1.5rem;
  }

  .single-service .wcb-benefit__title {
    padding-left: 1.545rem;
  }

  .single-service .wcb-benefit__body {
    margin-top: 0.51625rem;
  }

  .single-service .wcb-offers:not(.wcb-offers--steps) {
    gap: 2.5801875rem;
  }

  .single-service .wcb-points {
    gap: 1.5821875rem;
  }

  .single-service .wcb-point {
    padding-top: 0.993125rem;
    padding-left: 1.6875rem;
  }


  .single-service .wcb-service-content > .wcb-service-cta {
    margin-top: 2.8336875rem;
  }
}

/* PC中間幅の補間。基準の1680pxから768pxまで、rem全体を緩やかに縮める（TOP・SEOと同じ基準） */
@media (width >= 768px) and (width <= 1399px) {
  html {
    font-size: calc((100vw - 768px) / 632 * 3 + 13px);
  }
}

/* PC基準幅1680pxを超えたら同じ倍率で拡大する（TOP・SEOと同じ基準） */
@media (width > 1680px) {
  html {
    font-size: 0.9523809524vw;
  }
}