@charset "UTF-8";
/*---------- Start Colors ----------*/
/*
START MEDIA QUERY MANAGER

@media only screen and (min-width: 1800px){}
@media only screen and (min-width: 1550px){}
@media only screen and (min-width: 1200px){}
@media only screen and (min-width: 1025px){}
@media only screen and (min-width: 992px){}
@media only screen and (min-width: 768px){}
@media only screen and (min-width: 576px){}
@media only screen and (min-width: 421px){}
@media only screen and (min-width: 381px){}

@media only screen and (max-width: 1799px){}
@media only screen and (max-width: 1549px){}
@media only screen and (max-width: 1199px){}
@media only screen and (max-width: 1024px){}
@media only screen and (max-width: 991px){}
@media only screen and (max-width: 767px){}
@media only screen and (max-width: 575px){}
@media only screen and (max-width: 420px){}
@media only screen and (max-width: 380px){}

@media only screen and (min-width: 1549px) and (max-width: 1799px){}
@media only screen and (min-width: 1025px) and (max-width: 1300px){}
@media only screen and (min-width: 992px) and (max-width: 1199px){}
@media only screen and (min-width: 992px) and (max-width: 1024px){}
@media only screen and (min-width: 768px) and (max-width: 991px){}
@media only screen and (min-width: 576px) and (max-width: 767px){}

END MEDIA QUERY MANAGER
*/
/*====================================================================================
START TABLE OF CONTENT

1. START COMMON ONLY CHILD PAGE.
1.1 START HEADING, TITLE CHILD PAGE.
1.2 START BUTTON CHILD PAGE.
1.3 START GSAP CHILD PAGE.
1.4 START SIDEBAR CHILD PAGE.
1.5 START TABLE CHILD PAGE.
1.6 START LIST BOX, BOX CHILD PAGE.
1.7 START GROUP CHILD PAGE.
1.8 START POSTS, LIST POST CHILD PAGE.
1.9 START MAP CHILD PAGE.
1.10 START BLOCK, LIST BLOCK CHILD PAGE.
1.11 START SECTION CHILD PAGE.
1.12 START TOGGLE CHILD PAGE.
1.13 START CIRCLE CHILD PAGE.

2. START PAGE VISUAL SECTION.
3. START BREADCRUMB SECTION.

4. START FAQ PAGE.
5. START ABOUT PAGE.
6. START BEGINNER PAGE.
7. START MENU PAGE.
8. START PRICE PAGE.
9. START MAIBOTSU PAGE.
10. START SEKKAI PAGE.
11. START THREAD LIFT PAGE.
12. START EYE AGENG PAGE.
13. START LIPOSUCTION PAGE.
14. START FACE CRF PAGE.
15. START HYALURONIC PAGE.

END TABLE OF CONTENT
====================================================================================*/
/*====================================================================================
1. START COMMON ONLY CHILD PAGE.
====================================================================================*/
/*---------- START BASE ----------*/
body {
  background-color: var(--color-beige);
}

/*---------- END BASE ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1. END COMMON ONLY CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.1 START HEADING, TITLE CHILD PAGE.
====================================================================================*/
/*---------- START HEADING MAIN ----------*/
.heading-main {
  text-align: center;
}

.heading-main__wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26rem;
  min-height: 6rem;
  padding: 1rem;
  border-radius: 3rem;
}

.heading-main--brown .heading-main__wrap {
  background-color: var(--color-brown);
}

.heading-main--umber .heading-main__wrap {
  background-color: var(--color-umber);
}

.heading-main__title {
  color: var(--color-white);
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .heading-main__wrap {
    min-height: 5.5rem;
  }
}
/*---------- END HEADING MAIN ----------*/
/*---------- START HEADING PAGE ----------*/
.heading-page {
  text-align: center;
}

.heading-page__text span {
  position: relative;
  display: inline-block;
  padding: 0 3rem;
  font-weight: 1.6rem;
  font-weight: 400;
}
.heading-page__text span::before, .heading-page__text span::after {
  position: absolute;
  content: "";
  top: 50%;
  height: 1px;
  width: 1.2rem;
  background-color: currentColor;
}
.heading-page__text span::before {
  left: 0;
}
.heading-page__text span::after {
  right: 0;
}

.heading-page__title {
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: var(--font-noto-serif-jp);
}

@media only screen and (max-width: 767px) {
  .heading-page__text span {
    padding: 0 2.5rem;
  }
  .heading-page__title {
    font-size: 2.2rem;
  }
}
/*---------- END HEADING PAGE ----------*/
/*---------- START HEADING GROUP ----------*/
.heading-group {
  display: flex;
  align-items: center;
  min-height: 6rem;
  padding: 1rem 2.8rem;
  border-radius: 1rem;
  background-color: var(--color-brown);
}

.heading-group__title {
  color: var(--color-white);
  font-size: 2.4rem;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .heading-group {
    min-height: 5.5rem;
    padding: 1rem 2rem;
  }
  .heading-group__title {
    font-size: 2.2rem;
  }
}
/*---------- END HEADING GROUP ----------*/
/*---------- START TITLE MAIN ----------*/
.title-main {
  text-align: center;
}

.title-main__ja {
  position: relative;
  display: inline-block;
  padding: 0 5rem;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: var(--font-noto-serif-jp);
}
.title-main__ja::before, .title-main__ja::after {
  position: absolute;
  content: "";
  top: 50%;
  width: 2.8rem;
  height: 1px;
  background-color: var(--color-brown-second);
}
.title-main__ja::before {
  left: 0;
}
.title-main__ja::after {
  right: 0;
}

@media only screen and (max-width: 767px) {
  .title-main__ja {
    padding: 0 3rem;
    font-size: 2.2rem;
  }
  .title-main__ja::before, .title-main__ja::after {
    width: 2.2rem;
  }
}
/*---------- END TITLE MAIN ----------*/
/*---------- START TITLE BASE ----------*/
.title-base {
  font-size: 3rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.05em;
  font-family: var(--font-noto-serif-jp);
}

@media only screen and (max-width: 767px) {
  .title-base {
    font-size: 2.2rem;
  }
}
/*---------- END TITLE BASE ----------*/
/*---------- START TITLE BANNER ----------*/
.title-bnr__ja {
  position: relative;
  display: inline-block;
  padding-bottom: 1.5rem;
  color: var(--color-white);
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: var(--font-noto-serif-jp);
}
.title-bnr__ja::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  height: 4px;
  width: 20.5rem;
  transform: translateX(-50%);
  background-color: var(--color-white);
}

