/* 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: auto !important;
      width: 220px !important;
      max-width: unset !important;
    }
    .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block .wonder-cv-bubble {
      position: relative;
      right: 12px !important;
    }
    [data-section-type="cv"] .wonder-cv-title .cv-title-wrapper img {
      vertical-align: middle;
      width: 265px !important;
      height: auto !important;
    }
    [data-title-type=G] .title-logo-image img {
      width: 310px !important;
      height: unset !important;
      position: relative;
    left: 0px !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: -75px !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%;
    }

    /* 「が」の文字の微調整（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: auto !important;
      width: 160px !important;
      max-width: unset !important;
    }
    [data-title-type=G] .title-logo-image img {
      width: 220px !important;
      height: auto !important;
      position: relative;
      left: 0px !important;
      top: 0px !important;
    }
}
[data-section-type="footer"] .wonder-footer-logo img {
  width: 200px !important;
  height: auto !important;
  position: relative;
  left: 0px !important;
}


/* 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;      /* 画像との間に少し隙間を作る */
    }

    /* 画像のサイズ指定 */
    .cv-icon-img img {
        width: 250px !important;
        vertical-align: middle;
    }

    /* ヘッダーロゴへのマージン設定 */
    .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 {
        margin-left: 25px !important;
    }
    [data-section-type="util"].service-block {
      display: flex !important;
      justify-content: center !important;
    }
}

/* 560px以下のスマホ向け設定 */
@media screen and (max-width: 560px) {

    .cv-title-wrapper {
        display: block;
        text-align: center;
    }

    /* タイトルロゴ全体の中央寄せ設定 */
    .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%;
    }

    /* 「が」の文字の微調整（HTML直書きのtop:3pxを打ち消し） */
    .title-logo-image span.display-none-f-pc {
        top: 0 !important;
        margin-left: 5px;        /* ロゴとの間に少し隙間 */
    }
}


    @media screen and (max-width: 560px) {
        [data-section-type="appeal"] .wonder-scroll-container.enabled .row-el.card-container .col-el .wonder-li-container .wonder-appeal-text-container  {
            margin-top: 15px !important;
            margin-bottom: 15px !important;
        }
        [data-section-type=appeal].introduction-avaiable .wonder-scroll-container.enabled .row-el.card-container .col-el {
          height: 565px !important;
        }
    }


    .wonder-comparison-01[data-composition-type=B] .wonder-table-wrapper .table-01 .row-el .table-01-cell:nth-child(even) {
        background-color: #FBF2EA !important;
    }


.wonder-header,
[data-section-type=map] .wonder-map-cont-box .map-text3,
[data-section-type=faq] .wonder-default-main-content .wonder-faq-contents-wrapper .wonder-faq-contents {
    border-bottom-color: #f07e01 !important;
}
.wonder-cv,
.wonder-comparison-01[data-composition-type=B] .row-el .col-el:first-child,
[data-section-type=map] .wonder-map-cont-box .map-text4-box,
.wonder-comparison-01[data-composition-type=C] .table-01 .row-el:first-child .col-el {
    background: #f07e01 !important;
}
.wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block .wonder-cv-bubble .wonder-cv-bubble-border-top,
.wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block .wonder-cv-bubble .wonder-cv-bubble-border-bottom {
    color: #f07e01 !important;
}
.wonder-comparison-01[data-composition-type=B] .table-01 .row-el:nth-child(2) .col-el:first-child {
    background: white !important;
}
[data-section-type=map] .wonder-map-cont-box .wonder-map-balloon.not-after,
.wonder-flow-01 .wonder-flow-ul .wonder-flow-li .wonder-flow-step,
.card-container [data-card-type=profile-1] .wonder-profile-cont-box .wonder-profile-txt-box .wonder-description-content .wonder-profile-txt-ttl03 {
    border-color: #f07e01 !important;
}
.text-shadow-6, .text-shadow-5 {
    text-shadow: none !important;
}