@media screen and (max-width: 560px) {
.wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
           width: 35% !important;
           height: 75% !important;
           margin: auto !important;
}
.wonder-header.section-main-container {
    height: 55px !important;
}
.wonder-header-main {
    height: 30px !important;
}
.swiper-wrapper-structure {
    display: -webkit-box !important;
}
[data-section-type=access] .wonder-default-main-content div.wonder-scroll-container.enabled ul li {
width: unset !important;
}
}


@media screen and (min-width: 561px) {
.wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
           max-width: unset !important;
           width: 300px !important;
}
 .wonder-header-text {
    margin-left:0px!important;
  }
}


@media screen and (min-width: 561px) {
    .wonder-profile-txt-box {
        width: 42.5vw !important; 
    }
.flip-target {
flex-direction: row-reverse !important;
}
}
@media screen and (max-width: 560px) {
    .wonder-default-main-content {
        width: unset !important;
    }
    .wonder-profile-txt-box {
        width: unset !important; 
    }
    .wonder-profile-img {
        width: unset !important;
    }
    .wonder-keyvisual-sub-title .wonder-keyvisual-sub-title-text img {
      width: 100% !important;
    }
    .wonder-keyvisual-emblem .wonder-keyvisual-t-circle-wrapper {
      zoom: 0.8;
    }
    .wonder-keyvisual.section-main-container[data-section-type="keyvisual"] {
      height: 930px !important;
    }
}


    @media screen and (min-width: 561px) {
        [data-section-type="header"] {
            zoom: 0.9;
        }
    }


  div.wonder-footer-main .wonder-footer-logo img {
    width: 200px !important;
    height: 40px !important;
  }
.wonder-tab-container.enabled input.tab-input:checked+.tab-item {
    background-color: #38B2AF !important;
}


    @media screen and (max-width: 560px){
        [data-section-type=appeal] .wonder-scroll-container:not(.enabled) .scroll-contents:not(.swiper-active) ul:not(.card-container) .wonder-img-scroll-container
        {
            width: 90% !important;
        }
        [data-section-type=appeal] .wonder-scroll-container:not(.enabled) .scroll-contents:not(.swiper-active) ul:not(.card-container) li.swiper-slide-structure .wonder-li-container
        {
            flex-direction: column !important;
        }
        [data-section-type=appeal] .scroll-hint-icon-wrap {
            top: 25%!important;
        }
        [data-section-type="tile"] .card-container {
            display: flex !important;
            flex-flow: column;
        }
    }
[data-section-type=profile] .wonder-profile-cont-box {
justify-content: center !important;
}


@media screen and (max-width: 560px) {
    .wonder-profile-cont-box {
        display: flex; /* 必ずフレックスボックスを有効化 */
        flex-direction: column; /* 子要素を縦方向に配置 */
    }

    .wonder-profile-img {
        order: -1; /* 画像を先頭に移動 */
    }

    .wonder-profile-txt-box {
        width: 100%; /* テキストボックスの幅を100%に調整 */
    }
}


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


@media screen and (max-width: 560px) {
    .wonder-cv-button-txt-block {
        margin-left: unset !important;
    }
}


@media screen and (min-width: 561px) {
    .text-shadow-7 {
        margin-right: 50px !important;
    }
    #id-7chxk14au img[data-composition-img-id="headerLogo"] {
        width: 40% !important;
    }
}


  @media screen and (min-width: 561px) {
    [data-section-type="profile"].wonder-profile .wonder-profile-txt-box {
      width: 480px !important;
    }
   }
   [data-section-type="profile"] .wonder-default-main-content .wonder-profile-cont-box .wonder-profile-img img {
    width: 490px !important;
  }


    @media screen and (min-width: 561px) {
        .wonder-cv .wonder-cv-wrapper .wonder-cv-inner-content-wrapper .wonder-cv-title {
            margin-left: 0 !important;
        }
        .wonder-cv[data-composition-type=A] .wonder-cv-block>div:first-child {
            margin-left: 10px !important;
        }
        .card-container [data-card-type=profile-1] .wonder-profile-cont-box {
          flex-direction: row !important;
        }
    }