@media only screen and (max-width: 767px) {
  .title-bnr__ja {
    padding-bottom: 1.2rem;
    font-size: 2.2rem;
  }
  .title-bnr__ja:before {
    width: 16rem;
  }
}
/*---------- END TITLE BANNER ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1.1 END HEADING, TITLE CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.2 START BUTTON CHILD PAGE.
====================================================================================*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1.2 END BUTTON CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.3 START GSAP CHILD PAGE.
====================================================================================*/
/*---------- START PINNED SECTION ----------*/
@media only screen and (min-width: 768px) {
  .pinned-section__row {
    display: flex;
    align-items: flex-start;
  }
  .pinned-section__row .pinned-element {
    width: 28rem;
  }
  .pinned-section__row .scrolling-element {
    flex: 1;
    min-width: 1px;
    padding-left: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .pinned-section .pinned-element {
    margin-bottom: 3rem;
  }
}
/*---------- END PINNED SECTION ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1.3 END GSAP CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.4 START SIDEBAR CHILD PAGE.
====================================================================================*/
/*---------- START SIDEBAR BASE ----------*/
.sidebar__title {
  color: var(--color-brown-second);
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: var(--font-sorts-mill-goudy);
}

.sidebar__item {
  margin-top: 0.8rem;
}
.sidebar__item:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .sidebar {
    display: flex;
  }
  .sidebar__left {
    width: 3.6rem;
  }
  .sidebar__right {
    flex: 1;
    min-width: 1px;
    padding-left: 2.5rem;
  }
  .sidebar__title {
    cursor: vertical-text;
    direction: rtl;
    writing-mode: vertical-rl;
    text-orientation: sideways-right;
    line-height: 1;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar__left {
    margin-bottom: 1rem;
  }
  .sidebar__title {
    font-size: 2.5rem;
  }
  .sidebar__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sidebar__item {
    width: calc(50% - 0.5rem);
  }
  .sidebar__item:nth-child(2) {
    margin-top: 0;
  }
}
/*---------- END SIDEBAR BASE ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1.4 END SIDEBAR CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.5 START TABLE CHILD PAGE.
====================================================================================*/
/*---------- START TABLE ----------*/
.tbl__dl {
  border-bottom: 1px solid var(--color-black-fifth);
}
.tbl__dl:first-child .tbl__dt {
  padding-top: 0;
}

.tbl__dt {
  padding: 2.2rem 0 2.2rem 0;
  font-size: 1.6rem;
  font-weight: 700;
}

.tbl__dd {
  font-size: 1.6rem;
  font-weight: 400;
  padding: 2.2rem 0 2.2rem 3.5rem;
}

.tbl .map-main {
  margin-top: 2rem;
}
.tbl .map-main__gg {
  height: 36rem;
}

@media only screen and (min-width: 768px) {
  .tbl__dl {
    display: flex;
  }
  .tbl__dl:first-child .tbl__dd {
    padding-top: 0;
  }
  .tbl__dt {
    width: 18rem;
  }
  .tbl__dd {
    flex: 1;
    min-width: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .tbl__dt {
    padding: 1.1rem 0 0.5rem 0;
    font-size: 1.4rem;
  }
  .tbl__dd {
    padding: 0 0 1.35rem 0;
    font-size: 1.4rem;
  }
  .tbl .map-main {
    margin-top: 1rem;
  }
  .tbl .map-main__gg {
    height: 65vw;
    min-height: 26rem;
  }
}
/*---------- END TABLE ----------*/
/*---------- START TABLE ABOUT ----------*/
.tbl-about {
  max-width: 96rem;
  margin: 0 auto;
}

/*---------- END TABLE ABOUT ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1.5 END TABLE CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.6 START LIST BOX, BOX CHILD PAGE.
====================================================================================*/
/*---------- START BOX SIGN ----------*/
.box-sign__office {
  margin-bottom: 0.5rem;
  color: var(--color-brown-second);
  font-size: 2.4rem;
  font-weight: 400;
  font-family: var(--font-noto-serif-jp);
}

.box-sign__name-ja {
  font-size: 3.6rem;
  font-weight: 400;
  font-family: var(--font-noto-serif-jp);
}

.box-sign__name-en {
  position: relative;
  padding-left: 3.2rem;
  font-size: 1.9rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.box-sign__name-en::before {
  position: absolute;
  content: "／";
  left: 1rem;
  bottom: 0;
  color: var(--color-brown-second);
  font-size: 1.6rem;
  font-weight: 500;
  transform: rotate(-4deg);
}

@media only screen and (max-width: 767px) {
  .box-sign__office {
    margin-bottom: 0.2rem;
    font-size: 1.9rem;
  }
  .box-sign__name-ja {
    font-size: 2.5rem;
  }
  .box-sign__name-en {
    padding-left: 2.8rem;
    font-size: 1.6rem;
  }
  .box-sign__name-en::before {
    left: 0.5rem;
    bottom: -0.2rem;
  }
}
/*---------- END BOX SIGN ----------*/
/*---------- START LIST BOX MAIN ----------*/
.list-box-main .box-main {
  margin-top: 4rem;
}
.list-box-main .box-main:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .list-box-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .list-box-main .box-main {
    width: calc(50% - 2rem);
  }
  .list-box-main .box-main--full-width {
    width: 100%;
  }
  .list-box-main .box-main:nth-child(2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .list-box-main .box-main {
    margin-top: 2.5rem;
  }
}
/*---------- END LIST BOX MAIN ----------*/
/*---------- START BOX MAIN ----------*/
.box-main {
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
  background-color: var(--color-white);
}

.box-main__head {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 6rem;
  color: var(--color-white);
  text-align: center;
}

.box-main__title {
  font-size: 2.2rem;
  font-weight: 400;
}

.box-main__body {
  padding: 3rem 8% 3.5rem 7%;
}

.box-main__list > li:first-child {
  margin-top: 0;
}

.box-main__tbl-title {
  margin-bottom: 0.4rem;
  font-size: 1.6rem;
  font-weight: 400;
}

.box-main--brown .box-main__head {
  background-color: var(--color-brown);
}

.box-main--umber .box-main__head {
  background-color: var(--color-umber);
}

.box-main--bg-gray {
  background-color: var(--color-gray-third);
}

@media only screen and (min-width: 768px) {
  .box-main__row {
    margin-top: 2rem;
  }
  .box-main__tbl {
    margin-top: 2rem;
  }
  .box-main__tbl:first-child {
    margin-top: 0;
  }
  .box-main__body{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }

}
@media only screen and (max-width: 767px) {
  .box-main__head {
    min-height: 5.5rem;
  }
  .box-main__title {
    font-size: 2rem;
  }
  .box-main__tbl {
    margin-top: 1rem;
  }
  .box-main__tbl-title {
    font-size: 1.4rem;
  }
}

.benefit .box-main__list{
  display: flex;
  flex-direction: column;
}

.benefit .box-main__list > li {
  height: auto;
  width: 100%;
  max-width: 580px;
  margin: 0 auto 2rem;
  padding: 0 1rem;
  display: flex;
  align-items: end;
}

.benefit .box-main__list > li > span{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-white);
  width: 7rem;
  aspect-ratio: 1/1;
  border-radius: 50% 50% 0 50%;
  position: relative;
  z-index: 10;
}

.benefit .box-main__list > li > span > img{
  width: 65%;
  height: auto;
  display: block;
}

.benefit .box-main__list > li > p{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  background-color: var(--color-white);
  padding: 2.5% .3rem;
  line-height: 1.3;
  color: var(--color-brown-second);
  font-size: clamp(1rem, 0.591rem + 2vw, 1.8rem);
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
  box-shadow: -1rem 0 0 var(--color-white);
  /*word-break: auto-phrase;*/
  word-break: keep-all;
  overflow-wrap: break-word;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .benefit .box-main__list{
    padding-top: 5rem;
  }

  .benefit .box-main__list{
    flex-direction: row;
    justify-content: space-around;
  }
  .benefit .box-main__list > li{
    max-width: initial;
    width: 23%;
    flex-direction: column;
    align-items: center;
  }
  .benefit .box-main__list > li > span{
    border-radius: 50%;
  }
  .benefit .box-main__list > li > p{
    width: 100%;
    font-size: clamp(1rem, 0.591rem + 1.3vw, 1.7rem);
    padding: 20% 1rem 15% 1rem;
    transform: translate(0,-3rem);
    box-shadow: none;
    text-align: center;
  }
}
/*---------- END BOX MAIN ----------*/
/*---------- START BOX FAQ ----------*/
.box-faq {
  overflow: hidden;
  border-radius: 1rem 1rem 0 0;
  background-color: #F4F3F2;
}

.box-faq__head {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 6rem;
  background-color: #CCBEBB;
}

.box-faq__body {
  padding: 1.5rem;
}

.box-faq__title {
  color: var(--color-white);
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
}

.box-faq__subtitle {
  margin-bottom: 1rem;
  color: var(--color-black-third);
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
}

.box-faq__btns {
  text-align: center;
}
.box-faq__btns .btn {
  margin-top: 1rem;
}
.box-faq__btns .btn:first-child {
  margin-top: 0;
}

.box-faq .box-tel {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .box-faq__subtitle {
    font-size: 1.6rem;
  }
}
/*---------- END BOX FAQ ----------*/
/*---------- START LIST BOX PAGE ----------*/
@media only screen and (min-width: 768px) {
  .list-box-page .box-page {
    width: calc(33.333% - 1.5px);
  }
  .list-box-page .box-page:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) {
  .list-box-page {
    display: flex;
    flex-wrap: wrap;
  }
  .list-box-page .box-page {
    margin-right: 2px;
  }
  .list-box-page .box-page:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .list-box-page {
    margin-top: 1.5rem;
  }
  .list-box-page .box-page {
    margin-top: 1.5rem;
  }
  .list-box-page .box-page:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .list-box-page .box-page {
    width: calc(50% - 1px);
  }
  .list-box-page .box-page:nth-child(even) {
    margin-right: 0;
  }
  .list-box-page .box-page:nth-child(2) {
    margin-top: 0;
  }
}
/*---------- END LIST BOX PAGE ----------*/
/*---------- START BOX PAGE ----------*/
.box-page {
  overflow: hidden;
  border-radius: 1rem 1rem 0 0;
  background-color: #FFFFFF;
}

.box-page__head {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 6rem;
  background-color: #CCBEBB;
}

.box-page__body {
  padding: 1.2rem;
}

.box-page__title {
  color: var(--color-white);
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}

.box-page__subtitle {
  margin-bottom: 1rem;
  color: var(--color-black-third);
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.05em;
}

.box-page__btns {
  text-align: center;
}
.box-page__btns .btn {
  margin-top: 1rem;
}
.box-page__btns .btn:first-child {
  margin-top: 0;
}

.box-page .box-tel {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .box-page__subtitle {
    font-size: 1.6rem;
  }
}
/*---------- END BOX PAGE ----------*/
/*---------- START LIST BOX BEGINNER ----------*/
.list-box-beginner {
  position: relative;
}
.list-box-beginner::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  height: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background-color: var(--color-beige);
}

@media only screen and (min-width: 768px) {
  .list-box-beginner {
    display: flex;
    justify-content: space-between;
  }
  .list-box-beginner .box-beginner {
    width: calc(50% - 2rem);
  }
}
@media only screen and (max-width: 767px) {
  .list-box-beginner .box-beginner {
    margin-top: 2.5rem;
  }
  .list-box-beginner .box-beginner:first-child {
    margin-top: 0;
  }
}
/*---------- END LIST BOX BEGINNER ----------*/
/*---------- START BOX BEGINNER ----------*/
.box-beginner {
  position: relative;
  border-radius: 1rem;
  text-align: center;
  background-color: var(--color-white);
}
.box-beginner::before {
  position: absolute;
  content: "";
  top: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  border-radius: 1rem;
}

.box-beginner__wrap {
  position: relative;
  padding: 2rem 0 4rem 0;
  border-radius: 0 0 1rem 1rem;
  background-color: var(--color-white);
}

.box-beginner__title {
  margin-bottom: 1.2rem;
  font-size: 2.2rem;
  font-weight: 700;
}

.box-beginner__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2.5rem;
  padding: 0 2%;
}

.box-beginner__item {
  width: 32%;
  margin-right: 2%;
}
.box-beginner__item:last-child {
  margin-right: 0;
}

