/*----------------------

    font

-----------------------*/

/*----------------------

    color

-----------------------*/

/*----------------------

    mixin

-----------------------*/

/*----------------------

    base

-----------------------*/

html {

  font-size: 62.5%;

  scroll-behavior: smooth;

}



body {

  line-height: 1.5;

  color: #020202;

  font-family: "Noto Serif JP", serif;

}



img {

  width: 100%;

  vertical-align: baseline;

}



a {

  transition: all 0.3s;

}

a:hover {

  opacity: 0.6;

}



.bold {

  font-weight: bold;

}



span {

  display: inline;

}



.pt0 {

  padding-top: 0 !important;

}



.pb20 {

  padding-bottom: 20px;

}



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

  .tb-pr2rem {

    padding-right: 2rem;

  }

}



.pc-only,

.l-only,

.xxl-only {

  display: none;

}



.spNone {

  display: none;

}



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

  .sp-only {

    display: none !important;

  }

  .pc-only {

    display: block;

  }

  .spNone {

    display: inline;

  }

}

@media only screen and (min-width: 992px) {

  .l-only {

    display: block;

  }

  .until-l {

    display: none !important;

  }

}

@media only screen and (min-width: 1200px) {

  .xxl-only {

    display: block;

  }

  .until-xxl {

    display: none;

  }

}

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

  .sp-only {

    display: block;

  }

}

.hide {

  display: none !important;

}



.fixed {

  position: absolute;

  bottom: auto;

  top: 20px;

}



.top-btn {

  width: 57px;

  position: sticky;

  margin-left: auto;

  margin-top: -60px;

  right: 34px;

  bottom: 18vh;

  opacity: 0;

  transition: opacity 0.3s ease-in-out;

  z-index: 100;

}

@media only screen and (min-width: 992px) {

  .top-btn {

    position: fixed;

    right: 72px;

    bottom: 200px;

    width: 66px;

  }

}

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

  .top-btn {

    position: fixed;

    right: 9.2vw;

    bottom: 200px;

    width: 66px;

  }

}



.reserve-link {

  width: 25%;

  position: fixed;

  bottom: 16px;

  right: 15px;

  opacity: 0;

  transition: opacity 0.3s ease-in-out;

  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));

  cursor: pointer;

  z-index: 99;

}

.reserve-link img {

  max-width: none;

  width: 100%;

}

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

  .reserve-link {

    width: 141px;

    right: 34px;

  }

}



.marker {

  font-weight: bold;

  background-color: #ffed8c;

}



/*----------------------

    animate

-----------------------*/

.fadeup {

  opacity: 0;

  transform: translate(0, 35%);

  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, transform 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;

}

.fadeup.in {

  opacity: 1;

  transform: translate(0, 0);

}



/*----------------------

    mv

-----------------------*/

.mv {

  background: url(../images/sp/mv.png) no-repeat top left/cover;

  height: 100vh;

  position: relative;

}

@media only screen and (min-width: 992px) {

  .mv {

    background: url(../images/mv.png) no-repeat center left/cover;

  }

}

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

  .mv {

    background: url(../images/sp/mv.png) no-repeat center left/cover;

    height: 80vh;

    position: relative;

  }

}

.mv__logo {

  position: absolute;

  bottom: 10px;

  right: 26px;

  width: 30vw;

}

@media only screen and (min-width: 1024px) {

  .mv__logo {

    width: 110px;

    right: 52px;

    bottom: 36px;

  }

}

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

  .mv__logo {

    width: 12vw;

  }

}

.mv__copy {

  position: absolute;

  top: 25px;

  left: 14px;

  right: auto;

  width: 84vw;

}

.mv__copy img {

  max-width: none;

  width: 100%;

}

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

  .mv__copy {

    top: auto;

    right: 46px;

    left: auto;

    bottom: 200px;

    width: 53.879vw;

  }

}

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

  .mv__copy {

    top: 25px;

    left: 14px;

    right: auto;

    bottom: auto;

    width: 53.879vw;

  }

}



.copy_line {

  background-color: #E3B263;

  color: #fff;

  text-align: center;

  padding: 1rem;

  font-size: 2.5rem;

}



/*----------------------

    about01

-----------------------*/

.about01 {

  padding: 20px 0 20px 34vw;

  background: url(../images/sp/bg_sec02.jpg) no-repeat top left/cover;

  position: relative;

}

@media only screen and (min-width: 992px) {

  .about01 {

    text-align: center;

    background: url(../images/bg_sec02.jpg) no-repeat top left/cover;

    padding: 16vh 0 16vh 18vw;

  }

}

