/* 561px以上のデスクトップ・タブレット向け設定 */
@media screen and (min-width: 561px) {
    /* テキストと画像を横並びにする設定 */
    .cv-title-wrapper {
        display: flex !important;          /* 横並びにする */
    }

    /* テキスト部分の調整 */
    .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;
    }
    .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block {
    margin-top: -10px !important;
    }
    .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-block .wonder-cv-bubble {
      position: relative;
      right: 80px !important;
    }
    [data-section-type="cv"] .wonder-cv-title .cv-title-wrapper img {
      vertical-align: middle;
        width: 342px !important;
        height: auto !important;
        position: relative;
        right: 8px !important;
        max-width: unset !important;
        top: -3px !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: 360px !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: 85px !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-title-type=G] .title-logo-image img {
      width: 400px !important;
      position: relative;
      top: -2px !important;
    }
}
[data-section-type="footer"] .wonder-footer-logo img {
  width: 320px !important;
  height: 60px !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;
    }
    .title-logo-image img {
      width: 400px !important;
      position: relative;
      left: 25px !important;
    }
    .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-title {
      margin-left: 125px !important;
    }
}

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

    .cv-title-wrapper {
        display: block;
        text-align: center;
    }
    
    .cv-icon-img img {
        width: 380px !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;        /* ロゴとの間に少し隙間 */
    }
}


[data-title-type=G] .title-logo-text {
  font-weight: 100 !important;
}
@media screen and (max-width: 560px) {
  [data-section-type="reason"] [data-title-type=G] .title-logo-text {
    font-weight: 100 !important;
  }
  .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
    width: 250px !important;
  }
}
@media screen and (min-width: 561px) {
  .wonder-cv .wonder-cv-wrapper .wonder-cv-back-person-img {
    left: 0px !important;
  }
  .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
    width: 310px !important;
  }
  .wonder-keyvisual-emblem .wonder-keyvisual-t-circle-wrapper .wonder-keyvisual-t-circle-text {
    margin: 35px auto 0 !important;
  }
}


  .wonder-img-block .adjustable-img {
      object-fit: cover !important;
      object-position: center bottom !important;
      max-height: 75% !important;
      width: 100% !important;
      aspect-ratio: 4 / 2.25 !important;
  }