@charset "UTF-8";

.inner { width: 80vw; margin: 0 auto;}

.first-top { margin-bottom: 20vw; }
.first-top .parallax-box { margin-bottom: 10vw; }
.first-top img { width: 100%; }
.top-first-title { margin-bottom: 4vw; font-size: 5vw; font-family: var(--mincho); font-weight: 600; line-height: 1.6; letter-spacing: 0.04rem; }
.first-top p { text-align: justify; line-height: 2; }

.first-therapist { width: 80vw; margin: 0 auto 10vw; }
.first-therapist .parallax-box { margin-bottom: 10vw; }
.first-therapist img { width: 100%; }
.first-therapist p { margin-bottom: 6vw; text-align: justify; line-height: 2; }
.first-therapist .more { margin: 0; }

.first-pair { margin-bottom: 10vw; padding-top: 10vw; }
.first-pair .parallax-box { margin-bottom: 10vw; }
.first-pair img { width: 100%; }
.first-pair p { text-align: justify; line-height: 2; }

.top-faq-gallery-items { width: 100%; }
.top-faq-gallery-item { width: 420vw; font-size: 21.05vw; font-family: "Cormorant Garamond"; font-optical-sizing: auto; font-weight: 500; letter-spacing: 0.05rem; letter-spacing: 1vw; opacity: 0.2; }

.first-message { width: 80vw; margin: 0 auto 20vw; padding-top: 10vw; }
.first-message .parallax-box { margin-bottom: 10vw; }
.first-message img { width: 100%; }
.first-message p { margin-bottom: 6vw; text-align: justify; line-height: 2; }
.first-message .more { margin: 0 0 20vw; }

/* =============================================
    pc
================================================*/
@media screen and (min-width: 736px) {

.inner { width: 100%; margin: 0;}

.first-top { width: 90%; max-width: 900px; margin: 0 auto 100px; }
.first-top .parallax-box { margin-bottom: 80px }
.top-first-title { margin-bottom: 20px; padding-left: 40px; font-size: 24px; }
.first-top p { padding: 0 40px; }

.first-therapist { width: 90%; max-width: 900px; margin: 0 auto 100px; padding-left: 40px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.first-therapist .parallax-box { width: 40%; margin-bottom: 0; }
.first-therapist .flex-inner { width: 46%; }
.first-therapist .top-first-title { margin-bottom: 20px; padding-left: 0; }
.first-therapist p { margin-bottom: 60px; }
.first-therapist .more { margin: 0; }

.first-pair { width: 90%; max-width: 900px; margin: 0 auto 80px; padding-top: 0; }
.first-pair .parallax-box { margin-bottom: 80px; }
.first-pair p { padding: 0 40px; }

.top-faq-gallery-items { height: 180px; margin-bottom: -100px; overflow: hidden; }
.top-faq-gallery-item { width: 3680px; font-size: 180px; letter-spacing: 10px; }

.first-message { width: 90%; max-width: 900px; margin: 0 auto 100px; padding: 180px 0 0 40px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.first-message .parallax-box { width: 40%; margin-bottom: 0; }
.first-message .flex-inner { width: 46%; }
.first-message .top-first-title { margin-bottom: 20px; padding-left: 0; }
.first-message p { margin-bottom: 60px; }
.first-message .more { margin: 0; }

}