@charset "UTF-8";
:root {
  /* colors */
  --white:#fff;
  --black:#3E3A39;
  --border-gray:#DCDBDB;
  --green:#22AC38;
  --blue:#004a98;
  --light-blue:#1E68A6;
  --gray:#F4F4F4;
  --line-gray:#9FA0A0;
  --table-line:#595757;
  --red:#E60012;
  /* font-size */
  --text-size:1.8rem;
  /* fonts */
  /* 
  Century Gothic Pro Regular
      font-family: "century-gothic", sans-serif;
      font-weight: 400;
      font-style: normal;
  Century Gothic Pro Italic
      font-family: "century-gothic", sans-serif;
      font-weight: 400;
      font-style: italic;
  Century Gothic Pro Bold
      font-family: "century-gothic", sans-serif;
      font-weight: 700;
      font-style: normal;
  Century Gothic Pro Bold Italic
      font-family: "century-gothic", sans-serif;
      font-weight: 700;
      font-style: italic;
  */
  --title:"fot-tsukuardgothic-std", sans-serif;
  --p:"hiragino-kaku-gothic-pron", sans-serif;
  --en:"century-gothic", sans-serif;
}

html {
  /* This defines what 1rem is */
  font-size: 62.5%; /* 基本のフォントサイズが10pxになる様に計算した値  1rem:10px/16px=62.5% */
  /*  
  @include g.respond(xl){//1920px
      font-size: 75%;//1rem=12px  12px/16px=75%
  }
   */
}
@media screen and (max-width: 93.75em) {
  html {
    font-size: 56.25%;
  }
}
@media screen and (max-width: 87.5em) {
  html {
    font-size: 53.125%;
  }
}
@media screen and (max-width: 81.25rem) {
  html {
    font-size: 51.875%;
  }
}
@media screen and (max-width: 48em) {
  html {
    font-size: 56.25%;
  }
}
.body {
  background-color: var(--white);
  background-image: url(../imgs/component/c-bgDots.png);
  color: var(--black);
  font-family: var(--p);
}

main {
  max-width: 192rem;
  width: 100%;
  margin: 0 auto;
  padding-top: 25.93rem;
  overflow: hidden;
}
@media screen and (min-width: 120.00625em) {
  main {
    overflow: visible;
  }
}
@media screen and (max-width: 56.25em) {
  main {
    padding-top: 20.93rem;
  }
}
@media screen and (max-width: 48em) {
  main {
    padding-top: 12.93rem;
  }
}
@media screen and (max-width: 34.375em) {
  main {
    padding-top: 10.93rem;
  }
}

.bg__stripe {
  background-image: url(../imgs/component/c-bgStripe.png);
  background-color: var(--white);
}

.container {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
}

.inner-container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 87.5em) {
  .inner-container {
    padding: 0 5%;
  }
}

.pointer {
  cursor: pointer;
  transition: opacity, 0.3s;
}

a {
  transition: opacity, 0.3s;
}

.pointer:hover, a:hover {
  opacity: 0.8;
}

p {
  font-size: 1.8rem;
}
@media screen and (max-width: 48em) {
  p {
    font-size: 1.6rem;
  }
}

.link-cut {
  pointer-events: none;
}

.u-mt-xs {
  margin-top: 1rem;
}

.u-mt-s {
  margin-top: 2rem;
}

.u-mt-m {
  margin-top: 3rem;
}

.u-mt-l {
  margin-top: 6rem;
}

.u-mt-xl {
  margin-top: 17rem;
}
@media screen and (max-width: 48em) {
  .u-mt-xl {
    margin-top: 10rem;
  }
}

.u-mb-xs {
  margin-bottom: 1rem;
}

.u-mb-s {
  margin-bottom: 2rem;
}

.u-mb-m {
  margin-bottom: 3rem;
}

.u-mb-xl {
  margin-bottom: 17rem;
}
@media screen and (max-width: 48em) {
  .u-mb-xl {
    margin-bottom: 10rem;
  }
}

.u-pt-xl {
  padding-top: 17rem;
}
@media screen and (max-width: 48em) {
  .u-pt-xl {
    padding-top: 10rem;
  }
}

.u-pb-xl {
  padding-bottom: 17rem;
}
@media screen and (max-width: 48em) {
  .u-pb-xl {
    padding-bottom: 10rem;
  }
}

.c-sp__new-line {
  display: none;
}
@media screen and (max-width: 48em) {
  .c-sp__new-line {
    display: block;
  }
}
.c-sp__new-line--revers {
  display: block;
}
@media screen and (max-width: 48em) {
  .c-sp__new-line--revers {
    display: none;
  }
}

.c-bg-blue {
  background-color: var(--blue);
  color: var(--white);
}

.c-pagi-top {
  position: fixed;
  bottom: 5rem;
  right: 2%;
  width: 3rem;
  height: 14.5rem;
}
@media screen and (max-width: 56.25em) {
  .c-pagi-top {
    width: 2rem;
    height: 9.6rem;
  }
}

.c-openbtn {
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 5px;
}
.c-openbtn span {
  display: inline-block;
  transition: all 0.4s;
  /*アニメーションの設定*/
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background: var(--black);
  width: 70%;
}
.c-openbtn span:nth-of-type(1) {
  top: 15px;
}
.c-openbtn span:nth-of-type(2) {
  top: 23px;
}
.c-openbtn span:nth-of-type(3) {
  top: 31px;
}
.c-openbtn.active {
  z-index: 3000;
}
.c-openbtn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 65%;
}
.c-openbtn.active span:nth-of-type(2) {
  opacity: 0;
  /*真ん中の線は透過*/
}
.c-openbtn.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 65%;
}

.c-sns {
  display: flex;
  gap: 2rem;
}
.c-sns__item {
  width: 5.5rem;
  height: 5.5rem;
}
@media screen and (max-width: 48em) {
  .c-sns__item {
    width: 3.5rem;
    height: 3.5rem;
  }
}
.c-sns__img {
  -o-object-fit: contain;
     object-fit: contain;
}

.c-booking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
}
@media screen and (max-width: 56.25em) {
  .c-booking {
    flex-direction: column;
  }
}
.c-booking__img {
  display: block;
  width: 64.1rem;
}
.c-booking__h2 {
  font-weight: bold;
  font-size: 2rem;
}
.c-booking__text {
  font-size: 1.8rem;
  font-family: var(--p);
  margin-top: 1rem;
}

.c-rc-area {
  width: 100%;
  border-radius: 3rem;
  background-color: var(--gray);
}
.c-rc-area__body {
  padding: 7rem 10%;
}

