@media screen and (max-width: 560px) {
    [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top ul li.wonder-product-list-li {
        height: 610px !important;
    }
    [data-content-type=scroll] div.wonder-scroll-container.enabled .card-container .col-el:first-child {
        margin-left: 10px !important;
    }
}


    @media screen and (min-width: 561px) {
        .payment-icon-box {
            display: none !important;
        }
    }


  @media screen and (min-width: 561px) {
    .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-title {
      margin-top: -10px !important;
    }
  }


  @media screen and (min-width: 561px) {
    .cv-logo-link img {
      width: 400px !important;
      top: 15px !important;
    }
  }
  .company-logo-img img {
    width: 250px !important;
  }


@media screen and (max-width: 560px) {
    .title-logo-link img {
      width: 300px !important;
        position: relative;
        top: 16px !important;
    }
    .wonder-cv-block {
        margin-top: 0px !important;
    }
    .cv-logo-link img {
        width: 60% !important;
        top: 6px !important;
    }
}


@media screen and (max-width: 560px) {
  /* スマホ用のCVイメージの調整widthを触る */
  .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .woｆnder-cv-title img {
    width: 60% !important;
    top: 25px !important;
  }
  .title-logo-link img {
      width: 280px !important;
      position: relative;
      top: 16px !important;
  }
}
@media screen and (min-width: 561px) {
  .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-title > div > span {
    text-align: center !important;
  }
  .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-title > div > span.cv-title-text {
    position: relative;
    bottom: 8px !important;
  }    
  [data-section-type=access] .wonder-default-main-content .wonder-access-txt-box .wonder-access-img img {
    width: 80% !important;
  }
}


/* PCのヘッダーのサイズを調整 */
@media screen and (min-width: 100px) {
  .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
    width: 300px !important;
    height: 70px !important;
  }
}
@media screen and (max-width: 560px) {
  /* SPのアクセスブロックの画像サイズを調整 */
  [data-section-type=access] .wonder-default-main-content .wonder-access-txt-box .wonder-access-img img {
    width: 60% !important;
  }
  /* SPのCVブロックのタイトル画像サイズを調整 */
  .wonder-cv-title img {
    width: 60% !important;
  }
}


@media screen and (min-width: 561px) {
  /* PC用の調整 */
  .title-logo-link img {
    width: 350px !important;
    position: relative !important;
    /* 上下の微調整 */
    top: 18px !important;
}
}
@media screen and (max-width: 560px) {
  /* スマホ用の調整 */
  .title-logo-link img {
      width: 280px !important;
      position: relative;
      /* 上下の微調整 */
      top: 16px !important;
  }
}


@media screen and (min-width: 561px) {
  [data-section-type=voice][data-composition-type=A] .wonder-scroll-container.enabled .row-el {
    margin-bottom: 10px !important;
  }
}
[data-section-type=voice][data-composition-type=A] .wonder-voice-container .wonder-voice-content-right {
  height: 460px !important;
}
[data-section-type=voice][data-composition-type=A] .wonder-scroll-container .wonder-img-scroll-container {
  height: 100% !important;
}
[data-section-type=voice][data-composition-type=A] .wonder-scroll-container .wonder-img-scroll-container .swiper-wrapper-img {
  height: 100% !important;
}
[data-section-type=voice][data-composition-type=A] .wonder-scroll-container .wonder-img-scroll-container .swiper-wrapper-img img {
  height: 100% !important;
}


@media screen and (max-width: 560px) {
  [data-section-type="comparison"] .wonder-scroll-container.enabled {
    scroll-snap-align: unset !important;
  } 
  [data-section-type="result"] .wonder-scroll-container.enabled ul .wonder-result-main {
    scroll-snap-align: unset !important;
  } 
  [data-section-type="appeal"] .wonder-scroll-container.enabled ul .swiper-slide-structure {
    scroll-snap-align: unset !important;
  } 
  [data-section-type="product"] .wonder-scroll-container.enabled ul .wonder-product-list-li {
    scroll-snap-align: unset !important;
  } 
  [data-section-type="reason"] .wonder-scroll-container.enabled ul .col-el {
    scroll-snap-align: unset !important;
  } 
  [data-section-type="voice"] .wonder-scroll-container.enabled ul .wonder-voice-container {
    scroll-snap-align: unset !important;
    margin-bottom: 0;
  } 
  .wonder-cv .wonder-cv-wrapper img.wonder-cv-back-person-img {
    width: 130px;
    padding-bottom: 20px;
  }
}


