@charset "utf-8";

.fix_banner {
    display:none;
}

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

body {
    padding-bottom: 28vw;
}
body.thanks_body {
    padding-bottom: 0;
}

.fix_banner {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.5em 0.5em 1em;
    background: rgb(255 255 255 / 50%);
    box-sizing: border-box;
}


footer .copy {font-size: 10px;}
footer .logo {
    width: 30%;
    margin: 0 auto;
    padding: 1em 0 1em;
}

.thanks .detail h1 {
    font-size: 5vw;
}
.thanks .detail h1 + p {
    font-size: 3.5vw;
    line-height: 1.6em;
}

.mv {
    background: #eafcfe url(../images/bg_mv_sp.webp) no-repeat left top;
    background-size: 100%;
}
.mv .arrows {
    padding: 1.5em 1em;
}
.mv_bloc h1 {
    width: 80%;
    margin-left: auto;
}

.mv_bottom {
    padding: 0 1em;
}

.cm {
    padding: 2em 1em 4em;
}
.cm_bloc h2 {
    margin-bottom: 0;
}

.cv {
    padding: 4em 0 2em;
}
.cv h2 {
    padding: 0 2em;
    margin-top: -4em;
}
.cv_bloc .btn_bloc {
    padding: 0 4em;
    margin-top: -2.5em;
}

.feeling {
    padding: 2em 1em 0;
    background-size: cover;
}
.feeling h2 {
    width: 64%;
    margin: 0 auto 1em;
}

.feeling_bottom h4 {
    width: 56%;
    margin-left: -2em;
}
.feeling_bloc {
    margin-bottom: 2em;
}
.feeling_bottom figure {
    flex: 1 0 0%;
    margin-left: -2em;
}

.trouble {
    padding: 2em 0 6em;
}

.cv2 {
    padding-bottom: 5em;
}

.case {
    padding: 2em 1em;
}
.case h2 {
    width: 64%;
    margin: 0 auto 0.5em;
}
.case .upper {
    width: 42%;
    margin: -5em auto 1em;
}
.case_bloc ol {
    gap: 1.5em;
}
.case_bloc ol li {
    width: 100%;
}

.cm3 {
    padding: 2em 1em 4em;
}


.reason {
    padding: 2em 1em;
}
.reason .upper {
    width: 42%;
    margin: -5em auto 1em;
}

.voice {
    padding: 2em 1em 4em;
}
.voice h2 {
    margin-bottom: 1em;
}

.contact {
    padding:2em 0;
}
.contact_upper .upper {
    width: 42%;
    margin: -5em auto 1em;
}
.contact_upper h2 {
    width: 64%;
    margin: 0 auto 0.5em;
}
.contact_upper p {
    font-size: 3.5vw;
}
.contact_bloc dl dd strong {
    font-size: 5vw;
}

.salon {
    padding: 2em 1em;
}
.salon h2 {
    width: 42%;
    margin: 0 auto 1em;
}
.salon_bloc dl dt {
    font-size: 4vw;
}
.salon_bloc dl dd {
    font-size: 3.5vw;
}










}