.c-mv {
  position: relative;
}
.c-mv .container {
  max-width: 170rem;
  padding: 0 10rem;
}
.c-mv .container {
  position: relative;
}
@media screen and (max-width: 93.75em) {
  .c-mv .container {
    padding: 0 5%;
  }
}
.c-mv::after {
  content: "";
  width: 64.1rem;
  height: 49.6rem;
  background-color: var(--gray);
  border-radius: 2rem;
  position: absolute;
  top: -8.5rem;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 56.25em) {
  .c-mv::after {
    display: none;
  }
}
.c-mv__title {
  font-size: 4rem;
  color: var(--white);
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
}
@media screen and (max-width: 56.25em) {
  .c-mv__title {
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.c-mv__subtitle {
  font-size: 27px;
  top: 63%;
}
@media screen and (max-width: 48em) {
  .c-mv__subtitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 34.375em) {
  .c-mv__subtitle {
    top: 70%;
  }
}
.c-mv__mv {
  text-align: center;
}
.c-mv__img {
  width: 100%;
}
.c-mv__sns {
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 8rem;
}
@media screen and (max-width: 112.5rem) {
  .c-mv__sns {
    right: 3rem;
  }
}
@media screen and (max-width: 93.75em) {
  .c-mv__sns {
    right: 1rem;
  }
}
@media screen and (max-width: 56.25em) {
  .c-mv__sns {
    display: none;
  }
}

.c-treatment {
  position: relative;
}
.c-treatment::before {
  content: "";
  width: 22.1rem;
  height: 15.7rem;
  position: absolute;
  transform: translate(-50%, -50%);
}
.c-treatment--R::before {
  background: url(../imgs/component/c-dotRectangle.png) no-repeat center center/contain;
}
.c-treatment--C::before {
  background: url(../imgs/component/c-dotCicle.png) no-repeat center center/contain;
}
.c-treatment--lt::before {
  top: 0;
  left: 0;
}
.c-treatment--rt::before {
  top: 0;
  right: 0;
}
.c-treatment--lb::before {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 20%);
}
.c-treatment--rb::before {
  bottom: 0;
  right: 0;
  transform: translate(-50%, 20%);
}

.c-tel {
  font-size: 3rem;
  font-family: var(--en);
}
@media screen and (max-width: 75em) {
  .c-tel {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 56.25em) {
  .c-tel {
    font-size: 3rem;
  }
}
@media screen and (max-width: 48em) {
  .c-tel {
    font-size: 2.5rem;
  }
}
.c-tel a::before {
  content: "";
  background: url(../imgs/component/c-footerTel.png) no-repeat center left/contain;
  width: 3rem;
  height: 2.5rem;
  display: inline-block;
}
@media screen and (max-width: 75em) {
  .c-tel a::before {
    width: 2rem;
    height: 2rem;
  }
}
.c-tel--black a::before {
  background: url(../imgs/component/c-headerTel.png) no-repeat center left/contain;
}

.c-itt {
  display: flex;
  flex-direction: column;
  padding: 3.5rem;
}
.c-itt--border {
  border: 2px solid var(--blue);
  border-radius: 2rem;
  background-color: var(--white);
}
.c-itt__name {
  width: 100%;
  text-align: center;
  font-size: 3.5rem;
  line-height: 1.6;
  letter-spacing: 0.02em;
  font-weight: bold;
  font-family: var(--title);
  color: var(--blue);
  padding: 1rem;
  border-bottom: 2px dotted var(--blue);
}
.c-itt__text {
  margin-top: 2rem;
  line-height: 2;
}
.c-itt__img-wrap {
  order: -1;
  width: 100%;
}
.c-itt__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.slick-next,
.slick-prev {
  width: 5.9rem;
  height: 5.9rem;
  top: 30%;
}
@media screen and (max-width: 56.25em) {
  .slick-next,
  .slick-prev {
    width: 3rem;
    height: 3rem;
  }
}

.slick-next {
  right: -5.9rem;
}
.slick-next::before {
  content: "";
  display: block;
  background: url(../imgs/component/c-sliderNext.png) no-repeat center center/contain;
  width: 5.9rem;
  height: 5.9rem;
  opacity: 1;
}

.slick-prev {
  left: -5.9rem;
}
.slick-prev::before {
  content: "";
  display: block;
  background: url(../imgs/component/c-sliderPrev.png) no-repeat center center/contain;
  width: 5.9rem;
  height: 5.9rem;
  opacity: 1;
}

.c-pagination .wp-pagenavi {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.c-pagination--start .wp-pagenavi {
  justify-content: start;
}
.c-pagination .page, .c-pagination .current, .c-pagination .previouspostslink, .c-pagination .nextpostslink {
  background-color: var(--white);
  border-radius: 100px;
  width: 3rem;
  height: 3rem;
  border: 1px solid var(--black);
  position: relative;
  color: var(--black);
  font-size: 1.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-pagination .current {
  background-color: var(--blue);
  color: var(--white);
}

.c-recruit__title {
  font-size: 3rem;
  color: var(--white);
  background-color: var(--blue);
  border-radius: 2rem 2rem 0 0;
  padding: 2rem 10rem;
  max-width: 43.6rem;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.c-recruit__body {
  background-color: var(--gray);
  border-radius: 2rem;
  padding: 3rem 10%;
  text-align: center;
}
.c-recruit__list {
  display: flex;
  flex-wrap: wrap;
}
.c-recruit__dt, .c-recruit__dd {
  border-bottom: 3px dotted var(--blue);
  display: flex;
  align-items: center;
  padding: 1rem 0;
}
.c-recruit__dt {
  flex: 0 0 20%;
  color: var(--blue);
  font-size: 2.4rem;
  font-family: var(--title);
  font-weight: bold;
}
@media screen and (max-width: 48em) {
  .c-recruit__dt {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 34.375em) {
  .c-recruit__dt {
    flex: 0 0 30%;
    font-size: 2rem;
  }
}
.c-recruit__dd {
  flex: 1 1 80%;
  padding-left: 4rem;
  font-size: var(--text-size);
}
@media screen and (max-width: 48em) {
  .c-recruit__dd {
    flex: 0 0 75%;
  }
}
@media screen and (max-width: 34.375em) {
  .c-recruit__dd {
    flex: 0 0 70%;
  }
}
.c-recruit__sublist {
  text-align: start;
}
.c-recruit__btn {
  text-align: start;
}

.c-btn {
  display: inline-block;
  width: 30.4rem;
  font-size: 1.8rem;
  color: var(--white);
}
.c-btn--short {
  width: 26.9rem;
}
.c-btn__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.7rem 3rem;
  border-radius: 1.8rem;
}
.c-btn__link--short {
  padding-left: 4.3rem;
}
.c-btn__link::after {
  content: "";
  background: url(../imgs/component/c-btnArrow.png) no-repeat center center/contain;
  width: 3.9rem;
  height: 0.8rem;
  transition: all 0.3s;
  margin-left: auto;
}
.c-btn__link:hover::after {
  transform: translateX(1rem);
}
.c-btn--green {
  background-color: var(--green);
}
.c-btn--blue {
  background-color: var(--blue);
}
.c-btn--recruit {
  display: block;
  margin: 0 auto;
  width: 56.3rem;
}
@media screen and (max-width: 34.375em) {
  .c-btn--recruit {
    width: 29.3rem;
  }
}

.xslider_wrap {
  display: flex;
  overflow: hidden;
  width: 100%;
  border-radius: 2rem;
}

.xslider1, .xslider2 {
  display: flex;
  flex: none;
  animation: xslider 38s 2s linear infinite;
}

.xslider1 div, .xslider2 div {
  flex: none;
  padding: 0 2rem;
}

@keyframes xslider {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.c-title {
  font-family: var(--title);
  font-weight: bold;
  display: inline-block;
  letter-spacing: 0.02em;
}
.c-title__wrap {
  text-align: center;
}
.c-title--h2 {
  font-size: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
}
@media screen and (max-width: 34.375em) {
  .c-title--h2 {
    font-size: 3rem;
    gap: 1rem;
  }
}
.c-title--h2::before {
  content: "";
  background: url(../imgs/component/c-titleB.png) no-repeat center center/contain;
  width: 8.8rem;
  height: 2.6rem;
}
@media screen and (max-width: 34.375em) {
  .c-title--h2::before {
    width: 4.4rem;
    height: 1.95rem;
  }
}
.c-title--h2::after {
  content: "";
  background: url(../imgs/component/c-titleA.png) no-repeat center center/contain;
  width: 8.8rem;
  height: 2.6rem;
}
@media screen and (max-width: 34.375em) {
  .c-title--h2::after {
    width: 4.4rem;
    height: 1.95rem;
  }
}
.c-title--h3 {
  line-height: 1.2;
}

.c-oval {
  display: inline-block;
  width: 30.4rem;
  text-align: center;
  border-radius: 1.5rem;
  color: var(--white);
  font-size: 1.6rem;
  padding: 0.9rem 0;
}
.c-oval--green {
  background-color: var(--green);
}

.table {
  text-align: center;
}
.table__left {
  padding: 16px 0;
  width: 160px;
  text-align: center;
  border-bottom: 1px solid var(--line-gray);
}
.table__left--bold {
  font-weight: bold;
}
.table__right {
  width: 45.125px;
  border-bottom: 1px solid var(--line-gray);
}
.table__right--bold {
  font-weight: bold;
}
.table__right--blue {
  color: var(--light-blue);
}

.l-column2 {
  display: flex;
  justify-content: space-between;
  margin-top: 6rem;
  gap: 10rem;
}
@media screen and (max-width: 48em) {
  .l-column2 {
    flex-direction: column;
    align-items: center;
  }
}
.l-column2--revers {
  flex-direction: row-reverse;
}
@media screen and (max-width: 48em) {
  .l-column2--revers {
    flex-direction: column;
  }
}
.l-column2__img-wrap {
  position: relative;
  width: 50%;
}
@media screen and (max-width: 48em) {
  .l-column2__img-wrap {
    width: 95%;
  }
}
.l-column2__img {
  width: 100%;
}
@media screen and (max-width: 48em) {
  .l-column2__img {
    width: 100%;
  }
}
.l-column2__contents {
  width: 50%;
}
@media screen and (max-width: 48em) {
  .l-column2__contents {
    max-width: none;
    width: 95%;
  }
}

.l-chart__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem;
}
@media screen and (max-width: 56.25em) {
  .l-chart__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.l-chart__item {
  background-color: var(--white);
  color: var(--blue);
  padding: 2.5rem;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.l-column-trimming {
  display: flex;
  gap: 6rem;
}
.l-column-trimming--revers {
  flex-direction: row-reverse;
}
@media screen and (max-width: 56.25em) {
  .l-column-trimming--revers {
    flex-direction: column;
  }
}
@media screen and (max-width: 56.25em) {
  .l-column-trimming {
    flex-direction: column;
    align-items: center;
  }
}
.l-column-trimming__contents {
  flex: 1 1 55%;
}
@media screen and (max-width: 56.25em) {
  .l-column-trimming__contents {
    flex: 1 1 100%;
  }
}
.l-column-trimming__h3 {
  font-size: 4.4rem;
  border-bottom: 2px dotted var(--blue);
  width: 100%;
}
@media screen and (max-width: 48em) {
  .l-column-trimming__h3 {
    font-size: 3.5rem;
  }
}
.l-column-trimming__text {
  line-height: 2.5;
}

.department .department-2col__body {
  display: flex;
  gap: 6rem;
}
@media screen and (max-width: 56.25em) {
  .department .department-2col__body {
    flex-direction: column;
    align-items: center;
  }
}
.department .department-2col__contents {
  flex: 1 1 55%;
}
.department .department-2col__h3 {
  font-size: 4rem;
  border-bottom: 2px dotted var(--blue);
  width: 100%;
}
@media screen and (max-width: 75em) {
  .department .department-2col__h3 {
    font-size: 3.7rem;
  }
}
@media screen and (max-width: 56.25em) {
  .department .department-2col__h3 {
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 48em) {
  .department .department-2col__h3 {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 48em) {
  .department .department-2col__h3 {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 87.5em) {
  .department .department-2col__h3 .new-line {
    display: block;
  }
}
.department .department-2col__text {
  line-height: 2.5;
}
.department .department-2col__text span {
  color: var(--red);
}
.department .department-rc-area__body {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6rem;
}
@media screen and (max-width: 56.25em) {
  .department .department-rc-area__body {
    gap: 1rem;
    flex-direction: column;
  }
}
.department .department-rc-area__list {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 6rem;
       column-gap: 6rem;
  row-gap: 1rem;
  width: 60%;
  list-style: disc;
}
@media screen and (max-width: 56.25em) {
  .department .department-rc-area__list {
    flex-direction: column;
  }
}
.department .department-rc-area__item {
  width: calc((100% - 6rem) / 2);
  color: var(--blue);
  font-weight: bold;
  font-size: 2rem;
  font-family: var(--title);
}
@media screen and (max-width: 56.25em) {
  .department .department-rc-area__item {
    width: 100%;
  }
}
.department .department-link__link {
  display: block;
  width: 100%;
}
.department .inspection__list-title {
  font-size: 2.8rem;
  line-height: 1.965;
  text-align: center;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 75em) {
  .department .inspection__list-title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 56.25em) {
  .department .inspection__list-title {
    font-size: 3rem;
  }
}
.department .inspection__price {
  font-size: 2.5rem;
  padding: 0 1rem 1rem 1rem;
  border-bottom: 3px dotted var(--blue);
  width: 100%;
  text-align: center;
}
.department .inspection__text {
  color: var(--black);
  font-size: 1.6rem;
  padding-top: 2rem;
  align-self: start;
}
.department .department-list .container {
  padding: 0 5%;
}
.department .department-list__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem;
}
@media screen and (max-width: 75em) {
  .department .department-list__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 34.375em) {
  .department .department-list__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.department .department-list__item {
  position: relative;
}
.department .department-list__link {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  padding: 3rem;
  border: 2px solid var(--blue);
  border-radius: 2rem;
  background-color: var(--white);
}
.department .department-list__link:hover > h3::after {
  transform: translate(1rem, -50%);
}
.department .department-list__item-title {
  font-size: 2.3rem;
  color: var(--blue);
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 75em) {
  .department .department-list__item-title {
    width: 90%;
  }
}
.department .department-list__item-title::after {
  content: "";
  background: url(../imgs/component/c-blueArrow.png) no-repeat center center/contain;
  width: 4.7rem;
  height: 0.9rem;
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 48em) {
  .department .department-list__item-title::after {
    top: 100%;
  }
}
.department .department-list__img {
  border-radius: 2rem;
}

.header {
  width: 100vw;
  position: fixed;
  padding: 2rem 2%;
  z-index: 1000;
  background-color: var(--white);
}
@media screen and (max-width: 56.25em) {
  .header {
    padding-bottom: 2rem;
  }
}
.header .container {
  max-width: 1560px !important;
}
.header__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 56.25em) {
  .header__body {
    flex-wrap: wrap;
  }
}
.header__logo {
  width: 49.6rem;
}
@media screen and (max-width: 75em) {
  .header__logo {
    width: 30%;
  }
}
@media screen and (max-width: 56.25em) {
  .header__logo {
    width: 20%;
  }
}
@media screen and (max-width: 56.25em) {
  .header__logo {
    width: 80%;
  }
}
@media screen and (max-width: 56.25em) {
  .header__gnav {
    display: none;
  }
}
@media screen and (max-width: 56.25em) {
  .header__hamburger {
    flex: 1 1 20%;
  }
  .header__hamburger div {
    margin-left: auto;
  }
}
@media screen and (max-width: 56.25em) {
  .header__sp-links {
    flex: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}
.header__tel {
  font-size: 3rem;
  font-family: var(--en);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 75em) {
  .header__tel {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 56.25em) {
  .header__tel {
    font-size: 4rem;
  }
}
@media screen and (max-width: 34.375em) {
  .header__tel {
    font-size: 2.5rem;
  }
}
.header__tel a::before {
  content: "";
  background: url(../imgs/component/c-headerTel.png) no-repeat center left/contain;
  width: 3rem;
  height: 2.5rem;
  display: inline-block;
}
@media screen and (max-width: 75em) {
  .header__tel a::before {
    width: 2rem;
    height: 2rem;
  }
}
@media screen and (max-width: 56.25em) {
  .header__tel a::before {
    width: 3rem;
    height: 3rem;
  }
}
@media screen and (max-width: 34.375em) {
  .header__tel a::before {
    width: 2rem;
    height: 2rem;
  }
}
.header__sns {
  display: none;
}
@media screen and (max-width: 56.25em) {
  .header__sns {
    display: flex;
  }
}

.footer {
  background-color: var(--blue);
  color: var(--white);
}
.footer__container {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  gap: 10rem;
}
@media screen and (max-width: 87.5em) {
  .footer__container {
    padding: 0 5%;
  }
}
@media screen and (max-width: 48em) {
  .footer__container {
    flex-direction: column;
    align-items: center;
    gap: 5rem;
  }
}
.footer__logo {
  width: 17rem;
}
.footer__tel {
  display: none;
}
@media screen and (max-width: 48em) {
  .footer__tel {
    display: inline-block;
    font-size: 3rem;
  }
}
.footer__tel::before {
  content: "";
  background: url(../imgs/component/c-footerTel.png) no-repeat center left/contain;
  height: 3rem;
  width: 3rem;
  display: inline-block;
}
.footer__nav {
  flex: 1;
}
.footer__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 1em;
  font-size: var(--text-size);
}
@media screen and (max-width: 34.375em) {
  .footer__list {
    display: block;
  }
}
.footer__item {
  display: flex;
  margin-bottom: 2rem;
}
.footer__item--01 {
  grid-column: 1/5;
  position: relative;
  flex-wrap: wrap;
  row-gap: 2rem;
}
.footer__item--02 {
  grid-column: 1/5;
  position: relative;
  flex-wrap: wrap;
  row-gap: 2rem;
}
.footer__item::before {
  content: "";
  background: url(../imgs/component/c-footerArrow.png) no-repeat center left/contain;
  width: 0.8rem;
  height: 1.5rem;
  transition: all 0.3s;
  margin-right: 2rem;
  margin-top: 6px;
}
.footer__item:hover::before {
  transform: translateX(1rem);
}
.footer__sub-list {
  margin-left: 3rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  list-style: disc;
}
@media screen and (max-width: 87.5em) {
  .footer__sub-list {
    margin-left: 0;
  }
}
@media screen and (max-width: 48em) {
  .footer__sub-list {
    flex: 1;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
  }
}
@media screen and (max-width: 34.375em) {
  .footer__sub-list {
    flex: auto;
    list-style: none;
  }
}
.footer__sub-list--02 {
  grid-template-rows: repeat(2, 1fr);
  gap: 1rem;
}
.footer__sub-item {
  margin-left: 3rem;
}
@media screen and (max-width: 34.375em) {
  .footer__sub-item {
    margin-left: 0;
  }
}
.footer__sub-item--01 {
  grid-column: 1/3;
}
@media screen and (max-width: 34.375em) {
  .footer__sub-item a::before {
    content: "・";
  }
}
.footer .copyright {
  text-align: center;
  display: block;
  width: 100%;
}

/* ナビゲーションは900px以下でハンバーガーメニュにする。*/
.gnav {
  align-self: stretch;
  font-size: 1.8rem;
  letter-spacing: 0.03em;
  font-family: var(--title);
  font-weight: bold;
  flex: 1;
}
@media screen and (max-width: 75em) {
  .gnav {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 56.25em) {
  .gnav {
    display: block;
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 80%;
    z-index: 2000;
    color: var(--white);
    opacity: 0;
    transition: all 0.3s;
    display: none;
  }
  .gnav.active {
    display: block;
    opacity: 1;
  }
}
@media screen and (max-width: 56.25em) {
  .gnav__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 500vw;
    height: 500vh;
    background-color: var(--green);
    opacity: 0;
    transition: all 0.3s;
    display: none;
  }
  .gnav__bg.active {
    display: block;
    opacity: 1;
    z-index: 2000;
  }
}
.gnav__list {
  display: flex;
  justify-content: center;
  gap: 2rem;
  height: 100%;
  z-index: 3000;
  padding-top: 2rem;
}
@media screen and (max-width: 81.25rem) {
  .gnav__list {
    gap: 1.5rem;
  }
}
@media screen and (max-width: 75em) {
  .gnav__list {
    gap: 1.2rem;
  }
}
@media screen and (max-width: 56.25em) {
  .gnav__list {
    flex-direction: column;
    justify-content: start;
    gap: 0;
    font-size: 30px;
  }
}
.gnav__item--arrow, .gnav__item a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 56.25em) {
  .gnav__item--arrow, .gnav__item a {
    align-items: start;
  }
}
.gnav__item--arrow::after, .gnav__item a::after {
  content: "";
  background: url(../imgs/component/c-headerArrow.png) no-repeat center center/contain;
  width: 2rem;
  height: 1rem;
  margin: 0 auto;
}
@media screen and (max-width: 56.25em) {
  .gnav__item--arrow::after, .gnav__item a::after {
    display: none;
  }
}
@media screen and (max-width: 56.25em) {
  .gnav__item {
    position: relative;
    margin-top: 0;
  }
}
@media screen and (max-width: 48em) {
  .gnav__item {
    font-size: 2.2rem;
  }
}
.gnav__sub-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100vw;
  height: 12.6rem;
  background-color: var(--green);
  align-items: center;
  color: var(--white);
  padding-left: 41.5%;
  gap: 6%;
}
@media screen and (max-width: 56.25em) {
  .gnav__sub-list {
    display: flex;
    flex-direction: column;
    align-items: start;
    position: static;
    background-color: rgba(0, 0, 0, 0);
    height: auto;
    padding-left: 0;
    width: auto;
    margin-top: 2px;
    font-size: 24px;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 48em) {
  .gnav__sub-list {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 56.25em) {
  .gnav__sp-border {
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--white);
    border-radius: 2px;
    display: block;
    cursor: auto;
  }
  .gnav__sp-border:hover {
    opacity: 1;
  }
}
.gnav__sub-item {
  list-style: disc;
}
.gnav .pointer {
  position: relative;
}
@media screen and (max-width: 56.25em) {
  .gnav .pointer::after {
    content: "";
    width: 12px;
    height: 20px;
    background: url(../imgs/component/c-sp-headerArrow.png) no-repeat center center/contain;
    margin: 0;
    position: absolute;
    top: 50%;
    left: -2.5rem;
    transform: translate(0, -50%);
  }
}

.btns {
  margin-top: 500px;
}

.booking-area {
  padding-top: 17rem;
  padding-bottom: 17rem;
}
@media screen and (max-width: 48em) {
  .booking-area {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
.booking-area__btns {
  display: flex;
  justify-content: center;
  gap: 10%;
}
@media screen and (max-width: 34.375em) {
  .booking-area__btns {
    flex-direction: column;
    gap: 3rem;
    align-items: center;
  }
}

.home {
  padding-top: 25.93rem;
  overflow: hidden;
}
@media screen and (min-width: 120.00625em) {
  .home {
    overflow: visible;
  }
}
@media screen and (max-width: 56.25em) {
  .home {
    padding-top: 20.93rem;
  }
}
@media screen and (max-width: 34.375em) {
  .home {
    padding-top: 11.93rem;
  }
}
.home .home-mv {
  position: relative;
}
@media screen and (max-width: 56.25em) {
  .home .home-mv {
    display: flex;
    flex-direction: column-reverse;
  }
}
.home .home-mv__chatch {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 87.5em) {
  .home .home-mv__chatch {
    padding: 0 5%;
  }
}
@media screen and (max-width: 56.25em) {
  .home .home-mv__chatch {
    text-align: center;
    margin-top: 5rem;
  }
}
.home .home-mv__chatch::after {
  content: "";
  width: 64.1rem;
  height: 49.6rem;
  background-color: var(--gray);
  border-radius: 2rem;
  position: absolute;
  top: -8.5rem;
  right: 0;
  transform: translateX(60%);
  z-index: -1;
}
@media screen and (max-width: 56.25em) {
  .home .home-mv__chatch::after {
    right: auto;
    left: 0;
    top: -30rem;
    transform: translateX(-30%);
  }
}
.home .home-mv__mainchatch {
  font-family: var(--title);
  font-size: 4.4rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
  font-weight: bold;
}
@media screen and (max-width: 75em) {
  .home .home-mv__mainchatch {
    font-size: 4rem;
  }
}
@media screen and (max-width: 56.25em) {
  .home .home-mv__mainchatch {
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 48em) {
  .home .home-mv__mainchatch {
    font-size: 4rem;
  }
}
@media screen and (max-width: 34.375em) {
  .home .home-mv__mainchatch {
    font-size: 3rem;
  }
}
.home .home-mv__subchatch {
  margin-top: 2rem;
  font-size: 1.8rem;
  line-height: 1.88;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 56.25em) {
  .home .home-mv__subchatch {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 48em) {
  .home .home-mv__subchatch {
    font-size: 1.6rem;
  }
}
.home .home-mv__sns {
  position: absolute;
  top: 4.4rem;
  right: 5%;
  transform: translateY(-50%);
}
@media screen and (max-width: 56.25em) {
  .home .home-mv__sns {
    display: none;
  }
}
.home .home-mv__mv {
  max-width: 192rem;
  width: 100%;
  margin: 0 auto;
  margin-top: 4rem;
}
.home .booking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-top: 7rem;
  gap: 3rem;
}
@media screen and (max-width: 56.25em) {
  .home .booking {
    flex-direction: column;
  }
}
.home .booking::before {
  content: "";
  width: 64.1rem;
  height: 49.6rem;
  background-color: var(--gray);
  border-radius: 2rem;
  position: absolute;
  bottom: -8.5rem;
  left: 0;
  transform: translateX(-60%);
  z-index: -1;
}
@media screen and (max-width: 56.25em) {
  .home .booking::before {
    display: none;
  }
}
.home .booking__link {
  width: 100%;
  max-width: 63.5rem;
  display: inline-block;
}
.home .booking__img {
  display: block;
  width: 100%;
}
.home .booking__h2 {
  font-weight: bold;
  font-size: 2rem;
}
.home .booking__text {
  font-size: 1.8rem;
  font-family: var(--p);
  margin-top: 1rem;
  letter-spacing: 0.02em;
  line-height: 1.16;
}
@media screen and (max-width: 48em) {
  .home .booking__text {
    font-size: 1.6rem;
  }
}
.home .news {
  margin-top: 16rem;
}
.home .news__title {
  font-size: 4rem;
  font-family: var(--title);
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.25;
}
@media screen and (max-width: 48em) {
  .home .news__title {
    font-size: 3rem;
    text-align: center;
  }
}
.home .news__body {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 4rem;
}
@media screen and (max-width: 48em) {
  .home .news__body {
    flex-direction: column;
    align-items: center;
    gap: 6rem;
  }
}
.home .news__list {
  font-size: var(--text-size);
  flex: 1;
}
@media screen and (max-width: 48em) {
  .home .news__list {
    width: 100%;
  }
}
@media screen and (max-width: 48em) {
  .home .news__list {
    font-size: 1.6rem;
  }
}
.home .news__item {
  border-bottom: 2px dotted var(--line-gray);
  position: relative;
}
.home .news__article-link {
  display: flex;
  align-items: center;
  padding: 1.5rem 0;
}
.home .news__article-link::after {
  content: "";
  background: url(../imgs/home/home-arrowR.png) no-repeat center left/contain;
  width: 0.8rem;
  height: 1.4rem;
  margin: 0 2.5rem;
  margin-left: auto;
  transition: all 0.3s;
  flex: 0 0 auto;
}
.home .news__article-link:hover::after {
  transform: translateX(1rem);
}
.home .news__date {
  margin-right: 2.5rem;
  align-self: start;
}
.home .calendar {
  margin-top: 13rem;
  margin-bottom: 13rem;
}
.home .calendar__text {
  display: flex;
  justify-content: center;
}
.home .features {
  padding: 15rem 0 20rem;
  background-color: var(--blue);
  color: var(--white);
}
@media screen and (max-width: 34.375em) {
  .home .features {
    padding: 15rem 0 10rem;
  }
}
@media screen and (max-width: 56.25em) {
  .home .features .sp-none {
    display: none;
  }
}
.home .features__img-wrap::before {
  content: "";
  background: url(../imgs/component/c-dotRectangle.png) no-repeat center center/contain;
  width: 22.1rem;
  height: 15.7rem;
  position: absolute;
}
.home .features__img-wrap--01::before {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
.home .features__img-wrap--02::before {
  background: url(../imgs/component/c-dotCicle.png) no-repeat center center/contain;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.home .features__img-wrap--03::before {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}
.home .features__h3 {
  font-size: 3.4rem;
  line-height: 1.35;
  letter-spacing: 0.03em;
  width: 100%;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 56.25em) {
  .home .features__h3 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 56.25em) {
  .home .features__h3 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 34.375em) {
  .home .features__h3 {
    font-size: 2.5rem;
  }
}
.home .features__h3--text {
  display: flex;
  align-items: end;
  gap: 2rem;
}
.home .features__h3--text::before {
  flex: 0 0 auto;
  content: "";
  background: url(../imgs/home/home-no01.png) no-repeat center center/contain;
  width: 9.8rem;
  height: 9.8rem;
}
@media screen and (max-width: 34.375em) {
  .home .features__h3--text::before {
    width: 7rem;
    height: 7rem;
  }
}
.home .features__h3--text--02::before {
  background: url(../imgs/home/home-no02.png) no-repeat center center/contain;
}
.home .features__h3--text--03::before {
  background: url(../imgs/home/home-no03.png) no-repeat center center/contain;
}
.home .features__h3::after {
  content: "";
  width: 95%;
  height: 1.8rem;
  background-color: var(--light-blue);
  position: absolute;
  bottom: 0.5rem;
  left: 5%;
  z-index: -1;
}
.home .features__text {
  margin-top: 4rem;
  letter-spacing: 0.01em;
  line-height: 2.16;
}
.home .mi__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  line-height: 1.68;
  letter-spacing: 0.05em;
  color: var(--white);
}
@media screen and (max-width: 48em) {
  .home .mi__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.home .mi__list-link {
  display: flex;
  align-items: center;
  background-color: var(--blue);
  position: relative;
}
.home .mi__h3 {
  width: 100%;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  font-size: 3.2rem;
}
@media screen and (max-width: 34.375em) {
  .home .mi__h3 {
    font-size: 2.5rem;
  }
}
.home .mi__h3::after {
  content: "";
  background: url(../imgs/home/home-miArrowD.png) no-repeat center center/contain;
  width: 3rem;
  height: 1.5rem;
  transition: all 0.3s;
}
.home .mi__h3:hover::after {
  transform: translateY(1rem);
}
.home .mi__list-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.2;
}
.home .mi__body {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
}
@media screen and (max-width: 48em) {
  .home .mi__body {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.home .mi__contents {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.home .mi__chatch {
  font-size: 3rem;
}
.home .mi__text {
  line-height: 2;
}
@media screen and (max-width: 48em) {
  .home .mi__btn {
    align-self: center;
  }
}
.home .mi__img {
  max-width: 52.5rem;
  width: 100%;
}
.home .ma {
  margin-top: 20rem;
}
@media screen and (max-width: 48em) {
  .home .ma {
    margin-top: 10rem;
  }
}
.home .ma__body {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
@media screen and (max-width: 56.25em) {
  .home .ma__body {
    flex-direction: column;
    gap: 4rem;
  }
}
.home .ma__contents {
  margin: 0 auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home .ma__info {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}
.home .ma__logo {
  width: 17.05rem;
}
.home .ma__info-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
.home .ma__text {
  font-size: 2rem;
  color: var(--green);
  margin-top: 2rem;
  display: flex;
}
.home .ma__text::before {
  content: "";
  background: url(../imgs/home/home-maDots.png) no-repeat center center/contain;
  width: 3rem;
  height: 2.5rem;
  transform: translate(0, -50%);
}
.home .ma__address {
  font-size: 1.6rem;
}
.home .ma__tel {
  font-size: 3rem;
  display: inline-block;
}
@media screen and (max-width: 34.375em) {
  .home .ma__tel {
    font-size: 2rem;
  }
}
.home .ma__tel::before {
  content: "";
  background: url(../imgs/component/c-headerTel.png) no-repeat center left/contain;
  height: 2.5rem;
  width: 2rem;
  display: inline-block;
}
@media screen and (max-width: 34.375em) {
  .home .ma__tel::before {
    width: 2rem;
    height: 2rem;
    transform: translateY(12%);
  }
}
.home .ma__table {
  width: 100%;
  font-family: var(--title);
  font-size: 1.8rem;
}
@media screen and (max-width: 34.375em) {
  .home .ma__table {
    font-size: 1.4rem;
  }
}
.home .ma__oval {
  margin: 0 auto;
}
@media screen and (max-width: 95rem) {
  .home .ma__oval {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 48em) {
  .home .ma__oval {
    margin-top: 2rem;
  }
}
.home .ma__map-wrap {
  margin: 0 auto;
  aspect-ratio: 1/1;
  width: 50%;
}
@media screen and (max-width: 56.25em) {
  .home .ma__map-wrap {
    width: 100%;
  }
}
.home .ma__map-wrap iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 87.5em) {
  .home .access .inner-container {
    padding: 0;
  }
}
.home .access__container {
  width: 100%;
  padding: 7rem 5%;
  border-radius: 3rem;
  background: linear-gradient(rgba(0, 74, 152, 0.9), rgba(0, 74, 152, 0.9)), url(../imgs/home/home-accessBg.png) no-repeat center center/cover;
}
@media screen and (max-width: 48em) {
  .home .access__container {
    border-radius: 0;
  }
}
.home .access__body {
  display: flex;
  justify-content: space-between;
  max-width: 85.2rem;
  width: 100%;
  color: var(--white);
  margin: 0 auto;
}
@media screen and (max-width: 48em) {
  .home .access__body {
    flex-direction: column;
  }
}
.home .access__bold {
  display: flex;
  justify-content: space-between;
  font-size: 3rem;
}
@media screen and (max-width: 48em) {
  .home .access__bold {
    justify-content: space-around;
  }
}
.home .access__oval {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2.5rem;
  font-size: 2.5rem;
}
@media screen and (max-width: 48em) {
  .home .access__oval {
    font-size: 1.8rem;
    width: 50%;
  }
}
.home .access__text {
  font-size: 1.7rem;
  line-height: 1.8;
}
.home .access__img {
  width: 34.6rem;
}
@media screen and (max-width: 48em) {
  .home .access__img {
    width: 100%;
  }
}
.home .access__map {
  display: block;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 48em) {
  .home .access__map-img {
    margin: 0 auto;
  }
}
.home .review {
  margin-top: 14rem;
  text-align: center;
}
@media screen and (max-width: 48em) {
  .home .review {
    display: none;
  }
}
.home .rc {
  margin-top: 6rem;
  padding-bottom: 20rem;
}
@media screen and (max-width: 48em) {
  .home .rc {
    padding-bottom: 10rem;
  }
}
@media screen and (max-width: 87.5em) {
  .home .rc .inner-container {
    padding: 0;
  }
}
.home .rc__container {
  border-radius: 3rem;
  background-color: var(--green);
  padding: 7rem 5%;
}
@media screen and (max-width: 48em) {
  .home .rc__container {
    border-radius: 0;
  }
}
.home .rc__body {
  max-width: 85.2rem;
  width: 100%;
  color: var(--white);
  margin: 0 auto;
}
.home .rc__title {
  font-size: 3rem;
}
.home .rc__list {
  display: flex;
  flex-wrap: wrap;
  color: var(--black);
  font-size: 1.6rem;
}
.home .rc__left {
  flex: 1 1 35%;
  background-color: var(--gray);
  margin-bottom: 0.5rem;
  padding: 0.3rem 0;
  padding-left: 2rem;
}
@media screen and (max-width: 48em) {
  .home .rc__left {
    flex: 1 1 100%;
    margin-bottom: 0.3rem;
  }
}
.home .rc__right {
  flex: 1 1 65%;
  background-color: var(--white);
  margin-bottom: 0.5rem;
  padding: 0.3rem 0;
  padding-left: 2rem;
}
@media screen and (max-width: 48em) {
  .home .rc__right {
    flex: 1 1 100%;
    margin-bottom: 0.3rem;
  }
}

.red_t {
  color: #c30d23 !important;
}

.table_info_box {
  margin-top: -30px !important;
}
.table_info_box .table_info_box__text {
  font-size: 1.8rem;
}
@media screen and (max-width: 48em) {
  .table_info_box .table_info_box__text {
    font-size: 1.6rem;
  }
}

.staff .doctors .inner-container {
  margin-top: 17rem;
}
@media screen and (max-width: 48em) {
  .staff .doctors .inner-container {
    margin-top: 10rem;
  }
}
.staff .doctors__list {
  margin-top: 17rem;
}
@media screen and (max-width: 48em) {
  .staff .doctors__list {
    margin-top: 10rem;
  }
}
.staff .doctors__item {
  margin-top: 15rem;
}
.staff .doctors__post {
  background-color: var(--blue);
  color: var(--white);
  font-family: var(--title);
  font-weight: bold;
  display: inline-block;
  border-radius: 1.5rem;
  width: 20rem;
  text-align: center;
  font-size: 2rem;
}
.staff .doctors__name {
  font-family: var(--title);
  font-weight: bold;
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  padding-bottom: 1rem;
  border-bottom: 3px dotted var(--blue);
}
.staff .doctors__name--en {
  font-size: 2.5rem;
  margin-left: 2rem;
}
.staff .doctors__text {
  line-height: 2;
}
.staff .doctors__description {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
@media screen and (max-width: 48em) {
  .staff .doctors__description {
    flex-direction: column;
  }
}
.staff .doctors .career__title, .staff .doctors .affiliation__title {
  color: var(--blue);
  font-family: var(--title);
  font-weight: bold;
  font-size: 3rem;
}
.staff .doctors .career__title::before, .staff .doctors .career__title::after, .staff .doctors .affiliation__title::before, .staff .doctors .affiliation__title::after {
  content: "-";
  display: inline-block;
  padding: 0 5px;
}
.staff .doctors .career__list, .staff .doctors .affiliation__list {
  font-size: var(--text-size);
  display: flex;
  flex-wrap: wrap;
}
.staff .doctors .career__dt, .staff .doctors .career__dd, .staff .doctors .affiliation__dt, .staff .doctors .affiliation__dd {
  border-bottom: 2px dotted var(--blue);
  line-height: 2.3;
}
.staff .doctors .career__dt, .staff .doctors .affiliation__dt {
  color: var(--blue);
  font-weight: bold;
  flex: 0 0 33%;
}
.staff .doctors .career__dd, .staff .doctors .affiliation__dd {
  flex: 1 1 67%;
}
.staff .doctors .affiliation--none {
  width: 60%;
}
@media screen and (max-width: 48em) {
  .staff .doctors .affiliation--none {
    display: none;
  }
}
.staff .doctors .affiliation__dt {
  flex: 0 0 100%;
  border-bottom: none;
  line-height: 2.3;
}
.staff .doctors .affiliation__dd {
  flex: 0 0 100%;
  line-height: 2.3;
}
.staff .staffs {
  color: var(--white);
  background-color: var(--blue);
}
.staff .staffs .inner-container {
  padding-bottom: 20rem;
}
@media screen and (max-width: 48em) {
  .staff .staffs .inner-container {
    padding-bottom: 10rem;
  }
}
.staff .staffs__item {
  margin-top: 15rem;
}
.staff .staffs__post {
  background-color: var(--white);
  color: var(--blue);
  font-family: var(--title);
  font-weight: bold;
  display: inline-block;
  border-radius: 1.5rem;
  width: 20rem;
  text-align: center;
  font-size: 2rem;
}
.staff .staffs__name {
  font-family: var(--title);
  font-weight: bold;
  font-size: 3.5rem;
  border-bottom: 3px dotted var(--blue);
}
.staff .staffs__text {
  line-height: 2;
  letter-spacing: 0.01em;
}
.staff .staffs__qualification-title {
  font-size: 2rem;
  letter-spacing: 0.02em;
  line-height: 2.6;
  display: flex;
  align-items: center;
}
.staff .staffs__qualification-line {
  flex: 1;
  border-bottom: 2px dotted var(--white);
  margin-left: 3rem;
}
.staff .staffs__qualification-name {
  font-size: var(--text-size);
  letter-spacing: 0.01em;
}

.about .h-introduction .container {
  max-width: 176rem;
  margin-top: 17rem;
  padding: 0 13rem;
}
@media screen and (max-width: 48em) {
  .about .h-introduction .container {
    margin-top: 10rem;
    padding: 0 5%;
  }
}
.about .h-introduction__list {
  display: flex;
  margin-top: 17rem;
}
@media screen and (max-width: 48em) {
  .about .h-introduction__list {
    margin-top: 10rem;
  }
}
.about .h-introduction__item {
  display: flex;
}
.about .swiper {
  margin-top: 17rem;
}
@media screen and (max-width: 48em) {
  .about .swiper {
    margin-top: 10rem;
  }
}
.about .swiper__wrap {
  position: relative;
}
.about .swiper .c-itt {
  padding: 0;
}
@media screen and (max-width: 48em) {
  .about .swiper-button-area {
    display: flex;
    justify-content: center;
    gap: 10rem;
    margin-top: 5rem;
  }
}
.about .swiper-button-prev {
  left: 0;
  transform: translateX(-100%);
  width: auto;
  height: auto;
}
.about .swiper-button-prev::after {
  content: "";
  background: url(../imgs/component/c-sliderPrev.png) no-repeat center center/contain;
  width: 6rem;
  height: 5.9rem;
  margin-right: 6.8rem;
}
@media screen and (max-width: 48em) {
  .about .swiper-button-prev {
    position: static;
    transform: translateX(0);
    display: flex;
    align-self: start;
  }
  .about .swiper-button-prev::after {
    margin-right: 0;
  }
}
.about .swiper-button-next {
  right: 0;
  transform: translateX(100%);
  width: auto;
  height: auto;
}
.about .swiper-button-next::after {
  content: "";
  background: url(../imgs/component/c-sliderNext.png) no-repeat center center/contain;
  width: 6rem;
  height: 5.9rem;
  margin-left: 6.8rem;
}
@media screen and (max-width: 48em) {
  .about .swiper-button-next {
    position: static;
    transform: translateX(0);
  }
  .about .swiper-button-next::after {
    margin: 0;
  }
}
.about .medical-equipment .inner-container {
  margin-bottom: 17rem;
}
@media screen and (max-width: 48em) {
  .about .medical-equipment .inner-container {
    margin-bottom: 10rem;
  }
}
.about .medical-equipment__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 8rem;
       column-gap: 8rem;
  row-gap: 5rem;
}
@media screen and (max-width: 48em) {
  .about .medical-equipment__list {
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    margin-top: 6rem;
  }
}
.about .medical-equipment__item {
  max-width: 55.2rem;
}
.about .pet-hotel {
  color: var(--white);
  background-color: var(--blue);
}
.about .pet-hotel .inner-container {
  padding-bottom: 17rem;
}
@media screen and (max-width: 48em) {
  .about .pet-hotel .inner-container {
    padding-bottom: 10rem;
  }
}
.about .pet-hotel__item {
  margin-top: 15rem;
}
.about .pet-hotel__h3 {
  font-size: 3.5rem;
  font-family: var(--title);
  font-weight: bold;
  position: relative;
  width: 100%;
  z-index: 1;
}
.about .pet-hotel__h3::after {
  content: "";
  width: 100%;
  height: 1.8rem;
  background-color: var(--light-blue);
  position: absolute;
  bottom: 1rem;
  left: 0;
  z-index: -1;
}
.about .pet-hotel__oval {
  background-color: var(--white);
  color: var(--blue);
  font-family: var(--title);
  font-weight: bold;
  display: inline-block;
  border-radius: 1.5rem;
  text-align: center;
  font-size: 2rem;
  padding: 0 3rem;
}
.about .pet-hotel__tel {
  font-size: 3rem;
  font-family: var(--en);
}
@media screen and (max-width: 75em) {
  .about .pet-hotel__tel {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 56.25em) {
  .about .pet-hotel__tel {
    font-size: 3rem;
  }
}
@media screen and (max-width: 48em) {
  .about .pet-hotel__tel {
    font-size: 2.5rem;
  }
}
.about .pet-hotel__tel a::before {
  content: "";
  background: url(../imgs/component/c-footerTel.png) no-repeat center left/contain;
  width: 3rem;
  height: 2.5rem;
  display: inline-block;
}
@media screen and (max-width: 75em) {
  .about .pet-hotel__tel a::before {
    width: 2rem;
    height: 2rem;
  }
}

.treatment .about-treatment__body {
  display: flex;
  gap: 6rem;
}
@media screen and (max-width: 56.25em) {
  .treatment .about-treatment__body {
    flex-direction: column;
    align-items: center;
  }
}
.treatment .about-treatment__contents {
  flex: 1 1 60%;
}
.treatment .about-treatment__h3 {
  font-size: 5rem;
  border-bottom: 2px dotted var(--blue);
  width: 100%;
}
.treatment .about-treatment__text {
  line-height: 2.5;
}
@media screen and (max-width: 93.75em) {
  .treatment .about-treatment .c-sp__new-line--revers2 {
    display: none;
  }
}
.treatment .target-animal {
  color: var(--blue);
  font-size: 3.5rem;
}
.treatment .target-animal .inner-container {
  margin-top: 15rem;
}
@media screen and (max-width: 48em) {
  .treatment .target-animal .inner-container {
    margin-top: 10rem;
  }
}
.treatment .target-animal__body {
  display: flex;
  justify-content: center;
  gap: 12rem;
  padding: 3rem 10%;
}
@media screen and (max-width: 48em) {
  .treatment .target-animal__body {
    gap: 10%;
  }
}
.treatment .target-animal__item {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.treatment .target-animal__item--cat {
  flex-direction: row-reverse;
}
.treatment .medical-info .inner-container {
  margin-top: 15rem;
  margin-bottom: 15rem;
}
@media screen and (max-width: 48em) {
  .treatment .medical-info .inner-container {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}
.treatment .medical-info__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 6rem;
       column-gap: 6rem;
  row-gap: 5rem;
}
@media screen and (max-width: 48em) {
  .treatment .medical-info__list {
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
  }
}
.treatment .medical-info__link {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  padding: 3rem;
  border: 2px solid var(--blue);
  border-radius: 2rem;
  position: relative;
}
.treatment .medical-info__link::after {
  content: "";
  background: url(../imgs/component/c-blueArrow.png) no-repeat center center/contain;
  width: 4.9rem;
  height: 1rem;
  position: absolute;
  bottom: 13%;
  right: 15%;
  transition: all 0.3s;
}
.treatment .medical-info__link:hover::after {
  transform: translateX(1rem);
}
.treatment .medical-info__item {
  background-color: var(--white);
}
.treatment .medical-info__item-title {
  font-size: 3.5rem;
}
.treatment .medical-info__img {
  border-radius: 2rem;
}
.treatment .flow-of-ME__item {
  position: relative;
}
.treatment .flow-of-ME__item:not(:last-of-type)::after {
  content: "";
  background: url(../imgs/treatment/treatment-flowArrow.png) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  right: -3rem;
  width: 1.5rem;
  height: 2.2rem;
  transform: translate(0, -50%);
}
@media screen and (max-width: 56.25em) {
  .treatment .flow-of-ME__item:not(:last-of-type)::after {
    top: auto;
    bottom: -3rem;
    right: 50%;
    transform: translate(50%, 0%) rotate(90deg);
  }
}
.treatment .flow-of-ME__list-title {
  font-size: 3rem;
  padding: 1rem;
  border-bottom: 3px dotted var(--blue);
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 75em) {
  .treatment .flow-of-ME__list-title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 56.25em) {
  .treatment .flow-of-ME__list-title {
    font-size: 3rem;
  }
}
.treatment .flow-of-ME__text {
  color: var(--black);
  font-size: 1.6rem;
  padding-top: 2rem;
}
.treatment .flow-of-ME__img {
  order: -1;
  height: 6.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.trimming .about-trimming__inquiry {
  color: var(--green);
  font-size: 2.4rem;
}
.trimming .about-trimming__link {
  padding-left: 4rem;
}
.trimming .about-trimming__link::after {
  background: url(../imgs/component/c-arrowD.png) no-repeat center center/contain;
  width: 2rem;
  height: 1rem;
}
.trimming .about-trimming__link:hover::after {
  transform: translate(0%, 0.3rem);
}
.trimming .shampoo__product,
.trimming .shower__product {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10rem;
  padding: 7rem 5%;
}
@media screen and (max-width: 75em) {
  .trimming .shampoo__product,
  .trimming .shower__product {
    gap: 5rem;
    flex-direction: column;
    align-items: center;
  }
}
.trimming .shampoo__img,
.trimming .shower__img {
  max-width: 52.7rem;
  width: 100%;
}
.trimming .shampoo__btn,
.trimming .shower__btn {
  width: 35.6rem;
}
.trimming .shampoo__link,
.trimming .shower__link {
  padding-left: 3rem;
}
.trimming .shower__img {
  max-width: 29rem;
  width: 100%;
}
.trimming .trimming-price__excluding-tax {
  font-size: 2.5rem;
  color: var(--green);
}
.trimming .trimming-price__table-wrap {
  overflow-x: auto;
}
.trimming .trimming-price__table {
  min-width: 700px;
  width: 100%;
  font-size: 2rem;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--table-line);
  border-radius: 2rem;
}
@media screen and (max-width: 75em) {
  .trimming .trimming-price__table {
    font-size: 1.5rem;
  }
}
.trimming .trimming-price__thead td {
  background-color: var(--blue);
  font-weight: bold;
  font-family: var(--title);
  color: var(--white);
  text-align: center;
  border: 1px solid var(--table-line);
  font-size: 2rem;
}
.trimming .trimming-price__thead td:first-of-type {
  border-radius: 2rem 0 0 0;
  width: 30%;
}
.trimming .trimming-price__thead td:last-of-type {
  border-radius: 0 2rem 0 0;
}
.trimming .trimming-price__tbody tr:first-of-type td:last-of-type {
  border-radius: 0 0 2rem 0;
}
.trimming .trimming-price__tbody tr:last-of-type th:last-of-type {
  border-radius: 0 0 0 2rem;
}
.trimming .trimming-price__tbody th {
  font-weight: bold;
  font-family: var(--title);
  border: 1px solid var(--table-line);
  background-color: var(--gray);
  padding: 2rem 0 2rem 4rem;
  line-height: 1.1;
}
@media screen and (max-width: 75em) {
  .trimming .trimming-price__tbody th {
    padding: 2rem 0;
    text-align: center;
  }
}
.trimming .trimming-price__tbody td {
  border: 1px solid var(--table-line);
  background-color: var(--white);
  text-align: center;
  vertical-align: middle;
}
.trimming .trimming-price__attention {
  color: var(--green);
  font-size: var(--text-size);
}
.trimming .trimming-price__option {
  background-color: var(--white);
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border: 1px solid var(--table-line);
  overflow: hidden;
}
.trimming .trimming-price__option-title {
  font-size: 2rem;
  font-weight: bold;
  color: var(--white);
  background-color: var(--blue);
  padding: 2rem 0;
  text-align: center;
  width: 100%;
}
.trimming .trimming-price__tax {
  font-size: 1.6rem;
  margin-left: 1rem;
}
.trimming .trimming-price__list {
  padding: 2rem;
}
.trimming .trimming-price__item {
  padding-bottom: 0.5rem;
  font-size: var(--text-size);
  display: flex;
  gap: 0.5rem;
}
.trimming .trimming-price__item::before {
  content: "○";
}
.trimming .attention__body {
  border-radius: 2rem;
  border: 1.5px solid var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.trimming .attention__list {
  padding: 6rem 2rem;
}
.trimming .attention__item {
  padding-bottom: 0.5rem;
  font-size: var(--text-size);
  display: flex;
  gap: 0.5rem;
}
.trimming .attention__item::before {
  content: "○";
}
.trimming .attention__text {
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
}
.trimming .attention__tel {
  font-size: 4rem;
  text-align: center;
}
.trimming .attention__tel::before {
  width: 4rem;
  height: 3rem;
}

.dermatology .about-dermatology__list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  row-gap: 6rem;
}
.dermatology .about-dermatology__item {
  flex: 1 1 calc((100% - 6rem) / 2);
}
@media screen and (max-width: 87.5em) {
  .dermatology .about-dermatology02 .c-sp__new-line {
    display: block;
  }
}

.ophthalmology .eye-health-check {
  display: flex;
  gap: 6rem;
  justify-content: space-between;
  margin-top: 17rem;
  position: relative;
}
@media screen and (max-width: 56.25em) {
  .ophthalmology .eye-health-check {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 48em) {
  .ophthalmology .eye-health-check {
    margin-top: 10rem;
  }
}
.ophthalmology .eye-health-check__contents {
  width: 50%;
}
@media screen and (max-width: 56.25em) {
  .ophthalmology .eye-health-check__contents {
    width: 100%;
  }
}
.ophthalmology .eye-health-check__inquiry {
  background-color: var(--white);
  border-radius: 2rem;
  color: var(--blue);
  padding: 0 2rem;
  font-size: var(--text-size);
}
.ophthalmology .eye-health-check__price {
  width: 50%;
  background-color: var(--white);
  border-radius: 2rem;
  color: var(--blue);
  padding: 2rem 3%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 56.25em) {
  .ophthalmology .eye-health-check__price {
    width: 100%;
  }
}
.ophthalmology .eye-health-check__price-contents {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.ophthalmology .eye-health-check__price-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ophthalmology .eye-health-check__price-title {
  font-size: 2.5rem;
}
@media screen and (max-width: 34.375em) {
  .ophthalmology .eye-health-check__price-title {
    font-size: 1.5rem;
  }
}
.ophthalmology .eye-health-check__price-text {
  font-size: 3rem;
}
@media screen and (max-width: 34.375em) {
  .ophthalmology .eye-health-check__price-text {
    font-size: 2.5rem;
  }
}
.ophthalmology .eye-health-check__price-text span {
  font-size: var(--text-size);
}
@media screen and (max-width: 34.375em) {
  .ophthalmology .eye-health-check__price-text span {
    font-size: 1.5rem;
  }
}
.ophthalmology .eye-health-check__price-inquiry {
  color: var(--red);
  font-size: 2rem;
  text-align: center;
}
@media screen and (max-width: 34.375em) {
  .ophthalmology .eye-health-check__price-inquiry {
    font-size: 1.5rem;
  }
}
.ophthalmology .eye-health-check__treatment {
  position: absolute;
  background-color: pink;
  right: 0;
  top: 0;
}
@media screen and (max-width: 56.25em) {
  .ophthalmology .eye-health-check__treatment {
    display: none;
  }
}
.ophthalmology .eye-health-check__treatment::before {
  transform: translate(50%, -50%);
}
.ophthalmology .inspection__list-title {
  font-size: 2.8rem;
  line-height: 1.965;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.93em;
}
.ophthalmology .inspection__list-title-wrap {
  border-bottom: 3px dotted var(--blue);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (max-width: 56.25em) {
  .ophthalmology .inspection__list-title-wrap {
    height: none;
  }
}
@media screen and (max-width: 75em) {
  .ophthalmology .inspection__list-title {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 56.25em) {
  .ophthalmology .inspection__list-title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 34.375em) {
  .ophthalmology .inspection__list-title {
    font-size: 2.3rem;
  }
}
.ophthalmology .inspection__price {
  font-size: 2.5rem;
  padding: 0 1rem 1rem 1rem;
  text-align: center;
  border: none;
}
.ophthalmology .inspection__text {
  color: var(--black);
  font-size: 1.6rem;
  padding-top: 2rem;
  align-self: start;
}

.otology .about-otology__doctor {
  display: flex;
  gap: 6rem;
  align-items: center;
  justify-content: start;
}
.otology .about-otology__link {
  padding-left: 2rem;
}
.otology .treatment-case__item {
  background-color: var(--white);
  position: relative;
}
.otology .treatment-case__item:not(:last-of-type):after {
  content: "";
  background: url(../imgs/otology/otology-caceArrow.png) no-repeat center center/contain;
  position: absolute;
  bottom: -10rem;
  right: 50%;
  width: 4.5rem;
  height: 2.9rem;
  transform: translate(50%, 0%);
}
.otology .treatment-case__case {
  display: flex;
  gap: 5rem;
  justify-content: center;
}
@media screen and (max-width: 75em) {
  .otology .treatment-case__case {
    flex-direction: column;
  }
}
.otology .treatment-case__img-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.otology .treatment-case__item-title {
  font-size: 2.8rem;
  color: var(--blue);
}
@media screen and (max-width: 75em) {
  .otology .treatment-case__item-title {
    font-size: 2.5rem;
  }
}
.otology .treatment-case__item-text {
  color: var(--black);
}
.otology .treatment-case__text {
  text-align: center;
  line-height: 2;
  font-size: 2.4rem;
}
@media screen and (max-width: 56.25em) {
  .otology .treatment-case__text {
    font-size: 2rem;
  }
}
@media screen and (max-width: 48em) {
  .otology .treatment-case__text {
    font-size: 1.6rem;
  }
}

.case-introduction__nav-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4rem;
}
@media screen and (max-width: 48em) {
  .case-introduction__nav-list {
    gap: 2rem;
  }
}
@media screen and (max-width: 34.375em) {
  .case-introduction__nav-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.case-introduction__nav-item {
  flex: 1;
  background-color: var(--blue);
  border-radius: 2rem;
}
@media screen and (max-width: 34.375em) {
  .case-introduction__nav-item {
    flex: none;
  }
}
.case-introduction__nav-item a {
  padding: 1rem;
  height: 13rem;
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 48em) {
  .case-introduction__nav-item a {
    height: auto;
  }
}
.case-introduction__nav-item a:hover > h3::after {
  transform: translateY(1rem);
}
.case-introduction__nav-item.current {
  background-color: var(--green);
}
.case-introduction__nav-title {
  font-size: 1.8rem;
}
.case-introduction__nav-title::after {
  content: "";
  background: url(../imgs/component/c-arrowD.png) no-repeat center center/contain;
  width: 2rem;
  height: 1rem;
  display: block;
  margin: 2rem auto;
  transition: all 0.3s;
}
.case-introduction__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 7rem;
       column-gap: 7rem;
  row-gap: 7rem;
}
@media screen and (max-width: 48em) {
  .case-introduction__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 34.375em) {
  .case-introduction__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.case-introduction__link {
  display: flex;
  flex-direction: column;
}
.case-introduction__title {
  font-size: 2rem;
  color: var(--blue);
  order: 1;
}
.case-introduction__date {
  font-size: 1.6rem;
  margin-top: 1rem;
}
.case-introduction__img {
  order: -1;
}
.case-introduction__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 349/216;
}
.case-introduction__category {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}
.case-introduction__category-item {
  font-size: var(--text-size);
  color: var(--green);
  border: 2px solid var(--green);
  background-color: var(--white);
  border-radius: 1rem;
  display: inline-block;
  padding: 0 1rem;
}
.case-introduction__btn {
  text-align: center;
}

.s-case-introduction .inner-container {
  background-color: var(--gray);
  padding: 5rem 3%;
}
.s-case-introduction__body {
  margin-right: 3%;
  margin-left: 3%;
}
.s-case-introduction__title {
  font-size: 3rem;
  color: var(--blue);
  font-weight: bold;
}
.s-case-introduction__inline-wrap {
  display: flex;
  align-items: center;
}
.s-case-introduction__date, .s-case-introduction__category {
  font-size: 1.4rem;
}
.s-case-introduction__category {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.s-case-introduction__category::before {
  content: "|";
  margin: 0 0.5rem;
}
.s-case-introduction__category .post-categories {
  display: flex;
  gap: 1rem;
}
.s-case-introduction__btn {
  margin-top: 10rem;
  text-align: center;
}

.recruit .recruit-about__contents {
  display: flex;
  gap: 5rem;
}
@media screen and (max-width: 48em) {
  .recruit .recruit-about__contents {
    flex-direction: column-reverse;
  }
}
.recruit .recruit-about__title {
  padding-bottom: 2rem;
  border-bottom: 3px dotted var(--blue);
  font-size: 4.8rem;
  line-height: 1.29;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 75em) {
  .recruit .recruit-about__title {
    font-size: 4rem;
  }
}
@media screen and (max-width: 56.25em) {
  .recruit .recruit-about__title {
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 34.375em) {
  .recruit .recruit-about__title {
    font-size: 2.8rem;
  }
}
.recruit .recruit-about__text {
  line-height: 2;
}
.recruit .recruit-about__link {
  padding: 1.6rem 3rem;
}
.recruit .recruit-about__link::after {
  background: url(../imgs/component/c-arrowR.png) no-repeat center center/contain;
  height: 1.4rem;
}
.recruit .recruit-about__link:hover::after {
  transform: translate(0%, 0%);
  bottom: 35%;
}
.recruit .recruit-about__img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 48em) {
  .recruit .recruit-about__img {
    width: 30%;
    align-self: center;
  }
}
.recruit .recruit-flow__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6rem;
  justify-content: space-between;
}
@media screen and (max-width: 56.25em) {
  .recruit .recruit-flow__list {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
  }
}
.recruit .recruit-flow__item {
  background-color: var(--white);
  border-radius: 2rem;
  padding: 3rem 5%;
  color: var(--black);
  width: calc((100% - 6rem) / 2);
  height: 24.6rem;
}
@media screen and (max-width: 56.25em) {
  .recruit .recruit-flow__item {
    width: 100%;
    height: auto;
  }
}
.recruit .recruit-flow__item-title {
  font-size: 2.8rem;
  color: var(--blue);
}
.recruit .recruit-flow__item-title--no {
  font-size: 4rem;
  font-family: var(--en);
}
.recruit .recruit-flow__item-title--no::after {
  content: "/";
}
.recruit .recruit-flow__item-title .sp__new-line {
  display: none;
}
@media screen and (max-width: 34.375em) {
  .recruit .recruit-flow__item-title .sp__new-line {
    display: block;
  }
}
.recruit .recruit-flow__item-title .small {
  font-size: 1.8rem;
  font-family: var(--title);
}
@media screen and (max-width: 34.375em) {
  .recruit .recruit-flow__item-title .small {
    padding-left: 5.5rem;
    line-height: 1;
  }
}
.recruit .form .inner-container {
  padding-bottom: 23rem;
}
.recruit .form__text {
  text-align: center;
}
.recruit .form__body {
  margin-top: 7.7rem;
}
.recruit .form__body p {
  font-size: 2.1rem;
  font-weight: bold;
  font-family: var(--title);
  color: var(--blue);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.recruit .form__body label {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 34.375em) {
  .recruit .form__body label {
    flex-wrap: wrap;
  }
}
.recruit .form__body span {
  flex: 1;
}
@media screen and (max-width: 34.375em) {
  .recruit .form__body span {
    width: 100%;
    flex: none;
  }
}
.recruit .form__body .form__name {
  flex: 0 0 30%;
  text-align: center;
}
@media screen and (max-width: 34.375em) {
  .recruit .form__body .form__name {
    width: 100%;
    flex: none;
    text-align: start;
  }
}
.recruit .form__body input,
.recruit .form__body textarea {
  border: 2px solid var(--blue);
  border-radius: 1rem;
  font-family: var(--p);
  width: 100%;
  background-color: var(--white);
  color: var(--black);
}
.recruit .form__body textarea {
  height: 15rem;
}
.recruit .form__body .required::before {
  content: "必須";
  background-color: var(--blue);
  border-radius: 5px;
  font-size: 1.6rem;
  padding: 0.5rem 2rem;
  color: var(--white);
  font-family: var(--p);
}
.recruit .form__body .required--none::before {
  content: "　　";
  font-size: 1.6rem;
  padding: 0.5rem 2rem;
}
.recruit .form__body .form__btn {
  max-width: 33.7rem;
  background-color: var(--green);
  font-size: 2.4rem;
  line-height: 2.683;
  letter-spacing: 0.06em;
  border: none;
  border-radius: 0;
  text-align: center;
  align-self: center;
  margin-top: 9rem;
  color: var(--white);
  font-weight: 600;
  opacity: 1;
  transition: opacity, 0.3s;
}
.recruit .form__body .form__btn:hover {
  opacity: 0.8;
}
.recruit .form .wpcf7-response-output {
  font-size: 1.8rem;
  border: none;
  color: var(--red);
  text-align: center;
}

.news .news-sec__body {
  display: flex;
  gap: 10%;
}
@media screen and (max-width: 48em) {
  .news .news-sec__body {
    flex-direction: column;
  }
}
.news .news-sec__articles {
  flex: 1;
}
.news .news-sec__list {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
.news .news-sec__item {
  background-color: var(--gray);
  padding: 4rem 10%;
  display: flex;
  flex-direction: column;
}
.news .news-sec__title {
  font-size: 3rem;
  color: var(--blue);
  font-weight: bold;
}
.news .news-sec__inline-wrap {
  display: flex;
}
.news .news-sec__date, .news .news-sec__category {
  font-size: 1.4rem;
}
.news .news-sec__category {
  display: flex;
}
.news .news-sec__category::before {
  content: "|";
  margin: 0 0.5rem;
}
.news .news-sec__category .post-categories {
  display: flex;
  gap: 1rem;
}
.news .news-sec__sidebar {
  flex: 0 0 25%;
}
.news .archive {
  margin-bottom: 10rem;
}
@media screen and (max-width: 48em) {
  .news .archive {
    margin-bottom: 5rem;
  }
}
.news .archive__title {
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: var(--blue);
}
.news .archive__title .en {
  font-family: var(--en);
  font-size: 24px;
  font-weight: 600;
}
.news .archive__title .ja {
  font-size: 1.5rem;
}
.news .archive__list li {
  padding-bottom: 10px;
  font-size: 1.5rem;
}

.single .news-sec__articles {
  background-color: var(--gray);
  padding: 5rem 3%;
}
.onecare .inner-container__02 {
  max-width: 950px;
}
.onecare .trimming-price__excluding-tax {
  margin-top: 60px;
  font-size: 2.5rem;
  color: var(--green);
}
@media screen and (max-width: 48em) {
  .onecare .trimming-price__excluding-tax {
    margin-top: 30px;
    font-size: 1.8rem;
  }
}
.onecare .trimming-price__table-wrap {
  margin-bottom: 150px;
  overflow-x: auto;
}
@media screen and (max-width: 48em) {
  .onecare .trimming-price__table-wrap {
    margin-bottom: 100px;
  }
}
.onecare .trimming-price__table {
  min-width: 700px;
  width: 100%;
  font-size: 2rem;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--table-line);
  border-radius: 2rem;
}
@media screen and (max-width: 75em) {
  .onecare .trimming-price__table {
    font-size: 1.5rem;
  }
}
.onecare .trimming-price__thead td {
  background-color: var(--blue);
  font-weight: bold;
  font-family: var(--title);
  color: var(--white);
  text-align: center;
  border: 1px solid var(--table-line);
  font-size: 2rem;
  padding: 18px 0;
}
.onecare .trimming-price__thead td:first-of-type {
  border-radius: 2rem 0 0 0;
  width: 50%;
}
.onecare .trimming-price__thead td:last-of-type {
  border-radius: 0 2rem 0 0;
}
.onecare .trimming-price__tbody tr:last-of-type td:last-of-type {
  border-radius: 0 0 2rem 0;
}
.onecare .trimming-price__tbody tr:last-of-type th:last-of-type {
  border-radius: 0 0 0 2rem;
}
.onecare .trimming-price__tbody th {
  font-weight: bold;
  font-family: var(--title);
  border: 1px solid var(--table-line);
  background-color: var(--gray);
  padding: 3.5rem 0 3.5rem 10rem;
  line-height: 1.5;
}
@media screen and (max-width: 75em) {
  .onecare .trimming-price__tbody th {
    padding: 2rem 0;
    text-align: center;
  }
}
.onecare .trimming-price__tbody td {
  border: 1px solid var(--table-line);
  background-color: var(--white);
  text-align: center;
  vertical-align: middle;
}
.onecare .trimming-price__attention {
  color: var(--green);
  font-size: var(--text-size);
}
.onecare .trimming-price__option {
  background-color: var(--white);
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border: 1px solid var(--table-line);
  overflow: hidden;
}
.onecare .trimming-price__option-title {
  font-size: 2rem;
  font-weight: bold;
  color: var(--white);
  background-color: var(--blue);
  padding: 2rem 0;
  text-align: center;
  width: 100%;
}
.onecare .trimming-price__tax {
  font-size: 1.6rem;
  margin-left: 1rem;
}
.onecare .trimming-price__list {
  padding: 2rem;
}
.onecare .trimming-price__item {
  padding-bottom: 0.5rem;
  font-size: var(--text-size);
  display: flex;
  gap: 0.5rem;
}
.onecare .trimming-price__item::before {
  content: "○";
}
.onecare .attention__body {
  margin-top: 100px;
  border-radius: 2rem;
  border: 1.5px solid var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 48em) {
  .onecare .attention__body {
    margin-top: 60px;
  }
}
.onecare .attention .point {
  position: absolute;
  width: 200px;
  top: -100px;
  left: -100px;
}
@media screen and (max-width: 87.5em) {
  .onecare .attention .point {
    width: 140px;
    top: -70px;
    left: -70px;
  }
}
@media screen and (max-width: 56.25em) {
  .onecare .attention .point {
    width: 120px;
    top: -80px;
    left: -60px;
  }
}
@media screen and (max-width: 48em) {
  .onecare .attention .point {
    width: 80px;
    top: -40px;
    left: -20px;
  }
}
.onecare .attention__list {
  padding: 6rem 2rem;
}
.onecare .attention__item {
  padding-bottom: 0.5rem;
  font-size: var(--text-size);
  display: flex;
  gap: 0.5rem;
}
.onecare .attention__item::before {
  content: "○";
}
.onecare .attention__text {
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 48em) {
  .onecare .attention img {
    width: 80%;
  }
}/*# sourceMappingURL=style.css.map */