@charset "utf-8";
/* CSS Document */

@media only screen and (min-device-width: 960px) and (max-device-width: 1024px) and (orientation:portrait) {
}

@media only screen and (min-device-width: 768px) and (max-device-width: 959px) and (orientation:portrait) {
}
@media screen and (min-width: 960px) and (max-width: 1350px) {
    #main_visual .c-filterLayer__img {
        /* width: 60%;
        left: 50%; */
    }
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
    header#header .l-header__logo .c-catchphrase {
        font-size: 0;
    }
    #main_visual .c-filterLayer__img {
        height: 90vh;
    }
    header .c-gnav {
        margin-right: 15%;
    }
}
@media screen and (min-width: 600px) and (max-width: 960px) {
    /* .post_content #first.swell-block-columns {
        margin-top: 2vw !important;
    } */
}
@media screen and (min-width: 768px) and (max-width: 960px) {
    header .l-header__inner .c-catchphrase {
        /* left: 125px;
        width: calc(100% - 250px); */
    }
    #main_visual {
        background: url(../../../../uploads/mainv_bg_sp_new-scaled.jpg) no-repeat center;
        background-size: cover;
        height: calc(100vh - 70px);
        padding: 3% 0;
    }
    #main_visual .p-mainVisual__inner {
        background: url(../../../../uploads/mainv_txt_sp.png) no-repeat center;
        background-size: contain;
        max-height: calc(100vh - 140px);
    }
    #main_visual .p-mainVisual__imgLayer {
        display: none;
    }
    /* #main_visual .p-mainVisual__textLayer {
        width: 70%;
        left: calc(46% + 4vw);
        top: 0;
        max-height: calc(100vh - 120px);
    } */
    .post_content > .wp-block-group.alignfull {
        padding: 4em 4vw !important;
    }
    .post_content .ttl p {
        font-size: 3vw;
    }
    .post_content .ttl h2 {
        font-size: 4vw;
    }
    .post_content .ttl h2 br.sp {
        display: none;
    }
    .post_content .swell-block-column h3 {
        font-size: 3vw;
        max-width: unset;
    }
    header#header .l-header__logo #logo {
        width: 180px;
        padding: 15px 1.5vw;
    }
    .post_content h2, .post_content .cta h2, .post_content #feat .ttl p, .post_content #josei h2 {
        font-size: 4vw;
    }
    .post_content h3, footer#footer #f_contact .ttl h2 {
        font-size: 3.5vw;
    }
    .post_content #feat .ttl h2 {
        font-size: 4.5vw;
    }
    .post_content #josei h2 {
        text-align: center;
    }
    .post_content > .wp-block-group.alignfull#onayami > div {
        margin-top: -6em !important;
    }
    .post_content #onayami figure.sp {
        display: none;
    }
    .post_content #feat::before, .post_content #kouka::before {
        top: -30px;
    }
    .post_content #voice .swell-block-columns h3 {
        font-size: 3vw;
    }
    .post_content #osusume .swell-block-column p, .post_content #voice ul li {
        font-size: 100%;
        line-height: 1.6;
    }
    .wp-block-media-text {
        gap: 0.5em;
        display: block;
    }
    .post_content #voice p.has-text-align-center span {
        font-size: 3vw !important;
    }
    .post_content #voice .swell-block-columns__inner .swell-block-columns__inner {
        display: block;
    }
    .post_content #josei .swell-block-column, .post_content #message .swell-block-column {
        width: calc(100% - 4rem);
    }
    .post_content .swell-block-columns__inner {
        margin-left: calc(2rem * -1);
    }
    .post_content .swell-block-columns .swell-block-column {
        margin: 0 0 0 2rem;
        width: calc(var(--clmn-w) - 2rem);
    }
    /* .swell-block-columns .swell-block-column:nth-child(1) {
        margin: 0 0 0 4rem;
    } */
    .post_content #osusume .swell-block-column figure, .post_content #voice .swell-block-columns .swell-block-columns figure {
        width: 150px;
        margin: 0 auto 1em;
    }
    .post_content #osusume #seika ul li strong {
        font-size: 115%;
    }
    .post_content #voice .swell-block-column .swell-block-column {
        width: 100%;
        margin: 1em;
    }
    .post_content #qa .swell-block-accordion__label {
        line-height: 1.5;
        padding: 0 10px 0 50px;
        font-size: 1.1rem;
    }
    .post_content #message figure {
        max-width: 220px;
    }
    .post_content #feat .swell-block-column h3 {
        font-size: 2.6vw;
        min-height: 11vw;
    }
    .post_content > .wp-block-group.alignfull.cta {
        padding: 37vw 0 5vw !important;
        margin-top: -45vw;
    }
    .btn, [class*=is-style-btn_] a, .swell-block-button__link, .wp-block-button__link, footer #btn_tel a {
        padding: 26px 46px 26px 30px;
        max-width: 450px;
    }
    .post_content #message .swell-block-columns__inner {
        width: 110%;
    }
    .post_content #curri .ttl h2 + p {
        margin-top: -1.5em !important;
    }
    .post_content #qa .swell-block-accordion__label strong {
        font-size: 1.3rem;
        top: 14px;
    }
    .post_content > .wp-block-group {
        padding-top: 3em;
        padding-bottom: 3em;
    }
}

@media screen and (min-width: 600px) and (max-width: 768px) {
}