@media only screen and (min-width: 992px) {

  .about01__title.l-only {

    font-size: 4rem;

    color: #5a5a5a;

    line-height: 1.7;

    letter-spacing: 0.1em;

    background-image: linear-gradient(transparent 60%, #FFEFD5 0%);

    display: inline;

    font-weight: 600;

    margin: 0 33px 0 auto;

    text-align: center;

  }

}

.about01__title.until-xxl {

  width: 58vw;

}

.about01__worries-list {

  margin-top: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

}

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

  .about01__worries-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    margin-top: 62px;

  }

}

.about01__worries-item {

  position: relative;

  margin-right: 5%;

  width: 203px;

}

.about01__worries-item + .about01__worries-item {

  margin-top: min(9.743vw, 38px);

}

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

  .about01__worries-item + .about01__worries-item {

    margin-top: 0;

  }

}

.about01 .about01-arrow {

  width: min(30%, 316px);

  position: absolute;

  bottom: -32px;

  left: calc(50% - 158px);

}



.about01-sp-area {

  position: relative;

}

.about01-sp-area__worries-list {

  padding: 35px 0 65px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

}

.about01-sp-area__worries-item {

  margin-right: 5%;

  width: 43%;

  margin-bottom: 20px;

}

.about01-sp-area__worries-item:nth-child(even) {

  margin-right: 0;

}

.about01-sp-area__worries-item:nth-child(3), .about01-sp-area__worries-item:nth-child(4) {

  margin-bottom: 0;

}

.about01-sp-area + .about01-sp-area__worries-item {

  margin-top: min(9.743vw, 38px);

}

.about01-sp-area .about01-arrow {

  width: min(100%, 219px);

  position: absolute;

  bottom: -32px;

  left: calc(50% - 108px);

}



/*----------------------

    about02

-----------------------*/

.about02 {

  background: url(../images/sp/bg_sec3.png) no-repeat center center/cover;

  padding: 8vh 0;

}

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

  .about02 {

    background: url(../images/bg_sec3.png) no-repeat center center/cover;

    padding-top: min(7.962vw, 108px);

    padding-bottom: min(5.636vw, 77px);

  }

}

.about02__title {

  text-align: center;

  width: min(100%, 328px);

  margin: 0 auto;

}

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

  .about02__title {

    width: min(29.282vw, 400px);

  }

}

.about02__body {

  margin: 0;

  position: relative;

  width: 100%;

  margin: 0 auto;

}

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

  .about02__body {

    max-width: 1120px;

    width: 82vw;

  }

}



/*----------------------

    cta

-----------------------*/

.cta {

  background: url(../images/sp/bg_cv.png) no-repeat center center/cover;

  padding: 20px 10px;

  text-align: center;

}

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

  .cta {

    background: url(../images/bg_cv.png) no-repeat center center/cover;

    padding: 34px;

  }

  .cta.large {

    padding: 34px 50px;

  }

}

.cta__content {

  border: 1px solid #fff;

  padding: 58px 20px 34px;

  position: relative;

}

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

  .cta__content {

    padding: 48px 0 44px;

  }

  .cta.large .cta__content {

    padding: min(8.052vw, 110px) 0;

  }

}

.cta__content::before {

  content: "";

  position: absolute;

  top: 0;

  left: 50%;

  transform: translate(-50%, -55%);

  width: 137px;

  height: 137px;

  background: url(../images/sp/icon_free.svg) no-repeat center center/contain;

}

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

  .cta__content::before {

    display: none;

  }

}

.cta__title {

  width: min(76.923vw, 315px);

  margin: 0 auto;

}

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

  .cta__title {

    width: min(72.913vw, 1074px);

    position: relative;

  }

}

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

  .cta__title::after {

    content: "";

    position: absolute;

    top: max(-8.418vw, -115px);

    right: max(-10vw, -150px);

    width: min(9.37vw, 128px);

    height: min(9.37vw, 128px);

    background: url(../images/icon_free.svg) no-repeat center center/contain;

  }

}



.cta__title::after{

  visibility: hidden;  /*要素の非表示*/

}



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

  .cta__list {

    margin-top: 36px;

    display: flex;

    justify-content: center;

  }

}

.cta__item {

  margin: 30px auto 0;

  max-width: 380px;

}

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

  .cta__item {

    margin: 0;

    width: min(39.02vw, 533px);

    max-width: none;

  }

}

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

  .cta__item + .cta__item {

    margin-left: min(70px, 5.124vw);

  }

}



/*----------------------

    menu

-----------------------*/

