@charset "UTF-8";

/******************************************************************
 * TOP
******************************************************************/

.inner {
  width: 100%;
  max-width: calc(1920px + 50px);
  margin: 0 auto;
  padding: 0 10px;
}

.top {
  overflow: hidden;
}
.c-ttl {
  text-align: center;
  color: #778285;
}
.c-ttl__en {
  padding-bottom: 15px;
 font: 700 40px "dnp-shuei-mgothic-std", sans-serif;
  letter-spacing: 0;
  line-height: 1;
  position: relative;
}
.c-ttl__en::first-letter {
  color: #83d1e4;
}
.c-ttl__en::before {
  content: "";
  width: 100%;
  height: 4px;
  display: block;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 8px, #c7e7ef 8px, #c7e7ef 16px);
  background-size: 24px 4px;
  background-position: -3px 0;
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
}
.c-ttl--yellow .c-ttl__en::before {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 8px, #fff3b3 8px, #fff3b3 16px);
}
.c-ttl__jp {
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
      margin: 10px auto 0;
  padding-left: 1.1818181818em;
  font: 700 22px "dnp-shuei-mgothic-std", sans-serif;
  letter-spacing: 0;
  line-height: 1;
  position: relative;
}
.c-ttl__jp::before {
  content: "";
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 0.5em;
  display: block;
  background: #7dc7d9;
  border-radius: 50%;
  position: absolute;
  top: 0.2954545455em;
  left: 0.5px;
}
/* MV
-----------------------------------------------------------------*/
.top-mv {
  width: 100%;
  height: 906px;
  margin-top: 112px;
  background: url(../img/top/mv-bg2.jpg) bottom/100% 601px no-repeat;
}
.top-mv__inner {
  height: 100%;
  position: relative;
  z-index: 0;
}
.top-mv__inner::before {
  content: "";
  aspect-ratio: 224/915;
  width: 100%;
  max-width: 224px;
  display: block;
  background: url(../img/top/mv-fig-left.png) center/cover no-repeat;
  position: absolute;
  top: auto;
  bottom: 2px;
  left: 4px;
  z-index: 1;
}
.top-mv__inner::after {
  content: "";
  aspect-ratio: 340/476;
  width: 100%;
  max-width: 340px;
  display: block;
  background: url(../img/top/mv-fig-right.png) center/cover no-repeat;
  position: absolute;
  top: auto;
  right: 0;
  left: auto;
  bottom: -50px;
}
.top-mv__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1750px;
  height: 850px;
  margin: 0 auto;
  background: url(../img/top/mv-bg.jpg) center/cover no-repeat;
  border-radius: 20px;
  position: relative;
}
.top-mv__content::before {
  content: "";
  aspect-ratio: 201/200;
  width: 100%;
  max-width: 201px;
  display: block;
  background: url(../img/top/mv-fig-bg.png) center/cover no-repeat;
  position: absolute;
  top: -47px;
  right: -76px;
  left: auto;
  z-index: -1;
}
.top-mv__ttl {
  text-align: center;
  margin-bottom: 2.3125em;
}
.top-mv__ttl-en {
  font: 400 clamp(25px, 4.1666666667vw, 80px) "ellograph-cf", monospace;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.7);
}
.top-mv__ttl-jp {
  margin-top: 0.1em;
  padding-left: 0.5666666667em;
  font: 700 clamp(20px, 3.125vw, 60px) "dnp-shuei-mgothic-std", sans-serif;
  letter-spacing: 0;
  color: #fff;
  text-shadow: 0px 0px 25px rgba(30, 30, 32, 0.12), 0px 0px 20px rgba(30, 30, 32, 0.12);
}
.top-mv__ttl-jp span {
  color: #fffcac;
}
.top-mv__bnr {
  width: 100%;
  height: 248.36px;
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 22px;
       column-gap: 22px;
  position: absolute;
  top: auto;
  right: 88px;
  bottom: 16px;
  left: auto;
  z-index: 1;
}

/* お知らせ
-----------------------------------------------------------------*/
.top-news {
  width: 100%;
  padding: 80.5px 0 135px;
  background: #f7f5f1;
  overflow: hidden;
}
.top-news__content {
  width: 100%;
  max-width: 1300px;
  margin-inline: auto;
  position: relative;
  z-index: 0;
}
.top-news__content::before, .top-news__content::after {
  content: "";
  aspect-ratio: 406/401;
  width: 100%;
  max-width: 406px;
  display: block;
  background: url(../img/top/news-fig.png) center/cover no-repeat;
  position: absolute;
  z-index: -1;
}
.top-news__content::before {
  top: -32%;
  left: -16%;
}
.top-news__content::after {
  top: auto;
  right: -23%;
  bottom: 0;
  left: auto;
}

.top-news-ttl {
  text-align: center;
  color: #778285;
  z-index: 1;
  position: relative;
}
.top-news-ttl__en {
  font: 400 60px "ellograph-cf", monospace;
  letter-spacing: 0;
  line-height: 1;
}
.top-news-ttl__jp {
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0.5454545455em auto 0;
  padding-left: 1.0909090909em;
  font: 700 22px "dnp-shuei-mgothic-std", sans-serif;
  letter-spacing: 0;
  line-height: 1;
  position: relative;
}
.top-news-ttl__jp::before {
  content: "";
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 0.5em;
  display: block;
  background: #7dc7d9;
  border-radius: 50%;
  position: absolute;
  top: 0.2954545455em;
  left: -1px;
}