.box-beginner__item-icon {
  width: 9.4rem;
  height: 9.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.box-beginner__item-title {
  margin-top: 0.5rem;
  font-size: 1.6rem;
  font-weight: 700;
}

.box-beginner__desc {
  padding: 0 2.5rem;
}

.box-beginner--brown::before {
  background-color: var(--color-brown);
}

.box-beginner--umber::before {
  background-color: var(--color-umber);
}

@media only screen and (max-width: 767px) {
  .box-beginner__wrap {
    padding: 2rem 0 2.5rem 0;
  }
  .box-beginner__title {
    margin-bottom: 0.7rem;
    font-size: 1.8rem;
  }
  .box-beginner__list {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 575px) {
  .box-beginner__item {
    width: 48%;
    margin-top: 0.5rem;
  }
  .box-beginner__item:first-child, .box-beginner__item:nth-child(2) {
    margin-top: 0;
  }
  .box-beginner__item-title {
    margin-top: 0;
  }
}
/*---------- END BOX BEGINNER ----------*/
/*---------- START LIST BOX MENU ----------*/
.list-box-menu {
  padding: 4rem;
  border-radius: 1rem;
  background-color: var(--color-white);
}
.list-box-menu .box-menu:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .list-box-menu .box-menu {
    width: calc(50% - 1.5rem);
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 576px) {
  .list-box-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  .list-box-menu .box-menu:nth-child(2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .list-box-menu {
    padding: 1.5rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .list-box-menu .box-menu {
    width: calc(50% - 0.75rem);
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 575px) {
  .list-box-menu {
    padding: 1.5rem;
  }
  .list-box-menu .box-menu {
    margin-top: 1.5rem;
  }
}
/*---------- END LIST BOX MENU ----------*/
/*---------- START BOX MENU ----------*/
.box-menu {
  border: 1px solid var(--color-black-fifth);
}

.box-menu__head {
  position: relative;
  display: flex;
  align-items: center;
  padding: 3rem 5rem 3rem 2rem;
}
.box-menu__head::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 2rem;
  width: 1.8rem;
  height: 2.6rem;
  margin-top: -1.3rem;
  background-image: url("./../images/common/arrow-down04-black.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.box-menu__head.active::before {
  transform: rotate(180deg);
}

.box-menu__icon {
  width: 11.5rem;
  height: 11.5rem;
}

.box-menu__heading {
  flex: 1;
  min-width: 1px;
  padding-left: 2rem;
}

.box-menu__title span {
  display: block;
  font-weight: 400;
}

.box-menu__title-lg {
  margin-bottom: 0.7rem;
  font-size: 2.6rem;
}

.box-menu__title-sm {
  font-size: 2rem;
}

.box-menu__body {
  display: none;
}

.box-menu__inner {
  max-width: 39rem;
  margin: 0 auto;
  padding: 0 2rem 5rem 2rem;
}

.box-menu__list {
  margin-top: -1rem;
}

@media only screen and (max-width: 767px) {
  .box-menu__icon {
    width: 6.5rem;
    height: 6.5rem;
  }
  .box-menu__head {
    padding: 1rem 3rem 1rem 1rem;
    min-height: 9.5rem;
  }
  .box-menu__head::before {
    right: 1rem;
    width: 1.2rem;
    height: 1.8rem;
    margin-top: -0.9rem;
  }
  .box-menu__heading {
    padding-left: 1rem;
  }
  .box-menu__title-lg {
    margin-bottom: 0.3rem;
    font-size: 1.6rem;
  }
  .box-menu__title-sm {
    font-size: 1.2rem;
  }
  .box-menu__inner {
    padding: 0 2.5rem 2.5rem 2.5rem;
  }
}
@media only screen and (max-width: 575px) {
  .box-menu__head {
    min-height: 8.5rem;
  }
}
/*---------- END BOX MENU ----------*/
/*---------- START LIST CHECK ----------*/
.list-check > li {
  position: relative;
  font-size: 1.8rem;
}
.list-check > li::before {
  position: absolute;
  content: "";
  top: 0.8rem;
  left: 0;
  width: 2.2rem;
  height: 2.2rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.4s ease;
}
.list-check > li:first-child {
  margin-top: 0;
}

.list-check--circle-green > li::before {
  background-image: url("./../images/common/icon-check-green.svg");
}

.list-check--circle-white > li {
  color: var(--color-white);
}
.list-check--circle-white > li::before {
  background-image: url("./../images/common/icon-check-white.svg");
}

@media only screen and (min-width: 768px) {
  .list-check > li {
    margin-top: 1.5rem;
    padding-left: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .list-check > li {
    margin-top: 1rem;
    padding-left: 2.4rem;
    font-size: 1.6rem;
  }
  .list-check > li::before {
    top: 0.55rem;
    width: 1.7rem;
    height: 1.7rem;
  }
}
/*---------- END LIST CHECK ----------*/
/*---------- START LIST CHECK TWO COL ----------*/
@media only screen and (min-width: 768px) {
  .list-check--two-col > li {
    width: calc(50% - 1.5rem);
    margin-left: 3rem;
  }
}
@media only screen and (min-width: 576px) {
  .list-check--two-col {
    display: flex;
    flex-wrap: wrap;
  }
  .list-check--two-col > li:nth-child(2) {
    margin-top: 0;
  }
  .list-check--two-col > li:nth-child(odd) {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .list-check--two-col > li {
    width: calc(50% - 1rem);
    margin-left: 2rem;
  }
}
/*---------- END LIST CHECK TWO COL ----------*/
/*---------- START BOX COMPARE ----------*/
.box-compare {
  border-radius: 1rem;
  background-color: var(--color-white);
}

.box-compare__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16rem;
  min-height: 3.5rem;
  border-radius: 0.7rem 0 0.7rem 0;
}

.box-compare__title {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
  color: var(--color-white);
}

.box-compare__wrap {
  padding: 2.5rem;
}

.box-compare__dl {
  display: flex;
}

.box-compare__dt,
.box-compare__dd {
  font-size: 1.8rem;
}

.box-compare__dt {
  flex: 0 0 auto;
}

.box-compare__dl {
  flex: 1;
  min-width: 1px;
}

.box-compare--brown .box-compare__tag {
  background-color: var(--color-brown);
}

.box-compare--umber .box-compare__tag {
  background-color: var(--color-umber);
}

@media only screen and (max-width: 767px) {
  .box-compare__wrap {
    padding: 2rem 1rem;
  }
  .box-compare__dl {
    margin-top: 0.5rem;
  }
  .box-compare__dl:first-child {
    margin-top: 0;
  }
  .box-compare__dt,
  .box-compare__dd {
    font-size: 1.6rem;
  }
}
/*---------- END BOX COMPARE ----------*/
/*---------- START LIST BOX COMPARE ----------*/
@media only screen and (min-width: 768px) {
  .list-box-compare {
    display: flex;
    justify-content: space-between;
  }
  .list-box-compare .box-compare {
    width: calc(50% - 2rem);
  }
}
@media only screen and (max-width: 767px) {
  .list-box-compare .box-compare {
    margin-top: 3rem;
  }
  .list-box-compare .box-compare:first-child {
    margin-top: 0;
  }
}
/*---------- END LIST BOX COMPARE ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1.6 END LIST BOX, BOX CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.7 START GROUP CHILD PAGE.
====================================================================================*/
/*---------- START GROUP MAIN ----------*/
.group-main {
  overflow: hidden;
  border-radius: 1rem 1rem 0 0;
  background-color: var(--color-white);
}

.group-main__head {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 6rem;
  padding: 1rem;
  text-align: center;
  background-color: var(--color-gray-fourth);
}

.group-main--brown .group-main__head {
  background-color: var(--color-brown)
}

.group-main--umber .group-main__head {
  background-color:  var(--color-umber);
}

.group-main__title {
  color: var(--color-white);
  font-size: 2.2rem;
  letter-spacing: 0.05em;
}

.group-main__body {
  padding: 3.5rem 5rem;
}

@media only screen and (max-width: 767px) {
  .group-main__head {
    min-height: 5.5rem;
  }
  .group-main__title {
    font-size: 1.9rem;
  }
  .group-main__body {
    padding: 2rem;
  }
}
@media only screen and (max-width: 575px) {
  .group-main__body {
    padding: 1rem 1.5rem;
  }
}
/*---------- END GROUP MAIN ----------*/
/*---------- START GROUP PAGE ----------*/
.group-page {
  border-radius: 1rem;
}
.group-page .heading-main {
  position: relative;
  background-color: var(--color-beige);
}
.group-page .heading-main::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  border-radius: 1rem 1rem 0 0;
}

.group-page__body {
  padding: 3.5rem 3rem 4rem 3rem;
}

.group-page__figure {
  margin-bottom: 3rem;
  padding: 2rem;
  text-align: center;
  border-radius: 1rem;
  background-color: var(--color-white);
  border: 1px solid #D2D2D2;
}

.group-page__desc {
  margin-bottom: 3rem;
}

.group-page__subtitle {
  margin-bottom: 3.5rem;
  font-size: 1.8rem;
  text-align: center;
}

.group-page__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 4rem;
}

.group-page__item {
  margin-right: 2rem;
}
.group-page__item:last-child {
  margin-right: 0;
}

.group-page .tbl-sekkai {
  margin-top: auto;
}

.group-page--brown {
  background-color: var(--color-white);
}
.group-page--brown .heading-main::before {
  background-color: var(--color-white);
}
.group-page--brown .group-page__subtitle a {
  color: var(--color-brown);
}

.group-page--umber {
  background-color: var(--color-beige-second);
}
.group-page--umber .heading-main::before {
  background-color: var(--color-beige-second);
}
.group-page--umber .group-page__subtitle a {
  color: var(--color-umber);
}

@media only screen and (min-width: 768px) {
  .group-page__figure {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .group-page__body {
    padding: 2.5rem 1.5rem 3rem 1.5rem;
  }
  .group-page__figure {
    margin-bottom: 2rem;
    padding: 1.5rem;
  }
  .group-page__subtitle {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .group-page__desc {
    margin-bottom: 2rem;
  }
  .group-page__list {
    margin-bottom: 2.5rem;
  }
  .group-page__item {
    margin-right: 1.5rem;
  }
}
/*---------- END GROUP PAGE ----------*/
/*---------- START LIST GROUP PAGE ----------*/
@media only screen and (min-width: 768px) {
  .list-group-page {
    display: flex;
  }
  .list-group-page .group-page {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .list-group-page .group-page {
    margin-top: 3rem;
  }
  .list-group-page .group-page:first-child {
    margin-top: 0;
  }
}
/*---------- END LIST GROUP PAGE ----------*/
/*---------- START GROUP BEGINNER ----------*/
.group-beginner {
  padding: 4.5rem 5rem 5rem 5rem;
  border-radius: 1.3rem;
  background-color: var(--color-white);
}

.group-beginner__title {
  margin-bottom: 2.5rem;
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
}

.group-beginner__list {
  margin-top: 4rem;
}

@media only screen and (max-width: 767px) {
  .group-beginner {
    padding: 2.5rem 1.5rem 3rem 1.5rem;
  }
  .group-beginner__title {
    margin-bottom: 1.5rem;
    font-size: 2rem;
  }
  .group-beginner__list {
    margin-top: 2rem;
  }
}
/*---------- END GROUP BEGINNER ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1.7 END GROUP CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.8 START POSTS, LIST POST CHILD PAGE.
====================================================================================*/
/*---------- START POSTS MAIN ----------*/
.posts-main__head {
  display: flex;
  margin-bottom: 2rem;
}

.posts-main__head-right {
  padding: 0.4rem 0 0 2rem;
}

.posts-main__title {
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: var(--font-noto-serif-jp);
}

.posts-main__row {
  margin-bottom: 5.5rem;
}

.posts-main__figure img {
  width: 100%;
  border-radius: 1rem;
}

.posts-main__desc {
  margin-bottom: 3.5rem;
}

.posts-main__gallery {
  padding: 5rem 7rem;
  text-align: center;
  border-radius: 1rem;
  background-color: var(--color-white);
}

@media only screen and (min-width: 768px) {
  .posts-main__left {
    float: right;
    width: 55.9rem;
    padding-left: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .posts-main__head {
    margin-bottom: 1.5rem;
  }
  .posts-main__head-right {
    padding: 0.1rem 0 0 1.5rem;
  }
  .posts-main__title {
    font-size: 2rem;
  }
  .posts-main__row {
    margin-bottom: 2.5rem;
  }
  .posts-main__left {
    margin-bottom: 2rem;
  }
  .posts-main__desc {
    margin-bottom: 2.5rem;
  }
  .posts-main__gallery {
    padding: 2rem 1rem;
  }
  .posts-main__tags {
    margin-bottom: 2rem;
  }
}
/*---------- END POSTS MAIN ----------*/
/*---------- START POSTS MAIN POINT ----------*/
.posts-main--point .posts-main__head {
  flex-direction: row-reverse;
}

@media only screen and (min-width: 768px) {
  .posts-main--point .posts-main__head-left {
    flex: 1;
    min-width: 1px;
  }
  .posts-main--point .posts-main__head-right {
    flex: 0 0 auto;
    padding: 0.3rem 2rem 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .posts-main--point .posts-main__head {
    flex-direction: column-reverse;
  }
  .posts-main--point .posts-main__head-right {
    margin-bottom: 1.2rem;
    padding: 0;
  }
}
/*---------- END POSTS MAIN POINT ----------*/
/*---------- START LIST POSTS MAIN ----------*/
.list-posts-main .posts-main {
  margin-top: 6.5rem;
}
.list-posts-main .posts-main:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .list-posts-main .posts-main {
    margin-top: 4rem;
  }
}
/*---------- END LIST POSTS MAIN ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1.8 END POSTS, LIST POST CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.9 START MAP CHILD PAGE.
====================================================================================*/
/*---------- START MAP MAIN ----------*/
.map-main__title {
  margin-bottom: 2.5rem;
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
}

.map-main__gg {
  display: flex;
  width: 100%;
  /* padding-top: 50rem; */
  overflow: hidden;
  border-radius: 1.3rem;
  position: relative;
}
.map-main__gg iframe {
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  width: 100%;
  height: 100%;
  /* height: calc(100% + 360px); */
  /* margin-top: -170px; */
}

@media only screen and (max-width: 767px) {
  .map-main__title {
    margin-bottom: 2rem;
    font-size: 1.9rem;
  }
  .map-main__gg {
    padding-top: 40rem;
  }
}
/*---------- END MAP MAIN ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1.9 END MAP CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.10 START BLOCK, LIST BLOCK CHILD PAGE.
====================================================================================*/
/*---------- START BLOCK MAIN ----------*/
.block-main__title {
  margin-bottom: 3rem;
  font-size: 2.8rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: var(--font-noto-serif-jp);
}

.block-main__figure img {
  width: 100%;
  border-radius: 1rem;
}

@media only screen and (min-width: 768px) {
  .block-main__left {
    width: 56.9rem;
  }
  .block-main--normal .block-main__left {
    float: left;
    padding-right: 5rem;
  }
  .block-main--reserve .block-main__left {
    float: right;
    padding-left: 5rem;
  }
  .block-main--flex {
    display: flex;
  }
  .block-main--flex .block-main__left {
    float: none;
  }
  .block-main--flex .block-main__right {
    flex: 1;
    min-width: 1px;
  }
  .block-main--flex.block-main--normal .block-main__left {
    padding: 0 5rem 0 0;
  }
  .block-main--flex.block-main--reserve {
    flex-direction: row-reverse;
  }
  .block-main--flex.block-main--reserve .block-main__left {
    padding: 0 0 0 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .block-main {
    flex-direction: column-reverse;
  }
  .block-main__left {
    margin-bottom: 2.5rem;
  }
  .block-main__title {
    margin-bottom: 1.5rem;
    font-size: 2rem;
  }
}
/*---------- END BLOCK MAIN ----------*/
/*---------- START BLOCK BEGINNER ----------*/
.block-beginner {
  padding: 4.5rem 5rem 5rem 5rem;
  border-radius: 1.3rem;
  background-color: var(--color-white);
}

.block-beginner__title {
  margin-bottom: 1.8rem;
  font-size: 1.8rem;
  font-weight: 700;
}

.block-beginner__list > li {
  margin-top: 0.8rem;
}
.block-beginner__list > li:first-child {
  margin-top: 0;
}
.block-beginner__list > li strong {
  font-weight: 700;
}

.block-beginner__btn {
  margin-top: 3rem;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .block-beginner {
    padding: 3rem 2rem 3rem 2rem;
    border-radius: 1rem;
  }
  .block-beginner__title {
    margin-bottom: 1.2rem;
  }
  .block-beginner__list > li {
    margin-top: 0.5rem;
  }
  .block-beginner__btn {
    margin-top: 2rem;
  }
}
/*---------- END BLOCK BEGINNER ----------*/
/*---------- START BLOCK INTRODUCTION ----------*/
.block-intro {
  padding: 4.5rem 5rem;
  border-radius: 1rem;
  background-color: var(--color-white);
}

.block-intro__head {
  margin-bottom: 2rem;
}

.block-intro__title {
  font-size: 2.2rem;
}

.block-intro__figure img {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .block-intro__left {
    float: right;
    /* width: 40rem; */
    width: 48rem;
    padding-left: 3.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .block-intro {
    padding: 2.5rem 2rem 3rem 2rem;
  }
  .block-intro__left {
    margin-bottom: 2rem;
  }
  .block-intro__title {
    font-size: 1.9rem;
  }
}
/*---------- END BLOCK INTRODUCTION ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1.10 END BLOCK, LIST BLOCK CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.11 START SECTION CHILD PAGE.
====================================================================================*/
/*---------- START SECTION ANCHOR ----------*/
.stn-anchor__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .stn-anchor--four .stn-anchor__btns .btn {
    width: calc(25% - 2rem);
  }
  .stn-anchor--auto .stn-anchor__btns .btn {
    width: auto;
    min-width: 20rem;
    max-width: initial;
    padding: 1rem 3.5rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .stn-anchor__btns .btn {
    width: calc(50% - 1rem);
  }
}
@media only screen and (min-width: 576px) {
  .stn-anchor__btns {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .stn-anchor__btns .btn {
    margin: 1rem;
  }
}
@media only screen and (max-width: 575px) {
  .stn-anchor__btns {
    padding-top: 0.5rem;
  }
  .stn-anchor__btns .btn {
    margin-top: 1.5rem;
  }
  .stn-anchor__btns .btn:first-child {
    margin-top: 0;
  }
}
/*---------- END SECTION ANCHOR ----------*/
/*---------- START COMMON BOX SECTION ----------*/
@media only screen and (min-width: 1550px) {
  .cm-box {
    margin-top: -5rem;
  }
}
@media only screen and (max-width: 575px) {
  .cm-box {
    padding-top: 1.5rem;
  }
}
/*---------- END COMMON BOX SECTION ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1.11 END SECTION CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.12 START TOGGLE CHILD PAGE.
====================================================================================*/
/*---------- START TOGGLE ----------*/
.toggle__head {
  cursor: pointer;
}

/*---------- END TOGGLE ----------*/
/*====================================================================================
1.12 END TOGGLE CHILD PAGE.
====================================================================================*/
/*====================================================================================
1.13 START CIRCLE CHILD PAGE.
====================================================================================*/
/*---------- START CIRCLE COMPARE ----------*/
.circle-compare {
  border-radius: 50%;
  width: 21.6rem;
  height: 21.6rem;
  padding: 1rem;
  border: 1px solid var(--color-white);
}

.circle-compare__outer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 50%;
  background-color: var(--color-brown);
}

.circle-compare__text,
.circle-compare__title {
  color: var(--color-white);
  font-weight: 700;
}

.circle-compare__text {
  font-size: 2.2rem;
}

.circle-compare__title span {
  position: relative;
  display: inline-block;
  padding-top: 1.5rem;
  font-size: 4rem;
  line-height: 1;
}
.circle-compare__title span::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 1rem;
  height: 1rem;
  transform: translateX(-50%);
  border-radius: 50%;
  background-color: var(--color-white);
}

@media only screen and (max-width: 767px) {
  .circle-compare {
    width: 18rem;
    height: 18rem;
    padding: 0.8rem;
  }
  .circle-compare__text {
    font-size: 1.9rem;
  }
  .circle-compare__title span {
    padding-top: 1.3rem;
    font-size: 2.8rem;
  }
  .circle-compare__title span::before {
    width: 0.8rem;
    height: 0.8rem;
  }
}
/*---------- END CIRCLE COMPARE ----------*/
/*====================================================================================
1.13 END CIRCLE CHILD PAGE.
====================================================================================*/
/*====================================================================================
2. START PAGE VISUAL SECTION.
====================================================================================*/
/*---------- START TITLE PAGE VISUAL ----------*/
.title-pv {
  position: relative;
}

.title-pv__en,
.title-pv__ja {
  display: block;
  color: var(--color-white);
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.15em;
  font-family: var(--font-noto-serif-jp);
}

.title-pv__en {
  font-size: 1.8rem;
}

.title-pv__ja {
  font-size: 4.5rem;
}

@media only screen and (max-width: 767px) {
  .title-pv__en,
  .title-pv__ja {
    text-align: center;
    letter-spacing: 0.05em;
  }
  .title-pv__en {
    font-size: 1.5rem;
  }
  .title-pv__ja {
    font-size: 2.6rem;
  }
}
/*---------- END TITLE PAGE VISUAL ----------*/
.pv {
  position: relative;
}

.pv__img img {
  width: 100%;
  min-height: 37.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.pv__wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pv .container {
  height: 100%;
}

.pv__row {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .pv__img img {
    height: 50vw;
    min-height: 18rem;
  }
  .pv__row {
    justify-content: center;
  }
}
/*====================================================================================
2. END PAGE VISUAL SECTION.
====================================================================================*/
/*====================================================================================
3. START BREADCRUMB SECTION.
====================================================================================*/
.breadcrumb {
  padding: 1.5rem 0px;
}

.breadcrumb__list {
  display: flex;
  align-items: center;
}

.breadcrumb__item {
  position: relative;
  margin-right: 1.2rem;
  padding-right: 2.4rem;
  color: var(--color-black-third);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
}
.breadcrumb__item:first-child a {
  font-size: 1.4rem;
}
.breadcrumb__item:last-child {
  /* margin-right: 0; */
  /* padding-right: 0; */
}
.breadcrumb__item:last-child::before {
  content: none;
}
.breadcrumb__item::before {
  position: absolute;
  content: "／";
  top: 50%;
  right: 0;
  margin-top: -0.6rem;
  transform: rotate(-4deg);
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
}
.breadcrumb__item a {
  text-decoration: none;
}
.breadcrumb__item a:hover {
  color: var(--color-brown-second);
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .breadcrumb {
    /* display: none; */
  }
}
/*====================================================================================
3. END BREADCRUMB SECTION.
====================================================================================*/
/*====================================================================================
4. START FAQ PAGE.
====================================================================================*/
/*---------- FAQ ITEM ----------*/
.faq-item {
  position: relative;
  overflow: hidden;
  margin-top: 2rem;
  border-radius: 1rem;
  background-color: var(--color-white);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.03);
}
.faq-item:first-child {
  margin-top: 0;
}

.faq-item__head,
.faq-item__inner {
  min-height: 7.5rem;
}

.faq-item__head {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 2.5rem 5.5rem 2rem 7.5rem;
}
.faq-item__head::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 3rem;
  width: 1.6rem;
  height: 2.4rem;
  margin-top: -1.2rem;
  background-image: url("./../images/common/arrow-down02-brown.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.faq-item__head.active::before {
  transform: rotate(180deg);
}

.faq-item__icon {
  position: absolute;
  left: 3rem;
  color: var(--color-brown-second);
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 400;
  font-family: var(--font-sorts-mill-goudy);
}

.faq-item__icon--q {
  top: 2rem;
}

.faq-item__title {
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: var(--font-noto-serif-jp);
}

.faq-item__body {
  display: none;
}

.faq-item__inner {
  position: relative;
  padding: 2rem 3rem 3rem 3rem;
}
.faq-item__inner::before {
  position: absolute;
  content: "";
  top: 0;
  left: 3rem;
  height: 1px;
  width: calc(100% - 6rem);
  background-color: var(--color-black-fifth);
}

.faq-item__boxes {
  margin-top: 2rem;
}

@media only screen and (min-width: 768px) {
  .faq-item__boxes .box-faq {
    width: calc(33.333% - 1.5px);
  }
  .faq-item__boxes .box-faq:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .faq-item {
    margin-top: 1.5rem;
  }
  .faq-item__head,
  .faq-item__inner {
    min-height: 5.5rem;
  }
  .faq-item__head {
    padding: 2rem 3.5rem 1.5rem 5rem;
  }
  .faq-item__head::before {
    right: 1.5rem;
    width: 1.2rem;
    height: 1.8rem;
    margin-top: -0.9rem;
  }
  .faq-item__icon {
    left: 1.5rem;
    font-size: 2.8rem;
  }
  .faq-item__icon--q {
    top: 1.5rem;
  }
  .faq-item__title {
    font-size: 1.6rem;
  }
  .faq-item__inner {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  }
  .faq-item__inner::before {
    left: 1.5rem;
    width: calc(100% - 3rem);
  }
  .faq-item__boxes {
    margin-top: 1.5rem;
  }
  .faq-item__boxes .box-faq {
    margin-top: 1.5rem;
  }
  .faq-item__boxes .box-faq:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-item__boxes .box-faq {
    width: calc(50% - 1px);
  }
  .faq-item__boxes .box-faq:nth-child(even) {
    margin-right: 0;
  }
  .faq-item__boxes .box-faq:nth-child(2) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) {
  .faq-item__boxes {
    display: flex;
    flex-wrap: wrap;
  }
  .faq-item__boxes .box-faq {
    margin-right: 2px;
  }
  .faq-item__boxes .box-faq:last-child {
    margin-right: 0;
  }
}
/*---------- END FAQ ITEM ----------*/
/*---------- START GROUP FAQ ----------*/
.group-faq {
  position: relative;
  padding: 9rem 0 10rem 0;
}
.group-faq::before {
  position: absolute;
  content: "";
  z-index: -1;
  top: 0;
  left: 50%;
  width: 110vw;
  height: 100%;
  margin-left: -16rem;
  transform: translateX(-50%);
}
.group-faq:first-child {
  padding-top: 0;
}
.group-faq:nth-child(even)::before {
  background-color: var(--color-gray);
}

.group-faq__head {
  margin-bottom: 3.5rem;
}

@media only screen and (max-width: 767px) {
  .group-faq {
    padding: 3.8rem 0 5rem 0;
  }
  .group-faq::before {
    margin-left: -1rem;
  }
  .group-faq__head {
    margin-bottom: 2rem;
  }
}
/*---------- END GROUP FAQ ----------*/
/*====================================================================================
4. END FAQ PAGE.
====================================================================================*/
/*====================================================================================
5. START ABOUT PAGE.
====================================================================================*/
/*---------- START ABOUT MESSAGE SECTION ----------*/
.about-message .title-top {
  margin-bottom: 3.5rem;
}
.about-message .title-quote {
  margin-bottom: 2.5rem;
}

.about-message__subtitle {
  margin-bottom: 4rem;
  font-size: 2.8rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-family: var(--font-noto-serif-jp);
}

@media only screen and (max-width: 767px) {
  .about-message .title-top {
    margin-bottom: 2.5rem;
  }
  .about-message .title-quote {
    margin-bottom: 2rem;
  }
  .about-message__subtitle {
    margin-bottom: 2rem;
    font-size: 1.9rem;
    text-align: center;
  }
}
/*---------- END ABOUT MESSAGE SECTION ----------*/
/*---------- START POSTS ABOUT ----------*/
.posts-about__img img {
  width: 100%;
  border-radius: 1rem;
}

.posts-about__num {
  margin-bottom: 2.5rem;
}
.posts-about__num span {
  position: relative;
  display: inline-block;
  padding-left: 6rem;
  color: var(--color-umber);
  font-size: 5rem;
  line-height: 1;
  font-weight: 400;
  font-family: var(--font-noto-serif-jp);
}
.posts-about__num span::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0.3rem;
  height: 1px;
  width: 5.5rem;
  background-color: var(--color-umber);
}

.posts-about__title {
  margin-bottom: 2rem;
  font-size: 2.4rem;
  font-weight: 400;
  font-family: var(--font-noto-serif-jp);
}

@media only screen and (min-width: 768px) {
  .posts-about {
    display: flex;
  }
  .posts-about.reverse .posts-about__figure {
    padding-left: 4rem;
  }
  .posts-about__figure {
    width: 50%;
    padding-right: 4rem;
  }
  .posts-about__body {
    flex: 1;
    min-width: 1px;
  }
  .posts-about__num {
    margin-top: -1rem;
  }
}
@media only screen and (max-width: 767px) {
  .posts-about__figure {
    margin-bottom: 1.8rem;
  }
  .posts-about.reverse .posts-about__figure {
    margin-bottom: 0;
    margin-top: 1.8rem;
  }
  .posts-about__num {
    margin-bottom: 1.5rem;
  }
  .posts-about__num span {
    padding-left: 4.5rem;
    font-size: 3.5rem;
  }
  .posts-about__num span::before {
    width: 4rem;
  }
  .posts-about__title {
    margin-bottom: 1.5rem;
    font-size: 1.9rem;
  }
}
/*---------- END POSTS ABOUT ----------*/
/*---------- START ABOUT FEATURE SECTION ----------*/
.about-feature {
  background-color: var(--color-gray);
}

.about-feature__posts .posts-about {
  margin-top: 7rem;
}
.about-feature__posts .posts-about:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .about-feature .container {
    margin-top: -5rem;
  }
}
@media only screen and (max-width: 767px) {
  .about-feature__posts .posts-about {
    margin-top: 4rem;
  }
}
/*---------- END ABOUT FEATURE SECTION ----------*/
/*---------- START SECTION MAIN ----------*/
.stn-main,
.stn-main__row {
  position: relative;
}

.stn-main__title {
  color: var(--color-brown-second);
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: var(--font-sorts-mill-goudy);
}

.stn-main__img-lg img {
  width: 100%;
}

.stn-main__img-sm img {
  width: 100%;
  border-radius: 0.7rem;
}

.stn-main--half-white::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 50%;
  width: 100%;
  background-color: var(--color-white);
}

.stn-main--half-shape::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 50%;
  width: 100%;
  background: url("./../images/common/bg-top-gray02.png") no-repeat center top/100% auto, #F7F5F4;
}

@media only screen and (min-width: 768px) {
  .stn-main__row {
    display: flex;
    justify-content: flex-end;
  }
  .stn-main__left {
    position: relative;
    width: 14rem;
  }
  .stn-main__right {
    width: calc(50% + 40rem);
  }
  .stn-main__title {
    cursor: vertical-text;
    direction: rtl;
    writing-mode: vertical-rl;
    text-orientation: sideways-right;
    line-height: 1;
  }
  .stn-main__img-sm {
    position: absolute;
    bottom: -5rem;
    width: 28rem;
  }
  .stn-main--normal .stn-main__left {
    padding-right: 3rem;
  }
  .stn-main--normal .stn-main__title {
    margin-left: auto;
  }
  .stn-main--normal .stn-main__img-lg img {
    border-radius: 1rem 0 0 1rem;
  }
  .stn-main--normal .stn-main__img-sm {
    left: 0;
  }
  .stn-main--reverse .stn-main__row {
    flex-direction: row-reverse;
  }
  .stn-main--reverse .stn-main__title {
    padding-left: 3rem;
  }
  .stn-main--reverse .stn-main__img-lg img {
    border-radius: 0 1rem 1rem 0;
  }
  .stn-main--reverse .stn-main__img-sm {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .stn-main__row {
    padding: 0 1rem;
  }
  .stn-main__title {
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
  }
  .stn-main__img-lg img,
  .stn-main__img-sm img {
    border-radius: 1rem;
  }
  .stn-main__img-lg img {
    min-height: 40vw;
    min-height: 17rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
  .stn-main__img-sm {
    margin-bottom: 1.5rem;
  }
}
/*---------- END SECTION MAIN ----------*/
/*---------- START ABOUT DOCTOR SECTION ----------*/
.about-doctor .box-sign {
  margin-bottom: 4rem;
}

.about-doctor__subtitle {
  margin-bottom: 2rem;
  font-size: 2.4rem;
  font-weight: 400;
  font-family: var(--font-noto-serif-jp);
}

.about-doctor__figure img {
  width: 100%;
  border-radius: 1rem;
}

.about-doctor__boxes .box-main__body .box-main__list li {
  font-size: clamp(1rem, 0.591rem + 2.2vw, 2.5rem);
  padding-bottom: .8rem;
}


@media only screen and (min-width: 768px) {
  .about-doctor__left {
    flex: 1;
    min-width: 1px;
    padding-top: 4.5rem;
    padding-right: 9rem;
  }
  .about-doctor__right {
    width: 44.6rem;
  }
  .about-doctor__boxes {
    display: flex;
    justify-content: space-between;
    margin-top: 7rem;
  }
  .about-doctor__boxes .box-main {
    width: calc(50% - 2rem);
  }
  .about-doctor__boxes .box-main__list {
    height: 34rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .about-doctor__boxes .box-main__body .box-main__list li {
    font-size: 2rem;
  }
  .about-doctor__boxes .box-main--umber .box-main__list li{
    line-height: 3;
    padding-bottom: .5rem;
  }
  .about-doctor__boxes .box-main__body .box-main__list li:last-of-type{
    padding-bottom: 0;
  }
  .about-doctor__boxes .box-main__body .box-main__list li {
    padding-bottom: .8rem
  }
}
@media only screen and (max-width: 767px) {
  .about-doctor .title-top {
    margin-bottom: 2.5rem;
  }
  .about-doctor__row {
    flex-direction: column-reverse;
  }
  .about-doctor__right {
    margin-bottom: 3rem;
  }
  .about-doctor .box-sign {
    margin-bottom: 1.5rem;
  }
  .about-doctor__subtitle {
    margin-bottom: 1.5rem;
    font-size: 1.9rem;
  }
  .about-doctor__boxes {
    margin-top: 3.5rem;
  }
  .about-doctor__boxes .box-main {
    margin-top: 3rem;
  }
  .about-doctor__boxes .box-main:first-child {
    margin-top: 0;
  }
}
/*---------- END ABOUT DOCTOR SECTION ----------*/
/*---------- START ABOUT INFORMATION SECTION ----------*/
.about-info {
  background-color: var(--color-white);
}

/*---------- END ABOUT INFORMATION SECTION ----------*/
/*---------- START BOX ABOUT ----------*/
.box-about {
  text-align: center;
}

.box-about__head {
  margin-bottom: 2.5rem;
}

.box-about__title {
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 700;
}

@media only screen and (min-width: 576px) {
  .box-about {
    border-right: 1px solid var(--color-brown-second);
  }
  .box-about:last-child {
    border-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .box-about__head {
    margin-bottom: 1.8rem;
  }
  .box-about__title {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 575px) {
  .box-about {
    padding: 2.5rem 0;
    border-bottom: 1px solid var(--color-brown-second);
  }
  .box-about:first-child {
    padding-top: 0;
  }
  .box-about:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
/*---------- END BOX ABOUT ----------*/
/*---------- START ABOUT ACCESS SECTION ----------*/
.about-access__boxes {
  margin-bottom: 6.5rem;
}

@media only screen and (min-width: 576px) {
  .about-access__boxes {
    display: flex;
  }
  .about-access__boxes .box-about {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .about-access__boxes {
    margin-bottom: 3.5rem;
  }
}
/*---------- END ABOUT ACCESS SECTION ----------*/
/*====================================================================================
5. END ABOUT PAGE.
====================================================================================*/
/*====================================================================================
6. START BEGINNER PAGE.
====================================================================================*/
/*---------- START STEP BEGINNER ----------*/
.step-beginner {
  position: relative;
  padding-left: 7.5rem;
  padding-bottom: 6rem;
}
.step-beginner::before {
  position: absolute;
  content: "";
  top: 7.4rem;
  left: 3rem;
  width: 3px;
  height: calc(100% - 7.2rem);
  background-image: url("./../images/common/bd-vertical-dotted-brown.svg");
  background-position: top center;
  background-repeat: repeat-y;
  background-size: 100% auto;
}
.step-beginner:last-child {
  padding-bottom: 0;
}
.step-beginner:last-child::before {
  content: none;
}

.step-beginner__circle {
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 1.6rem;
}
.step-beginner__circle::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  width: 5.2rem;
  height: 5.2rem;
  transform: translateX(-50%);
  border-radius: 50%;
  background-color: var(--color-white);
}

.step-beginner__num {
  position: relative;
  color: var(--color-brown-second);
  font-size: 5.1rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: var(--font-noto-serif-jp);
}

.step-beginner__row {
  display: flex;
}

.step-beginner__head {
  margin-bottom: 2.5rem;
}

.step-beginner__heading {
  padding-top: 1.6rem;
}

.step-beginner__title {
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: var(--font-noto-serif-jp);
}

.step-beginner__boxes {
  margin-top: 2.5rem;
}

.step-beginner__list {
  margin-left: -0.55em;
}

.step-beginner__item {
  margin-top: 0.5rem;
}

.step-beginner__item-title {
  margin-bottom: 0.2rem;
  font-size: 1.6rem;
  font-weight: 700;
}

.step-beginner__item-desc {
  padding-left: 1em;
}

.step-beginner__figure img {
  border-radius: 1rem;
}

@media only screen and (min-width: 768px) {
  .step-beginner__left {
    flex: 1;
    min-width: 1px;
    padding-right: 3.5rem;
  }
  .step-beginner__right {
    width: 34.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .step-beginner {
    padding-left: 5.5rem;
    padding-bottom: 3rem;
  }
  .step-beginner::before {
    top: 6rem;
    left: 2.4rem;
    height: calc(100% - 6.2rem);
  }
  .step-beginner__row {
    flex-direction: column-reverse;
  }
  .step-beginner__right {
    margin-bottom: 2rem;
  }
  .step-beginner__circle {
    padding-bottom: 1.1rem;
  }
  .step-beginner__circle::before {
    width: 4rem;
    height: 4rem;
  }
  .step-beginner__num {
    font-size: 4rem;
  }
  .step-beginner__head {
    margin-bottom: 2rem;
  }
  .step-beginner__heading {
    padding-top: 1.2rem;
  }
  .step-beginner__title {
    font-size: 2rem;
  }
  .step-beginner__boxes {
    margin-top: 2rem;
  }
  .step-beginner__item-title {
    font-size: 1.4rem;
  }
  .step-beginner__figure img {
    width: 100%;
  }
}
/*---------- END STEP BEGINNER ----------*/
/*---------- START BEGINNER BELONGINGS SECTION ----------*/
.beginner-belongings {
  background-color: var(--color-gray);
}

/*---------- END BEGINNER BELONGINGS SECTION ----------*/
/*---------- START GALLERY BEGINNER ----------*/
.gallery-beginner {
  position: relative;
  max-width: 50rem;
  margin: 0 auto;
  padding: 4rem 0 2.5rem 0;
}
.gallery-beginner::before {
  position: absolute;
  content: "";
  top: 0;
  right: 4.5rem;
  width: 30rem;
  height: 100%;
  background-color: var(--color-beige-third);
}

.gallery-beginner__img {
  position: relative;
  display: flex;
  justify-content: center;
}
.gallery-beginner__img img {
  width: 100%;
  border-radius: 0.7rem;
}

.gallery-beginner__img-sm {
  margin-top: 4.5rem;
  margin-left: -11.5rem;
}

@media only screen and (max-width: 767px) {
  .gallery-beginner {
    padding: 3rem 0 2rem 0;
  }
  .gallery-beginner::before {
    right: 8%;
    width: 60%;
  }
  .gallery-beginner__img-sm {
    margin-left: -24%;
  }
}
/*---------- END GALLERY BEGINNER ----------*/
/*---------- START BEGINNER PAY SECTION ----------*/
.beginner-pay__row {
  display: flex;
}

.beginner-pay__left {
  padding-top: 4rem;
}

.beginner-pay__desc {
  margin-bottom: 3rem;
}

.beginner-pay__list {
  margin-top: 0.8rem;
}
.beginner-pay__list > li {
  margin-top: 0.8rem;
}
.beginner-pay__list > li:first-child {
  margin-top: 0;
}

.beginner-pay__note {
  margin-top: 0.8rem;
  font-size: 1.2rem;
}

.beginner-pay .group-beginner {
  margin-top: 7rem;
}

@media only screen and (min-width: 768px) {
  .beginner-pay__left {
    width: 50%;
  }
  .beginner-pay__right {
    width: 50%;
    padding-left: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .beginner-pay__row {
    flex-direction: column-reverse;
  }
  .beginner-pay__left {
    padding-top: 3rem;
  }
  .beginner-pay__desc {
    margin-bottom: 1.5rem;
  }
  .beginner-pay__list {
    margin-top: 0.5rem;
  }
  .beginner-pay__list > li {
    margin-top: 0.5rem;
  }
  .beginner-pay__note {
    margin-top: 0.5rem;
  }
  .beginner-pay .group-beginner {
    margin-top: 3rem;
  }
}
/*---------- END BEGINNER PAY SECTION ----------*/
/*---------- START BEGINNER ATTENTION SECTION ----------*/
.beginner-attention .block-beginner {
  margin-top: 4rem;
}
.beginner-attention .block-beginner:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .beginner-attention .block-beginner {
    margin-top: 2.5rem;
  }
}
/*---------- END BEGINNER ATTENTION SECTION ----------*/
/*====================================================================================
6. END BEGINNER PAGE.
====================================================================================*/
/*====================================================================================
7. START MENU PAGE.
====================================================================================*/
/*---------- START MAP MENU ----------*/
.map-menu .heading-page {
  margin-bottom: 2.5rem;
}

.map-menu__figure img {
  width: 100%;
  border-radius: 1rem;
}

.map-menu__list {
  display: flex;
  flex-wrap: wrap;
}

.map-menu__item {
  width: 50%;
  margin-top: 1rem;
}
.map-menu__item:first-child, .map-menu__item:nth-child(2) {
  margin-top: 0;
}
.map-menu__item:nth-child(even) {
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .map-menu__body {
    position: relative;
    padding: 0 4rem;
  }
  .map-menu__list {
    position: absolute;
    top: 4rem;
    left: 0;
    right: 0;
    width: 100%;
  }
  .map-menu__item .btn {
    width: 17rem;
  }
  .map-menu__item .btn__text {
    font-size: 1.5rem;
  }
  .map-menu--01 .map-menu__item:nth-child(7) {
    margin-top: 6rem;
  }
  .map-menu--01 .map-menu__item:nth-child(even) {
    padding-right: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .map-menu .heading-page {
    margin-bottom: 2rem;
  }
  .map-menu__figure {
    margin-bottom: 2.5rem;
  }
  .map-menu__list {
    justify-content: space-between;
  }
  .map-menu__item {
    width: calc(50% - 0.5rem);
  }
  .map-menu__item .btn {
    width: 100%;
  }
  .map-menu__item .btn__text {
    font-size: 1.3rem;
  }
}
/*---------- END MAP MENU ----------*/
/*---------- START MENU TROUBLE SECTION ----------*/
.menu-trouble .list-box-menu {
  margin-top: 7rem;
}

@media only screen and (min-width: 576px) {
  .menu-trouble__maps {
    display: flex;
  }
  .menu-trouble__maps .map-menu {
    width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .menu-trouble__maps {
    justify-content: space-between;
  }
  .menu-trouble__maps .map-menu {
    width: calc(50% - 0.75rem);
  }
}
@media only screen and (max-width: 767px) {
  .menu-trouble .list-box-menu {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 575px) {
  .menu-trouble__maps .map-menu {
    margin-top: 3.5rem;
  }
  .menu-trouble__maps .map-menu:first-child {
    margin-top: 0;
  }
}
/*---------- END MENU TROUBLE SECTION ----------*/
/*====================================================================================
7. END MENU PAGE.
====================================================================================*/
/*====================================================================================
8. START PRICE PAGE.
====================================================================================*/
/*---------- START TABLE PRICE ----------*/
.tbl-price table {
  width: 100%;
  table-layout: fixed;
}
.tbl-price table tr {
  border-top: 1px solid var(--color-black-fifth);
}
.tbl-price table tr th {
  vertical-align: top;
}
.tbl-price table tr td {
  vertical-align: top;
  font-size: 1.6rem;
  font-weight: 400;
}
.tbl-price table tr td:nth-child(3) {
  color: var(--color-brown-second);
  font-weight: 700;
}
.tbl-price table tr:last-child {
  border-bottom: 1px solid var(--color-black-fifth);
}

.tbl-price__num span {
  display: block;
  line-height: 1;
  text-align: right;
  padding-right: 0.8em;
}

.tbl-price__no-bd {
  border-top: 0 !important;
}

.tbl-price__pc-br {
  line-height: 1.5;
}

@media only screen and (min-width: 768px) {
  .tbl-price table tr td:nth-child(1) {
    padding-right: 5rem;
  }
  .tbl-price table tr td:nth-child(2) {
    width: 32rem;
  }
  .tbl-price table tr td:nth-child(3) {
    width: 15rem;
    text-align: right;
  }
  .tbl-price__pd td {
    padding: 1.3rem 0;
  }
  .tbl-price__pd-top td {
    padding-top: 1.3rem;
  }
  .tbl-price__pd-bottom td {
    padding-bottom: 1.3rem;
  }
}
@media only screen and (max-width: 767px) {
  .tbl-price table tr {
    position: relative;
    display: block;
    margin-bottom: 1.5rem;
  }
  .tbl-price table tr td {
    display: block;
    width: calc(100% - 12.5rem);
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
  }
  .tbl-price table tr td:nth-child(2) {
    margin-bottom: 0;
  }
  .tbl-price__num {
    position: absolute;
    bottom: 0;
    right: -0.8rem;
    width: 12.5rem !important;
    margin-bottom: 0 !important;
    text-align: right;
  }
  .tbl-price__null {
    display: none !important;
  }
  .tbl-price__pd {
    margin-bottom: 0 !important;
    padding: 2rem 0;
  }
  .tbl-price__pd td {
    margin-bottom: 0 !important;
  }
  .tbl-price__pd td:nth-child(2) {
    margin-top: 0.5rem;
  }
  .tbl-price__pd .tbl-price__num {
    bottom: 2rem;
  }
  .tbl-price__pd-sp {
    height: 10rem;
  }
  .tbl-price__pd-top {
    padding-top: 2rem;
  }
  .tbl-price__pd-bottom {
    margin-bottom: 0 !important;
    padding-bottom: 2rem;
  }
  .tbl-price__pd-bottom .tbl-price__num {
    bottom: 2rem;
  }
}
/*---------- END TABLE PRICE ----------*/
/*---------- START GROUP PRICE ----------*/
.group-price .heading-group {
  margin-bottom: 4rem;
}

.group-price__item {
  margin-top: 6rem;
}

.group-price__item-left {
  margin-bottom: 2.5rem;
}

.group-price__item-title {
  font-size: 2rem;
}

.group-price__item:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .group-price .heading-group {
    margin-bottom: 2.5rem;
  }
  .group-price__item {
    margin-top: 3.5rem;
  }
  .group-price__item-left {
    margin-bottom: 1.5rem;
  }
  .group-price__item-title {
    font-size: 1.8rem;
  }
}
/*---------- END GROUP PRICE ----------*/
/*---------- START SECTION PRICE ----------*/
.stn-price__groups {
  margin-top: 8rem;
}
.stn-price__groups .group-price {
  margin-top: 8rem;
}
.stn-price__groups .group-price:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .stn-price__groups {
    margin-top: 5rem;
  }
  .stn-price__groups .group-price {
    margin-top: 5rem;
  }
}

.price-btn {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
}

.price-btn .btn-top--md {
  max-width: 30rem;
  text-align: center;
}

/*---------- END SECTION PRICE ----------*/
/*====================================================================================
8. END PRICE PAGE.
====================================================================================*/
/*====================================================================================
9. START MAIBOTSU PAGE.
====================================================================================*/
/*---------- START TAG MAIN ----------*/
.tag-main {
  display: inline-block;
  border-radius: 3rem;
  min-width: 11.5rem;
  padding: 0.2rem 0.5rem;
  color: var(--color-white);
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.05em;
  background-color: var(--color-umber);
}

@media only screen and (max-width: 767px) {
  .tag-main {
    padding: 0.4rem 0.5rem;
    font-size: 1.4rem;
  }
}
/*---------- END TAG MAIN ----------*/
/*---------- START TABLE MAIN ----------*/
.tbl-main {
  border-radius: 1rem;
  background-color: var(--color-white);
}

.tbl-main__left {
  border-radius: 1rem;
  background-color: var(--color-brown);
}

.tbl-main__left--umber{
  background-color: var(--color-umber);
}

.tbl-main__right {
  padding: 3rem;
}

.tbl-main__right--tight {
  padding: 2rem;
}

.tbl-main__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.tbl-main__title {
  color: var(--color-white);
  font-size: 1.8rem;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .tbl-main {
    display: flex;
  }
  .tbl-main__left {
    width: 26rem;
  }
  .tbl-main__left.half {
    width: 18rem;
  }
  .tbl-main__right {
    flex: 1;
    min-width: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .tbl-main__left {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5.5rem;
    padding: 1rem;
  }
  .tbl-main__right {
    padding: 2rem;
  }
}
/*---------- END TABLE MAIN ----------*/
/*---------- START BOX SLIDE ----------*/
.box-slide__title {
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

.box-slide__figure {
  position: relative;
}
.box-slide__figure::before {
  position: absolute;
  content: "";
  z-index: 2;
  top: 50%;
  right: -6.5rem;
  width: 2.25rem;
  height: 4.2rem;
  margin-top: -2.1rem;
  background-image: url("./../images/common/arrow-right04-black.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.box-slide__figure img {
  width: 100%;
  border-radius: 1rem;
}

.box-slide:last-child .box-slide__figure::before {
  content: none;
}

@media only screen and (max-width: 767px) {
  .box-slide__title {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
  .box-slide__figure::before {
    right: -1.5rem;
    width: 0.8rem;
    height: 1.6rem;
    margin-top: -0.8rem;
  }
}
/*---------- END BOX SLIDE ----------*/
/*---------- START TABLE SLIDE ----------*/
.tbl-slide {
  padding: 2.5rem 3.5rem;
  border-radius: 1rem;
  background-color: var(--color-beige-second);
}

.tbl-slide__dl {
  margin-top: 1rem;
}
.tbl-slide__dl:first-child {
  margin-top: 0;
}

.tbl-slide__dt,
.tbl-slide__dd {
  font-size: 1.6rem;
  line-height: 1.7;
}

.tbl-slide__dt {
  font-weight: 700;
}

@media only screen and (min-width: 576px) {
  .tbl-slide__dl {
    display: flex;
  }
  .tbl-slide__dt {
    width: 14rem;
  }
  .tbl-slide__dd {
    flex: 1;
    min-width: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .tbl-slide {
    padding: 1.5rem;
  }
  .tbl-slide__dt,
  .tbl-slide__dd {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .tbl-slide__dt {
    margin-bottom: 0.2rem;
  }
}
/*---------- END TABLE SLIDE ----------*/
/*---------- START SLIDE MAIN ----------*/
.slide-main {
  padding: 3.5rem;
  border-radius: 1rem;
  background-color: var(--color-white);
}

.slide-main__boxes {
  display: flex;
  justify-content: space-between;
}
.slide-main__boxes .box-slide {
  width: calc(50% - 5rem);
}

.slide-main .tbl-slide {
  margin-top: 3rem;
}

@media only screen and (max-width: 767px) {
  .slide-main {
    padding: 1.5rem;
  }
  .slide-main__boxes .box-slide {
    width: calc(50% - 1rem);
  }
  .slide-main .tbl-slide {
    margin-top: 1.5rem;
  }
}
/*---------- END SLIDE MAIN ----------*/
/*---------- START SLIDER MAIN ----------*/
.slider-main .slick-list {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  overflow: visible;
}
.slider-main .slick-slide {
  margin: 0 1.5rem;
}
.slider-main .slick-arrow {
  position: absolute;
  cursor: pointer;
  z-index: 3;
  top: 50%;
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 50%;
  margin-top: -3.5rem;
  color: transparent;
  border: 1px solid var(--color-brown);
  background-color: rgba(255, 255, 255, 0.4);
  transition: background-color 0.3s ease;
}
.slider-main .slick-arrow::before {
  position: absolute;
  content: "";
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 0.7rem;
  height: 1.1rem;
  margin-top: -0.55rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.slider-main .slick-prev {
  left: -3rem;
}
.slider-main .slick-prev::before {
  margin-left: -0.4rem;
  background-image: url("./../images/common/arrow-left03-brown.svg");
}
.slider-main .slick-next {
  right: -3rem;
}
.slider-main .slick-next::before {
  margin-left: -0.1rem;
  background-image: url("./../images/common/arrow-right03-brown.svg");
}

@media only screen and (min-width: 768px) {
  .slider-main .slick-arrow:hover {
    background-color: var(--color-white);
  }
}
@media only screen and (max-width: 767px) {
  .slider-main .slick-arrow {
    width: 4rem;
    height: 4rem;
    margin-top: -2rem;
    background-color: var(--color-white);
  }
  .slider-main .slick-prev {
    left: -2.5rem;
  }
  .slider-main .slick-next {
    right: -2.5rem;
  }
}
/*---------- END SLIDER MAIN ----------*/
/*---------- START MAIBOTSU INTRODUCTION, MAIBOTSU CASE SECTION ----------*/
.maibotsu-intro .container {
  max-width: 77rem;
}

@media only screen and (max-width: 767px) {
  .maibotsu-intro .container {
    padding: 0 3rem;
  }
}
/*---------- END MAIBOTSU INTRODUCTION, MAIBOTSU CASE SECTION ----------*/
/*====================================================================================
9. END MAIBOTSU PAGE.
====================================================================================*/
/*====================================================================================
10. START SEKKAI PAGE.
====================================================================================*/
/*---------- START TABLE SEKKAI ----------*/
.tbl-sekkai__dl {
  display: flex;
  margin-top: 1rem;
}
.tbl-sekkai__dl:first-child {
  margin-top: 0;
}

.tbl-sekkai__dt {
  width: 13rem;
}

.tbl-sekkai__dd {
  flex: 1;
  min-width: 1px;
}

.tbl-sekkai__heading,
.tbl-sekkai__wrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.tbl-sekkai__heading {
  justify-content: center;
  padding: 0.5rem;
  border-radius: 1rem;
}

.tbl-sekkai__title {
  color: var(--color-white);
  font-size: 1.6rem;
  font-weight: 700;
}

.tbl-sekkai__wrap {
  padding-left: 2rem;
}

.tbl-sekkai--brown .tbl-sekkai__heading {
  background-color: var(--color-brown);
}

.tbl-sekkai--umber .tbl-sekkai__heading {
  background-color: var(--color-umber);
}

.tbl-sekkai--md .tbl-sekkai__dt {
  width: 18.2rem;
}

@media only screen and (max-width: 767px) {
  .tbl-sekkai__dt {
    width: 10rem;
  }
  .tbl-sekkai__heading {
    padding: 0.6rem 0.5rem;
    border-radius: 0.7rem;
  }
  .tbl-sekkai__title {
    font-size: 1.4rem;
  }
  .tbl-sekkai__wrap {
    padding-left: 1.5rem;
  }
  .tbl-sekkai--md .tbl-sekkai__dt {
    width: 15.5rem;
  }
}
/*---------- END TABLE SEKKAI ----------*/
/*---------- START SEKKAI COMPARE SECTION ----------*/
.sekkai-compare__desc {
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .sekkai-compare__groups {
    display: flex;
    gap: 0 20px;
  }
  .sekkai-compare__groups .group-page {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 767px) {
  .sekkai-compare__groups .group-page {
    margin-top: 3rem;
  }
  .sekkai-compare__groups .group-page:first-child {
    margin-top: 0;
  }
}
/*---------- END SEKKAI COMPARE SECTION ----------*/
/*====================================================================================
10. END SEKKAI PAGE.
====================================================================================*/
/*====================================================================================
11. START THREAD LIFT PAGE.
====================================================================================*/
/*---------- START GALLERY INTRODUCTION ----------*/
.gallery-intro {
  padding: 5rem 3.5rem;
  border-radius: 1rem;
  background-color: var(--color-white);
}

.gallery-intro__figure,
.gallery-intro__item {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .gallery-intro__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .gallery-intro__item {
    width: calc(50% - 4rem);
  }
}
@media only screen and (max-width: 767px) {
  .gallery-intro {
    padding: 3.5rem 1.5rem;
  }
  .gallery-intro__figure {
    width: 70rem;
  }
  .gallery-intro__figure img {
    width: 100%;
  }
}
/*---------- END GALLERY INTRODUCTION ----------*/
/*====================================================================================
11. END THREAD LIFT PAGE.
====================================================================================*/
/*====================================================================================
12. START EYE AGENG PAGE.
====================================================================================*/
/*---------- START SECTION INTRODUCTION ----------*/
.stn-intro__blocks .block-intro {
  margin-top: 4rem;
}
.stn-intro__blocks .block-intro:first-child {
  margin-top: 0;
}

.stn-intro__figure {
  margin-bottom: 3rem;
}
.stn-intro__figure img {
  border-radius: 1rem;
}

.stn-intro__desc strong {
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .stn-intro__blocks .block-intro {
    margin-top: 3rem;
  }
  .stn-intro__figure {
    margin-bottom: 2rem;
  }
}
/*---------- END SECTION INTRODUCTION ----------*/
/*---------- START GROUP COMPARE ----------*/
.group-compare {
  border-radius: 1rem;
}
.group-compare .heading-main {
  position: relative;
  background-color: var(--color-gray);
}
.group-compare .heading-main::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  border-radius: 1rem 1rem 0 0;
}

.group-compare__body {
  padding: 3.5rem 5rem 4.5rem 5rem;
}

.group-compare__figure {
  margin-bottom: 2.5rem;
  text-align: center;
}
.group-compare__figure img {
  border-radius: 1rem;
}

.group-compare--white {
  background-color: var(--color-white);
}
.group-compare--white .heading-main::before {
  background-color: var(--color-white);
}

.group-compare--umber {
  background-color: var(--color-beige-second);
}
.group-compare--umber .heading-main::before {
  background-color: var(--color-beige-second);
}

@media only screen and (max-width: 767px) {
  .group-compare__body {
    padding: 2.5rem 2rem 3rem 2rem;
  }
  .group-compare__figure {
    margin-bottom: 2rem;
  }
  .group-compare__figure img {
    width: 100%;
  }
}
/*---------- END GROUP COMPARE ----------*/
/*---------- START AGENG COMPARE SECTION ----------*/
@media only screen and (min-width: 768px) {
  .ageng-compare__groups {
    display: flex;
    justify-content: space-between;
  }
  .ageng-compare__groups .group-compare {
    width: calc(50% - 2rem);
  }
}
@media only screen and (max-width: 767px) {
  .ageng-compare__groups .group-compare {
    margin-top: 3rem;
  }
  .ageng-compare__groups .group-compare:first-child {
    margin-top: 0;
  }
}
/*---------- END AGENG COMPARE SECTION ----------*/
/*====================================================================================
12. END EYE AGENG PAGE.
====================================================================================*/
/*====================================================================================
13. START LIPOSUCTION PAGE.
====================================================================================*/
/*---------- START BANNER COMPARE ----------*/
.bnr-compare {
  position: relative;
  padding: 2rem 2.5rem;
  border-radius: 1rem;
  background-image: url("./../liposuction/images/s9-bnr-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bnr-compare::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1rem;
  background-color: rgba(0, 0, 0, 0.15);
}

.bnr-compare__row {
  position: relative;
  z-index: 3;
}

.bnr-compare .title-bnr {
  margin-bottom: 2rem;
  text-align: center;
}
.bnr-compare .list-check {
  max-width: 65rem;
}
.bnr-compare .list-check > li {
  margin-top: 0;
  font-size: 2.2rem;
}
.bnr-compare .list-check > li::before {
  top: 1.3rem;
}

@media only screen and (min-width: 768px) {
  .bnr-compare__row {
    display: flex;
    align-items: center;
  }
  .bnr-compare__right {
    padding-left: 4.5rem;
  }
  .bnr-compare .title-bnr {
    padding-right: 13.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .bnr-compare {
    padding: 3rem 1.5rem 2.5rem 1.5rem;
    background-position: right 30% center;
  }
  .bnr-compare__left {
    margin-bottom: 2rem;
  }
  .bnr-compare .title-bnr {
    margin-bottom: 1.8rem;
  }
  .bnr-compare .circle-compare {
    margin: 0 auto;
  }
  .bnr-compare__body {
    display: flex;
    justify-content: center;
  }
  .bnr-compare .list-check > li {
    margin-top: 0.5rem;
    font-size: 1.8rem;
  }
  .bnr-compare .list-check > li::before {
    top: 0.85rem;
  }
  .bnr-compare .list-check > li:first-child {
    margin-top: 0;
  }
}
/*---------- END BANNER COMPARE ----------*/
/*---------- START SECTION COMPARE ----------*/
.stn-compare__boxes {
  position: relative;
  margin-bottom: 3rem;
  padding-bottom: 7.5rem;
}
.stn-compare__boxes::before {
  position: absolute;
  content: "";
  z-index: 2;
  left: 50%;
  bottom: 0;
  width: 6.1rem;
  height: 3.6rem;
  margin-top: -1.8rem;
  transform: translateX(-50%);
  background-image: url("./../images/common/arrow-down05-black.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 767px) {
  .stn-compare__boxes {
    margin-bottom: 2.5rem;
    padding-bottom: 7rem;
  }
}
/*---------- END SECTION COMPARE ----------*/
/*====================================================================================
13. END LIPOSUCTION PAGE.
====================================================================================*/
/*====================================================================================
14. START FACE CRF PAGE.
====================================================================================*/
/*---------- START TABLE CRF ----------*/
.tbl-crf table {
  width: 100%;
  table-layout: fixed;
}
.tbl-crf th,
.tbl-crf td {
  padding: 1.1rem 1.3rem;
  font-size: 1.6rem;
  vertical-align: middle;
  border: 1px solid var(--color-black-fourth);
}
.tbl-crf th {
  color: var(--color-white);
  font-weight: 700;
  background-color: var(--color-brown);
}
.tbl-crf td {
  font-weight: 400;
  background-color: var(--color-white);
}

@media only screen and (max-width: 767px) {
  .tbl-crf table {
    width: 60rem;
  }
  .tbl-crf th,
  .tbl-crf td {
    padding: 1.25rem 1rem;
    font-size: 1.4rem;
  }
  .tbl-crf thead th:first-child {
    width: 24%;
  }
}
/*---------- END TABLE CRF ----------*/
/*====================================================================================
14. END FACE CRF PAGE.
====================================================================================*/
/*====================================================================================
15. START HYALURONIC PAGE.
====================================================================================*/
/*---------- START CHART HYALURONIC SECTION ----------*/
.chart-hyaluronic__wrap {
  position: relative;
  max-width: 85.5rem;
  margin: 0 auto;
  padding: 2rem;
  border-radius: 1rem;
  background-color: var(--color-white);
}

.chart-hyaluronic__item {
  position: absolute;
}
.chart-hyaluronic__item .btn {
  min-width: 18rem;
}

.chart-hyaluronic__item01 {
  top: 14%;
  left: 6rem;
}

.chart-hyaluronic__item02 {
  top: 26%;
  right: 6rem;
}

.chart-hyaluronic__item03 {
  top: 29.5%;
  left: 6rem;
}

.chart-hyaluronic__item04 {
  top: 41%;
  right: 6rem;
}

.chart-hyaluronic__item05 {
  top: 45%;
  left: 6rem;
}

.chart-hyaluronic__item06 {
  top: 51.5%;
  right: 6rem;
}

.chart-hyaluronic__item07 {
  left: 6rem;
  bottom: 31%;
}

.chart-hyaluronic__item08 {
  bottom: 29.5%;
  right: 6rem;
}

.chart-hyaluronic__item09 {
  left: 6rem;
  bottom: 12.9%;
}

.chart-hyaluronic__item10 {
  right: 6rem;
  bottom: 18%;
}

.chart-hyaluronic__item11 {
  right: 6rem;
  bottom: 6.5%;
}

@media only screen and (min-width: 768px) {
  .chart-hyaluronic__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .chart-hyaluronic__figure img {
    width: 100%;
  }
  .chart-hyaluronic__item .btn {
    min-width: 13rem;
    min-height: 4rem;
    padding: 0.5rem 0.7rem;
  }
  .chart-hyaluronic__item .btn__text {
    font-size: 1.3rem;
  }
  .chart-hyaluronic__item01 {
    top: 15%;
    left: 0.5rem;
  }
  .chart-hyaluronic__item02 {
    top: 26%;
    right: 0.5rem;
  }
  .chart-hyaluronic__item03 {
    top: 30%;
    left: 0.5rem;
  }
  .chart-hyaluronic__item04 {
    top: 43%;
    right: 0.5rem;
  }
  .chart-hyaluronic__item05 {
    top: 45.5%;
    left: 0.5rem;
  }
  .chart-hyaluronic__item06 {
    top: 53.5%;
    right: 0.5rem;
  }
  .chart-hyaluronic__item07 {
    left: 0.5rem;
    bottom: 30%;
  }
  .chart-hyaluronic__item08 {
    bottom: 31%;
    right: 0.5rem;
  }
  .chart-hyaluronic__item09 {
    bottom: 13.5%;
    left: 0.5rem;
  }
  .chart-hyaluronic__item10,
  .chart-hyaluronic__item11 {
    right: 0.5rem;
  }
}
@media only screen and (max-width: 575px) {
  .chart-hyaluronic__item .btn {
    min-width: 8rem;
    min-height: 2rem;
  }
  .chart-hyaluronic__item .btn__text {
    font-size: 1rem;
  }
  .chart-hyaluronic__item:nth-child(odd) .btn {
    min-width: 9rem;
  }
  .chart-hyaluronic__item:last-child .btn {
    min-width: 8rem;
  }
  .chart-hyaluronic__item02 {
    top: 29%;
  }
  .chart-hyaluronic__item04 {
    top: 40.5%;
    right: 0.5rem;
  }
  .chart-hyaluronic__item05 {
    top: 44%;
  }
  .chart-hyaluronic__item06 {
    top: 51%;
  }
  .chart-hyaluronic__item08 {
    bottom: 28%;
  }
}
/*---------- END CHART HYALURONIC SECTION ----------*/
/*---------- START GROUP HYALURONIC ----------*/
.group-hyaluronic__wrap {
  border-radius: 1rem;
  background-color: var(--color-white);
}

.group-hyaluronic__head {
  position: relative;
  display: flex;
  justify-content: center;
  background-color: var(--color-beige);
}
.group-hyaluronic__head::before {
  position: absolute;
  content: "";
  top: calc(50% + 1px);
  left: 0;
  width: 100%;
  height: 50%;
  border-radius: 1rem 1rem 0 0;
  background-color: var(--color-white);
}

.group-hyaluronic__body {
  padding: 1.5rem 0 2rem 0;
}

.group-hyaluronic__figure {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .group-hyaluronic__head .heading-main {
    width: 40%;
  }
  .group-hyaluronic__head .heading-main:first-child {
    padding-left: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .group-hyaluronic__wrap {
    overflow: hidden;
  }
  .group-hyaluronic__head {
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .group-hyaluronic__head .heading-main {
    width: 48%;
  }
  .group-hyaluronic__head .heading-main__wrap {
    width: 100%;
    min-width: 100%;
  }
  .group-hyaluronic__body {
    padding: 0.5rem 0;
  }
  .group-hyaluronic__figure {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
@media only screen and (max-width: 575px) {
  .group-hyaluronic__head .heading-main__wrap {
    min-height: 5rem;
  }
  .group-hyaluronic__head .heading-main__title {
    font-size: 1.6rem;
  }
}
/*---------- END GROUP HYALURONIC ----------*/
/*====================================================================================
15. END HYALURONIC PAGE.
====================================================================================*/
/*====================================================================================
3. START  PAGE
====================================================================================*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
3. END  PAGE
====================================================================================*/

/* 症例写真カラム */
.case-sec {

}
.case-sec-column {
  display: flex;
  gap: 4rem;
  flex-direction: column;
}
.case-sec-column-item {
  flex: 1;
}

@media only screen and (min-width: 768px) {
  .case-sec-column {
    flex-direction: row;
  }
}

@media only screen and (max-width: 767px) {
.posts-about.reverse.posts-about-spcolumn {
  display: flex;
  flex-direction: column;
}
.posts-about.reverse.posts-about-spcolumn .posts-about__body {
  display: contents;
}
.posts-about.reverse.posts-about-spcolumn .posts-about__title {
  order: 1;
}
.posts-about.reverse.posts-about-spcolumn .posts-about__figure {
  margin: 0 0 1.8rem;
  order: 2;
}
.posts-about.reverse.posts-about-spcolumn .posts-about__desc {
  order: 3;
}
}