.menu {

  background: url(../images/sp/bg_sec4.png) no-repeat top center/cover;

  padding: 0 0 67px 0;

  text-align: center;

}

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

  .menu {

    padding: 0 20px 5vh;

    background: url(../images/bg_sec4.png) no-repeat top center/cover;

  }

}

.menu__title {

  width: min(100%, 390px);

  margin: 0 auto;

  padding-right: 20px;

}

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

  .menu__title {

    width: min(50vw, 928px);

    padding-right: 0;

  }

}

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

  .menu__title {

    width: min(62vw, 928px);

    margin: 0 auto 0 12vw;

  }

}

.menu__item {

  position: relative;

  max-width: 360px;

  margin: 0 auto;

}

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

  .menu__item {

    max-width: none;

  }

}

.menu__item + .flow__item {

  margin-top: 24px;

}

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

  .menu__item + .flow__item {

    margin-top: 28px;

  }

}

.menu__item p {

  position: absolute;

  bottom: 23px;

  left: 16px;

  font-size: min(3.611vw, 1.4rem);

  line-height: 2.14;

  letter-spacing: 0.084em;

  text-align: left;

}

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

  .menu__item p {

    font-size: min(1.562vw, 1.6rem);

    bottom: auto;

    top: 50%;

    left: 49%;

    transform: translateY(-50%);

  }

}

.menu__list {

  color: #5a5a5a;

}

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

  .menu__list {

    width: min(90vw, 1200px);

    margin: 0 auto;

  }

}

.menu .menu-btn__list {

  padding: 30px 20px;

}

.menu .menu-btn__list p {

  font-size: 2.2rem;

  color: #CE9943;

}

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

  .menu .menu-btn__list ul {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 1.2rem;

  }

}

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

  .menu .menu-btn__list ul {

    flex-wrap: wrap;

  }

}

.menu .menu-btn__list ul .menu-btn__item a {

  background-color: #5a5a5a;

  color: #fff;

  border-radius: 5px;

  letter-spacing: 1px;

  font-size: 1.6rem;

  position: relative;

  margin: 2rem 0 0 0;

  display: block;

  padding: 2rem;

}

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

  .menu .menu-btn__list ul .menu-btn__item a {

    padding: 1.5rem 2rem;

    font-size: 1.9rem;

    margin: 0 2.5rem 0 0;

  }

}

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

  .menu .menu-btn__list ul .menu-btn__item a {

    width: 40vw;

    margin: 0 2rem 2rem 0;

  }

}

.menu .menu-btn__list ul .menu-btn__item a:after {

  position: absolute;

  right: 2rem;

  content: url(../images/btn_arrow.svg);

}

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

  .menu .menu-btn__list ul .menu-btn__item a:after {

    position: static;

  }

}

.menu .menu-btn__list ul .menu-btn__item:last-of-type {

  margin-right: 0;

}

.menu .menu-ttl {

  padding: 0 30px 0 0;

}

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

  .menu .menu-ttl {

    padding: 0 0 20px 0;

  }

}

.menu .menu-list__box.menu-neo {

  margin-bottom: 8vh;

}

.menu .menu-list__item {

  padding: 0 30px;

}

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

  .menu .menu-list__item {

    display: flex;

    justify-content: space-between;

    align-items: top;

    margin-bottom: 5vh;

    padding: 0;

  }

}

.menu .menu-list__item.neo.sp-only .menu-img {

  width: min(70vw, 226px);

  margin: 0 auto;

}

.menu .menu-list__item.neo.sp-only p {

  padding-top: 8px;

  text-align: center;

}

.menu .menu-list__item.neo.sp-only p.center {

  width: 226px;

  margin: 0 auto;

}

.menu .menu-list__item.neo.sp-only .arrow {

  width: 60px;

  margin: 0 auto;

}

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

  .menu .menu-list__item.neo {

    margin-bottom: 0px;

  }

}

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

  .menu .menu-list__item.neo {

    display: block;

  }

}

.menu .menu-list__content {

  padding-top: 20px;

  text-align: left;

}

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

  .menu .menu-list__content {

    width: 48%;

  }

}

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

  .menu .menu-list__content.menu-text {

    padding-left: 60px;

  }

}

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

  .menu .menu-list__content.menu-text {

    padding-left: 3rem;

  }

}

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

  .menu .menu-list__content.menu-img {

    width: 32%;

    margin: 0 auto;

  }

}

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

  .menu .menu-list__content.menu-img3 {

    width: 40%;

  }

}

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

  .menu .menu-list__content.neo-l {

    width: 40%;

  }

}

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

  .menu .menu-list__content.neo-l {

    width: 100%;

    padding: 0 3rem;

  }

}

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

  .menu .menu-list__content.neo-r {

    width: 56%;

  }

}

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

  .menu .menu-list__content.neo-r {

    width: 100%;

    padding: 0 3rem;

  }

}

