

@media screen and (max-width: 560px) {

    [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top ul li.wonder-product-list-li {

        height: 520px !important;

    }

    [data-content-type=scroll] div.wonder-scroll-container.enabled .card-container .col-el:first-child {

        margin-left: 10px !important;

    }

}




  @media screen and (min-width: 561px) {

    .cv-logo-link img {

      width: 300px !important;

      top: 15px !important;

    }
    .wonder-payment-method-img-container .payment-icon-box-wrapper {
      width: unset !important;
    }
    .payment-icon-box {
      width: unset !important;
    }
  }

  .company-logo-img img {

    width: 210px !important;

  }




@media screen and (max-width: 560px) {

    .wonder-cv-block {

        margin-top: 0px !important;

    }

    .cv-logo-link img {

        width: 60% !important;

        top: 6px !important;

    }

}

@media screen and (min-width: 561px) {

    .wonder-cv .wonder-cv-wrapper {

      padding-top: 25px !important;

    }

  

}




@media screen and (max-width: 560px) {

  /* スマホ用のCVイメージの調整widthを触る */

  .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .woｆnder-cv-title img {

    width: 60% !important;

    top: 25px !important;

  }

}

@media screen and (min-width: 561px) {

  .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-title {

    position: relative;

    left: 0 !important;

    bottom: -12px;

  }

    /* PC用のCVイメージの調整widthを触る */

  .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-title img {

    width: 297px !important;

    top: 16px;

    position: relative;

}

  .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-title > div > span {

    text-align: center !important;

  }

  .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-title > div > span.cv-title-text {

    position: relative;

    bottom: 8px !important;

  }    

  [data-section-type=access] .wonder-default-main-content .wonder-access-txt-box .wonder-access-img img {

    width: 80% !important;

  }

}




/* PCのヘッダーのサイズを調整 */

@media screen and (min-width: 561px) {

  .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {

    width: 230px !important;

    height: unset !important;

  }

}

@media screen and (max-width: 560px) {

  /* SPのアクセスブロックの画像サイズを調整 */

  [data-section-type=access] .wonder-default-main-content .wonder-access-txt-box .wonder-access-img img {

    width: 60% !important;

  }

  /* SPのCVブロックのタイトル画像サイズを調整 */

  .wonder-cv-title img {

    width: 60% !important;

  }

}




@media screen and (min-width: 561px) {

  /* PC用の調整 */

    .title-logo-link img {

        width: 468px !important;

        position: relative !important;

        /* 上下の微調整 */

        top: 24px !important;

        right: -10px !important;

    }

}

@media screen and (max-width: 560px) {

  /* スマホ用の調整 */

    .title-logo-link img {

        width: 270px !important;

        height: unset !important;

        position: relative;

        /* 上下の微調整 */

        top: 15px !important;

    }

}




@media screen and (min-width: 561px) {

  [data-section-type=voice][data-composition-type=A] .wonder-scroll-container.enabled .row-el {

    margin-bottom: 10px !important;

  }

}

[data-section-type=voice][data-composition-type=A] .wonder-voice-container .wonder-voice-content-right {

  height: 460px !important;

}

[data-section-type=voice][data-composition-type=A] .wonder-scroll-container .wonder-img-scroll-container {

  height: 100% !important;

}

[data-section-type=voice][data-composition-type=A] .wonder-scroll-container .wonder-img-scroll-container .swiper-wrapper-img {

  height: 100% !important;

}

[data-section-type=voice][data-composition-type=A] .wonder-scroll-container .wonder-img-scroll-container .swiper-wrapper-img img {

  height: 100% !important;

}




@media screen and (max-width: 560px) {

  [data-section-type="comparison"] .wonder-scroll-container.enabled {

    scroll-snap-align: unset !important;

  } 

  [data-section-type="result"] .wonder-scroll-container.enabled ul .wonder-result-main {

    scroll-snap-align: unset !important;

  } 

  [data-section-type="appeal"] .wonder-scroll-container.enabled ul .swiper-slide-structure {

    scroll-snap-align: unset !important;

  } 

  [data-section-type="product"] .wonder-scroll-container.enabled ul .wonder-product-list-li {

    scroll-snap-align: unset !important;

  } 

  [data-section-type="reason"] .wonder-scroll-container.enabled ul .col-el {

    scroll-snap-align: unset !important;

  } 

  [data-section-type="voice"] .wonder-scroll-container.enabled ul .wonder-voice-container {

    scroll-snap-align: unset !important;

  } 

}




/* スマホ（画面幅560px以下）のヘッダーロゴのサイズを調整 */

@media screen and (max-width: 560px) {

  .wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {

    /* ここに任意のサイズ（幅）を指定 */

    width: 160px !important; 

    /* ここに任意のサイズ（高さ）を指定 */

    height: unset !important; 

  }

}




  /* メーカーのイメージの高さを調整 */

  [data-section-type="util"] .current-image-setting-element {

    height: 210px !important;

  }

  /* メーカーブロックの下の余白調整 */

  [data-section-type="util"] .section-body-container {

    padding-bottom: 0px !important;

  }

  @media screen and (max-width: 560px) {

    .wonder-product-img img {

      object-fit: contain !important;

    }

  }




    @media screen and (max-width: 560px) {

        [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top.sp-scroll .main-contents {

            flex-direction: row;

        }

    }

    @media screen and (min-width: 561px) {

        [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top.sp-scroll {

            width: 1000px;

            overflow-x: hidden;

        }

    }

    [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top.sp-scroll .main-contents {

        padding-bottom: 5px;

        padding-right: 5px;

    }




@media screen and (min-width: 561px) {

  [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top {

    margin-top: unset !important;

  }

  [data-section-type=product] .wonder-product-list-li:only-child {

    height: 570px !important;

  }

}

[data-section-type="util"] .swiper-wrapper-img {

  /* 対応メーカーの高さ調整 */

  height: 230px !important;

}

[data-section-type="util"] .swiper-wrapper-img img {

  /* 対応メーカーのイメージの高さ調整 */

  height: 230px !important;

}




    @media screen and (min-width: 561px) {

        .wonder-cv-mail-block .wonder-cv-mail-text {

            text-shadow: none !important;

        }

        .wonder-payment-method-img-container .payment-icon-box img {

          display: block !important;

          max-width: 280px !important;

          max-height: 70px !important;

          height: 100% !important;

        }

    }

    [data-section-type=result] .wonder-default-main-content .row-el .wonder-result-main .wonder-result-main-width .wonder-result-main-title-wrapper {

        background-color: #00008b !important;

    }

    [data-section-type=result] .wonder-default-main-content .row-el .wonder-result-main .wonder-result-main-width .wonder-result-main-title-wrapper .wonder-title-icon {

        border-color: #00008b !important;

        box-shadow: none !important;

    }

    .wonder-cv-mail-block .wonder-cv-mail-text {

        text-shadow: none !important;

    }

    [data-section-type=result] .wonder-default-main-content .row-el .wonder-result-main .wonder-result-main-width .wonder-result-main-title-wrapper {

      background-color: #2aa1db !important;

    }

    [data-section-type=result] .wonder-default-main-content .row-el .wonder-result-main .wonder-result-main-width .wonder-result-main-title-wrapper .wonder-title-icon {

      border-color: #2aa1db !important;

    }




    @media screen and (max-width: 560px) {

        [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top ul {

            gap: 10px;

        }

        [data-section-type=product] .wonder-scroll-container.enabled.scroll-bar-top ul > :first-child {

            padding-left: 5px;

        }

    }




    @media screen and (max-width: 560px) {

        [data-section-type=product] .card-container .wonder-product-list-li .wonder-product-img {

            height: 200px !important;

        }

        

    }



  #memo::placeholder {
    white-space: pre !important; /* pre-wrap ではなく pre にする */
  }
  #memo::-webkit-input-placeholder {
    white-space: pre !important;
  }
