@charset "utf-8";

/*
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
*/


html {
    font-family: 'Noto Sans JP', sans-serif;
    caret-color: transparent;
}
body {
    background: #fff;
    color: #1e1e1e;
    min-width: auto;
    margin: 0 auto;
}
.inner {max-width: 1080px;width: 100%;margin: 0 auto;box-sizing: border-box;}
.inner_s {max-width: 1080px;width: 100%;margin: 0 auto;box-sizing: border-box;}

.marker {background: linear-gradient(transparent 60%, rgba(249, 240, 78, 0.8) 60%);}

.fmctr {
    caret-color: #1e1e1e;
    border-radius: 0.3em
}

/* **************************************************************** */
/* ヘッダー
*/

/* **************************************************************** */
/* フッター
*/
footer {
	background: #fcedee;
    padding: 0;
}
footer .logo {
    padding: 2em 0 1.5em;
}
footer .copy {
    display: block;
    background: #fb6973;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 1em 0 1em;
}


/* **************************************************************** */
/* コンタクト
*/

.contact {
    background: #fcedee;
    padding:3em 0;
}
.contact_upper {

}
.contact_upper .upper {
    display: block;
    margin-top: -8em;
    margin-bottom: 2em;
}
.contact_upper h2 {
    margin-bottom: 1em;
}
.contact_upper p {
    font-weight: bold;
}

.contact_bloc dl dd strong {
    color: #fb6973;
    font-size: 30px;
    line-height: 1.2em;
}
.contact_bloc dl:nth-child(odd) {
    background: no-repeat;
}

.contact_bloc dl dt.required:after {
    background: #fb6973;
}

.contact_bloc {
    max-width: 800px;
    margin: 0 auto;
}

.btn_bloc button {
    max-width: none;
    width: auto;
    padding: 0;
    background: #fff;
    box-shadow: none;
    border-radius: 1em;
}
.btn_bloc button:hover img {
    opacity:0.8;
}

.btn_bloc a {
    display: inline-block;
    background: #fff;
    border-radius: 1em;
}
.btn_bloc a:hover img {
    opacity:0.8;
}

/* **************************************************************** */
/* 個別CSS
*/
.mv {
    background: #eafcfe url(../images/bg_mv.webp) no-repeat center top;
}
.mv .arrows {
    padding: 2em 0;
}
.mv .arrows p {
    
}

.mv_bloc {
    text-align: left;
    margin-bottom: 1em;
}
.mv_bloc h1 {
    
}

.mv_bottom {

}
.mv_bottom h2 {
    filter: drop-shadow(0 5px 6px #fdd7d9);
}

.cm {
    background: #eafcfe;
    padding: 2em 0 8em;
}
.cm_bloc {
    margin-bottom: 1em;
}
.cm_bloc h2 {
    margin-bottom: 1em;
}
.cm_bloc p {
    
}

.cm .arrows {
    filter: drop-shadow(0 5px 6px #bd645d);
}

.cv {
    background: url(../images/bg_01.webp);
    padding: 4em 0;
}
.cv h2 {
    margin-top: -5em;
}

.cv_bloc {

}
.cv_bloc h3 {
    filter: drop-shadow(0 5px 6px #afdef2);
}
.cv_bloc .btn_bloc {
    margin-top: -5em;
    position: relative;
    z-index: 2;
}

.cm2 {
    background: #fcedee;
    padding: 2em 0 3em;
}
.cm2_bloc {

}
.cm2_bloc h2 {
    
}

.feeling {
    background: url(../images/bg_02.webp) no-repeat center bottom;
    padding: 3em 0 0;
    overflow: hidden;
}
.feeling h2 {
    margin-bottom: 1em;
}
.feeling_bloc {
    margin-bottom: 3em;
}
.feeling_bloc h3 {
    filter: drop-shadow(0 5px 6px #fdd7d9);
}
.feeling_bottom {
    align-items: flex-start;
    justify-content: center;
}
.feeling_bottom h4 {
    position: relative;
    z-index: 2;
    margin-left: -6em;
}
.feeling_bottom figure {
    flex: 1 0 0%;
    margin-left: -2em;
}

.trouble {
    background: #eafcfe;
    padding: 3em 0 8em;
}
.trouble_upper {

}
.trouble_bottom {
    filter: drop-shadow(0 5px 6px #97cfe6);
}

.cv2 {
    padding-bottom: 8em;
}
.case {
    background: #fdffc3;
    padding: 3em 0;
}
.case .upper {
    display: block;
    margin-top: -8em;
    margin-bottom: 2em;
}
.case h2 {
    margin-bottom: 1em;
}
.case_bloc {

}
.case_bloc ol {
    align-items: flex-start;
    justify-content: center;
    gap: 2em;
}
.case_bloc ol li {
    max-width: 484px;
    width: calc(100% / 2 - 2em);
}

.cm3 {
    padding: 2em 0 8em;
}
.cm3_bloc {

}
.cm3_bloc h2 {
    
}

.reason {
    background: #fcedee;
    padding: 3em 0 4em;
}
.reason .upper {
    display: block;
    margin-top: -8em;
}
.reason h2 {

}
.reason_bloc {

}
.reason_bloc ol {
    
}
.reason_bloc ol li {
    filter: drop-shadow(0 5px 6px #ffbfbf);
}
.reason_bloc ol li + li {
    margin-top:2em;
}

.voice {
    padding: 3em 0 6em;
}
.voice h2 {
    margin-bottom: 2em;
}
.voice_bloc {

}
.voice_bloc ol {
    
}
.voice_bloc ol li {

}
.voice_bloc ol li + li {
    margin-top:2em;
}

.salon {
    padding: 3em 0;
}
.salon h2 {
    margin-bottom: 1em;
}
.salon_bloc {
    margin-bottom: 2em;
}
.salon_bloc dl {
    
}
.salon_bloc dl + dl {
    margin-top: 2em;
}
.salon_bloc dl dt {
    background: #fb6973;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 1em;
    font-weight: bold;
    padding: 0.5em 1em;
    min-width: 4em;
    border-radius: 1em;
    margin-bottom: 1em;
}
.salon_bloc dl dd {
    font-size: 16px;
}

.salon_map {

}
.salon_map iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}

.thanks .detail h1 {
    color: #6E3E43;
    font-size: 30px;
}
.thanks .detail h1 + p {
    font-size: 16px;
}