.menu .menu-list__content p {

  line-height: 3rem;

  font-size: 1.6rem;

  padding-bottom: 20px;

}

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

  .menu .menu-list__content p {

    margin-bottom: 30px;

    padding-bottom: 0;

  }

}

.menu .menu-list__content p span.underline {

  display: inline;

  background-image: linear-gradient(transparent 60%, rgba(227, 178, 99, 0.4) 0%);

  font-size: 1.8rem;

  font-weight: 600;

}

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

  .menu .menu-list__content p span.underline {

    font-size: 2.5rem;

  }

}

.menu .menu-list__content .discription {

  padding: 10px 0;

  font-size: 1.5rem;

}

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

  .menu .menu-list__content .discription {

    display: flex;

    justify-content: space-between;

    padding: 10px 0 0;

  }

}

.menu .menu-list-bottm {

  padding-left: 60px;

}

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

  .menu .menu-list-bottm {

    padding: 0 3rem;

  }

}



/*----------------------

    recommend

-----------------------*/

.recommend {

  padding: 40px 36px 86px;

  background: url(../images/sp/bg_sec5.png) no-repeat center center/cover;

}

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

  .recommend {

    height: 100vh;

    background: url(../images/bg_sec5.png) no-repeat center center/cover;

    padding: 92px 0 110px;

  }

}

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

  .recommend {

    height: 90vh;

    background: url(../images/sp/bg_sec5.png) no-repeat bottom right/cover;

  }

}

.recommend .inner {

  margin: 0 auto;

}

.recommend__title {

  text-align: center;

  width: min(100%, 270px);

  margin: 0 auto;

}

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

  .recommend__title {

    width: min(45vw, 928px);

  }

}

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

  .recommend__item {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    margin: 0 0 0;

    margin: 0 3rem;

  }

}

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

  .recommend__item {

    display: block;

  }

}

.recommend__image {

  margin: 0 auto 0 -25px;

}

@media only screen and (min-width: 1200px) {

  .recommend__image {

    margin: 0 60px 0 0;

    width: 40vw;

  }

}

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

  .recommend__image {

    width: 60vw;

    margin: 0 27vw 0 auto;

  }

}

.recommend__text {

  width: 80vw;

}

@media only screen and (min-width: 1200px) {

  .recommend__text {

    width: 40vw;

    padding-bottom: 10rem;

  }

}

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

  .recommend__text {

    width: 80vw;

    margin: 0 auto;

    font-size: 2rem;

  }

}



/*----------------------

    case

-----------------------*/

.case .inner {

  margin: 0;

  background: url(../images/sp/bg_sec6.png) no-repeat center center/cover;

}

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

  .case .inner {

    position: relative;

    margin: 8vw;

    background: url(../images/bg_sec6.png) no-repeat center center/cover;

    padding: 18vh 0 10vh;

  }

}

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

  .case .inner {

    padding: 10vh 0 0;

  }

}

.case__title {

  text-align: center;

  width: min(100%, 743px);

  padding: 0 10px;

}

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

  .case__title {

    margin: 0 auto;

    position: absolute;

    top: -8vw;

    left: 17vw;

    width: min(44vw, 928px);

    padding: 0;

  }

}

.case__image {

  margin: 22px auto 0;

  padding: 0 20px;

}

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

  .case__image {

    max-width: 542px;

    width: 82vw;

    padding: 0;

  }

}

.case__item {

  margin: 6vh 0 auto;

  text-align: center;

}

.case__item p {

  color: #5a5a5a;

  font-size: 1.6rem;

  line-height: 2;

}

.case__item p.item-title {

  display: inline-block;

  color: #fff;

  background-color: #E3B263;

  padding: 10px 20px;

  margin-bottom: 15px;

}

.case__item:last-child {

  padding-bottom: 8vh;

}



/*----------------------

    counseling

-----------------------*/

.counseling .inner {

  padding: 0 20px 8vh;

  background: url(../images/sp/bg_sec7.png) no-repeat center center/cover;

}

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

  .counseling .inner {

    padding: 12vh 0;

    background: url(../images/bg_sec7.png) no-repeat center center/cover;

  }

}

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

  .counseling .inner {

    padding: 6vh 0;

  }

}