/* スマホ（画面幅560px以下）のヘッダーロゴのサイズを調整 */
@media screen and (max-width: 560px) {
  .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
    /* ここに任意のサイズ（幅）を指定 */
    width: 180px !important; 
    /* ここに任意のサイズ（高さ）を指定 */
    height: 50px !important; 
  }
}


  /* メーカーのイメージの高さを調整 */
  [data-section-type="util"] .current-image-setting-element {
    height: 210px !important;
  }
  @media screen and (max-width: 560px) {
    .wonder-product-img img {
      object-fit: contain !important;
    }
  }


    @media screen and (max-width: 560px) {
        [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top.sp-scroll .main-contents {
            flex-direction: row;
        }
        [data-title-type=G] .title-logo-image img {
          height: 56px !important;
          width: 210px !important;
          position: relative;
          top: 20px !important;
        }
    }
    @media screen and (min-width: 561px) {
        [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top.sp-scroll {
            width: 1000px;
            overflow-x: hidden;
        }
        .wonder-cv .wonder-cv-wrapper .wonder-cv-back-person-img {
          left: 60px !important;
          bottom: 35px !important;
          height: calc(100% - 65px) !important;
        }
        .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block .wonder-cv-bubble {
          position: relative;
          right: 20px !important;
        }
    }
    [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top.sp-scroll .main-contents {
        padding-bottom: 5px;
        padding-right: 5px;
    }


@media screen and (min-width: 561px) {
  [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top {
    margin-top: unset !important;
  }
  [data-section-type=product] .wonder-product-list-li:only-child {
    height: 570px !important;
  }
  [data-section-type="reason"] .title-logo-link img {
    top: 22px !important;
  }
}
@media screen and (min-width: 561px) {
  [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top {
    margin-top: unset !important;
  }
  [data-section-type=product] .wonder-product-list-li:only-child {
    height: 570px !important;
  }
  [data-section-type="reason"] .title-logo-link img {
    top: 22px !important;
  }
}


    [data-section-type="product"] .card-container .wonder-product-list-li .wonder-product-price {
        margin-bottom: 0 !important;
    }


    @media screen and (max-width: 560px) {
        [data-section-type="reason"] .enabled.wonder-scroll-container.scroll-bar-top .scroll-contents {
            /* display: flex; */
        }

        [data-section-type="reason"] [data-content-type=scroll] .wonder-scroll-container.enabled .card-container .col-el {
            flex-direction: column;
        }

        [data-section-type="reason"] .card-container li.col-el[data-card-type=reason-1] .reason-block {
            width: 100% !important;
            margin-left: 0 !important;
            display: flex !important;
            flex-direction: column !important;
        }

        [data-section-type=reason] .wonder-default-main-content .wonder-scroll-container.enabled {
            scroll-snap-type: none !important;
        }
        .wonder-cv .wonder-cv-block .wonder-cv-mail-block a.wonder-cv-button-link .wonder-cv-icon-container {
          left: 2px !important;
          position: relative;
          top: 26px !important;
        }
        .wonder-cv-mail-block .wonder-cv-button-txt-block {
          margin-left: unset !important;
        }
        [data-section-type="cv"] .wonder-cv-inner-content-wrapper .wonder-cv-title span img {
          width: 265px !important;
          height: unset !important;
          top: unset !important;
        }
    }


    .wonder-cv-button-block.wonder-cv-mail-block,
    #ef-wrapper #custom_form input#cf_submit {
        background: rgba(16, 34, 57, 0.92) !important;
        border-color: rgb(126, 155, 196) !important;
    }
    .wonder-cv-mail-block .wonder-cv-mail-text {
        text-shadow: none !important;
    }
    .wonder-flow-01 .wonder-flow-ul .wonder-flow-li .wonder-flow-step,
    .wonder-flow-01 .wonder-flow-ul .sub-style-status.wonder-flow-a[data-flow-index="3"] .wonder-flow-border {
        border-color: rgb(126, 155, 196) !important;
    }
    .wonder-flow-01 .wonder-flow-ul .sub-style-status.wonder-flow-a[data-flow-index="3"] .wonder-flow-accent {
        background-color: rgb(126, 155, 196) !important;
    }
    .wonder-flow-01 .wonder-flow-ul .sub-style-status.wonder-flow-a[data-flow-index="3"] .wonder-flow-accent .triangle {
        border-left-color: rgb(126, 155, 196) !important;
    }
    .wonder-flow-01 .wonder-flow-ul .sub-style-status .wonder-flow-balloon {
        color: rgb(126, 155, 196) !important;
    }


    /* %の前の数字をいじってください  SP用です */
    @media screen and (max-width: 560px) {
        /* フッターのタイトルの下線のサイズを調整 */
        .wonder-foot-title span {
            background-size: 35% 5px !important;
        }
        /* フッターのタイトルの下線のサイズを調整 */
        #wonder_efblock .block-title-text .under-line {
            background-size: 75% 5px !important;
        }
    }


    #wonder_efblock #ef-wrapper #custom_form input#cf_submit {
        background-image: none !important;
        background: rgba(16, 34, 57, 0.92) !important;
        border-color: rgb(30, 58, 95) !important;
    }
    [data-section-type="util"] .wonder-default-main-content .util-card .wonder-util-content-img img {
      height: unset !important;

    }


    @media screen and (min-width: 561px) {
        .wonder-cv-title .added-logo {
            position: relative;
            top: 20px;
        }
    }
    @media screen and (max-width: 560px) {
        [data-section-type=voice][data-composition-type=B] .wonder-scroll-container.enabled .card-container {
            width: 900px;
        }
        .wonder-scroll-container.enabled {
            scroll-snap-type: none !important;
        }
    }


    @media screen and (max-width: 560px) {
        .wonder-comparison-01[data-composition-type=B] .wonder-table-wrapper, .wonder-comparison-01[data-composition-type=C] .wonder-table-wrapper, .wonder-comparison-01[data-composition-type=G] .wonder-table-wrapper {
            width: 980px !important;
        }
    }


    .block-title-flex-center {
        display: flex;
        justify-content: center;
    }
    .block-title-flex-center .span-inline-block {
        display: inline-block !important;
    }


    @media screen and (max-width: 560px) {
        [data-section-type="reason"] .title-logo-container {
            background-size: 70% 5px !important;
        }
        
    }


@media screen and (max-width: 560px) {
    [data-section-type="comparison"].price-block .main-content-container {
        overflow-x: hidden !important;
    }
    [data-section-type="comparison"].price-block .main-content-container .wonder-text-container {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .wonder-comparison-01[data-composition-type=B] .wonder-table-wrapper {
        margin-top: 0 !important;
    }
}


    @media screen and (min-width: 561px) {
        [data-section-type="comparison"] .wonder-scroll-container.enabled.wonder-scroll-hint {
            overflow-x: hidden !important;
        }
    }


/* GUSTAR個別調整（2026-09-23） */
@media screen and (max-width: 560px) {
  /* ヘッダーのロゴを小さく（8377基準：34px）。テンプレ側の !important に勝つ詳細度 */
  .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo .header-logo-link img[data-composition-img-id="headerLogo"] {
    height: 34px !important;
    width: auto !important;
    max-width: 62vw !important;
  }
  .wonder-header.section-main-container,
  .wonder-header .wonder-header-inner,
  .wonder-header .wonder-header-inner .wonder-header-logo-wrapper {
    height: auto !important;
  }
  /* CVバナー：ロゴの上に余白をあける（PCは詰めたままにする） */
  .wonder-cv-block img[data-composition-img-id="headerLogo"],
  [data-prop-item-type="4"] img[data-composition-img-id="headerLogo"] {
    margin-top: 10px !important;
  }
  /* 実績カード：左右のラベル行の高さを揃える */
  .wonder-voice-head-li { min-height: 108px !important; height: auto !important; }
}


/* GUSTAR 追従バナーの電話ボタン（2026-09-23）: CVボタンと同じ濃いゴールド単色に揃える */
.wonder-header-cta-wrapper .wonder-cv-tel-block.wonder-cv-button-block,
.wonder-header-block .wonder-cv-tel-block.wonder-cv-button-block {
  background: rgba(16, 34, 57, 0.92) !important;
  background-image: none !important;
  border-color: rgb(126, 155, 196) !important;
}


/* GUSTAR 選ばれる理由のSPロゴ（2026-09-23）: テンプレ側の !important に勝つ詳細度で1.5倍（212x56 → 318x84） */
.title-logo-container .title-logo-image img[data-composition-img-id="headerLogoSp"] {
  width: 318px !important;
  height: 84px !important;
  object-fit: contain !important;
}


/* GUSTAR PCのCVバナー 上下の余白（2026-09-23 修正）: 中身が上に寄るので上に余白を足す。
   🔴 margin-bottom のマイナスは入れない＝CVの吹き出しの下余白まで削れて吹き出しが下寄りになる。SPは対象外 */
@media screen and (min-width: 561px) {
  .wonder-cv .wonder-cv-inner-content-wrapper { padding-top: 23px !important; }
}


/* GUSTAR CVのSPロゴ 1.5倍（2026-09-23）: width指定はテンプレ側の !important に負けるので scale で1.5倍にする。SP限定 */
@media screen and (max-width: 560px) {
  .wonder-cv img[data-composition-img-id="headerLogo"].added-logo,
  .wonder-cv-block img[data-composition-img-id="headerLogo"].added-logo {
    transform: scale(1.5) !important;
    transform-origin: center center !important;
  }
}


/* GUSTAR PCのCVロゴとボタンの間隔（2026-09-23）: ロゴ下端〜ボタン上端が28pxで空きすぎるので詰める。SPは対象外 */
@media screen and (min-width: 561px) {
  .wonder-cv img[data-composition-img-id="headerLogo"] { margin-bottom: -14px !important; }
}


/* GUSTAR 約款 会社情報まわりの余計な改行（2026-09-23 修正2）: 約款は PUT で保存しても段落間に <p><br></p> が自動で戻る。
   テンプレ側が p に display/font-size を !important で当てているので打ち消せない。
   → 空段落を絶対配置で流れから外し、行ボックスごと消す。条文の余白は触らない */
body .terms-inner p.company-name + p:has(> br:only-child),
body .terms-inner p.address + p:has(> br:only-child),
body .terms-inner p.address + p + p + p:has(> br:only-child) {
  position: absolute !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body .terms-inner p.company-name + p:has(> br:only-child) > br,
body .terms-inner p.address + p:has(> br:only-child) > br,
body .terms-inner p.address + p + p + p:has(> br:only-child) > br { display: none !important; }


/* GUSTAR 選ばれる5つの理由の見出しの太さ（2026-09-23）: ロゴ入り見出しだけテンプレCSSで bold になっていて、
   他の44px見出し(font-weight 400)より太く見えたので揃える。PC・SP共通。
   SPは見出しが「が」と「選ばれる5つの理由」の2spanに割れていて、「が」は
   .title-logo-text の外にある。だから .title-logo-container を起点にする */
.title-logo-container span { font-weight: 400 !important; }


/* GUSTAR 会社紹介の会社概要ブロックの下余白（2026-09-24）: テンプレCSSで margin-bottom:20px が付き、
   会社概要の枠の下だけ余白が空いていたので詰める。もう一方のprofile(767630)は元から0なので触らない */
section[data-prop-item-id="767641"] .wonder-description-content {
  margin-bottom: 0px !important;
}


/* GUSTAR 追従バナーのボタンの枠（2026-09-25）: 濃紺の帯の上で枠が白っぽく浮いていたので消す。
   CV帯のボタンは元から border 0px なのでここでは触らない */
.wonder-header-cta-wrapper .wonder-cv-button-block,
.wonder-header-block .wonder-cv-button-block {
  border: none !important;
}