@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;
        }
    }
    @media screen and (min-width: 561px) {
        [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top.sp-scroll {
            width: 1000px;
            overflow-x: hidden;
        }
    }
    [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;
        }
    }


    .wonder-cv-button-block.wonder-cv-mail-block,
    #ef-wrapper #custom_form input#cf_submit {
        background: linear-gradient(
            to right, 
            rgba(240, 210, 130, 0.8) 0%,   /* 少し明るめの金 */
            rgba(220, 178, 75, 0.8) 50%,   /* ご指定の中心色 */
            rgba(180, 140, 50, 0.8) 100%   /* 少し濃いめの金 */
        ) !important;
        border-color: rgb(219,178,76) !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(219,178,76) !important;
    }
    .wonder-flow-01 .wonder-flow-ul .sub-style-status.wonder-flow-a[data-flow-index="3"] .wonder-flow-accent {
        background-color: rgb(219,178,76) !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(219,178,76) !important;
    }
    .wonder-flow-01 .wonder-flow-ul .sub-style-status .wonder-flow-balloon {
        color: rgb(219,178,76) !important;
    }
    #ef-wrapper #custom_form input#cf_submit


    /* %の前の数字をいじってください  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;
        }
        /* FAQのタイトルの下線のサイズを調整 */
        [data-section-type="faq"] .under-line {
            background-size: 50% 5px !important;
        }
        /* フローのタイトルの下線のサイズを調整 */
        [data-section-type="flow"] .under-line {
            background-size: 50% 5px !important;
        }
        /* 会社概要のタイトルの下線のサイズを調整 */
        [data-section-type="profile"] .under-line {
            background-size: 40% 5px !important;
        }
        /* 地図のタイトルの下線のサイズを調整 */
        [data-section-type="map"] .under-line {
            background-size: 40% 5px !important;
        }
        /* 比較のタイトルの下線のサイズを調整 */
        [data-section-type="comparison"] .under-line {
            background-size: 40% 5px !important;
        }
        /* アピールのタイトルの下線のサイズを調整 */
        [data-section-type="appeal"] .under-line {
            background-size: 85% 5px !important;
        }
        /* こんなお悩みありませんか？ */
        [data-section-type="attention"] .under-line {
            background-size: 90% 5px !important;
        }
        /* 5つの理由のタイトルの下線のサイズを調整 */
        [data-section-type="reason"] .under-line {
            background-size: 75% 5px !important;
        }
    }


    #wonder_efblock #ef-wrapper #custom_form input#cf_submit {
        background-image: linear-gradient(
            to right,
            rgba(255, 220, 110, 0.8) 0%,   /* 左：明るいゴールド */
            rgba(240, 193, 64, 0.8) 50%,
            rgba(215, 160, 30, 0.8) 100%   /* 右：濃いゴールド */
        ) !important;
        border-color: #F0C140 !important;
    }