.counseling__title {

  width: min(100%, 1100px);

  padding: 20px 0 0 0;

}

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

  .counseling__title {

    width: min(66vw, 1100px);

    margin: 0 0 0 calc((92vw - 1100px + 356px) / 4);

    padding: 0;

  }

}

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

  .counseling__title {

    margin: 0 auto 0 5rem;

  }

}

@media screen and (min-width: 1366px) {

  .counseling__title {

    margin: 0 0 0 15vw;

  }

}

.counseling__text {

  text-align: center;

  font-size: 1.6rem;

  color: #5a5a5a;

  line-height: 2;

}

.counseling__image {

  padding: 0 10px;

}

.counseling__image.treatment {

  margin: 20px auto 0;

}

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

  .counseling__image.treatment {

    max-width: 542px;

    width: 82vw;

    margin: 50px auto 0;

  }

}

.counseling__image.detail {

  width: 60%;

  margin: 80px auto 0;

}

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

  .counseling__image.detail {

    width: 80%;

  }

}



/*----------------------

    flow

-----------------------*/

.flow {

  background: url(../images/sp/bg_sec8.png) no-repeat center bottom/cover;

  padding: 30px 20px 67px;

  text-align: center;

}

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

  .flow {

    padding: 85px 20px 163px;

    background: url(../images/bg_sec8.png) no-repeat center center/cover;

  }

}

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

  .flow {

    padding: 60px 20px 163px;

  }

}

.flow__title {

  width: min(100%, 1100px);

  padding: 0 10px 0 0;

}

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

  .flow__title {

    width: min(40vw, 632px);

    margin: 0 auto 20px 30vw;

    padding: 0;

  }

}

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

  .flow__title {

    width: min(48vw, 632px);

    margin: 0 auto 22px 18vw;

  }

}

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

  .flow__list {

    width: min(90vw, 1050px);

    margin: 0 auto;

  }

}

.flow__item {

  background-image: linear-gradient(transparent 0, rgba(227, 178, 99, 0.15) 0%);

  margin: 0 auto;

  padding: 20px;

}

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

  .flow__item {

    padding: 30px;

    max-width: none;

  }

}

.flow__item .flow-inner {

  background-color: #fff;

}

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

  .flow__item .flow-inner {

    display: flex;

    justify-content: space-between;

    align-items: center;

  }

  .flow__item .flow-inner.reverse {

    justify-content: flex-end;

    flex-direction: row-reverse;

  }

}

.flow__item .flow-inner .flow-text {

  text-align: left;

  color: #5a5a5a;

  padding: 18px;

}

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

  .flow__item .flow-inner .flow-text {

    padding: 0 30px;

  }

}

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

  .flow__item .flow-inner .flow-text {

    padding: 20px 30px;

  }

}

.flow__item .flow-inner .flow-text .flow-num {

  color: #E3B263;

  line-height: 1;

  margin-bottom: 8px;

  font-size: 4rem;

}

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

  .flow__item .flow-inner .flow-text .flow-num {

    font-size: 5.7rem;

  }

}

.flow__item .flow-inner .flow-text .flow-sub {

  font-size: 2rem;

  margin-bottom: 15px;

}

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

  .flow__item .flow-inner .flow-text .flow-sub {

    font-size: 2.5rem;

    margin-bottom: 2rem;

  }

}

.flow__item .flow-inner .flow-text p {

  font-size: min(3.611vw, 1.4rem);

  line-height: 2;

}

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

  .flow__item .flow-inner .flow-text p {

    letter-spacing: 0.084em;

    font-size: min(1.562vw, 1.6rem);

  }

}

.flow__item .flow-inner .flow-image {

  padding: 0 18px 18px;

}

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

  .flow__item .flow-inner .flow-image {

    width: 38%;

    padding: 30px;

  }

}

.flow__item + .flow__item {

  margin-top: 24px;

}

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

  .flow__item + .flow__item {

    margin-top: 28px;

  }

}

.flow .flow-arrow {

  width: min(30%, 69px);

  margin: 22px auto;

}

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

  .flow .flow-arrow {

    width: min(10%, 69px);

    margin: 40px auto;

  }

}



/*----------------------

    doctor

-----------------------*/

.doctor {

  background: url(../images/sp/bg_sec9.png) no-repeat center top/cover;

  padding: 0 0 44px;

  text-align: center;

}

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

  .doctor {

    padding: 0 0 12vh;

    background: url(../images/bg_sec9.png) no-repeat center center/cover;

    text-align: left;

  }

}

