@media screen and (max-width: 560px) {
    body:has(.chatbot-container) .template-panel .lp-popup-coupon.coupon-popup {
        bottom: 195px !important;
    }
    .lp-coupon-popup-text-container > div:nth-of-type(2) {
        margin: unset !important;
    }
}


  /* card-logo を含む祖先の配下にある appealPointImg を含む img すべて */
@media screen and (min-width: 561px) {
  .card-logo [data-composition-img-id^="appealPointImg"] {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;:
  }
}
@media screen and (max-width: 560px) {
  .card-logo [data-composition-img-id^="appealPointImg"] {
    aspect-ratio: 1 / 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: 100%!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;
    }
}


  /* 共通部分のロゴエリアのスタイル */
  /* スクロール制御がある親の幅を制限解除 */
  .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; /* 9列 */
    column-gap: 48px !important;
    row-gap: 24px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 60% !important;
  }
}
  /* SPのロゴエリアのスタイル */
@media screen and (max-width: 560px) {

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



    @media screen and (min-width: 561px){
    .seiko {
        width: 45%!important;
    }
    }
    
    
    @media screen and (max-width: 560px) {
    .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
               width: 40% !important;
               height: 75% !important;
               margin: auto !important;
    }
    .wonder-header.section-main-container {
        height: 55px !important;
    }
    .wonder-header-main {
        height: 30px !important;
    }
    }
    
    .wonder-cv-back-img {
        height: calc(110% - 70px) !important;
      }
    
    

        @media screen and (max-width: 560px) {
            #ef-wrapper form span {
                -webkit-text-size-adjust: auto !important;
                text-size-adjust: auto !important;
            }
        }
    

    #form-info-area{
    z-index: 3 !important;
    }
    .wonder-header .wonder-header-inner .wonder-header-text{
    color: #000000 !important;
    }
    .wonder-foot-detail-txt a:hover,
    .header-menu-link:hover {
    opacity: 0.5;
    }
    
    
    @media screen and (min-width: 561px) {
    .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
               width: 120% !important;
               margin: auto !important;
               height: 120% !important;
    }
    }
    
    @media screen and (min-width: 561px) {
    .consulting .wonder-profile-cont-box {
    flex-basis: 45%;
    justify-content: center;
    }
    }
    @media screen and (max-width: 560px) {
    #ef-script-tag #ef-wrapper {
         width: 87% !important;
    }
    .ef-form-group-container, .button-wrapper, #form-info-area {
          zoom: 0.7;
    }
    .consulting .wonder-profile-cont-box {
    display: flex !important;
    flex-direction: row !important;
    }
    .consulting .wonder-profile-img {
    width: 50% !important;
    margin-right: 15px !important;
    }
    .consulting .wonder-profile-txt-box {
    width: 50% !important;
    }
    .wonder-foot {
    margin-bottom: 100px;
    }
    .wonder-header-content-container .section-main-container {
    margin-bottom: 0px !important;
    }
    }
    
    .display-toggle {
      display: none !important;
     }
    
    @media screen and (min-width: 561px) {
    [data-section-type="hpHeader"][data-composition-type="A"] .header-bottom .header-bottom-inner .header-menu-container .header-menu-item:hover{
    border-bottom: 8px solid #5F6368 !important;
    }
    }
    
    @media screen and (max-width: 560px) {
    .wonder-header-text {
        background-color: #FBEAEA !important;
        color: #000000 !important;
    }
    }
    .wonder-foot-copyright {
        background-color: #FBEAEA !important;
    }
    
    .wonder-foot-title {
        border-bottom: none !important;
    }
    
    @media screen and (max-width: 560px) {
      .wonder-foot[data-composition-type=C] .wonder-foot-container .wonder-foot-contents-caption .wonder-footer-main img {
          width: 500px !important;
      }
    }
  
    @media screen and (max-width: 560px) {
      h1 span {
      font-size: 8px !important;
     }
     }
    .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main, .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-text {
    font-size:9px !important
    }
    

        .wonder-attention-title-flex div[data-text-editable="true"], .wonder-attention-title-flex div[data-text-editable="true"] span[data-pc-textalign="center"]{
            display: block !important;
        }
    .hpHeader-background.header-sp-close.display-none-f-pc {
      opacity: 0.8 !important;
     }
    

    @media screen and (min-width: 561px) {
        [data-section-type="keyvisual"] #custom_form_fv .choice-label-container {
            font-size: 14px !important;
        }
    }


  @media screen and (min-width: 561px) {
    [data-section-type="keyvisual"] .wonder-keyvisual-container #ef-script-tag .fv-ef-children {
      background: black

    }
  }
  [data-section-type="keyvisual"] .wonder-keyvisual-container #ef-script-tag .fv-ef-children .custom-banner {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  [data-section-type="keyvisual"] .wonder-keyvisual-container #ef-script-tag .fv-ef-children #ef-wrapper {
    background: white;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }
  [data-section-type="keyvisual"] .wonder-keyvisual-container #ef-script-tag .fv-ef-children .sticker{
    font-size: 20px;
    color: red;
  }
  #ef-wrapper .btn-group {
    background: black;
    border: unset;
  }
  @media screen and (max-width: 560px) {
    [data-section-type="keyvisual"] #ef-script-tag.fv-ef {
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
      margin: 40px;
      padding: 0;
      border-radius: 30px;
    }
    
  }



      .tab-item {
        width: 25% !important;
      }
      .wonder-tab-container.enabled input.tab-input:checked+.tab-item {
        background-color: #70151C !important;
        color: #ffffff !important;
      }
      .wonder-tab-container.enabled .tab-item {
        border: 1px solid #70151C !important;
      }
      
    

  [data-section-type="result"] .wonder-default-main-content .row-el.tab-display-block {
    display: block;
  }
  [data-section-type="keyvisual"] #ef-script-tag .sticker {
    background-color: #ff871b;
  }