@media screen and (max-width: 560px){
    /* ハンバーガーメニューのスタイル */
    [data-section-type=hpHeader][data-composition-type=A] .hpHeader-background{
        position: fixed;
        top: 0;
        left: 0;
        overflow: auto;
        width: 100%;
        height: 100%;
        opacity: .8;
        z-index: 10000;
        background: #000;
    }
    [data-section-type=hpHeader][data-composition-type=A] .header-bottom .header-bottom-inner .header-menu-container .header-menu-item .header-menu-link{
border-botttom: 2px #cecbcb solid;
gap: 8px;
    }
    [data-section-type=hpHeader][data-composition-type=A] .header-bottom .header-bottom-inner .header-menu-container .header-menu-item .header-menu-link .header-menu-text{
        font-size: 16px !important;
    }
    /* h1とロゴのスタイル */
    .wonder-header-logo-wrapper h1{
        justify-content: left !important;
    }
    .wonder-header-logo-wrapper .wonder-header-main{
        justify-content: left !important;
    }
    .wonder-header.section-main-container .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img{
        margin-left: 10px !important;
    }
[data-section-type=hpHeader][data-composition-type=A] .header-bottom .header-bottom-inner .header-menu-container .header-menu-item .header-menu-link .header-menu-img {
height: 9vw !important;
}
}


@media screen and (min-width: 561px) {
.wonder-header-text {
margin-left:0px!important;
}

.wonder-foot[data-composition-type=C] .wonder-foot-container {

width: 1100px !important;

}



.wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
       height: 85% !important;
       margin: auto !important;
}
.pc-padding-left {
    text-align: center;
}


}

@media screen and (min-width: 561px) {
.row-el.header-menu-container {
  height: 65px!important;
}

.pc-padding-left {
    padding-left: 75px;
}

}

[data-section-type=result] .wonder-default-main-content .row-el .wonder-result-main .wonder-result-main-width .wonder-result-main-title-wrapper {
    background-color: rgb(19,174,103) !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: rgb(134, 219, 53) !important;

}

.hover-opacity-1:hover .wonder-appeal-text-container span {
color: #ffffff !important;
}

@media screen and (min-width: 561px) {
#id-9xpowft02 {
background-attachment: fixed !important;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}

#id-q5rqgjazb {
background-attachment: fixed !important;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}

}
.wonder-cv-mail-block {
background: linear-gradient(0deg, #22AA77 42%, #11BB66 80%) !important;
border: 1px solid #13ae67 !important;
padding: 14px 10px;
}

.wonder-cv-mail-block .wonder-cv-mail-text {
text-shadow: 0px 0px 0px #ff5800 !important;
}



@media screen and (min-width: 561px) {
.hover-opacity-1:hover {
  opacity: 1!important; /* hover時に不透明度を1にする */
}
}




.original-button {
display: flex !important;
align-items: center;
justify-content: center !important;
line-height: 1;
text-decoration: none;
color: #13ae67;
font-size: 24px;
border-radius: 0px;
width: 300px;
height: 65px;
font-weight: bold;
border: 2px solid #13ae67;
transition: 0.3s;
box-shadow: 5px 5px 0px 0px rgba(19, 174, 103, 1);
background-color: #ffffff;
font-family: NotoSansJP-Bold !important;
}

.original-button:hover {
box-shadow: 0 0 #13ae67;
color: #fff;
background-color: #13ae67;
}



.hage {
flex-direction: initial !important; /* または flex-direction: row !important; */
}


@media screen and (min-width: 561px) {
.news-title-container
{
    width: 290px !important;
}
}


@media screen and (max-width: 560px) {
.news-card-A
{
    display: flex !important;
}
.wonder-header.section-main-container {
height: 55px !important;
}
.wonder-header .wonder-header-inner .wonder-header-logo-wrapper .wonder-header-main .wonder-header-logo img {
       width: 45% !important;
       height: 85% !important;
       margin: auto !important;
}
}


@media screen and (min-width: 561px) {
    [data-section-type="result"] .business-scroll {
        overflow: unset!important;
    }
    [data-section-type="result"] .wonder-default-main-content {
        overflow: unset!important;
    }
    [data-section-type="result"] .business-scroll .scroll-hint-icon{
        display: none!important;
    }
    [data-section-type="appeal"] .business-scroll {
        overflow: unset!important;
    }
    [data-section-type="appeal"] .wonder-default-main-content {
        overflow: unset!important;
    }
    [data-section-type="appeal"] .business-scroll .scroll-hint-icon{
        display: none!important;
    }
}


@media screen and (max-width: 560px){
    .card-container [data-card-type=appeal-1] .wonder-li-container iframe, .card-container [data-card-type=appeal-1] .wonder-li-container img, .card-container [data-card-type=appeal-1] .wonder-li-container video
    {
        height: 80% !important;
    }
}


@media screen and (max-width: 560px){
    [data-section-type=appeal] .wonder-scroll-container.enabled .row-el.card-container .col-el
    {
        height: 400px !important;
    }
    [data-section-type=appeal] .wonder-scroll-container.enabled .row-el.card-container .col-el .wonder-li-container .wonder-img-scroll-container
    {
        height: 280px !important;
    }
}

.wonder-foot[data-composition-type=C] .wonder-foot-copyright {

background-color: rgb(245, 251, 234) !important;

}

.wonder-header .wonder-cv-line-block {
background: linear-gradient(0deg, #22AA77 42%, #11BB66 80%) !important;
border: 1px solid #13ae67 !important;
}

/* スマホ向け対策 */
@media screen and (max-width: 560px) {
.wonder-header-block {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
overflow-x: hidden;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}

.wonder-cv-button-block {
flex: 1 1 33%;
width: 33.33%;
padding: 0;
margin: 0;
box-sizing: border-box;
}

.wonder-cv-button-block span {
white-space: normal !important;
}

.wonder-cv-button-block img {
max-width: 100%;
height: auto;
display: block;
}

html, body {
overflow-x: hidden;
}

.wonder-foot-contents-left-caption {
    text-align: center !important;
}
}




@media screen and (min-width: 561px) {
.example-block, 
.company-introduction-block
{
    width: unset !important;
}
}