/* 料金表部分のテーブルのスタイル */
[data-section-type=appeal] .wonder-scroll-container.enabled .row-el.card-container .col-el,
[data-section-type=appeal] .wonder-scroll-container.enabled .row-el.card-container .col-el li.card-el {
width: 540px !important;
}
.price .wonder-img-scroll-container .swiper-wrapper-img {
height: 390px !important;
}
ul.price li img {
aspect-ratio: unset !important;
height: auto !important;
}


@media screen and (min-width: 561px) {
   .table-grid .comparison-container {
        display: grid; /* gridレイアウトを適用 */
        grid-template-columns: 1fr 1fr; /* 2列に分割 */
        column-gap: 40px !important;
        row-gap: 0px !important;
        align-items: start; /* 列のアイテムを上揃え */
    }
}


  /* card-logo を含む祖先の配下にある appealPointImg を含む img すべて */
  .card-logo [data-composition-img-id^="appealPointImg"] {
    aspect-ratio: 2 / 1 !important;
    height: auto !important;
  }


@media screen and (max-width: 560px) {
    .card-logo .card-container [data-card-type=appeal-2] li.card-el .swiper-wrapper-img {
        padding-top: 50%!important;
    }
    .card-logo .card-container [data-card-type=appeal-2] li.card-el.swiper-slide-structure .wonder-li-container .wonder-img-scroll-container {
        width: 100% !important;
    }
}


@media screen and (min-width: 561px) {
  .card-logo .wonder-default-main-content {
        max-width: 700px!important;
  }
}


  /* 共通部分のロゴエリアのスタイル */
  /* スクロール制御がある親の幅を制限解除 */
  .card-logo .wonder-only-sp-scroll-x {
    overflow-x: visible !important;
  }
  /* グリッド内に並べる1枚1枚のカード */
  .card-logo .card-container.scroll-card-container > .col-el[data-card-type="appeal-2"] {
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: block !important;
  }

  /* 内部のli要素にも余計なスペースが出ないように */
  .card-logo .card-container li.card-el {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: initial !important;
  }

  /* Swiper関連の装飾も非表示にしておく（必要に応じて） */
  .card-logo .swiper-pagination-img,
  .card-logo .swiper-button-prev-img,
  .card-logo .swiper-button-next-img {
    display: none !important;
  }

  /* PCのロゴエリアのスタイル */
@media screen and (min-width: 561px) {

  /* カードを並べるul要素をgrid化 */
  .card-logo .card-container.scroll-card-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4列 */
    column-gap: 36px !important;
    row-gap: 0px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
}
  /* SPのロゴエリアのスタイル */
@media screen and (max-width: 560px) {

  /* カードを並べるul要素をgrid化 */
  .card-logo .card-container.scroll-card-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* 3列 */
    column-gap: 24px !important;
    row-gap: 0px !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
}


.table-01-cell.wonder-table-00 {
 background-color: #008BD5!important;
}

.table-01-cell.wonder-table-02 {
 background-color: #008BD5!important;
}
.table-01-cell.wonder-table-10 {
 background-color: #008BD5!important;
 border-right: 10px solid transparent !important;
 border-top: 10px solid transparent !important;
}
[data-title-type=E] .title-blue.wonder-block-ttl01-after {
 border-top-color: transparent!important;
}


.wonder-comparison-01[data-composition-type=C] .wonder-table-wrapper .table-01 .table-01-cell .table-style-02 {
    border-left-color: #008BD5 !important;
    border-color: #008BD5!important;
}


[data-section-type=product] .card-container .wonder-product-list-li .wonder-product-info dl .wonder-product-info01, [data-section-type=product] .wonder-product-list .wonder-product-list-li .wonder-product-info dl .wonder-product-info01 {
    background-color: #008BD5!important;
}


/* PC（561px以上）の場合、直径200pxにする */
@media screen and (min-width: 561px) {
.price-circle {
    width: 200px !important;
    height: 200px !important;
}
}
/* スマホ（560px以下）の場合、直径120pxにする */
@media screen and (max-width: 560px) {
.price-circle {
    width: 120px !important;
    height: 120px !important;
}
}


@media screen and (max-width: 560px) {
.wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
           width: 50% !important;
           height: 75% !important;
           margin: auto !important;
}
.wonder-header.section-main-container {
    height: 55px !important;
}
.wonder-header-main {
    height: 30px !important;
}
.wonder-campaign-ttl01 {
    padding-right: 35px!important;
}
}


@media screen and (min-width: 561px) {
 .wonder-header-text {
    margin-left:10px!important;
  }
[data-title-type=C] .white-box-wrapper .white-box .box-in-text.blshd {
    width:700px!important;
}
}


@media screen and (max-width: 560px) {
.authority-margin {
    margin-top: 40px!important;
}
html body .wonder-attention[data-composition-type=A] .inner-main .list-container {
  width: 70% !important;
}
}