.doctor__title {

  width: 100%;

  padding: 0 20px 0 0;

}

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

  .doctor__title {

    width: min(40vw, 632px);

    margin: 0 auto 20px 30vw;

    padding: 0;

  }

}

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

  .doctor__title {

    width: min(56vw, 632px);

    margin: 0 auto 0 18vw;

  }

}

.doctor__intro {

  width: 80vw;

  max-width: 1200px;

  display: grid;

  margin: 0 auto;

}

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

  .doctor__intro {

    grid-template-columns: calc(378px + 5vw) 1fr;

    grid-template-rows: 427px 1fr;

    gap: 30px 0;

    justify-content: center;

  }

}

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

  .doctor__intro {

    grid-template-columns: 260px 1fr;

    grid-template-rows: 290px 1fr;

    gap: 1rem;

  }

}

.doctor__image.img1 {

  order: 1;

  padding-bottom: 28px;

}

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

  .doctor__image.img1 {

    width: min(38%, 378px);

    grid-column: 1/3;

    grid-row: 1/3;

    padding-bottom: 0;

  }

}

.doctor__image.img2 {

  order: 3;

  padding-bottom: 28px;

}

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

  .doctor__image.img2 {

    width: min(38%, 378px);

    grid-column: 1/3;

    grid-row: 2/3;

    padding-bottom: 0;

  }

}

.doctor__image.img3 {

  order: 2;

  padding-bottom: 28px;

}

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

  .doctor__image.img3 {

    width: min(100%, 620px);

    grid-column: 2/3;

    grid-row: 1/3;

    padding-bottom: 0;

  }

}

.doctor__image.img4 {

  order: 4;

}

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

  .doctor__image.img4 {

    width: min(100%, 620px);

    grid-column: 2/3;

    grid-row: 2/3;

    padding-top: 50px;

  }

}

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

  .doctor__image.img4 {

    padding-top: 3.5rem;

  }

}



/*----------------------

    faq

-----------------------*/

.faq {

  background: url(../images/sp/bg_sec10.jpg) no-repeat left bottom/cover;

  padding: 0 10px 8vh;

  text-align: center;

}

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

  .faq {

    padding: 0 0 12vh;

    background: url(../images/bg_sec10.png) no-repeat left bottom/cover;

    text-align: left;

  }

}

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

  .faq {

    padding: 0 0 6vh;

  }

}

.faq__title {

  width: 100%;

  padding: 0 20px;

}

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

  .faq__title {

    width: 36vw;

    margin: 0 auto 20px;

  }

}

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

  .faq__title {

    width: min(56vw, 632px);

    margin: 0 auto 0 20vw;

  }

}

.faq__content {

  width: 100%;

  padding: 10px 20px;

}

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

  .faq__content .item {

    padding: 3.5rem 12rem;

  }

}

.faq__content .item + .item {

  padding-top: 30px;

}

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

  .faq__content .item + .item {

    padding-top: 3rem;

  }

}

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

  .faq__content .item {

    padding: 3.5rem 30px;

  }

}

.faq__content .item .btn {

  display: flex;

  gap: 1.7rem;

  width: 100%;

  border-bottom: 1px solid #B7AEA0;

  padding-bottom: 16px;

}

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

  .faq__content .item .btn {

    padding-bottom: 3.5rem;

    gap: 1rem;

  }

}

.faq__content .item .btn.is-open:after {

  background: url(../images/toggle-minus.svg) center no-repeat;

  transform: rotate(180deg);

}

.faq__content .item .btn .q {

  color: #313967;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 500;

  flex-shrink: 0;

  font-size: 2.5rem;

}

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

  .faq__content .item .btn .q {

    width: 3.3rem;

    height: 3.3rem;

    font-size: 4rem;

    margin-right: 3rem;

  }

}

.faq__content .item .btn .text {

  font-size: 1.7rem;

  font-weight: 500;

  color: #5a5a5a;

  line-height: 1.4;

  letter-spacing: 0.12em;

  margin-top: 1rem;

  text-align: left;

  font-size: 1.6rem;

}

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

  .faq__content .item .btn .text {

    font-size: 2.2rem;

    margin-top: 0.2rem;

  }

}

.faq__content .item .btn:after {

  content: "";

  background: url(../images/toggle-plus.svg) center no-repeat;

  background-size: contain;

  width: 2.8rem;

  height: 25px;

  margin-left: 1.3rem;

  flex-shrink: 0;

  align-self: center;

  margin-left: auto;

  flex-shrink: 0;

  transition: 0.3s ease;

}

.faq__content .item .ans {

  padding-top: 2.7rem;

  display: none;

}

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

  .faq__content .item .ans {

    padding-top: 2rem;

  }

}

