/* 561px以上のデスクトップ・タブレット向け設定 */
@media screen and (min-width: 561px) {
    /* テキストと画像を横並びにする設定 */
    .cv-title-wrapper {
        display: flex;          /* 横並びにする */
        justify-content: center; /* 中央に寄せる */
        align-items: center;     /* 垂直方向の高さ合わせ */
        flex-wrap: nowrap;      /* 絶対に改行させない */
        white-space: nowrap;    /* テキストの折り返しを禁止 */
    }

    /* テキスト部分の調整 */
    .cv-title-text {
        margin-right: 10px;      /* 画像との間に少し隙間を作る */
    }

    .wonder-header[data-composition-type=D]:has(.wonder-payment-method-img-container) .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
      height: 60px !important;
      width: 300px !important;
      max-width: unset !important;
    }

    /* タイトルロゴ */
    .title-logo-image img {
      width: 380px !important;
      position: relative;
      top: -5px;
      left: 20px;
      height: unset !important;
    }
    .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block .wonder-cv-bubble {
      position: relative;
      right: 30px !important;
    }
    [data-section-type="cv"] .wonder-cv-title .cv-title-wrapper img {
      vertical-align: middle;
      height: 40px !important;
    }
}

/* 560px以下のスマホ向け設定 */
@media screen and (max-width: 560px) {
    /* 吹き出し部分のマージン調整（追加分） */
    .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block .wonder-cv-bubble {
        margin-left: -50px !important;
    }

    .cv-title-wrapper {
        display: block;
        text-align: center;
    }
    
    .cv-icon-img img {
        width: 300px !important;
        margin-top: 10px;
    }

    /* タイトルロゴ全体の中央寄せ設定 */
    .title-logo-container {
        display: flex;
        flex-direction: column; 
        align-items: center;    /* 横方向の中央寄せ */
        justify-content: center;
    }

    .title-logo-image {
        display: flex;
        justify-content: center; /* ロゴと「が」を中央に並べる */
        align-items: center;     /* 上下中央（垂直方向）を揃える */
        width: 100%;
    }

    .title-logo-image img {
        position: relative;
        top: 0;                  /* 高さ調整をリセット */
        left: 0;                 /* PC版の42pxをリセット */
        vertical-align: middle;
        height: unset !important;
        width: 340px !important;
    }

    /* 「が」の文字の微調整（HTML直書きのtop:3pxを打ち消し） */
    .title-logo-image span.display-none-f-pc {
        top: 0 !important;
        margin-left: 5px;        /* ロゴとの間に少し隙間 */
    }
    .wonder-cv .wonder-cv-wrapper .wonder-cv-back-person-img {
      margin-right: 50px !important;
    }
    .wonder-header[data-composition-type=D]:has(.wonder-payment-method-img-container) .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
      height: 60px !important;
      width: 250px !important;
      max-width: unset !important;
    }
}
[data-section-type="footer"] .wonder-footer-logo img {
  width: 300px !important;
  height: 60px !important;
}


    @media screen and (min-width: 561px) {
        .wonder-header .wonder-header-inner .wonder-header-cta-wrapper {
            position: relative;
            right: 30px;
        }
        .wonder-payment-method-img-container .payment-icon-box-wrapper,
        .wonder-payment-method-img-container .payment-icon-box {
            width: 270px !important;
        }
        .wonder-header .wonder-header-icon-area,
        .wonder-header .wonder-header-inner .wonder-header-cta-wrapper .wonder-header-block {
            zoom: 0.9;
        }
    }


    [data-section-type="appeal"] .card-container [data-card-type=appeal-1] .wonder-li-container .wonder-appeal-text-container:first-child {
        margin-top: 10px;
        margin-bottom: 0;
    }
    [data-section-type="appeal"] .wonder-scroll-container.enabled ul li img {
        height: 170px !important;
    }
    @media screen and (max-width: 560px) {
        .card-container [data-card-type=appeal-1] .wonder-li-container .swiper-wrapper-img {
            padding-top: 170px !important;
        }
        [data-section-type=appeal] .wonder-scroll-container.enabled .row-el.card-container .col-el .wonder-li-container .wonder-img-scroll-container {
            margin-top: 20px !important;
            margin-bottom: 20px !important;
        }
        [data-section-type="appeal"] .card-container.scroll-card-container [data-card-type=appeal-1] .wonder-li-container .wonder-appeal-text-container .wonder-appeal-index {
            margin-top: 15px !important;
        }
    }