.top-news-detail {
  overflow-y: scroll;
  width: 100%;
  height: 419px;
  margin: 84px auto 0;
  background: #fff;
  border-radius: 20px;
  border-style: solid;
  border-color: #fff;
  border-width: 21px 35px;
}
.top-news-detail::-webkit-scrollbar {
  width: 4px;
}
.top-news-detail::-webkit-scrollbar-thumb {
  background: #b5d9e2;
  border-radius: 4px;
}
.top-news-detail::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.top-news-detail__list {
  width: 100%;
  max-width: 1100px;
  margin-inline: auto;
}
.top-news-detail__item a {
  display: grid;
  grid-template-columns: 31.2727272727% 1fr;
  width: 100%;
  padding: 25px 0 29px;
  position: relative;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.top-news-detail__item a:hover {
  opacity: 0.7;
}
.top-news-detail__item:not(:first-child) a::before {
  content: "";
  width: 100%;
  max-width: 911px;
  height: 2px;
  display: block;
  border-bottom: 2px dotted #bddde5;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.top-news-detail__date {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.75;
  letter-spacing: 0;
  color: #83d1e4;
}

.top-news-post {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.75;
}
.top-news-post__ttl {
  font-weight: 700;
  color: #778285;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.top-news-post__detail {
  margin-top: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.top-news-bnr {
  display: grid;
  grid-template-columns: repeat(2, minmax(auto, 525.22px));
  justify-content: center;
  gap: 20px clamp(20px, 3.59375vw, 69px);
  margin-top: 58px;
}
.top-news-bnr__item {
  width: 100%;
  padding: 4px 5px;
  background: #fff;
  font: 700 25px "dnp-shuei-mgothic-std", sans-serif;
  border-radius: 15px;
  position: relative;
}
.top-news-bnr__item::before {
  content: "";
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 1.64em;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: auto;
  left: 19px;
  bottom: 18px;
}
.top-news-bnr__item a {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 188px;
  padding: 0 55px;
  border: 4px dotted;
  border-radius: 15px;
  transition: opacity 0.2s ease;
}
.top-news-bnr__item a:hover {
  opacity: 0.7;
}
.top-news-bnr__calendar {
  box-shadow: 14px 10px #c7e7ef;
}
.top-news-bnr__calendar::before {
  background-image: url(../img/top/news-btn-calendar.png);
}
.top-news-bnr__calendar a {
  border-color: #7dc7d9;
}
.top-news-bnr__calendar span::before {
  background: #c7e7ef;
}
.top-news-bnr__medical-questionnaire {
  box-shadow: 14px 10px #f8d2b3;
}
.top-news-bnr__medical-questionnaire::before {
  background-image: url(../img/top/news-btn-medical-questionnaire.png);
}
.top-news-bnr__medical-questionnaire a {
  font-size: 1.0684em;
  border-color: #ffbb85;
}
.top-news-bnr__medical-questionnaire span::before {
  background: #f8d2b3;
}
.top-news-bnr__content {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.top-news-bnr__calendar .top-news-bnr__content {
  max-width: 360px;
}
.top-news-bnr__medical-questionnaire .top-news-bnr__content {
  max-width: 289.5px;
}
.top-news-bnr__txt span {
  position: relative;
  z-index: 0;
}
.top-news-bnr__txt span::before {
  content: "";
  width: 100%;
  height: 24.99px;
  display: block;
  border-radius: 5px;
  position: absolute;
  top: auto;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  z-index: -1;
}
.top-news-bnr__calendar .top-news-bnr__txt {
font-size: 110%;	
}
.top-news-bnr__txt{
font-size: 110%;		
}
.top-news-bnr__calendar .top-news-bnr__txt span::before {
  padding: 0 5px;
}
.top-news-bnr__medical-questionnaire .top-news-bnr__txt span::before {
  padding: 0 13px;
}
.top-news-bnr__img {
  width: 100%;
}
.top-news-bnr__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-news-bnr__calendar .top-news-bnr__img {
  aspect-ratio: 66/67;
  max-width: 66px;
}
.top-news-bnr__medical-questionnaire .top-news-bnr__img {
  aspect-ratio: 59/81;
  max-width: 59px;
}

/* 来院される方へ
-----------------------------------------------------------------*/
.top-atention {
  padding: 87px 0 101px;
  background: url(../img/top/atention-bg.jpg) center/cover no-repeat;
}
.top-atention__wrap {
  width: 100%;
  max-width: 1389px;
  margin: 76px auto 0;
  position: relative;
  z-index: 0;
}
.top-atention__wrap::before, .top-atention__wrap::after {
  content: "";
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 3%;
  left: -16%;
  z-index: -1;
}
.top-atention__wrap::before {
  width: 303px;
  height: 267px;
  background-image: url(../img/top/atention-fig01.png);
}
.top-atention__wrap::after {
  width: 313px;
  height: 275px;
  background-image: url(../img/top/atention-fig02.png);
  top: auto;
  right: -11.9%;
  bottom: -3.6%;
  left: auto;
}
.top-atention__content {
  width: 100%;
  padding: 42px 20px 61.5px;
  background: rgba(255, 255, 255, 0.9);
  border: 3px solid #7dc7d9;
  border-radius: 22px;
}

.top-atention-post:not(:first-child) {
  margin-top: 43px;
}
.top-atention-post__head {
  width: 100%;
  max-width: 845px;
  margin-inline: auto;
  padding: 0.3636363636em 0.3181818182em 0.2727272727em;
  background: #eba46c;
  border-radius: 100px;
  font: 700 22px "dnp-shuei-mgothic-std", sans-serif;
  line-height: 1.75;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
}
.top-atention-post__ttl {
  width: 100%;
  min-height: 3.5454545455em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.3181818182em;
  border: 1px solid #fff;
  border-radius: 100px;
}
.top-atention-post__ttl span {
  width: 100%;
  max-width: 434px;
  display: grid;
  grid-template-columns: 0.6818181818em 1fr 0.6818181818em;
  -moz-column-gap: 0.9090909091em;
       column-gap: 0.9090909091em;
  align-items: center;
}
.top-atention-post__ttl span::before, .top-atention-post__ttl span::after {
  content: "";
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 0.6818181818em;
  display: block;
  background: #fdf7b9;
  border-radius: 50%;
}
.top-atention-post__ttl span::after {
  left: auto;
  right: 0;
}
.top-atention-post__list {
  width: 100%;
  max-width: 728px;
  margin: 0.9em auto 0;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.75;
  color: #269dba;
}
.top-atention-post__item {
  padding-left: 1em;
  position: relative;
}
.top-atention-post__item::before {
  content: "";
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 0.4em;
  display: block;
  background: #7dc7d9;
  border-radius: 50%;
  position: absolute;
  top: 0.7em;
  left: 0.3em;
}
.top-atention-post__txt {
  width: 100%;
  max-width: 802px;
  margin-inline: auto;
  letter-spacing: 0;
  line-height: 1.75;
}
.top-atention-post__list + .top-atention-post__txt {
  max-width: 728px;
}
.top-atention-post__head + .top-atention-post__txt {
  margin-top: 0.9em;
}
.top-atention-post__note {
  width: 100%;
  max-width: 1002px;
  margin: 1.1111111111em auto 0;
  padding: 33px 57px;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.75;
  background: #f3f5f9;
}

/* 特徴
-----------------------------------------------------------------*/
.top-feature {
  padding: 140px 0 64px;
  background: url(../img/top/feature-bg01.png) 50% 90px/100% no-repeat;
}
.top-feature__content {
  margin-top: 171px;
}

.top-feature-point {
  width: 100%;
  max-width: 1560px;
  display: flex;
  align-items: flex-start;
  margin-inline: auto;
  position: relative;
}
.top-feature-point--01::before, .top-feature-point--02::before {
  content: "";
  aspect-ratio: 427/422;
  width: 100%;
  max-width: clamp(213.5px, 22.2395833333vw, 427px);
  background: url(../img/top/feature-point-fig.png) center/cover no-repeat;
  position: absolute;
}
.top-feature-point--01 {
  gap: 40px clamp(30px, 4.0625vw, 78px);
}
.top-feature-point--01::before {
  top: -32%;
  left: -14.2%;
}
.top-feature-point--02 {
  margin-top: 290.5px;
  flex-direction: row-reverse;
  gap: 40px clamp(30px, 4.9479166667vw, 95px);
}
.top-feature-point--02::before {
  top: -25.5%;
  left: auto;
  right: -13.3%;
}
.top-feature-point--02 .c-bnr {
  position: absolute;
  top: auto;
  bottom: -14.5%;
  left: 3.5%;
}
.top-feature-point--03 {
  margin-top: 222px;
  max-width: 1841px;
}
.top-feature-point__img {
  flex: 0 0 54.4871794872%;
  aspect-ratio: 85/55;
  width: 100%;
  max-width: 54.4871794872%;
  display: block;
  box-shadow: -35px 33px 0 #fff3b3;
  border-radius: 20px;
  position: relative;
}
.top-feature-point__img::before {
  content: "";
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: auto;
  right: 0;
  left: auto;
  bottom: 0;
}
.top-feature-point__img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  box-shadow: 0 12px 20px 5px rgba(56, 73, 120, 0.08);
}
.top-feature-point--01 .top-feature-point__img::before {
  aspect-ratio: 552/251;
  width: 100%;
  max-width: clamp(276px, 28.75vw, 552px);
  background-image: url(../img/top/feature-point01-fig.png);
  right: -4.5%;
  bottom: -18.4%;
}
.top-feature-point--02 .top-feature-point__img {
  box-shadow: 25px 37px 0 #fff3b3;
}
.top-feature-point--02 .top-feature-point__img::before {
  aspect-ratio: 484/323;
  width: 100%;
  max-width: clamp(242px, 25.2083333333vw, 484px);
  background-image: url(../img/top/feature-point02-fig.png);
  right: -8.3%;
  bottom: -11%;
}
.top-feature-point--03 .top-feature-point__content {
  width: 100%;
}
.top-feature-point__head {
  text-align: center;
  padding-bottom: 33px;
  position: relative;
  z-index: 1;
}
.top-feature-point__head::before {
  content: "";
  width: 100%;
  max-width: 584px;
  height: 4px;
  display: block;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 8px, #c7e7ef 8px, #c7e7ef 16px);
  background-size: 24px 4px;
  background-position: -8px 0;
  position: absolute;
  top: auto;
  left: calc(50% - 4px);
  bottom: 0;
  transform: translateX(-50%);
}
.top-feature-point__num {
  display: inline-block;
  font: 400 180px "dnp-shuei-mgothic-std", sans-serif;
  letter-spacing: 0;
  line-height: 1;
  color: #b3cdd3;
  position: relative;
}
.top-feature-point__num::first-letter {
  color: #c7e7ef;
}
.top-feature-point__num::before {
  content: "Point";
  font: 400 0.2777777778em "ellograph-cf", monospace;
  line-height: 1;
  letter-spacing: 0;
  color: #c7e7ef;
  writing-mode: vertical-rl;
  position: absolute;
  top: 0.36em;
  right: -1em;
  left: auto;
}
.top-feature-point--01 .top-feature-point__num::before {
  right: -0.56em;
}
.top-feature-point__ttl {
  margin-top: 0.4137931034em;
  font: 700 29px "dnp-shuei-mgothic-std", sans-serif;
  letter-spacing: 0;
  line-height: 1.75;
  color: #778285;
}
.top-feature-point__ttl span {
  color: #eba46c;
}
.top-feature-point__body {
  margin-top: 30px;
}
.top-feature-point--03 .top-feature-point__body {
  position: relative;
  z-index: 0;
}
.top-feature-point--03 .top-feature-point__body::before, .top-feature-point--03 .top-feature-point__body::after {
  content: "";
  aspect-ratio: 427/422;
  width: 100%;
  max-width: clamp(213.5px, 22.2395833333vw, 427px);
  background: url(../img/top/feature-point-fig.png) center/cover no-repeat;
  position: absolute;
  top: -26.1%;
  left: -2.18%;
  z-index: -1;
}
.top-feature-point--03 .top-feature-point__body::after {
  top: auto;
  right: -2.2%;
  left: auto;
  bottom: -6%;
}
.top-feature-point__txt {
  letter-spacing: 0;
  line-height: 1.75;
}

.top-feature-detail {
  padding: 20px;
  background: #f4f6fa;
  border-radius: 26px;
  position: relative;
  overflow: hidden;
}
.top-feature-detail__inner {
  background: #d0eef6;
  padding: 67px 20px 71px;
  border-radius: 20px;
  position: relative;
  z-index: 0;
}
.top-feature-detail__inner::after {
  content: "";
  width: calc(100% + 40px);
  height: 551px;
  background: url(../img/top/feature-detail-bg.png) center/cover no-repeat;
  border-radius: 0 0 26px 26px;
  position: absolute;
  top: auto;
  left: -20px;
  bottom: -23px;
  z-index: -1;
}
.top-feature-detail__txt {
  display: block;
  width: 100%;
  max-width: 600px;
  margin-inline: auto;
  letter-spacing: 0;
  line-height: 1.75;
}
.top-feature-detail__img-list {
  display: flex;
  justify-content: center;
  -moz-column-gap: 50px;
       column-gap: 50px;
  margin-top: 61px;
}
.top-feature-detail__img-item img {
  aspect-ratio: 525/400;
  width: 100%;
  max-width: 525px;
  border-radius: 20px;
  box-shadow: 0px 12px 20px 5px rgba(56, 73, 120, 0.08);
}
.top-feature-detail .c-btn {
  margin: 44px auto 0;
}

/* 診療内容
-----------------------------------------------------------------*/
.top-medical {
  padding: 127px 0 93px;
  background: url(../img/top/medical-bg.jpg) center/cover no-repeat;
}
.top-medical__content {
  width: 100%;
  max-width: 1650px;
  margin-inline: auto;
  padding: 92px 65px 129px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50px;
}
.top-medical__list {
  margin-top: 77px;
  display: grid;
  grid-template-columns: repeat(3, minmax(auto, 450px));
  gap: 104px 45px;
  justify-content: center;
}

.top-medical-item {
  font: 700 25px "dnp-shuei-mgothic-std", sans-serif;
  letter-spacing: 0;
  line-height: 1.75;
}
.top-medical-item a {
  overflow: hidden;
  aspect-ratio: 450/350;
  width: 100%;
  max-width: 450px;
  display: block;
  border-radius: 1em;
  position: relative;
  z-index: 0;
  transition: opacity 0.2s ease;
}
.top-medical-item a:hover {
  opacity: 0.7;
}
.top-medical-item__ttl {
  width: 100%;
  min-height: 2.8em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #83d1e4;
  color: #fff;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}
.top-medical-item__ttl span {
  padding-right: 1.6em;
  position: relative;
}
.top-medical-item__ttl span::before {
  content: "";
  aspect-ratio: 1/1;
  display: block;
  width: 100%;
  max-width: 1.04em;
  background: #ffbb85 url(../img/common/arrow.png) center/0.36em no-repeat;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  transform: translateY(-50%);
}

/* ごあいさつ
-----------------------------------------------------------------*/
.top-message__content {
  padding: 146px 0 259px;
  background: url(../img/top/message-bg.png) 0 80px/1078px no-repeat;
}

.top-message-doctor__content {
  position: relative;
  width: 100%;
  max-width: 1624px;
  display: grid;
  grid-template-columns: 46.1822660099% 1fr;
  gap: 30px;
  align-items: flex-start;
  justify-content: center;
  margin: 142px auto 0;
}
.top-message-doctor__content::before, .top-message-doctor__content::after {
  content: "";
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 297px;
  height: 263px;
  background-image: url(../img/top/message-doctor-flower-left.png);
  z-index: -1;
}
.top-message-doctor__content::before {
  top: -23%;
  left: -14%;
}
.top-message-doctor__content::after {
  background-image: url(../img/top/message-doctor-flower-right.png);
  right: -3.8%;
  bottom: -27%;
}
.top-message-doctor__img {
  width: 100%;
  max-width: 750px;
  position: relative;
  z-index: 0;
}
.top-message-doctor__img::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #fff3b3;
  border-radius: 20px;
  position: absolute;
  top: 30px;
  left: -20px;
  z-index: -1;
}
.top-message-doctor__img::after {
  content: "";
  aspect-ratio: 257/230;
  width: 100%;
  max-width: 34.2666666667%;
  display: block;
  background: url(../img/top/message-doctor-flower.png) center/cover no-repeat;
  position: absolute;
  top: auto;
  left: -7.6%;
  bottom: -12%;
}
.top-message-doctor__img img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-message-doctor__txt {
  width: 100%;
  max-width: 620px;
  margin: auto;
  padding-top: 40px;
}

.top-message-doctor-post__ttl {
  font: 700 25px "dnp-shuei-mgothic-std", sans-serif;
  letter-spacing: 0;
  line-height: 1.75;
  color: #7dc7d9;
}
.top-message-doctor-post__detail {
  max-width: 580px;
  margin-top: 38px;
  letter-spacing: 0;
  line-height: 1.75;
}
.top-message-doctor-post__intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 42px;
  position: relative;
  z-index: 1;
}
.top-message-doctor-post__name {
  font-weight: 500;
  font-size: 26.17px;
  letter-spacing: 0;
  line-height: 1.75;
    font-family: "dnp-shuei-mgothic-std", sans-serif;	
}
.top-message-doctor-post__name span {
  display: inline-block;
  margin-right: 21px;
  padding: 3px 25.5px;
  background: #f4a05e;
  color: #fff;
  border-radius: 100px;
}

@keyframes aboutEquipmentSlider {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.top-message-slider {
  padding: 142px 0 338px;
}
.top-message-slider__content {
  display: flex;
  -moz-column-gap: 38px;
       column-gap: 38px;
  position: relative;
  z-index: 0;
}
.top-message-slider__content::before {
  content: "";
  display: block;
  aspect-ratio: 493/1009;
  width: 100%;
  max-width: clamp(123.25px, 12.8385416667vw, 246.5px);
  background: url(../img/top/message-img-list-flower-left.png) center/cover no-repeat;
  position: absolute;
  top: -17%;
  left: 0;
  z-index: 1;
}
.top-message-slider__content::after {
  content: "";
  display: block;
  aspect-ratio: 612/227;
  width: 100%;
  max-width: clamp(306px, 31.875vw, 612px);
  background: url(../img/top/message-img-list-flower-right.png) center/cover no-repeat;
  position: absolute;
  top: auto;
  right: 0.1%;
  bottom: -16.5%;
  left: auto;
  z-index: 1;
}
.top-message-slider__list {
  display: flex;
  -moz-column-gap: clamp(20px, 1.9791666667vw, 38px);
       column-gap: clamp(20px, 1.9791666667vw, 38px);
  animation: aboutEquipmentSlider 50s infinite linear;
}
.top-message-slider__item {
  width: 423px;
  height: 322px;
  display: block;
}
.top-message-slider__item:nth-child(even) {
  margin-top: 7.25%;
}
.top-message-slider__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px;
}
@media screen and (min-width: 751px){
  .top-news-detail__head {
    padding: 0 26.1627906977%;
    text-align: right;
  }
  .top-atention__content {
    transform: translateX(0.5px);
  }
  .top-atention-post__ttl span {
    transform: translateX(-2px);
  }
  .top-feature .c-ttl__en {
    font-size:100px;
    padding-bottom: 9px;
  }
  .top-feature-point--02 .top-feature-point__head::before {
    left: calc(50% + 8px);
  }
  .top-feature-point--03 .top-feature-point__head {
    padding-bottom: 40px;
  }
  .top-feature-point--03 .top-feature-point__head::before {
    left: calc(50% + 1px);
  }
  .top-feature-point--01 .top-feature-point__num {
    padding-left: 0.1444444444em;
  }
  .top-feature-point--02 .top-feature-point__num {
    padding-left: 0.1055555556em;
  }
  .top-feature-point--02 .top-feature-point__num::before {
    top: 0.66em;
  }
  .top-feature-point--03 .top-feature-point__num {
    transform: translateX(-0.1555555556em);
  }
  .top-feature-point--03 .top-feature-point__num::before {
    right: -1.1em;
  }
  .top-feature-point--01 .top-feature-point__ttl {
    padding-right: 7px;
  }
  .top-feature-point--02 .top-feature-point__ttl {
    margin-top: 0.2413793103em;
    padding-left: 15px;
  }
  .top-feature-point--03 .top-feature-point__ttl {
    margin-top: 0.3448275862em;
  }
  .top-feature-point--02 .top-feature-point__body {
    margin-top: 34px;
  }
  .top-message-doctor-post__txt {
    padding: 0 9px;
  }
}
@media screen and (min-width: 960px){
  .top-news-bnr__content {
    justify-content: space-between;
  }
  .top-news-bnr__calendar .top-news-bnr__content {
    padding-left: 11.1111111111%;
  }
  .top-news-bnr__medical-questionnaire .top-news-bnr__content {
    padding-left: 17.0984455959%;
  }
  .top-feature-point--01 {
    transform: translateX(22px);
  }
  .top-feature-point--02 {
    transform: translateX(-20px);
  }
  .top-feature-point__img {
    margin-top: 56px;
  }
  .top-feature-point--02 .top-feature-point__img {
    margin-top: 39.5px;
  }
  .top-feature-detail__txt {
    transform: translateX(3px);
  }
  .top-medical .c-ttl__en {
    padding-bottom: 17px;
  }
  .top-medical .c-ttl__jp {
    margin-top: 10px;
  }
  .top-medical-item__ttl {
    padding: 4px 21px 0 0;
  }
  .top-message .c-ttl__en {
    padding-bottom: 15px;
  }
  .top-message .c-ttl__jp {
    margin-top: 13px;
  }
  .top-message-doctor__content {
    transform: translateX(4.8%);
  }
}
@media screen and (min-width: 1900px){
  .top-feature-detail__img-list {
    transform: translateX(-17px);
  }
}
@media screen and (max-width: 1920px){
  .top-message__content {
    background-size: 56.1458333333vw;
  }
  .top-message-slider__item {
    width: 22.03125vw;
    height: 16.7708333333vw;
  }
  .top-message-slider__item img {
    border-radius: 2.6041666667vw;
  }
}
@media screen and (max-width: 1600px){
  .top-message-doctor__content {
    transform: none;
  }
}
@media screen and (max-width: 959px){
  .top-mv__content::before {
    right: 0;
  }
  .top-mv__bnr {
    width: 100%;
    height: 100%;
    max-height: 114px;
    justify-content: center;
    -moz-column-gap: 10px;
         column-gap: 10px;
    right: auto;
    bottom: -16px;
    transform: translateX(-4px);
  }
  .top-mv__bnr .c-bnr {
    max-width: 114px;
  }
  .top-news-bnr {
    grid-template-columns: repeat(2, minmax(auto, 300px));
  }
  .top-news-bnr__item {
    font-size: 18px;
    border-radius: 10px;
  }
  .top-news-bnr__item a {
    min-height: 94px;
    padding: 0 20px 0 45px;
    border-radius: 10px;
  }
  .top-news-bnr__medical-questionnaire .top-news-bnr__content {
    max-width: 160px;
    margin-inline: auto;
  }
  .top-news-bnr__txt {
    flex: 1;
    text-align: center;
  }
  .top-news-bnr__calendar .top-news-bnr__img {
    max-width: 33px;
  }
  .top-news-bnr__medical-questionnaire .top-news-bnr__img {
    max-width: 30px;
  }
  .top-feature__content {
    margin-top: 80px;
  }
  .top-feature-point {
    flex-direction: column;
  }
  .top-feature-point--01::before, .top-feature-point--02::before {
    max-width: 213.5px;
  }
  .top-feature-point--01::before {
    top: -5%;
    left: -10%;
  }
  .top-feature-point--02 {
    margin-top: 80px;
  }
  .top-feature-point--02::before {
    top: -5%;
    left: auto;
    right: -10%;
  }
  .top-feature-point--02 .c-bnr {
    max-width: 114px;
  }
  .top-feature-point--03 {
    margin-top: 80px;
  }
  .top-feature-point__img {
    max-width: 100%;
    margin-inline: auto;
    box-shadow: -15px 15px 0 #fff3b3;
  }
  .top-feature-point--01 .top-feature-point__img::before {
    right: -20px;
  }
  .top-feature-point--02 .top-feature-point__img {
    box-shadow: 15px 15px 0 #fff3b3;
  }
  .top-feature-point--02 .top-feature-point__img::before {
    right: -20px;
  }
  .top-feature-point--03 .top-feature-point__body {
    position: relative;
    z-index: 0;
  }
  .top-feature-point--03 .top-feature-point__body::before, .top-feature-point--03 .top-feature-point__body::after {
    max-width: 213.5px;
  }
  .top-feature-point--03 .top-feature-point__body::before {
    top: -6%;
    left: -5%;
  }
  .top-feature-point--03 .top-feature-point__body::after {
    right: -5%;
    bottom: -6%;
  }
  .top-feature-detail {
    padding: 20px;
  }
  .top-feature-detail__inner::after {
    height: 50%;
    min-height: 275px;
  }
  .top-feature-detail__img-list {
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
  }
  .top-feature-detail__img-item {
    max-width: 45%;
  }
  .top-feature-detail__img-item img {
    border-radius: 10px;
  }
  .top-medical__content {
    padding: 40px 25px 60px;
    border-radius: 25px;
  }
  .top-medical__list {
    grid-template-columns: repeat(2, minmax(auto, 450px));
    gap: 30px 20px;
    margin-top: 40px;
  }
  .top-medical-item {
    font-size: 18px;
  }
  .top-message-doctor__content {
    grid-template-columns: 100%;
  }
  .top-message-doctor__content::before, .top-message-doctor__content::after {
    width: 150px;
    height: 130px;
    z-index: 0;
  }
  .top-message-doctor__content::before {
    top: -7%;
    left: -10%;
  }
  .top-message-doctor__content::after {
    right: -2%;
    bottom: -10%;
  }
  .top-message-doctor__img::before {
    top: 15px;
    left: -15px;
  }
  .top-message-doctor__img::after {
    left: -10px;
  }
  .top-message-doctor__img img {
    border-radius: 20px;
  }
  .top-message-slider {
    padding: 142px 0 338px;
  }
  .top-message-slider__item {
    width: 211.5px;
    height: 161px;
  }
  .top-message-slider__item img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 750px){
	.c-ttl__en{
		font-size:25px;
	}
  .top-mv {
    height: auto;
    margin-top: 60px;
    padding-bottom: 32px;
    background: url(../img/top/mv-bg2.jpg) bottom/200% 367px no-repeat;
  }
  .top-mv__inner {
    padding: 0 7.5px;
  }
  .top-mv__inner::before {
    content: "";
    aspect-ratio: 72/544;
    max-width: 19.2%;
    background-image: url(../img/top/mv-fig-left-sp.png);
    bottom: -38px;
    left: 0;
  }
  .top-mv__inner::after {
    aspect-ratio: 252/341;
    max-width: 33.6%;
    background-image: url(../img/top/mv-fig-right-sp.png);
    right: 0;
    bottom: -24px;
  }
  .top-mv__content {
    aspect-ratio: 720/1000;
    width: 100%;
    max-width: 720px;
    height: auto;
    border-radius: 30px;
    background-image: url(../img/top/mv-bg-sp.jpg);
  }
  .top-mv__content::before {
    max-width: 21.8055555556%;
    top: 3px;
    right: -9px;
    z-index: 0;
  }
  .top-mv__ttl {
    margin-bottom: 5px;
  }
  .top-mv__ttl-jp {
    line-height: 1.75;
  }
  .top-news {
    padding: 60px 0 80px;
  }
  .top-news__content::before, .top-news__content::after {
    max-width: 203px;
  }
  .top-news__content::before {
    top: -15%;
    left: -8%;
  }
  .top-news__content::after {
    right: -8%;
  }
  .top-news-ttl__en {
    font-size: 40px;
  }
  .top-news-ttl__jp {
    font-size: 16px;
  }
  .top-news-detail {
    height: 392px;
    margin-top: 40px;
    padding: 0 10px;
    border-width: 20px 10px;
    border-radius: 10px;
  }
  .top-news-detail__item a {
    grid-template-columns: 100%;
    padding: 10px 0 15px;
  }
  .top-news-detail__date {
    font-size: 16px;
  }
  .top-news-post {
    font-size: 16px;
  }
  .top-news-post__detail {
    margin-top: 0.5em;
  }
  .top-news-bnr {
    grid-template-columns: 100%;
    margin-top: 30px;
  }
  .top-news-bnr__calendar {
    box-shadow: 7px 7px #c7e7ef;
  }
  .top-news-bnr__medical-questionnaire {
    box-shadow: 7px 7px #f8d2b3;
  }
  .top-news-bnr__item a {
    padding: 0 50px;
  }
  .top-news-bnr__medical-questionnaire .top-news-bnr__content {
    max-width: 100%;
  }
  .top-atention {
    padding: 60px 0 80px;
  }
  .top-atention__wrap {
    margin-top: 40px;
  }
  .top-atention__content {
    padding: 20px 20px 30px;
    border-width: 2px;
    border-radius: 10px;
  }
  .top-atention-post__head {
    font-size: 18px;
    line-height: 1.5;
  }
  .top-atention-post__list {
    font-size: 16px;
  }
  .top-atention-post__txt {
    
  }
  .top-atention-post__note {
    padding: 15px 20px;
    font-size: 14px;
  }
  .top-feature {
    padding: 60px 0 80px;
    background-position: 50% 45px;
  }
  .top-feature-point--01::before, .top-feature-point--02::before {
    max-width: 50%;
  }
  .top-feature-point__img img {
    border-radius: 10px;
  }
  .top-feature-point--01 .top-feature-point__img::before {
    max-width: 50%;
  }
  .top-feature-point--02 .top-feature-point__img::before {
    max-width: 50%;
  }
  .top-feature-point__head {
    padding-bottom: 20px;
  }
  .top-feature-point__num {
    font-size: 90px;
  }
  .top-feature-point__ttl {
    font-size: 22px;
  }
  .top-feature-point--03 .top-feature-point__body::before, .top-feature-point--03 .top-feature-point__body::after {
    max-width: 50%;
  }
  .top-feature-point--03 .top-feature-point__body::before {
    top: -3%;
    left: -20%;
  }
  .top-feature-point--03 .top-feature-point__body::after {
    right: -20%;
    bottom: -3%;
  }
  .top-feature-point__txt {
  
  }
  .top-feature-detail {
    padding: 10px;
  }
  .top-feature-detail__inner {
    padding: 20px 10px;
  }
  .top-feature-detail__txt {
    font-size: 16px;
  }
  .top-feature-detail .c-btn {
    margin-top: 20px;
  }
  .top-medical {
    padding: 60px 0 80px;
  }
  .top-medical__content {
    padding: 30px 5px 40px;
    border-radius: 10px;
  }
  .top-medical__list {
    margin-top: 30px;
	        gap: 10px 8px; 
  }
  .top-medical-item {
    font-size: 16px;
  }
  .top-medical-item a {
    border-radius: 10px;
  }
  .top-message__content {
    padding: 60px 0 60px;
  }
  .top-message-doctor__content {
    margin-top: 40px;
  }
  .top-message-doctor__txt {
    padding-top: 20px;
  }
  .top-message-doctor-post__ttl {
    font-size: 20px;
  }
  .top-message-doctor-post__detail {
    margin-top: 20px;
    font-size: 16px;
  }
  .top-message-doctor-post__intro {
    justify-content: center;
    row-gap: 20px;
    margin-top: 20px;
  }
  .top-message-doctor-post__name {
    font-size: 18px;
    width: 100%;
  }
  .top-message-doctor-post__name span {
    margin-right: 10px;
    padding: 1px 1em;
  }
  .top-message-slider {
    padding: 50px 0 100px;
  }
  .top-message-slider__content::before {
    max-width: 80px;
  }
  .top-message-slider__content::after {
    max-width: 160px;
  }
  .top-message-slider__item {
    width: 170.5px;
    height: 120px;
  }
  .top-message-slider__item img {
    border-radius: 10px;
  }
}









@charset "UTF-8";
/******************************************************************
 * TOP
******************************************************************/
p{
font-size:18px;	
}
@media screen and (max-width: 600px) {
p{
font-size:17px;	
}	
	
	
.c-fadein {
  opacity: 0;
  transition: transform ease 1s, opacity ease 1s;
}

.c-fadein.to-top {
  transform: translateY(50px);
}

.c-fadein.to-bottom {
  transform: translateY(-50px);
}

.c-fadein.to-right {
  transform: translateX(-50px);
}

.c-fadein.to-left {
  transform: translateX(50px);
}

.c-fadein.to-rt {
  transform: translate(-50px, 50px);
}

.c-fadein.to-rb {
  transform: translate(-50px, -50px);
}

.c-fadein.to-lt {
  transform: translate(50px, 50px);
}

.c-fadein.to-lb {
  transform: translate(50px, -50px);
}

.c-fadein.inview {
  opacity: 1;
  transform: translate(0) !important;
}

.c-slidein {
  opacity: 0;
  transition: transform ease-out 0.5s, opacity ease-out 0.5s;
}

.c-slidein.to-top {
  transform: translateY(100vh);
}

.c-slidein.to-bottom {
  transform: translateY(-100vh);
}

.c-slidein.to-right {
  transform: translateX(-100vw);
}

.c-slidein.to-left {
  transform: translateX(100vw);
}

.c-slidein.to-rt {
  transform: translate(-100vw, 100vh);
}

.c-slidein.to-rb {
  transform: translate(-100vw, -100vh);
}

.c-slidein.to-lt {
  transform: translate(100vw, 100vh);
}

.c-slidein.to-lb {
  transform: translate(100vw, -100vh);
}

.c-slidein.inview {
  opacity: 1;
  transform: translate(0) !important;
}

.c-reveal {
  opacity: 0;
  transition: clip-path 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.c-reveal.to-right {
  clip-path: inset(0 100% 0 0);
}

.c-reveal.to-left {
  clip-path: inset(0 0 0 100%);
}

.c-reveal.to-top {
  clip-path: inset(100% 0 0 0);
}

.c-reveal.to-bottom {
  clip-path: inset(0 0 100% 0);
}

.c-reveal.inview {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}

.ease-in {
  transition-timing-function: ease-in;
}

.ease-out {
  transition-timing-function: ease-out;
}

.ease-in-out {
  transition-timing-function: ease-in-out;
}
/* c-ttl
-----------------------------------------------------------------*/
/* 
.c-ttl--yellow .c-ttl__jp {
  margin-top: 10px;
  padding-left: 1.2em;
  font-size: 23px;
 font-family:"ellograph-cf", monospace;
}
.c-ttl--yellow .c-ttl__jp::before {
  max-width: 0.55em;
  background: #fff3b3;
  top: 0.325em;
  left: -1px;
}

.c-btn {
  width: 100%;
  max-width: 250px;
  height: 2.96em;
  display: flex;
  align-items: center;
  padding: 1.04em 2.4em 0.84em 2em;
  background: #83d1e4;
  font: 700 25px "dnp-shuei-mgothic-std", sans-serif;
  color: #fff;
  border: 4px solid #fff;
  border-radius: 100px;
  position: relative;
  transition: opacity 0.2s ease;
}
.c-btn:hover {
  opacity: 0.7;
}
.c-btn::before {
  content: "";
  aspect-ratio: 1/1;
  display: block;
  width: 100%;
  max-width: 1.04em;
  background: #ffbb85 url(../img/common/arrow.png) center/0.36em no-repeat;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 1.2em;
  left: auto;
  transform: translateY(-50%);
}

.c-menu {
  width: 100%;
  display: grid;
  grid-template-columns: clamp(173.5px, 18.0729166667vw, 347px) 1fr;
  align-items: center;
  justify-content: space-between;
  padding: 16px 56px 16px 32px;
}
.c-menu__head {
  width: 100%;
  max-width: clamp(173.5px, 18.0729166667vw, 347px);
  transition: opacity 0.2s ease;
}
.c-menu__head:hover {
  opacity: 0.7;
}
.c-menu__body {
  display: grid;
  grid-template-columns: 1fr minmax(120px, auto);
  align-items: center;
}
.c-menu__contact {
  display: flex;
  gap: clamp(7px, 0.9895833333vw, 19px);
}

.c-nav {
  padding-bottom: 3px;
  font: 700 clamp(12.5px, 0.9375vw, 18px) "dnp-shuei-mgothic-std", sans-serif;
  color: #778285;
}
.c-nav__list {
  display: flex;
  justify-content: flex-end;
}
.c-nav__item {
  position: relative;
}
.c-nav__item > a {
  display: block;
  padding: 0 1.7222222222em;
  transition: opacity 0.2s ease;
}
.c-nav__item > a:hover {
  opacity: 0.7;
}
.c-nav__item-en {
  font: 400 clamp(12px, 0.8333333333vw, 16px) "ellograph-cf", monospace;
  line-height: 1.3;
  color: #7dc7d9;
}
.c-nav__item-jp {
  white-space: nowrap;
}
.c-nav__subitem a {
  display: block;
  transition: opacity 0.2s ease;
}
.c-nav__subitem a:hover {
  opacity: 0.7;
}
.c-nav__subitem:first-child a {
  padding-top: 0;
}
.c-nav__subitem:last-child a {
  padding-bottom: 0;
}

.c-tel {
  display: block;
  width: clamp(120px, 12.5vw, 240px);
  height: clamp(35px, 3.6458333333vw, 70px);
  padding: clamp(3px, 0.3125vw, 6px);
  border-radius: 100px;
  background: #83d1e4;
  font: 700 clamp(11px, 1.1458333333vw, 22px) "dnp-shuei-mgothic-std", sans-serif;
  letter-spacing: 0;
  color: #fff;
  transition: opacity 0.2s ease;
}
.c-tel:hover {
  opacity: 0.7;
}
.c-tel span {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.4545454545em;
       column-gap: 0.4545454545em;
  width: 100%;
  height: 100%;
  padding: 0.4545454545em 0.4545454545em 0.4545454545em 2.7272727273em;
  border: 1px solid #fff;
  border-radius: 100px;
  white-space: nowrap;
  position: relative;
}
.c-tel span::before {
  content: "";
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 1.6818181818em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff url(../img/common/tel.png) center/0.7272727273em 1em no-repeat;
  position: absolute;
  top: 50%;
  left: 0.5909090909em;
  transform: translateY(-50%);
}

.c-medical-questionnaire {
  display: block;
  width: clamp(120px, 12.5vw, 240px);
  height: clamp(35px, 3.6458333333vw, 70px);
  padding: clamp(3px, 0.3125vw, 6px);
  border-radius: 100px;
  background: #eba46c;
  font: 700 clamp(15px, 1.3vw, 23px) "dnp-shuei-mgothic-std", sans-serif;
  color: #fff;
  transition: opacity 0.2s ease;
}
.c-medical-questionnaire:hover {
  opacity: 0.7;
}
.c-medical-questionnaire span {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.4em;
       column-gap: 0.4em;
  width: 100%;
  height: 100%;
  padding: 0.4em 0.4em 0.4em 3.6em;
  border: 1px solid #fff;
  border-radius: 100px;
  position: relative;
}
.c-medical-questionnaire span::before {
  content: "";
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 1.6em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff url(../img/common/c-btn-medical-questionnaire.png) center/0.8em 1.04em no-repeat;
  position: absolute;
  top: 50%;
  left: 0.88em;
  transform: translateY(-50%);
}

.c-bnr {
  width: 100%;
  max-width: 248.36px;
  display: block;
  background: #fff;
  border-radius: 50%;
  padding: 8.5px;
}
.c-bnr__inner {
  aspect-ratio: 1/1;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 44.5% 55.5%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  overflow: hidden;
}
.c-bnr--kids .c-bnr__inner {
  border-color: #e9c965;
}
.c-bnr--parking .c-bnr__inner {
  border-color: #83c5e4;
}
.c-bnr__top {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-bnr--kids .c-bnr__top img {
  aspect-ratio: 103/84;
  width: 100%;
  max-width: clamp(47.5px, 5.3645833333vw, 103px);
}
.c-bnr--parking .c-bnr__top {
  padding-top: clamp(9px, 0.9375vw, 18px);
}
.c-bnr--parking .c-bnr__top img {
  aspect-ratio: 2/1;
  width: 100%;
  max-width: clamp(57px, 6.4583333333vw, 124px);
}
.c-bnr__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5em 0.44em;
  font: 700 clamp(14px, 1.3020833333vw, 25px) "dnp-shuei-mgothic-std", sans-serif;
  letter-spacing: 0;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 100%;
}
.c-bnr--kids .c-bnr__bottom {
  background: #ebcc6c;
}
.c-bnr--parking .c-bnr__bottom {
  background: #83c5e4;
} */
/* c-pagetop
-----------------------------------------------------------------*/
/* 	.c-pagetop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 80px;
  height: 80px;
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
  z-index: 1000;
}
.c-pagetop.active {
  opacity: 1;
  visibility: visible;
}

body {
  color: #272e32;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  letter-spacing: 0.025em;
  line-height: 2;
  min-width: 375px;
  scroll-behavior: auto !important;
}
body.fixed {
  position: fixed;
  width: 100%;
  height: 100vh;
  overflow: visible;
}

.inner {
  width: 100%;
  max-width: calc(1920px + 50px);
  margin: 0 auto;
  padding: 0 10px;
}
 */
/******************************************************************
 * ヘッダー
******************************************************************/
/* .header {
  z-index: 1000;
  background: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  transition: transform 0.3s ease-in-out;
}
.header.hide {
  transform: translateY(-100%);
}

.navToggle {
  cursor: pointer;
  aspect-ratio: 1/1;
  display: none;
  width: 100%;
  max-width: 50px;
  background: #eba46c;
  position: absolute;
  top: 4px;
  right: 13.5px;
  left: auto;
  z-index: 2;
}
.navToggle::after {
  content: "MENU";
  font: 400 13px "ellograph-cf", monospace;
  color: #fff;
  letter-spacing: 0;
  line-height: 1;
  position: absolute;
  top: auto;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
}
.navToggle span {
  width: 33px;
  height: 2px;
  display: block;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s;
}
.navToggle span:nth-child(1) {
  top: 8px;
}
.navToggle span:nth-child(2) {
  top: 16px;
}
.navToggle span:nth-child(3) {
  top: 24px;
}

.navToggle.active::after {
  opacity: 0;
}
.navToggle.active span {
  width: 25px;
  height: 2px;
  display: block;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.navToggle.active span:nth-child(1) {
  top: 23px;
  transform: translateX(-50%) rotate(45deg);
}
.navToggle.active span:nth-child(2) {
  right: -100px;
  opacity: 0;
}
.navToggle.active span:nth-child(3) {
  top: 23px;
  transform: translateX(-50%) rotate(-45deg);
} */
	
	/******************************************************************
 * フッター
******************************************************************/
/* footer
-----------------------------------------------------------------*/
/* 	
/* .footer {
  background: #f8f6f2;
}
.footer__content {
  display: flex;
  justify-content: center;
  gap: 20.2068965517%;
  padding: 133px 0 146px;
  padding-left: 15.614973262%;
  padding-right: 6.7914438503%;
  color: #5f6c70;
}
.footer iframe {
  width: 100%;
  height: 380px;
  display: block;
}

.footer-info {
  padding-top: 22px;
  flex: 0 0 300px;
}
.footer-info__contact {
  display: flex;
  flex-flow: column;
  gap: 9px;
  padding: 28px 0 0 28px;
}
.footer-info__contact .c-tel,
.footer-info__contact .c-medical-questionnaire {
  width: 240px;
  height: 70px;
  font-size: 22px;
}

.footer-cont-info__address {
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 1.76;
  letter-spacing: 0;
  padding: 36px 0 0 43px;
}

.footer-time__table {
  width: 860px;
  border-top: 2px solid #5f6c70;
}
.footer-time__table thead {
  font-weight: 500;
  font-size: 22px;
}
.footer-time__table thead th {
  padding: 25px 0 29px;
}
.footer-time__table thead td {
  padding: 25px 0 29px;
}
.footer-time__table thead td.space {
  width: 44px;
}
.footer-time__table tbody {
  font-weight: 500;
  font-size: 25px;
  border-top: 2px solid #5f6c70;
  border-bottom: 2px solid #5f6c70;
}
.footer-time__table tbody tr:first-child th {
  padding: 20px 0 10px;
}
.footer-time__table tbody tr:first-child td {
  padding: 20px 0 10px;
}
.footer-time__table tbody tr:last-child th {
  padding: 10px 0 33px;
}
.footer-time__table tbody tr:last-child td {
  padding: 10px 0 33px;
}
.footer-time__table tbody th .time {
  width: 185px;
  display: inline-block;
  text-align: right;
}
.footer-time__table tbody th .to {
  font-size: 22px;
  padding: 0 18px;
}
.footer-time__table tbody td {
  color: #83d1e4;
}
.footer-time__table tbody td.slash {
  color: #5f6c70; */
}
/* .footer-time__table th {
  width: 290px;
  letter-spacing: 0;
  text-align: center;
}
.footer-time__table td {
  text-align: center;
}
.footer-time__note {
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.8;
  letter-spacing: 0;
  padding: 6px 0 0 43px;
}
.footer-time__note .orange {
  color: #f4a05e;
}
.footer-time__note .colon {
  padding-left: 13px;
}

.footer-copy {
      padding: 8px 0px;
  background: #83d1e4;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.5;
  color: #333333;
  text-align: center;
} */ 
/* c-floatbnr
-----------------------------------------------------------------*/
/* .c-floatbnr__content {
/*   position: fixed;
  left: 0;
  bottom: 8px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
  z-index: 999;
}
.c-floatbnr__content.active {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 751px){
  .sp {
    display: none !important;
  }
}
@media screen and (min-width: 960px){
  .pc-none {
    display: none !important;
  }
  .c-fadein.sp-only,
  .c-slidein.sp-only,
  .c-reveal.sp-only {
    opacity: 1;
    transform: none;
  }
  .c-menu__head {
    margin-bottom: 11px;
  }
  .c-nav__item {
    position: relative;
  }
  .c-nav__item:not(:first-child) {
    border-left: 2px dotted #c6e2e9;
  }
  .c-nav__item > a {
    text-align: center;
  }
  .c-nav__sublist {
    visibility: hidden;
    opacity: 0;
    width: 230px;
    padding: 19px 15px 25px 26px;
    background: #fff;
    border-radius: 15px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    box-shadow: -0.572px 2.945px 13.5px 1.5px rgba(145, 139, 117, 0.05);
    transition: all 0.3s;
  }
  .c-nav__item--accordion:hover .c-nav__sublist {
    visibility: visible;
    opacity: 1;
  }
  .c-nav__subitem {
    text-align: center;
  }
  .c-nav__subitem:not(:first-child) {
    border-top: 3px dotted #b5d9e2;
  }
  .c-nav__subitem a {
    padding: 11.9px 1.5em 11.9px 1em;
  }
  .c-floatbnr__content {
    display: none;
  }
}
@media screen and (max-width: 1600px){
  .footer__content {
    flex-wrap: wrap;
    gap: 50px;
    padding: 50px;
  }
}
@media screen and (max-width: 1200px){
  .c-menu {
    padding: 9px 12.5px 9px 14px;
  }
  .c-menu__body {
    grid-template-columns: 1fr 120px;
  }
  .c-menu__contact {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 959px){
  .c-menu {
    height: 58px;
    display: block;
  }
  .c-menu__head {
    padding-top: 3px;
  }
  .c-menu__body {
    width: 100%;
    height: 100%;
    min-height: 100dvh;
    display: block;
    padding: 85px 18px 20px;
    background: #f8f5f2;
    overflow-y: scroll;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -100%;
    left: auto;
    transition: 0.4s;
  }
  .c-menu__contact {
    justify-content: center;
    margin-top: 20px;
  }
  .c-nav {
    background: #fff;
    padding: 0 7px 19px;
    border-radius: 7.5px;
  }
  .c-nav__list {
    display: block;
  }
  .c-nav__item:not(:first-child) {
    border-top: 2px dotted #c6e2e9;
  }
.fixed .c-tel{
		width:48%;
	        height: 45px;
	font-size: 15px;
	}
.fixed .c-medical-questionnaire{
		width:48%;
	        height: 45px;
	        font-size: 16px;
	}

  .c-nav__item > a {
    padding: 12px 50px 10px 21.5px;
  }
  .c-nav__item > a::before {
    content: "";
    aspect-ratio: 1/1;
    width: 100%;
    max-width: 17px;
    display: block;
    background: #83d1e4 url(../img/common/arrow.png) center/4px no-repeat;
    border-radius: 50%;
    position: absolute;
    top: 26px;
    right: 32.5px;
    left: auto;
    transform: translateY(-50%);
  }
  .c-nav__item:last-child > a {
    padding-bottom: 0;
  }
  .c-nav__item--accordion > a::before {
    transform: translateY(-50%) rotate(-90deg);
  }
  .c-nav__item--accordion.hide > a::before {
    transform: translateY(-50%) rotate(90deg);
  }
  .c-nav__item-en {
    display: none;
  }
  .c-nav__sublist {
    padding: 13px 21px 12px;
    border-top: 2px dotted #c6e2e9;
  }
.c-nav__item-jp {
    font-size: 16px;
}
  .c-nav__subitem {
    font-size: 15px;
  }
  .c-nav__subitem:not(:first-child) {
    margin-top: 10px;
  }
  .c-nav__subitem a {
    padding-left: 17px;
    position: relative;
  }
  .c-nav__subitem a::before {
    content: "";
    width: 8.5px;
    height: 1.5px;
    display: block;
    background: #d2d2d2;
    position: absolute;
    top: 14px;
    left: 0;
  }
  .c-bnr {
    padding: 4px;
  }
  .c-bnr__inner {
    border-width: 1px;
  }
  .c-pagetop {
    right: 3px;
    bottom: 5px;
    width: 40px;
    height: 40px;
  }
  .header.hide {
    transform: none;
  }
  .navToggle {
    display: block;
  }
  .navToggle.active + .c-menu__body {
    right: 0;
  }
  .footer-cont-info__address {
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    padding: 20px 0 0 0;
  }
  .footer-time__table {
    width: calc(100vw - 20px);
  }
  .footer-time thead {
    font-size: 18px;
  }
  .footer-time thead td.space {
    width: 0;
  }
  .footer-time tbody {
    font-size: 18px;
  }
  .footer-time tbody th .time {
    width: 120px;
    text-align: center;
  }
  .footer-time tbody th .to {
    font-size: 16px;
    padding: 0;
  }
  .footer-time th {
    width: 120px;
  }
  .footer-time__note {
    font-size: 14px;
    line-height: 1.7142857143;
    padding: 6px 0 0 6px;
  }
  .footer-time__note .colon {
    padding-left: 6px;
  } */
  .c-floatbnr__content {
    display: flex;
    gap: 8px;
  }
}
@media screen and (max-width: 959px) and (min-width: 751px){
  .tb-none {
    display: none !important;
  }
}
@media screen and (max-width: 750px){
  .sp-none {
    display: none !important;
  }
  .pc {
    display: none !important;
  }
  .c-slidein {
    transition-duration: 0.4s;
  }
  .c-reveal {
    transition-duration: 0.4s;
  }
  .c-fadein.pc-only,
  .c-slidein.pc-only,
  .c-reveal.pc-only {
    opacity: 1;
    transform: none;
  }

  .c-btn {
    font-size: 18px;
    border-width: 2px;
  }
  body {
    font-size: 15px;
  }
  .c-floatbnr__content {
    display: flex;
  }
	.footer-info__contact .c-tel, .footer-info__contact .c-medical-questionnaire {
    font-size: 18px;		
	}
    .footer-cont-info__address {
        font-size: 19px;
}
} */
	
	
	
/* 採用情報
-----------------------------------------------------------------*/
.top-recruit {
  margin-top: 250px;
    margin-bottom: 150px;	
}
@media screen and (max-width: 750px) {
  .top-recruit {
    margin-top: 82px;
  }
}
.top-recruit-inner {
  position: relative;
  width: 62.5%;
  border-radius: 50px;
  margin: auto;
  background: #f9f8ef;
}
@media screen and (max-width: 1400px) {
  .top-recruit-inner {
    width: 80%;
  }
}
@media screen and (max-width: 750px) {
  .top-recruit-inner {
    width: 86.4%;
    border-radius: 25px;
    margin-left: 9.0666666667vw;
  }
}


.top-recruit-inner::before {
  top: -220px;
  left: -164px;
}
@media screen and (max-width: 750px) {
  .top-recruit-inner::before {
    top: -50px;
    left: -35px;
  }
}
.top-recruit-inner::after {
  bottom: -171px;
  right: -210px;
}
@media screen and (max-width: 750px) {
  .top-recruit-inner::after {
    bottom: -30px;
    right: -58px;
    z-index: 1;
  }
}
.top-recruit__wrap {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.top-recruit__wrap::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 56.3333333333%;
  height: 100%;
    background: #aee0ec;
  clip-path: polygon(13.3136094675% 0, 100% 0, 100% 100%, 0 100%);
  border-radius: 0 50px 50px 0;
  z-index: 1;
}
@media screen and (max-width: 750px) {
.top-recruit__wrap {
    flex-direction: column;
}	
	
  .top-recruit__wrap::before {
    width: 66.3580246914%;
    border-radius: 0 25px 25px 0;
  }
}
.top-recruit__img {
  width: 50%;
  position: relative;
  align-self: baseline;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  .top-recruit__img {
width: 100%;
        text-align: center;
  }
}
.top-recruit__img img {
  width: 98%;
  margin: -3.8020833333vw 0 0 -38px;
}
@media screen and (max-width: 750px) {
  .top-recruit__img img {
    width: 260px;
 margin: 0 auto;
  }
}

@media screen and (max-width: 750px) {
  .top-recruit__img::after {
        bottom: -5px;
        left: 24%;
        width: 160px;
        height: 100px;
    background-image: url(../img/top/news-flower-sp.png);
  }
}
.top-recruit__txt {
  width: 50%;
  margin: 5.5729166667vw 0 5.2083333333vw;
  padding-left: 8.3333333333%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1400px) {
  .top-recruit__txt {
    padding-left: 3%;
  }
}
@media screen and (max-width: 750px) {
  .top-recruit__txt {
    width: 100%;
   margin: 0 auto;
	max-width: 350px;
	        padding: 10px 20px;
        border-radius: 10px;
        margin-bottom: 20px;
  }
}
.top-recruit__txt::after {
  position: absolute;
  content: "";
  top: -11.8229166667vw;
  left: 2.96875vw;
  width: 13.0729166667vw;
  height: 7.6041666667vw;
  background: url(../img/top/news-owl.png) center/cover no-repeat;
}
@media screen and (max-width: 750px) {
  .top-recruit__txt::after {
    top: -44px;
    left: 13px;
    width: 68px;
    height: 40px;
  }
}
.top-recruit-ttl__en {
  font: 500 90px/1 futura-pt, sans-serif;
  letter-spacing: 0.01em;
  color: #fff;
  margin-left: -7px;
}
@media screen and (max-width: 959px) {
  .top-recruit-ttl__en {
    font-size: 70px;
  }
}
@media screen and (max-width: 750px) {
  .top-recruit-ttl__en {
        font-size: 40px;
        margin-left: -3px;
        background-color: #edd2a7;
        border-radius: 10px;
        padding: 5px;
  }
}
.top-recruit-ttl__en::first-letter {
  color: #f2a776;
}
.top-recruit-ttl__jp {
 font: 700 20px "dnp-shuei-mgothic-std", sans-serif;
  letter-spacing: 0.01em;
  padding-top: 7px;
}
@media screen and (max-width: 959px) {
  .top-recruit-ttl__jp {
    font-size: 16px;
  }
}
.top-recruit__desc {
    font: 700 20px "dnp-shuei-mgothic-std", sans-serif;
  letter-spacing: 0.01em;
  margin-top: 48px;
}
@media screen and (max-width: 959px) {
  .top-recruit__desc {
    font-size: 16px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 750px) {
  .top-recruit__desc {
    line-height: 1.5;
    margin-top: 10px;
  }
}
.top-recruit__btn {
    margin-top: 80px;
    width: 180px;
    height: 55px;
  font: 700 25px dnp-shuei-gothic-kin-std, sans-serif;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 959px) {
  .top-recruit__btn {
    margin-top: 40px;
  }
}
@media screen and (max-width: 750px) {
  .top-recruit__btn {
    margin: 27px 0 0 -4px;
    width: 70px;
    height: 30px;
    font: 300 18px/1 futura-pt, sans-serif;
  }
}
.top-recruit__btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  background: #f2a776;
    border-radius: 30px;
  transition: all 0.2s;
	
}
@media screen and (max-width: 750px) {
  .top-recruit__btn a {
    border-radius: 1px;
  }
}
.top-recruit__btn a:hover {
  color: #f2a776;
  background: #fff;
}