.faq__content .item .ans__inner {

  display: flex;

  gap: 1.7rem;

}

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

  .faq__content .item .ans__inner {

    gap: 1rem;

  }

}

.faq__content .item .ans .a {

  display: flex;

  justify-content: center;

  flex-shrink: 0;

  color: #E3B263;

  font-size: 2.5rem;

}

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

  .faq__content .item .ans .a {

    font-size: 4rem;

    margin-right: 3rem;

  }

}

.faq__content .item .ans .text {

  font-size: 1.6rem;

  color: #5a5a5a;

  line-height: 2;

  text-align: left;

}

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

  .faq__content .item .ans .text {

    padding-top: 1.2rem;

  }

}

.faq__content .item .ans.is-open {

  display: block;

}



/*----------------------

    price

-----------------------*/

.price {

  background: url(../images/sp/bg_sec11.png) no-repeat center center/cover;

  padding: 17px 17px 40px;

}

@media only screen and (min-width: 992px) {

  .price {

    padding: 80px 0 110px;

    background: url(../images/bg_sec11.png) no-repeat center center/cover;

  }

}

.price__title {

  width: 100%;

  padding: 0 20px;

}

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

  .price__title {

    width: min(40vw, 632px);

    margin: 0 auto 20px;

  }

}

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

  .price__title {

    width: min(50vw, 632px);

    margin: 20px auto 0 20vw;

  }

}

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

  .price__content {

    width: 80%;

    max-width: 1000px;

    margin: 0 auto;

  }

}

.price__table {

  width: 95%;

  margin: 10px auto 0;

  border: 1px solid #B7AEA0;

}

@media only screen and (min-width: 992px) {

  .price__table {

    width: 100%;

    max-width: none;

    margin: 0;

    border: 2px solid #B7AEA0;

  }

  .price__table:first-of-type th {

    border-bottom: 2px solid #B7AEA0;

  }

  .price__table:last-of-type tr:last-of-type td {

    border-bottom: none;

  }

}

.price__table th {

  width: 65%;

  font-size: min(3.611vw, 1.4rem);

  letter-spacing: 0.1em;

  background-image: linear-gradient(transparent 0, rgba(227, 178, 99, 0.3) 0%);

  padding: 16px 12px;

  text-align: left;

  vertical-align: middle;

  font-weight: normal;

  border-right: 1px solid #B7AEA0;

  border-bottom: 1px solid #B7AEA0;

}

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

  .price__table th {

    width: 60%;

    font-size: min(1.464vw, 1.6rem);

    padding: min(1.612vw, 23px) min(2.016vw, 46px) min(1.612vw, 23px) min(2.016vw, 56px);

    border-right: 2px solid #B7AEA0;

  }

}

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

  .price__table th {

    border-right: 1px solid #B7AEA0;

  }

}

.price__table td {

  font-size: min(3.611vw, 1.4rem);

  letter-spacing: 0.1em;

  text-align: center;

  vertical-align: middle;

  border-bottom: 1px solid #B7AEA0;

}

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

  .price__table td {

    font-size: min(1.464vw, 1.6rem);

    padding: min(1.612vw, 23px) min(2.016vw, 46px) min(1.612vw, 23px) min(2.016vw, 56px);

    border-bottom: 2px solid #B7AEA0;

  }

}

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

  .price__table td {

    border-bottom: 1px solid #B7AEA0;

  }

}

.price .priceabout__title {

  width: 100%;

  padding: 0 0 0 20px;

}

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

  .price .priceabout__title {

    width: min(70vw, 900px);

    margin: 80px 0 0 calc(50% - 920px + 356px);

  }

}

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

  .price .priceabout__title {

    margin: 30px auto 0 20px;

  }

}

.price .priceabout__table {

  width: 95%;

  margin: 10px auto 0;

  border: 1px solid #B7AEA0;

}

@media only screen and (min-width: 992px) {

  .price .priceabout__table {

    width: 100%;

    max-width: none;

    margin: 0;

    border: 2px solid #B7AEA0;

  }

  .price .priceabout__table:first-of-type th {

    border-bottom: 2px solid #B7AEA0;

  }

  .price .priceabout__table:last-of-type tr:last-of-type td {

    border-bottom: none;

  }

}

.price .priceabout__table th {

  font-size: 1.6rem;

  letter-spacing: 0.1em;

  background-image: linear-gradient(transparent 0, rgba(227, 178, 99, 0.3) 0%);

  padding: 16px 12px;

  font-weight: normal;

  display: table-cell;

  vertical-align: middle;

  text-align: center;

  border-right: 1px solid #B7AEA0;

  border-bottom: 1px solid #B7AEA0;

}

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

  .price .priceabout__table th {

    font-size: min(1.464vw, 2rem);

    padding: min(1.612vw, 23px) min(2.016vw, 46px) min(1.612vw, 23px) min(2.016vw, 56px);

    text-align: left;

    border-right: 2px solid #B7AEA0;

  }

}

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

  .price .priceabout__table th {

    border-right: 1px solid #B7AEA0;

  }

}

.price .priceabout__table td {

  width: 70%;

  font-size: min(3.611vw, 1.4rem);

  letter-spacing: 0;

  padding: 16px 10px;

  border-bottom: 1px solid #B7AEA0;

  text-align: center;

  vertical-align: middle;

}

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

  .price .priceabout__table td {

    font-size: min(1.464vw, 2rem);

    letter-spacing: 0.1em;

    padding: min(1.612vw, 23px) min(2.016vw, 46px) min(1.612vw, 23px) min(2.016vw, 56px);

    text-align: left;

    border-bottom: 2px solid #B7AEA0;

  }

}

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

  .price .priceabout__table td {

    border-bottom: 1px solid #B7AEA0;

  }

}



/*----------------------

    banner

-----------------------*/

.banner {

  background-image: linear-gradient(transparent 0, rgba(227, 178, 99, 0.15) 0%);

  padding: 24px 0 8vh;

}

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

  .banner {

    padding-top: min(7.962vw, 77px);

    padding-bottom: min(5.636vw, 77px);

  }

}

.banner__title {

  width: 95%;

  margin: 20px auto 0;

}

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

  .banner__title {

    width: min(80%, 986px);

    margin: 0 auto;

  }

}

.banner__body {

  width: 82vw;

  margin: 30px auto 0;

}

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

  .banner__body {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 40px auto 0;

  }

}

.banner__item {

  margin: 0 0 22px 0;

}

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

  .banner__item {

    width: min(48%, 530px);

    margin: 0 46px 0 0;

  }

}



/*----------------------

    contact

-----------------------*/

.contact {

  background: #E3B263;

  padding: 60px 0 56px;

}

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

  .contact {

    padding: 50px 0 30px;

  }

}

.contact__title {

  width: min(100%, 265px);

  margin: 0 auto;

  transform: translateX(-40px);

  position: relative;

}

.contact__title::before {

  content: "";

  position: absolute;

  top: -50px;

  left: -75px;

  transform: rotate(-14deg);

  width: 273px;

  height: 85px;

  background: url(../images/sp/contact_title-deco.svg) no-repeat center center/contain;

}

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

  .contact__title {

    transform: translate(0);

  }

  .contact__title::before {

    content: "";

    position: absolute;

    top: 10px;

    left: max(-35vw, -480px);

    width: min(40.263vw, 550px);

    height: min(8.199vw, 112px);

    transform: rotate(-14deg);

    background: url(../images/contact_title-en.svg) no-repeat center center/contain;

  }

}

.contact__list {

  padding: 0 26px;

}

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

  .contact__list {

    display: flex;

    flex-direction: column-reverse;

    width: clamp(690px, 76.5vw, 1045px);

    padding: 0;

    margin: 30px auto 0;

  }

}

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

  .contact__item-wrap {

    display: flex;

    align-items: center;

  }

}

.contact__item {

  margin: 20px auto 0;

  max-width: 370px;

  position: relative;

}

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

  .contact__item {

    max-width: none;

  }

}

.contact__item a {

  display: block;

  height: 100%;

}

.contact__item.form a {

  position: absolute;

  top: 27.5px;

  right: 62px;

  width: 40%;

}

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

  .contact__item.form a {

    top: 18px;

  }

}

.contact__text {

  text-align: center;

  color: #fff;

  letter-spacing: 0.1em;

  font-family: "Noto Serif JP", serif;

  font-weight: 700;

}

.contact__text--sp {

  font-size: min(1.6rem, 4.1vw);

  letter-spacing: 0.14em;

}

.contact__text--pc {

  margin-top: 1em;

  font-size: clamp(1.8rem, 1.83vw, 2.5rem);

}

.contact__text a {

  color: #fff;

}



/*----------------------

    footer

-----------------------*/

.footer {

  padding: 18px 0;

}

.footer__copy {

  color: #5a5a5a;

  font-size: 1.2rem;

  letter-spacing: 0.03em;

  font-weight: bold;

  text-align: center;

}

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

  .footer__copy {

    font-size: 1.4rem;

    letter-spacing: 0.1em;

  }

}/*# sourceMappingURL=style.css.map */