@charset "UTF-8";
html {
  overflow-x: hidden;
}

body {
  font-family: "M PLUS Rounded 1c", "Noto Sans JP";
  color: #393939;
  font-size: 14px;
  line-height: 1.71429;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .sp-hidden {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .tb-hidden {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .pc-hidden {
    display: none;
  }
}

.button {
  color: #1391E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 11px 6px 40px;
  border: solid 1px #1391E6;
  border-radius: 24px;
  margin: 0 auto;
  margin-bottom: 41px;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
@media screen and (min-width: 1200px) {
  .button {
    margin: 0;
    background: #FFFFFF;
  }
}
.button:hover {
  background-color: #1391E6;
  color: #FFFFFF;
}

.header {
  padding-top: 15px;
  padding-bottom: 13px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: #FFFFFF;
}
@media screen and (min-width: 1200px) {
  .header {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.header__inner {
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1200px) {
  .header__inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 11px;
  z-index: 10;
  margin-top: 3px;
}

.header__icon {
  width: 34px;
  height: 32px;
}

.header__logo {
  width: 225px;
  height: 30px;
}

.drawer-icon {
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 10;
  margin-right: -3px;
}
.drawer-icon.is-checked .drawer-icon__bar:nth-of-type(1) {
  top: 16px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  background: #FFFFFF;
}
.drawer-icon.is-checked .drawer-icon__bar:nth-of-type(2) {
  display: none;
}
.drawer-icon.is-checked .drawer-icon__bar:nth-of-type(3) {
  top: 16px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  background: #FFFFFF;
}

.drawer-icon__bar {
  position: absolute;
  left: 2.5px;
  width: 27px;
  height: 2px;
  background: #1391E6;
  border-radius: 6px;
  -webkit-transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: top 0.3s linear, -webkit-transform 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear;
  transition: transform 0.3s linear, top 0.3s linear, -webkit-transform 0.3s linear;
}
.drawer-icon__bar:nth-of-type(1) {
  top: 8px;
}
.drawer-icon__bar:nth-of-type(2) {
  top: 15px;
}
.drawer-icon__bar:nth-of-type(3) {
  top: 22px;
}

@media screen and (min-width: 1200px) {
  .header__menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 32px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.header__menus {
  margin-top: 3px;
}
@media screen and (min-width: 1200px) {
  .header__menus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 1200px) {
  .header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 1200px) {
  .header__menu:hover .header__svg path {
    -webkit-transition: fill 0.5s;
    transition: fill 0.5s;
    fill: #1391E6;
  }
}

@media screen and (min-width: 1200px) {
  .header__menu:hover .header__text {
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    color: #1391E6;
  }
}

@media screen and (min-width: 1200px) {
  .header__text {
    position: relative;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.8;
  }
}

@media screen and (min-width: 1200px) {
  .header__text::after {
    width: 20px;
    height: 2px;
    background: #1391E6;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%) scaleX(0);
            transform: translateX(-50%) scaleX(0);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
}

@media screen and (min-width: 1200px) {
  .header__menu:hover .header__text::after {
    -webkit-transform: translateX(-50%) scaleX(1);
            transform: translateX(-50%) scaleX(1);
  }
}

.header__right {
  margin-top: -3px;
}
@media screen and (min-width: 1200px) {
  .header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 1200px) {
  .business-hours {
    font-size: 12px;
    font-weight: 500;
  }
}

@media screen and (min-width: 1200px) {
  .header-address {
    font-size: 12px;
    font-weight: 500;
    text-align: right;
  }
}

@media screen and (min-width: 1200px) {
  .header__right-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
}

@media screen and (min-width: 1200px) {
  .phone-number {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    color: #1391E6;
  }
}

.drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #0060A0;
  z-index: 2;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.drawer-content.is-checked {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.drawer-content__menus {
  padding-top: 107px;
}

.drawer-content__link {
  display: grid;
  grid-template-columns: 37px 201px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 15px;
  padding-bottom: 17px;
  position: relative;
  margin-left: 60px;
  margin-right: 60px;
}
.drawer-content__link::before {
  position: absolute;
  top: -3px;
  left: 0;
  content: "";
  width: 100%;
  height: 0.5px;
  border: 0.5px dashed #FFFFFF;
}
.drawer-content__link:nth-of-type(6) {
  position: relative;
}
.drawer-content__link:nth-of-type(6)::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0.5px;
  border: 0.5px dashed #FFFFFF;
}

.drawer__svg {
  width: 18px;
  height: 19.996px;
}

.drawer__text {
  color: #FFFFFF;
  font-weight: 500;
}

.reservation {
  width: 100%;
  height: 80px;
  padding-top: 7px;
  padding-bottom: 6px;
  position: fixed;
  bottom: -22px;
  left: 0;
  z-index: 10;
  border-top: 1px solid #1391E6;
  background-color: #FFFFFF;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.reservation.is-checked {
  background-color: #DFF1FD;
}
@media screen and (min-width: 1200px) {
  .reservation {
    width: 92px;
    height: 120px;
    background-color: #1391E6;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 20px 0 0 20px;
    top: 176px;
    left: auto;
    right: 0;
    border-top: none;
  }
  .reservation:hover {
    background-color: #0060A0;
  }
}

.reservation__inner {
  padding-left: 16px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 17px;
}
@media screen and (min-width: 1200px) {
  .reservation__inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.reservation__phone {
  line-height: normal;
}

.reservation__phone-number {
  font-size: 20px;
  color: #1391E6;
  font-weight: 700;
}

.reservation__business-hours {
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  line-height: normal;
}

.reservation__right {
  padding: 5px 21px 5px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1391E6;
  border-radius: 8px;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
@media screen and (min-width: 1200px) {
  .reservation__right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 22px 17px 21px 17px;
    background-color: transparent;
  }
}

.reservation__pc-sp {
  width: 46px;
  height: 28px;
}

.reservation__texts {
  line-height: 1.3;
}

.reservation__web-text1 {
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
}
@media screen and (min-width: 1200px) {
  .reservation__web-text1 {
    font-size: 14px;
  }
}

.reservation__web-text2 {
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .reservation__web-text2 {
    font-size: 14px;
    line-height: 1;
  }
}

.top-btn {
  position: fixed;
  width: 54px;
  height: 54px;
  bottom: 97px;
  right: 10px;
  z-index: 10;
  cursor: pointer;
  opacity: 0.8;
}
@media screen and (min-width: 1200px) {
  .top-btn {
    bottom: 40px;
    right: 20px;
  }
}

.fv {
  position: relative;
  padding-top: 15px;
}
@media screen and (min-width: 1200px) {
  .fv {
    max-width: 1880px;
    margin-left: auto;
    margin-right: auto;
  }
}

.swiper {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1200px) {
  .swiper {
    height: auto;
  }
}

.gallery-swiper {
  padding-top: 65px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .gallery-swiper {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 31px;
  }
}
@media screen and (min-width: 1200px) {
  .gallery-swiper {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 105px;
  }
}

.gallery-swiper-first {
  padding-top: 60px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .gallery-swiper-first {
    padding-top: 31px;
  }
}
@media screen and (min-width: 1200px) {
  .gallery-swiper-first {
    padding-top: 106px;
  }
}

.gallery-slide {
  position: relative;
}

.fv__img img {
  border-radius: 8px;
  width: 100%;
  max-height: 520px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fv__img img {
    height: 520px;
  }
}
@media screen and (min-width: 1200px) {
  .fv__img img {
    border-radius: 20px;
    max-height: 520px;
  }
}

.fv__text1 {
  position: absolute;
  left: 20px;
  bottom: 81px;
  color: #FFFFFF;
  text-shadow: 4px 6px 6px rgba(0, 0, 0, 0.2);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.6px;
  border-bottom: #FFFFFF dotted 2px;
}
@media (min-width: 500px) {
  .fv__text1 {
    font-size: 32px;
    letter-spacing: 2.56px;
    bottom: 126px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fv__text1 {
    position: absolute;
    left: 62px;
    bottom: 117px;
    color: #FFFFFF;
    text-shadow: 4px 6px 6px rgba(0, 0, 0, 0.2);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2.56px;
    border-bottom: #FFFFFF dotted thick;
  }
}
@media screen and (min-width: 1200px) {
  .fv__text1 {
    position: absolute;
    left: 62px;
    bottom: 117px;
    color: #FFFFFF;
    text-shadow: 4px 6px 6px rgba(0, 0, 0, 0.2);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2.56px;
    border-bottom: #FFFFFF dotted thick;
  }
}

.fv__text2 {
  position: absolute;
  left: 20px;
  bottom: 36px;
  color: #FFFFFF;
  text-shadow: 4px 6px 6px rgba(0, 0, 0, 0.2);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.6px;
  border-bottom: #FFFFFF dotted 2px;
}
@media (min-width: 500px) {
  .fv__text2 {
    font-size: 32px;
    letter-spacing: 2.56px;
    bottom: 61px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fv__text2 {
    position: absolute;
    left: 62px;
    bottom: 52px;
    color: #FFFFFF;
    text-shadow: 4px 6px 6px rgba(0, 0, 0, 0.2);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2.56px;
    border-bottom: #FFFFFF dotted thick;
  }
}
@media screen and (min-width: 1200px) {
  .fv__text2 {
    position: absolute;
    left: 62px;
    bottom: 52px;
    color: #FFFFFF;
    text-shadow: 4px 6px 6px rgba(0, 0, 0, 0.2);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2.56px;
    border-bottom: #FFFFFF dotted thick;
  }
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 17px);
  top: var(--swiper-pagination-top, auto);
  left: 5px;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
  }
}

.gallery__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding-left: 5px;
}
@media screen and (min-width: 1200px) {
  .gallery__pagination {
    padding-left: 40px;
  }
}
.gallery__pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  gap: 10px;
  margin-left: -3px !important;
  margin-right: 0 !important;
}
@media screen and (min-width: 1200px) {
  .gallery__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}

.gallery__prev,
.gallery__next {
  width: 57px;
  height: 41px;
  position: absolute;
  top: calc(50% + 54px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .gallery__prev,
  .gallery__next {
    width: 48px;
    height: 48px;
    top: calc(50% + 77px);
  }
}
@media screen and (min-width: 1200px) {
  .gallery__prev,
  .gallery__next {
    width: 62px;
    height: 65px;
    top: calc(50% + 77px);
  }
}
.gallery__prev::after,
.gallery__next::after {
  display: none;
}

.gallery__prev {
  left: -8px;
  background: url(../image/fv/left-icon.png) no-repeat center/contain;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .gallery__prev {
    left: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .gallery__prev {
    left: 31px;
  }
}

.swiper-button-next {
  right: -9px;
  background: url(../image/fv/right-icon.png) no-repeat center/contain;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .swiper-button-next {
    right: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .swiper-button-next {
    right: 27px;
  }
}

.fv__sheet {
  position: absolute;
  bottom: -93px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 89.3333333333%;
  height: auto;
  border-radius: 12px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fv__sheet {
    max-width: 477px;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
    left: 73%;
    bottom: -133px;
  }
}
@media (max-width: 975px) {
  .fv__sheet {
    max-width: 370px;
  }
}
@media screen and (min-width: 1200px) {
  .fv__sheet {
    max-width: 477px;
    width: 100%;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16);
    left: 73.5%;
    bottom: -131px;
  }
}

.home, .post, .post-page {
  color: #999;
}

.current-item {
  color: #393939;
}

.news-and-concept {
  position: relative;
  overflow: hidden;
}

.news {
  padding-top: 129px;
  padding-bottom: 171px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .news {
    padding-top: 18px;
    padding-bottom: 276px;
    max-width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .news {
    padding-top: 18px;
    padding-bottom: 276px;
    max-width: 50.3%;
  }
}

.news__inner {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 1200px) {
  .news__inner {
    padding-left: 102px;
    padding-right: 0;
  }
}

.news__containers {
  max-width: 542px;
  width: 100%;
}

.news__box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.news__box::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: "";
  width: 100%;
  height: 0.5px;
  background: #393939;
}
@media screen and (min-width: 1200px) {
  .news__box::after {
    bottom: 1px;
  }
}

.news__box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media screen and (min-width: 1200px) {
  .news__box-content {
    gap: 15px;
  }
}

.news__text {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.6px;
  padding-left: 15px;
  padding-bottom: 6px;
  margin-top: 1px;
}
@media screen and (min-width: 1200px) {
  .news__text {
    letter-spacing: 2px;
    padding-left: 12px;
    margin-top: -2px;
  }
}

.news__title {
  color: #1391E6;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  margin-bottom: -5px;
}
@media screen and (min-width: 1200px) {
  .news__title {
    font-size: 12px;
    letter-spacing: 1.2px;
    margin-bottom: -2px;
  }
}

.news__back {
  position: relative;
  color: #888;
  font-size: 11px;
  font-weight: 500;
}
.news__back:hover {
  opacity: 0.7;
}
.news__back::after {
  position: absolute;
  bottom: 3px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #393939;
}
@media screen and (min-width: 1200px) {
  .news__back {
    font-size: 12px;
  }
}

.news__topic {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.3s, stroke 3s;
  transition: color 0.3s, stroke 3s;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 7px;
}
.news__topic::after {
  position: absolute;
  bottom: 3px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #393939;
}
.news__topic .news__icon path {
  stroke: currentColor;
  -webkit-transition: stroke 0.3s;
  transition: stroke 0.3s;
}
.news__topic:hover {
  color: #1391E6;
}

.news__topic-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 23px;
}
@media screen and (min-width: 1200px) {
  .news__topic-box {
    gap: 21px;
  }
}

.news__date {
  font-size: 12px;
  font-weight: 500;
  padding-top: 12px;
  padding-bottom: 13px;
}
@media screen and (min-width: 1200px) {
  .news__date {
    padding-top: 8px;
    padding-left: 5px;
  }
}

.news__topic-text {
  font-weight: 500;
  margin-top: -4px;
}

.news__icon {
  position: absolute;
  right: 4px;
  top: 11px;
}
@media screen and (min-width: 1200px) {
  .news__icon {
    right: 7px;
  }
}

.concept {
  position: relative;
  overflow: hidden;
  margin-top: -5px;
  padding-bottom: 99px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .concept {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 225px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .concept {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 75px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 222px;
    max-width: 1280px;
    margin: 0 auto;
  }
}

.concept-policy {
  padding-bottom: 102px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 1200px) {
  .concept-policy {
    padding-bottom: 191px;
  }
}

.concept__inner {
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .concept__inner {
    padding-right: 40px;
    width: 53.3778148457%;
  }
}

.concept__containers {
  max-width: 700px;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .concept__containers {
    margin-top: -6px;
  }
}

.concept__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}
@media screen and (min-width: 1200px) {
  .concept__box {
    gap: 22px;
  }
}

.concept__title {
  color: #1391E6;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
}
@media screen and (min-width: 1200px) {
  .concept__title {
    font-size: 14px;
    letter-spacing: 1.9px;
  }
}

.concept__text {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.6px;
  margin-bottom: 27px;
}
@media screen and (min-width: 1200px) {
  .concept__text {
    font-size: 28px;
    line-height: 1.57143;
    letter-spacing: 2.24px;
    margin-bottom: 37px;
  }
}

.concept__content {
  font-weight: 500;
  line-height: 1.71429;
  margin-bottom: 37px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .concept__content {
    max-width: 500px;
  }
}
@media screen and (min-width: 1200px) {
  .concept__content {
    font-size: 14px;
  }
}

.concept__button {
  background-color: #FFFFFF;
}
@media screen and (min-width: 1200px) {
  .concept__button {
    padding: 9px 12px 6px 44px;
    gap: 22px;
  }
}

.button-text {
  font-weight: 500;
}

.button:hover .concept__svg path {
  stroke: #FFFFFF;
}

.concept__image {
  width: 89.0666666667%;
  height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .concept__image {
    width: 53.3778148457%;
  }
}
@media screen and (min-width: 1200px) {
  .concept__image {
    width: 50%;
    height: auto;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-top: -3px;
  }
}

.concept__img1 {
  position: absolute;
  top: 276px;
  left: 12px;
  width: 150%;
  height: auto;
  z-index: -1;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .concept__img1 {
    width: 91.7431192661%;
    left: 29%;
  }
}
@media screen and (min-width: 1200px) {
  .concept__img1 {
    width: 1306px;
    top: 203px;
    left: 420px;
  }
}
.concept__img1 img {
  width: 100%;
  height: auto;
}

.concept__img2 {
  position: absolute;
  bottom: 45px;
  left: 10px;
  width: 54px;
  height: auto;
  z-index: -1;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .concept__img2 {
    left: auto;
    right: calc(50% + 134px);
  }
}
@media screen and (min-width: 1200px) {
  .concept__img2 {
    top: 216px;
    left: 416px;
    width: 126px;
  }
}
.concept__img2 img {
  width: 100%;
  height: auto;
}

.concept__img3 {
  position: absolute;
  bottom: 70px;
  right: 53px;
  width: 44px;
  height: auto;
  z-index: -1;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .concept__img3 {
    bottom: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .concept__img3 {
    top: 192px;
    left: calc(50% + 727px);
    width: 100px;
  }
}
.concept__img3 img {
  width: 100%;
  height: auto;
}

.three {
  padding-bottom: 183px;
}
@media screen and (min-width: 1200px) {
  .three {
    padding-bottom: 331px;
    max-width: 1280px;
    margin: 0 auto;
  }
}

.three__inner {
  padding-left: 18px;
  padding-right: 18px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .three__inner {
    margin-left: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .three__inner {
    margin-left: 0;
  }
}

.title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 34px;
}
@media screen and (min-width: 1200px) {
  .title-box {
    margin-bottom: 57px;
    gap: 28px;
  }
}

.three__title-image {
  width: 49px;
  height: 13px;
}
@media screen and (min-width: 1200px) {
  .three__title-image {
    width: 67px;
    height: 20px;
  }
}

.three__title {
  position: relative;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.6px;
}
@media screen and (min-width: 1200px) {
  .three__title {
    font-size: 28px;
    letter-spacing: 2.24px;
  }
}

.three__boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 57px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .three__boxes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
}
@media screen and (min-width: 1200px) {
  .three__boxes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 56px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.three__box {
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .three__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 4px 0 -4px;
  }
}
@media screen and (min-width: 1200px) {
  .three__box {
    width: 285px;
    margin: 0 4px 0 -4px;
  }
}

@media screen and (min-width: 1200px) {
  .three__box1 {
    margin: 0 8px 0 0;
  }
}

@media screen and (min-width: 1200px) {
  .three__box2 {
    margin: 0 -4px 0 -4px;
  }
}

@media screen and (min-width: 1200px) {
  .three__box3 {
    margin: 0 4px 0 4px;
  }
}

.three__number {
  width: 177px;
  height: auto;
  margin-bottom: 12px;
}
@media screen and (min-width: 1200px) {
  .three__number {
    display: block;
    margin: 0 -1px 0 4px;
    margin-bottom: 15px;
  }
}

.three__image {
  width: 220px;
  height: auto;
  margin-bottom: 57px;
}

.three__image-polygon {
  position: absolute;
  top: 273px;
  left: 51%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 20px;
  height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .three__image-polygon {
    top: 272px;
  }
}
@media screen and (min-width: 1200px) {
  .three__image-polygon {
    top: 276px;
  }
}

.three__concept {
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.6px;
  border: 1px solid #1391E6;
  border-radius: 22px;
  background: #1391E6;
  width: 279px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .three__concept {
    width: 242px;
    margin: 0 auto;
    font-size: 14px;
  }
}

.three__concept1 {
  position: absolute;
  top: 244px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 4px 0px;
}
@media screen and (min-width: 1200px) {
  .three__concept1 {
    top: 246px;
    left: 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    margin-left: 5px;
  }
}

.three__concept2 {
  position: absolute;
  top: 244px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 4px 66px 4px 67px;
}
@media screen and (min-width: 1200px) {
  .three__concept2 {
    bottom: 126px;
    left: 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    height: 45px;
    padding: 6px 66px 4px 67px;
    margin-left: 4px;
  }
}

.three__concept3 {
  position: absolute;
  top: 246px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 4px 51px;
}
@media screen and (min-width: 1200px) {
  .three__concept3 {
    left: 0;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    margin-left: 6px;
  }
}

.three__text {
  display: block;
  font-weight: 500;
  line-height: 1.71429;
  padding-left: 27px;
  padding-right: 27px;
  -moz-text-align-last: left;
       text-align-last: left;
}
@media screen and (min-width: 1200px) {
  .three__text {
    padding-left: 5px;
    padding-right: 0;
  }
}

.text-red {
  color: #EE5A6D;
}

.information {
  padding-bottom: 117px;
}
@media screen and (min-width: 1200px) {
  .information {
    padding-bottom: 253px;
  }
}

.information__inner-cover {
  position: relative;
  background: #DFF1FD;
}

.information__inner {
  padding-top: 30px;
  padding-bottom: 71px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 1200px) {
  .information__inner {
    padding-top: 0;
    padding-bottom: 83px;
  }
}

.information__container {
  max-width: 768px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .information__container {
    max-width: 1000px;
  }
}

.information__boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  max-width: 500px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__boxes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 768px;
  }
}
@media screen and (min-width: 1200px) {
  .information__boxes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 80px;
    max-width: 1000px;
  }
}

.information__box {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__box {
    max-width: 380px;
    margin: 0 auto;
  }
}
.information__box:hover .information__text-box {
  width: 430px;
  height: 260px;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__box:hover .information__text-box {
    width: 360px;
    height: 220px;
  }
}
.information__box::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 1;
}
.information__box:hover::before {
  opacity: 1;
}

.information__image {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.zoomed {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.information__text-box {
  width: 430px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid transparent;
  border-radius: 20px;
  height: 260px;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
  z-index: 2;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__text-box {
    width: 380px;
  }
}
@media screen and (min-width: 1200px) {
  .information__text-box {
    margin-left: -4px;
  }
}

.information__text-title {
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.6px;
  padding-top: 7px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__text-title {
    font-size: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .information__text-title {
    font-size: 28px;
    margin-left: 7px;
  }
}

.information__line {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 2px;
  background: #FFFFFF;
  border-radius: 30px;
  margin-top: -3px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__line {
    width: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .information__line {
    width: 40px;
  }
}

.information__text {
  display: block;
  color: #FFFFFF;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.96px;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__text {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .information__text {
    font-size: 16px;
    margin-bottom: 9px;
    margin-left: 4px;
  }
}

.information__contents {
  margin-top: 21px;
  background: #FFFFFF;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__contents {
    max-width: 768px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .information__contents {
    max-width: 1000px;
    margin-top: 60px;
  }
}

.information__content {
  padding: 18px 20px 17px 20px;
  font-weight: 500;
  line-height: 1.71429;
}
@media screen and (min-width: 1200px) {
  .information__content {
    padding: 36px 40px 35px 41px;
    line-height: 2;
  }
}

.information__head-image::before {
  position: absolute;
  top: -29px;
  left: 0;
  width: 100%;
  height: 8vw;
  content: "";
  background-image: url(../image/information/information-head-image.png);
  background-size: cover;
  background-position: bottom center;
  z-index: -1;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__head-image::before {
    top: -61px;
  }
}
@media screen and (min-width: 1200px) {
  .information__head-image::before {
    top: -100px;
    height: 8vw;
  }
}

.information__bottom-image::after {
  position: absolute;
  bottom: -18px;
  left: 0;
  width: 100%;
  height: 8vw;
  content: "";
  background-image: url(../image/information/information-bottom-image.png);
  background-size: cover;
  background-position: bottom center;
  z-index: -1;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__bottom-image::after {
    bottom: -61px;
  }
}
@media screen and (min-width: 1200px) {
  .information__bottom-image::after {
    bottom: -90px;
    height: 8vw;
  }
}

.information__nose {
  position: absolute;
  top: -83px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 59px;
  height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__nose {
    top: -117px;
  }
}
@media screen and (min-width: 1200px) {
  .information__nose {
    width: 138px;
    height: 134px;
    top: -213px;
  }
}

.information__double-star-head {
  position: absolute;
  top: -76px;
  left: 1px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__double-star-head {
    top: -110px;
  }
}
@media screen and (min-width: 1200px) {
  .information__double-star-head {
    top: -186px;
    left: 21px;
  }
  .information__double-star-head svg {
    width: 126px;
    height: 138px;
  }
}

.information__single-star-head {
  position: absolute;
  top: -49px;
  right: 11px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__single-star-head {
    top: -80px;
  }
}
@media screen and (min-width: 1200px) {
  .information__single-star-head {
    top: -134px;
    right: 38px;
  }
  .information__single-star-head svg {
    width: 58px;
    height: 58px;
  }
}

.information__double-star-bottom {
  position: absolute;
  bottom: -19px;
  right: 7px;
}
@media screen and (min-width: 1200px) {
  .information__double-star-bottom {
    bottom: -29px;
    right: 22px;
  }
  .information__double-star-bottom svg {
    width: 125.307px;
    height: 138px;
  }
}

.information__double-star-bottom-front {
  bottom: -4px;
}
@media screen and (min-width: 1200px) {
  .information__double-star-bottom-front {
    bottom: -29px;
    right: 22px;
  }
  .information__double-star-bottom-front svg {
    width: 125.307px;
    height: 138px;
  }
}

.information__single-star-bottom {
  position: absolute;
  bottom: -1px;
  left: 12px;
}
@media screen and (min-width: 1200px) {
  .information__single-star-bottom {
    bottom: -6px;
    left: 40px;
  }
  .information__single-star-bottom svg {
    width: 57px;
    height: 56px;
  }
}

.information__single-star-bottom-front {
  bottom: 14px;
}
@media screen and (min-width: 1200px) {
  .information__single-star-bottom-front {
    bottom: -6px;
    left: 40px;
  }
  .information__single-star-bottom-front svg {
    width: 57px;
    height: 56px;
  }
}

.blog {
  padding-bottom: 132px;
  max-width: 525px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog {
    max-width: 768px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .blog {
    max-width: 1280px;
    padding-bottom: 192px;
  }
}

.blog__inner {
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (min-width: 1200px) {
  .blog__inner-blog-page-only {
    padding-left: 0;
  }
}

.title-box__blog {
  margin-bottom: 44px;
}
@media screen and (min-width: 1200px) {
  .title-box__blog {
    margin-bottom: 77px;
  }
}

.blog__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: grid;
    grid-template-columns: 300px 300px;
    gap: 70px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .blog__container {
    display: grid;
    grid-template-columns: 300px 300px 300px;
    gap: 60px 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 59px;
  }
}

.blog__new-box {
  position: relative;
}
.blog__new-box:nth-child(1)::before, .blog__new-box:nth-child(2)::before {
  position: absolute;
  top: -8px;
  left: -8px;
  content: "NEW";
  font-size: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #FFFFFF;
  background: #EE5A6D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .blog__new-box:nth-child(1)::before, .blog__new-box:nth-child(2)::before {
    top: -12px;
    left: -9px;
  }
}

.blog__new-box-first {
  position: relative;
}
.blog__new-box-first:nth-child(1)::before, .blog__new-box-first:nth-child(2)::before {
  position: absolute;
  top: -8px;
  left: -8px;
  content: "NEW";
  font-size: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #FFFFFF;
  background: #EE5A6D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .blog__new-box-first:nth-child(1)::before, .blog__new-box-first:nth-child(2)::before {
    top: -22px;
    left: -9px;
    width: 60px;
    height: 60px;
    font-size: 16px;
  }
}

.blog__new-box-business {
  position: relative;
}

.blog__box {
  display: grid;
  grid-template-columns: 133px 1fr;
  gap: 10px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 300px;
    gap: 0;
    border-radius: 20px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
  }
}
@media screen and (min-width: 1200px) {
  .blog__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 300px;
    gap: 0;
    border-radius: 20px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
  }
}

.blog__business-box {
  display: grid;
  grid-template-columns: 133px 1fr;
  gap: 10px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__business-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 300px;
    gap: 0;
    border-radius: 20px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
  }
}
@media screen and (min-width: 1200px) {
  .blog__business-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 300px;
    gap: 0;
    border-radius: 20px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
  }
}

.blog__business-img {
  max-width: 133px;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__business-img {
    max-width: 120px;
    max-height: 90px;
    -webkit-transform-origin: right;
            transform-origin: right; /* 右側側起点に変更 */
  }
}
@media screen and (min-width: 1200px) {
  .blog__business-img {
    max-width: 120px;
    max-height: 90px;
    -webkit-transform-origin: right;
            transform-origin: right; /* 右側側起点に変更 */
  }
}
.blog__business-img img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__business-img img {
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .blog__business-img img {
    width: 100%;
    height: 100%;
  }
}

.blog-business-box img {
  height: 101px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog-business-box img {
    height: 90px;
  }
}
@media screen and (min-width: 1200px) {
  .blog-business-box img {
    height: 90px;
  }
}

.blog__img {
  max-width: 133px;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__img {
    max-width: 244px;
    -webkit-transform-origin: right center;
            transform-origin: right center; /* centerのみだと右枠がはみ出るため、rightを追加した */
  }
}
@media screen and (min-width: 1200px) {
  .blog__img {
    max-width: 244px;
    height: 153px;
    max-height: 153px;
    -webkit-transform-origin: right center;
            transform-origin: right center; /* centerのみだと右枠がはみ出るため、rightを追加した */
    overflow: hidden;
  }
}
.blog__img img {
  width: 100%;
  height: 101px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__img img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 1200px) {
  .blog__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__img-front {
    max-width: 300px;
    height: 188px;
    max-height: 188px;
  }
}
@media screen and (min-width: 1200px) {
  .blog__img-front {
    max-width: 300px;
    height: 188px;
    max-height: 188px;
  }
}

.blog__zoomed {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.blog__blue {
  color: #1391E6;
}

.blog__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 9px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__description {
    padding: 21px 24px 12px 24px;
    position: relative;
    background-color: #FFFFFF;
    gap: 1;
  }
}
@media screen and (min-width: 1200px) {
  .blog__description {
    padding: 21px 24px 12px 24px;
    position: relative;
    background-color: #FFFFFF;
    gap: 14px;
  }
}

@media screen and (min-width: 1200px) {
  .blog__description-first {
    gap: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .blog__description-business {
    gap: 9px;
  }
}

.blog__notice {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 500;
  padding: 2px 8px 1px 8px;
  background: #1391E6;
  border-radius: 10px;
  height: 19px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__notice {
    position: absolute;
    top: -14px;
    left: 29px;
    font-size: 11px;
    padding: 4px 10px 5px 10px;
    height: 26px;
  }
}
@media screen and (min-width: 1200px) {
  .blog__notice {
    position: absolute;
    top: -14px;
    left: 26px;
    font-size: 11px;
    padding: 4px 10px 5px 10px;
    height: 27px;
  }
}

@media screen and (min-width: 1200px) {
  .blog__notice-business {
    height: 18px;
    padding: 1px 8px 2px 8px;
  }
}

.blog__title {
  font-weight: 500;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  max-height: 2.4em;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* ← ここで表示行数を指定 */
}
@media screen and (min-width: 1200px) {
  .blog__title {
    font-size: 16px;
    padding: 1px 0 0 2px;
    max-height: 3em;
    line-height: 1.5em;
  }
}

.business__title {
  font-weight: 500;
  line-height: 1.42857;
  -webkit-transition: color 0.3s linear;
  transition: color 0.3s linear;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  max-height: 2.4em;
  line-height: 1.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* ← ここで表示行数を指定 */
}
@media screen and (min-width: 1200px) {
  .business__title {
    font-size: 14px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 最大2行まで表示 */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word; /* 単語の途中でも折り返す */
    max-height: 2.4em; /* フォントサイズ1.2em × 2行分 */
    line-height: 1.2em;
  }
}

.data {
  color: #888888;
  font-size: 11px;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .data {
    font-size: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .data {
    font-size: 12px;
  }
}

.blog__button {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__button {
    padding: 8px 11px 8px 43px;
  }
}
@media screen and (min-width: 1200px) {
  .blog__button {
    padding: 8px 11px 8px 43px;
    gap: 25px;
  }
}

.map {
  position: relative;
  padding-bottom: 59px;
  background: #DFF1FD;
}
@media screen and (min-width: 1200px) {
  .map {
    padding-bottom: 42px;
  }
}

.map__inner {
  padding-top: 13px;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (min-width: 1200px) {
  .map__inner {
    padding-top: 56px;
    padding-left: 140px;
    padding-right: 140px;
  }
}

.map__container {
  background: #FFFFFF;
  border-radius: 8px;
  padding-bottom: 12px;
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .map__container {
    max-width: 768px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .map__container {
    max-width: 1280px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 20px;
    padding-bottom: 39px;
  }
}

.map__left {
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .map__left {
    margin-left: 28px;
  }
}

.map__left-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 33.73px;
  padding-bottom: 8.5px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .map__left-title {
    max-width: 360px;
  }
}
@media screen and (min-width: 1200px) {
  .map__left-title {
    gap: 17px;
    padding-top: 41px;
    padding-left: 23px;
    padding-bottom: 6.5px;
  }
}

.map__dental-image {
  width: 10.2538666667%;
  height: auto;
}
@media screen and (min-width: 1200px) {
  .map__dental-image {
    width: 50px;
    height: 41px;
  }
}

.map__logo-image {
  width: 72.5333333333%;
  height: auto;
}
@media screen and (min-width: 1200px) {
  .map__logo-image {
    width: 337px;
    height: 37px;
  }
}

.map__address {
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .map__address {
    margin-bottom: 17px;
    margin-left: 20px;
  }
}

.map__left-phone {
  padding-top: 19px;
}
@media screen and (min-width: 1200px) {
  .map__left-phone {
    padding-top: 4px;
    padding-left: 22px;
  }
}

.map__left-phone-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 3px;
}

.map__left-phone-title svg {
  width: 28px;
  height: auto;
}

.map__phone-number {
  color: #1391E6;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.125;
  letter-spacing: -0.64px;
}
@media screen and (min-width: 1200px) {
  .map__phone-number {
    letter-spacing: 0.1px;
  }
}

.map__phone-time {
  color: #1391E6;
  font-size: 12px;
  font-weight: 500;
  display: block;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .map__phone-time {
    display: block;
    margin-top: -1px;
    letter-spacing: 0.1px;
  }
}

.map__buttons {
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 17px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1200px) {
  .map__buttons {
    gap: 20px;
    height: 55px;
    margin-left: 25px;
  }
}

.map__button-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 3px;
  padding: 8px 30px 9px 25px;
  background: #1391E6;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 30px;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
@media screen and (min-width: 1200px) {
  .map__button-left {
    padding: 16px 60px 16px 58px;
    gap: 4px;
  }
  .map__button-left:hover {
    background-color: #0060A0;
  }
}

.map__button-left-title {
  color: #FFFFFF;
}
@media screen and (min-width: 1200px) {
  .map__button-left-title {
    letter-spacing: 1px;
  }
}

.map__button-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 9px;
  padding: 8px 20px 9px 20px;
  border: 1px solid #1391E6;
  border-radius: 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
@media screen and (min-width: 1200px) {
  .map__button-right {
    padding: 19px 46px 14px 48px;
  }
  .map__button-right:hover {
    background-color: #1391E6;
  }
  .map__button-right:hover svg path {
    stroke: #FFFFFF;
    -webkit-transition: stroke 0.3s linear;
    transition: stroke 0.3s linear;
  }
  .map__button-right:hover .map__button-right-title {
    color: #FFFFFF;
    -webkit-transition: color 0.3s linear;
    transition: color 0.3s linear;
  }
}

@media screen and (min-width: 1200px) {
  .map__button-right svg {
    width: 24px;
    height: 24px;
  }
}

.map__button-right-title {
  color: #1391E6;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .map__button-right-title {
    font-size: 16px;
  }
}

.map__schedule-image {
  max-width: 335px;
  margin: 0 auto;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 1200px) {
  .map__schedule-image {
    max-width: 477px;
    margin: 0px 1px 1px 21px;
  }
}
.map__schedule-image img {
  width: 100%;
  height: auto;
}

.map__right {
  text-align: center;
  max-width: 315px;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .map__right {
    max-width: 385px;
    width: 385px;
    height: 425px;
    padding-top: 41px;
    margin-right: 49px;
  }
}
.map__right iframe {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .map__right iframe {
    width: 100%;
    height: 100%;
  }
}

.map__header-image {
  position: absolute;
  top: -32px;
  left: 0;
  background: url(../image/map/map-header-image.png);
  background-repeat: repeat-x;
  background-size: contain;
  background-position: left 20px center;
  width: 100%;
  height: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .map__header-image {
    background-position: left 0px center;
  }
}
@media screen and (min-width: 1200px) {
  .map__header-image {
    background-position: left 0px center;
  }
}

.sitemap {
  background-color: #DFF1FD;
  padding-bottom: 22px;
}

.sitemap__inner {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .sitemap__inner {
    max-width: 768px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .sitemap__inner {
    max-width: 832px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
    padding-left: 0;
    padding-right: 0;
    margin-top: -1px;
  }
}

.sitemap__title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 33px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .sitemap__title {
    font-size: 13px;
  }
}

.table__content {
  display: block;
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .table__content {
    font-size: 13px;
  }
}
.table__content::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0px;
  background: url(../image/sitemap/sitemap-icon.svg);
  content: "";
  width: 6px;
  height: 12px;
}
.table__content:hover {
  opacity: 0.7;
}

.about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 13px;
  margin-bottom: 33px;
}

.about__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}

.table__title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}

.introduce {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 13px;
  margin-bottom: 34px;
}

.introduce__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}

.treatment-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 13px;
  margin-bottom: 34px;
}

.treatment-content__boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}

.treatment-content__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}
.treatment-content__box:last-child {
  gap: 36px;
}

.contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px;
}

.contact__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}
@media screen and (min-width: 1200px) {
  .contact__contents {
    gap: 15px;
  }
}

.footer {
  padding-top: 18px;
  padding-bottom: 73px;
  background-color: #1391E6;
}
@media screen and (min-width: 1200px) {
  .footer {
    padding-top: 16px;
    padding-bottom: 18px;
  }
}

.footer__copyright {
  color: #FFFFFF;
  text-align: center;
  font-weight: 500;
}

.hospital__img img {
  height: 188px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .hospital__img img {
    height: 240px;
  }
}
@media screen and (min-width: 1200px) {
  .hospital__img img {
    height: 340px;
  }
}

.fv__hospital-text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #FFFFFF;
}
@media screen and (min-width: 1200px) {
  .fv__hospital-text-box {
    gap: 13px;
  }
}

.fv__hospital-title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 3.9px;
}
@media screen and (min-width: 1200px) {
  .fv__hospital-title {
    font-size: 32px;
    letter-spacing: 3.3px;
  }
}

.fv__hospital-text {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .fv__hospital-text {
    font-size: 14px;
    margin-bottom: 3px;
    letter-spacing: 1.7px;
  }
}

.bred-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 11px;
  font-size: 12px;
  font-weight: 500;
  padding: 9px 16px 0 19px;
}

.bred-box-single {
  display: block;
}

.bred-box-single span {
  padding-right: 4px;
}

.bred-box-single span:nth-child(2),
.bred-box-single span:nth-child(3) {
  padding-left: 4px;
}

@media screen and (min-width: 1200px) {
  .bred-box-about {
    padding: 13px 16px 0 89px;
  }
}

.bred-box__home {
  color: #C2C2C2;
}

.policy-and-concept {
  overflow: hidden;
}

.policy {
  padding-top: 56px;
  padding-bottom: 114px;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .policy {
    padding-top: 75px;
    padding-bottom: 216px;
  }
}

.policy__img1 {
  top: 425px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .policy__img1 {
    top: 500px;
  }
}
@media screen and (min-width: 1200px) {
  .policy__img1 {
    top: 685px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .policy__img2 {
    bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .policy__img2 {
    top: 203px;
  }
}

.policy__img3 {
  left: calc(50% + 91px);
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .policy__img3 {
    left: calc(50% + 172px);
    bottom: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .policy__img3 {
    top: 179px;
    left: calc(50% + 410px);
  }
}
@media screen and (min-width: 1520px) {
  .policy__img3 {
    top: 105px;
  }
}

.hospital-img {
  text-align: right;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  height: auto;
  padding-left: 41px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .hospital-img {
    width: 53.3778148457%;
    padding-left: 0;
  }
}
@media screen and (min-width: 1200px) {
  .hospital-img {
    width: 50%;
    height: auto;
    padding-left: 0;
  }
}

.hospital__image {
  border-radius: 15px 0 0 15px;
}

.hospital-containers {
  max-width: 700px;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .hospital-containers {
    margin: -4px auto 0 auto;
  }
}

.feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .feature {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  .feature {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 199px;
  }
}

.feature__inner {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-right: 20px;
}

@media screen and (min-width: 1200px) {
  .feature-content {
    margin-bottom: 38px;
  }
}

.hospital-in {
  padding-bottom: 132px;
}
@media screen and (min-width: 1200px) {
  .hospital-in {
    max-width: 999px;
    margin: 0 auto;
    padding-bottom: 192px;
  }
}

.hospital-in__inner {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 1200px) {
  .hospital-in__inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.title-box-hospital {
  margin-bottom: 35px;
}
@media screen and (min-width: 1200px) {
  .title-box-hospital {
    margin-bottom: 55px;
  }
}

.hospital-in__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .hospital-in__container {
    max-width: 1000px;
    margin: 0 auto;
    gap: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .hospital-in__container {
    grid-template-columns: 317px 317px 317px;
    gap: 24px;
  }
}

.hospital-in__box img {
  border-radius: 20px;
}

.fv__information-page {
  padding-bottom: 58px;
}
@media screen and (min-width: 1200px) {
  .fv__information-page {
    padding-bottom: 78px;
  }
}

@media screen and (min-width: 1200px) {
  .fv__information-only {
    padding-bottom: 75px;
  }
}

.fv__information-page__inner {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fv__information-page__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .fv__information-page__inner {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.fv__one {
  padding-top: 65px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fv__one {
    padding-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  .fv__one {
    padding-top: 65px;
  }
}

@media screen and (min-width: 1200px) {
  .fv__one-blog {
    padding-top: 66px;
  }
}

.fv__img-hospital img {
  width: 100%;
  height: 188px;
  border-radius: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fv__img-hospital {
    display: block;
    margin-top: 40px;
  }
  .fv__img-hospital img {
    width: 1160px;
    height: auto;
    aspect-ratio: 1160/340;
  }
}
@media screen and (min-width: 1200px) {
  .fv__img-hospital {
    display: block;
    margin-top: 40px;
  }
  .fv__img-hospital img {
    width: 100%;
    height: 340px;
  }
}

.fv__medical-text-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px;
}
@media screen and (min-width: 1200px) {
  .fv__medical-text-contents {
    gap: 13px;
  }
}

.fv__medical-text3 {
  margin-top: -4px;
}
@media screen and (min-width: 1200px) {
  .fv__medical-text3 {
    margin-top: 5px;
  }
}

.fv__text-contents {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

.fv__text3 {
  color: #FFFFFF;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 4.8px;
}
@media screen and (min-width: 1200px) {
  .fv__text3 {
    font-size: 32px;
  }
}

.fv__text4 {
  color: #FFFFFF;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
}
@media screen and (min-width: 1200px) {
  .fv__text4 {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information-page__bred-box {
    padding: 13px 16px 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .information-page__bred-box {
    padding: 13px 16px 0 90px;
    gap: 10px;
  }
}

.general {
  padding-bottom: 80px;
}
@media screen and (min-width: 1200px) {
  .general {
    padding-bottom: 76px;
  }
}

.general__inner {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .general__inner {
    padding-left: 62px;
  }
}
@media screen and (min-width: 1200px) {
  .general__inner {
    padding-left: 62px;
  }
}

.general__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .general__container {
    max-width: 1000px;
  }
}
@media screen and (min-width: 1200px) {
  .general__container {
    max-width: 999px;
    gap: 28px;
  }
}

.title-box-general {
  margin-bottom: 35px;
}

@media screen and (min-width: 1200px) {
  .title-box-information {
    margin-bottom: 56px;
  }
}

.general__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .general__title-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .general__title-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.general__title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.6px;
}
@media screen and (min-width: 1200px) {
  .general__title {
    font-size: 28px;
  }
}

.general__mark {
  color: #FFFFFF;
  text-align: center;
  font-weight: 700;
  letter-spacing: 1.12px;
  padding: 5px 12px;
  background-color: #1391E6;
  border-radius: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .general__mark {
    display: block;
    height: 35px;
    padding: 5px 12px;
  }
}
@media screen and (min-width: 1200px) {
  .general__mark {
    display: block;
    height: 35px;
    padding: 5px 12px;
  }
}

.general__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .general__contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 7px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .general__contents {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 14px;
  }
}

.general__contents-other {
  height: 71.14px;
}

.general__content {
  color: #1391E6;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.6px;
  padding: 12px 123px;
  border: 1px solid #1391E6;
  border-radius: 12px;
  background: #FFFFFF;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .general__content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 18px 30px;
    font-size: 14px;
    border: 2px solid #1391E6;
  }
}
@media screen and (min-width: 1200px) {
  .general__content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 13px 30px;
    font-size: 24px;
    border: 2px solid #1391E6;
  }
}

.general__content:hover {
  color: #FFFFFF;
  background-color: #1391E6;
}

.special {
  margin-bottom: 398px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .special {
    margin-bottom: 256px;
  }
}
@media screen and (min-width: 1200px) {
  .special {
    margin-bottom: 282px;
  }
}

.general__mark-red {
  background-color: #EE5A6D;
}

.general__content-white {
  padding-left: 90px;
  padding-right: 91px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .general__content-white {
    padding: 18px 8px;
  }
}
@media screen and (min-width: 1200px) {
  .general__content-white {
    padding: 18px 32px;
  }
}

.general__content-laser {
  padding-left: 101px;
  padding-right: 102px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .general__content-laser {
    padding: 18px 32px;
  }
}
@media screen and (min-width: 1200px) {
  .general__content-laser {
    padding: 18px 32px;
  }
}

.information-page {
  margin-bottom: 85px;
}
@media screen and (min-width: 1200px) {
  .information-page {
    margin-bottom: 203px;
  }
}

.special-page {
  margin-bottom: 32px;
}
@media screen and (min-width: 1200px) {
  .special-page {
    margin-bottom: 37px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information__page-area {
    max-width: 650px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .information__page-area {
    max-width: 1000px;
    margin: 0 auto;
  }
}

.information-page__containers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 39px;
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information-page__containers {
    max-width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .information-page__containers {
    max-width: 100%;
    gap: 43px;
  }
}

.information-page__container {
  border-radius: 20px;
  background: #FFFFFF;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information-page__container {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .information-page__container {
    padding-bottom: 60px;
  }
}

.information-page__contents {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information-page__contents {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .information-page__contents {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.information-page__title-boxes {
  position: relative;
}
.information-page__title-boxes::after {
  position: absolute;
  top: 13px;
  right: 13px;
  content: "保険対象";
  color: #FFFFFF;
}
@media screen and (min-width: 1200px) {
  .information-page__title-boxes::after {
    position: absolute;
    top: 19px;
    right: 18px;
    font-size: 16px;
  }
}

.information-page__title-boxes-special::after {
  content: "実費";
  top: 15px;
  right: 26px;
}
@media screen and (min-width: 1200px) {
  .information-page__title-boxes-special::after {
    top: 18px;
    right: 22px;
    letter-spacing: 7.2px;
  }
}

.information-page__title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information-page__title-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 60px;
    padding-bottom: 73px;
    position: relative;
  }
  .information-page__title-box::after {
    position: absolute;
    bottom: 36px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #C2C2C2;
  }
}
@media screen and (min-width: 1200px) {
  .information-page__title-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 60px;
    padding-bottom: 73px;
    position: relative;
  }
  .information-page__title-box::after {
    position: absolute;
    bottom: 36px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #C2C2C2;
  }
}

.title-box-other {
  margin-bottom: 36px;
}
@media screen and (min-width: 1200px) {
  .title-box-other {
    margin-bottom: 57px;
  }
}

.information-page__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1.6px;
  padding-top: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information-page__title {
    font-size: 28px;
    padding-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  .information-page__title {
    font-size: 28px;
    padding-top: 0;
  }
}

.information-page__title-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: auto;
}
@media screen and (min-width: 1200px) {
  .information-page__title-image {
    width: 100px;
  }
}

.information-page__sub-title {
  color: #1391E6;
  font-weight: 700;
  letter-spacing: 1.12px;
  padding-bottom: 37px;
  position: relative;
}
.information-page__sub-title::after {
  position: absolute;
  bottom: 17px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #C2C2C2;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information-page__sub-title {
    padding-bottom: 0;
  }
  .information-page__sub-title::after {
    position: static;
  }
}
@media screen and (min-width: 1200px) {
  .information-page__sub-title {
    padding-bottom: 0;
  }
  .information-page__sub-title::after {
    position: static;
  }
}

.information-page__text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information-page__text-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
    font-size: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .information-page__text-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 54px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .information-page__text-image {
    max-width: 300px;
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 1200px) {
  .information-page__text-image {
    max-width: 420px;
    height: auto;
  }
}

.fv__information-page-staff {
  padding-bottom: 57px;
}
@media screen and (min-width: 1200px) {
  .fv__information-page-staff {
    padding-bottom: 75px;
  }
}

.fv__staff-contents {
  width: 100%;
  max-width: 678px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 1200px) {
  .fv__staff-contents {
    gap: 12px;
  }
}

.fv__text-staff {
  margin-top: -3px;
  margin-left: 4px;
}
@media screen and (min-width: 1200px) {
  .fv__text-staff {
    margin-top: 6px;
    margin-left: 5px;
    letter-spacing: 3.2px;
  }
}

.director {
  margin-bottom: 100px;
  max-width: 500px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .director {
    margin-bottom: 157px;
    max-width: 1000px;
  }
}
@media screen and (min-width: 1200px) {
  .director {
    margin-bottom: 157px;
    max-width: 1000px;
  }
}

.director__inner {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 1200px) {
  .director__inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.director__boxes {
  margin-bottom: 96px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .director__boxes {
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 0 80px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .director__boxes {
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 0 80px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .director__box1 {
    grid-column: 1;
    grid-row: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 1200px) {
  .director__box1 {
    grid-column: 1;
    grid-row: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.director__message-box {
  margin-bottom: 34px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .director__message-box {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .director__message-box {
    margin-bottom: 15px;
  }
}

.director__message-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.6px;
  margin-bottom: 28px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .director__message-title {
    font-size: 28px;
    margin-bottom: 34px;
    letter-spacing: 2.24px;
  }
}
@media screen and (min-width: 1200px) {
  .director__message-title {
    font-size: 28px;
    margin-bottom: 34px;
    letter-spacing: 2.24px;
  }
}

.director__message-content {
  font-weight: 500;
  line-height: 1.71429;
}

.director__name-box {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .director__name-box {
    margin-bottom: 55px;
  }
}
@media screen and (min-width: 1200px) {
  .director__name-box {
    margin-bottom: 55px;
  }
}

.director__name {
  text-align: right;
  font-weight: 500;
  line-height: 1.71429;
}

.director__box2 {
  margin-bottom: 38px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .director__box2 {
    grid-column: 2;
    grid-row: 1/span 2;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (min-width: 1200px) {
  .director__box2 {
    grid-column: 2;
    grid-row: 1/span 2;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.director__image {
  background: url(<path-to-image>) lightgray -7.452px 21.799px/104.449% 95.251% no-repeat;
  border-radius: 20px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .director__box3 {
    grid-column: 1;
    grid-row: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (min-width: 1200px) {
  .director__box3 {
    grid-column: 1;
    grid-row: 2;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.career__title {
  font-size: 16px;
  font-weight: 500;
  position: relative;
  margin-bottom: 15px;
}
.career__title::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #393939;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .career__table {
    margin-bottom: -7px;
  }
}
@media screen and (min-width: 1200px) {
  .career__table {
    margin-bottom: -7px;
  }
}

.career__tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 13px;
  padding-bottom: 31px;
}

.career__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 14px;
}

.qualifications__text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}

.qualifications__text {
  display: block;
}

.staff-swiper {
  width: 100%;
  height: auto;
  margin-bottom: 98px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .staff-swiper {
    margin-bottom: 157px;
  }
}
@media screen and (min-width: 1200px) {
  .staff-swiper {
    margin-bottom: 157px;
  }
}

#js-staff-wrap {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.staff-slide {
  max-width: 200px;
  height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .staff-slide {
    max-width: 305px;
  }
}
@media screen and (min-width: 1200px) {
  .staff-slide {
    max-width: 305px;
  }
}

.staff-introduce {
  margin-bottom: 31px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .staff-introduce {
    max-width: 1000px;
    margin: 0 auto 93px auto;
  }
}
@media screen and (min-width: 1200px) {
  .staff-introduce {
    max-width: 1000px;
    margin: 0 auto 93px auto;
  }
}

.staff-introduce__inner {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 1200px) {
  .staff-introduce__inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.staff-introduce__title-box {
  margin-bottom: 33px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .staff-introduce__title-box {
    margin-bottom: 55px;
  }
}
@media screen and (min-width: 1200px) {
  .staff-introduce__title-box {
    margin-bottom: 55px;
  }
}

.dental-hygienist {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.28px;
  position: relative;
  margin-bottom: 42px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .dental-hygienist {
    margin-bottom: 44px;
  }
}
@media screen and (min-width: 1200px) {
  .dental-hygienist {
    margin-bottom: 44px;
  }
}
.dental-hygienist::after {
  position: absolute;
  bottom: -6px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #FFFFFF;
  border: 0.5px solid #707070;
}
@media screen and (min-width: 1200px) {
  .dental-hygienist::after {
    bottom: -5px;
  }
}

.dental-hygienist__boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 58px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .dental-hygienist__boxes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 56px 16px;
  }
}
@media screen and (min-width: 1200px) {
  .dental-hygienist__boxes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 60px 80px;
  }
}

.dental-hygienist__container-first {
  margin-bottom: 41px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .dental-hygienist__container-first {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .dental-hygienist__container-first {
    margin-bottom: 60px;
  }
}

.dental-hygienist__container-double {
  margin-bottom: 100px;
}

.staff__img {
  display: block;
  margin-bottom: 16px;
}

.staff-name__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 14px;
}
@media screen and (min-width: 1200px) {
  .staff-name__box {
    margin-bottom: 13px;
  }
}

.qualifications {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.96px;
}

.staff-name {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.44px;
}

.profile-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.profile-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile-title {
  width: 140px;
  padding-top: 15px;
  padding-left: 20px;
  padding-bottom: 14px;
  background-color: #DFF1FD;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .profile-title {
    font-size: 12px;
  }
}

.profile-title1 {
  padding-right: 78px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .profile-title1 {
    padding-right: 72px;
  }
}

.profile-title2 {
  padding-right: 92px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .profile-title2 {
    padding-right: 84px;
  }
}

.profile-title3 {
  padding-right: 36px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .profile-text {
    font-size: 12px;
  }
}

.fv__home-page {
  padding-bottom: 65px;
}
@media screen and (min-width: 1200px) {
  .fv__home-page {
    padding-bottom: 87px;
  }
}

.fv__text3-blog {
  margin-top: -3px;
  margin-left: 3px;
}
@media screen and (min-width: 1200px) {
  .fv__text3-blog {
    margin-top: 6px;
    margin-left: 4px;
    letter-spacing: 3.2px;
  }
}

.blog-page {
  max-width: 679px;
  padding-bottom: 99px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog-page {
    padding-bottom: 191px;
  }
}
@media screen and (min-width: 1200px) {
  .blog-page {
    padding-bottom: 191px;
  }
}

.blog__all-container {
  max-width: 500px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__all-container {
    max-width: 100%;
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0;
  }
}
@media screen and (min-width: 1200px) {
  .blog__all-container {
    max-width: 1010px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: 679px 300px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 22px;
  }
}

@media screen and (min-width: 1200px) {
  .blog__all-container-blog-only {
    margin-bottom: -3px;
  }
}

.blog-page-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-bottom: 61px;
}
@media screen and (min-width: 1200px) {
  .blog-page-container {
    margin-bottom: 100px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog-page-box {
    display: grid;
    grid-template-columns: 244px 1fr;
    gap: 10px;
    max-width: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
    gap: 20px;
    border-radius: 0;
  }
}
@media screen and (min-width: 1200px) {
  .blog-page-box {
    display: grid;
    grid-template-columns: 244px 1fr;
    gap: 10px;
    max-width: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
    gap: 20px;
    border-radius: 0;
  }
}

.attachment-post-thumbnail {
  height: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog-business-box {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 10px;
    max-width: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
    gap: 9px;
    border-radius: 0;
  }
}
@media screen and (min-width: 1200px) {
  .blog-business-box {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 10px;
    max-width: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
    gap: 9px;
    border-radius: 0;
  }
}

.blog-page-description {
  padding: 0;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog-page-notice {
    position: static;
  }
}
@media screen and (min-width: 1200px) {
  .blog-page-notice {
    position: static;
  }
}

.blog-pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 7px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.3;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog-pagenation {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .blog-pagenation {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: normal;
  }
}

.blog-pagenation-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 14px 8px 15px;
  background-color: #1391E6;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1200px) {
  .blog-pagenation-left {
    padding: 8px 23px;
    gap: 6px;
  }
}
.blog-pagenation-left:hover {
  opacity: 0.7;
}

.blog-pagenation-text {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 500;
}

.blog-pagenation-number {
  font-size: 12px;
  font-weight: 500;
  padding: 6px 10px;
  color: #1391E6;
  border: 1px solid #1391E6;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s;
}
.blog-pagenation-number:hover {
  opacity: 0.7;
  background-color: #1391E6;
  color: #FFFFFF;
}

.blog-pagenation-number-other {
  font-size: 12px;
  font-weight: 500;
  padding: 6px 7px;
  color: #1391E6;
  border: 1px solid #1391E6;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s;
}
.blog-pagenation-number-other:hover {
  opacity: 0.7;
  background-color: #1391E6;
  color: #FFFFFF;
}

.blog-pagenation-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 15px 8px 16px;
  background-color: #1391E6;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1200px) {
  .blog-pagenation-right {
    padding: 8px 24px;
  }
}
.blog-pagenation-right:hover {
  opacity: 0.7;
}

.page-numbers {
  font-size: 12px;
  font-weight: 500;
  padding: 6px 11px 0px 10px;
  color: #1391E6;
  border: 1px solid #1391E6;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s;
}
@media screen and (min-width: 1200px) {
  .page-numbers {
    padding: 7px 13px 8px 12px;
  }
}
.page-numbers:hover {
  opacity: 0.7;
  background-color: #1391E6;
  color: #FFFFFF;
}

.current {
  color: #FFFFFF;
  background-color: #1391E6;
}

.next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 11px;
  color: #FFFFFF;
  background-color: #1391E6;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1200px) {
  .next {
    padding: 8px 15px 8px 16px;
    gap: 6px;
  }
}
.next:hover {
  opacity: 0.7;
}

.prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 15px 8px 16px;
  color: #FFFFFF;
  background-color: #1391E6;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1200px) {
  .prev {
    padding: 8px 16px;
    gap: 6px;
  }
}
.prev:hover {
  opacity: 0.7;
}

.blog-right-container {
  padding-bottom: 166px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 1200px) {
  .blog-right-container {
    padding-left: 0;
    padding-right: 0;
    margin-top: -10px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog-right-container__inner {
    padding-right: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .blog-right-container__inner {
    padding: 0;
  }
}

.blog__clinic {
  padding-bottom: 60px;
}

.blog__clinic-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-bottom: 30px;
}
.blog__clinic-title::after {
  position: absolute;
  bottom: 20px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #888;
}

.blog__clinic-title-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.blog__clinic-title-img {
  display: block;
  padding-bottom: 20px;
}

.blog__clinic-text-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 9px;
  padding-top: 3px;
  padding-bottom: 58px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__clinic-text-contents {
    margin-bottom: -1px;
  }
}
@media screen and (min-width: 1200px) {
  .blog__clinic-text-contents {
    margin-bottom: -1px;
  }
}

.blog__clinic-text-content-title {
  font-size: 16px;
  font-weight: 700;
}

.blog__clinic-text-content-title-text {
  display: block;
  font-weight: 500;
  line-height: 1.71429;
}

.blog__clinic-text-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  padding-left: 3px;
}
.blog__clinic-text-content:hover {
  opacity: 0.7;
}

.blog__clinic-text-content-introduce {
  font-weight: 500;
  color: #1391E6;
}

.new-articles {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .new-articles {
    padding-bottom: 59px;
  }
}
@media screen and (min-width: 1200px) {
  .new-articles {
    padding-bottom: 59px;
  }
}

.new-articles__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-bottom: 38px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .new-articles__container {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .new-articles__container {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__articles-box {
    grid-template-columns: 120px 1fr;
    gap: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .blog__articles-box {
    grid-template-columns: 120px 1fr;
    gap: 10px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__articles-img img {
    height: 90px;
  }
}
@media screen and (min-width: 1200px) {
  .blog__articles-img img {
    height: 90px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__articles-description {
    gap: 3px;
  }
}
@media screen and (min-width: 1200px) {
  .blog__articles-description {
    gap: 3px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__articles-notice {
    position: static;
  }
}
@media screen and (min-width: 1200px) {
  .blog__articles-notice {
    position: static;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__articles-title {
    font-size: 12px;
  }
}
@media screen and (min-width: 1200px) {
  .blog__articles-title {
    font-size: 14px;
  }
}

.blog__category-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding-left: 20px;
  font-size: 16px;
  margin-top: -5px;
}

.blog__category-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog__category-text {
  font-size: 16px;
  font-weight: 500;
}

@media screen and (min-width: 1200px) {
  .blog-details__container {
    grid-template-columns: 670px 300px;
    padding-bottom: 100px;
  }
}

.blog-details__left-inner {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 99px;
}
@media screen and (min-width: 1200px) {
  .blog-details__left-inner {
    padding: 0;
  }
}

.blog-details__title1 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.6px;
  margin-bottom: 18px;
}
@media screen and (min-width: 1200px) {
  .blog-details__title1 {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 2.24px;
    margin-top: -9px;
  }
}

.blog-details__title1-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 54px;
}
@media screen and (min-width: 1200px) {
  .blog-details__title1-boxes {
    margin-bottom: 47px;
  }
}

.blog-details__title1-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog-details__date {
  font-size: 16px;
  font-weight: 500;
  color: #1391E6;
}

.blog-details__category {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 500;
  padding: 6px 12px;
  background-color: #1391E6;
  border-radius: 12px;
}

.blog-details__title1-contents {
  margin-bottom: 57px;
}
@media screen and (min-width: 1200px) {
  .blog-details__title1-contents {
    margin-bottom: 60px;
  }
}

.blog-details__title1-content-link {
  color: #1391E6;
  -webkit-text-decoration: underline #1391E6;
          text-decoration: underline #1391E6;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.blog-details__title1-content-link:hover {
  opacity: 0.7;
}

.blog-details__title1-content {
  font-weight: 500;
  line-height: 1.71429;
}

.blog-details__title1-content a {
  color: #0073e6; /* 青系のリンク色 */
  text-decoration: underline; /* アンダーライン表示 */
}

.blog-details__title2 {
  color: #1391E6;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.44px;
  position: relative;
  padding-left: 22px;
  line-height: 40px;
}
@media screen and (min-width: 1200px) {
  .blog-details__title2 {
    font-size: 24px;
    letter-spacing: 1.92px;
    line-height: 52px;
    padding-left: 28px;
  }
}
.blog-details__title2::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 6px;
  height: 40px;
  background: #1391E6;
}
@media screen and (min-width: 1200px) {
  .blog-details__title2::before {
    width: 8px;
    height: 52px;
  }
}

.blog-details__title2-image {
  width: 335px;
  height: 209px;
  background-color: #F2F2F2;
  margin: 20px auto 38px auto;
}
@media screen and (min-width: 1200px) {
  .blog-details__title2-image {
    width: 670px;
    height: 419px;
    margin: 21px auto 0 auto;
  }
}

.blog-details__title3 {
  font-size: 16px;
  font-weight: 700;
  color: #1391E6;
  letter-spacing: 1.28px;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .blog-details__title3 {
    font-size: 20px;
    letter-spacing: 1.6px;
  }
}
.blog-details__title3::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #1391E6;
}

.blog-details__title3-content {
  margin-top: 20px;
  margin-bottom: 56px;
}
@media screen and (min-width: 1200px) {
  .blog-details__title3-content {
    margin-top: 22px;
    margin-bottom: 60px;
  }
}

.blog-details__titles4 {
  margin-bottom: 37px;
}

.blog-details__title4 {
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.12px;
  color: #1391E6;
  margin-bottom: 16px;
}
@media screen and (min-width: 1200px) {
  .blog-details__title4 {
    font-size: 16px;
    letter-spacing: 1.28px;
    margin-bottom: 21px;
  }
}

.blog-details__title4-content {
  margin-bottom: 14px;
}
@media screen and (min-width: 1200px) {
  .blog-details__title4-content {
    margin-bottom: 22px;
  }
}

.blog-details__title4-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
  margin-left: 21px;
  margin-bottom: 37px;
  font-size: 16px;
}
@media screen and (min-width: 1200px) {
  .blog-details__title4-lists {
    margin-bottom: 75px;
    margin-left: 14px;
  }
}

.blog-details__title4-list {
  position: relative;
  padding-left: 9px;
}
.blog-details__title4-list::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  content: "";
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
}
@media screen and (min-width: 1200px) {
  .blog-details__title4-list {
    font-size: 16px;
    padding-left: 13px;
  }
  .blog-details__title4-list::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #000;
    border-radius: 50%;
  }
}

.blog-details__pagenation {
  gap: 12px;
}
@media screen and (min-width: 1200px) {
  .blog-details__pagenation {
    height: 36px;
    gap: 22px;
  }
}

.blog-details__pagenation-mark {
  width: 16px;
  height: 16px;
}

.blog-details__pagenation-text {
  font-size: 14px;
}
@media screen and (min-width: 1200px) {
  .blog-details__pagenation-text {
    font-size: 14px;
  }
}

.blog-pagenation-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog-pagenation-center-text {
  padding: 10px 19px 10px 20px;
  border: 1px solid #1391E6;
  color: #1391E6;
  border-radius: 4px;
  font-size: 14px;
}
@media screen and (min-width: 1200px) {
  .blog-pagenation-center-text {
    padding: 10px 14px;
    font-size: 14px;
  }
}

.hospital-contact {
  max-width: 600px;
  margin: 0 auto;
  padding-bottoms: 1000px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .hospital-contact {
    max-width: 730px;
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .hospital-contact {
    max-width: 730px;
    width: 100%;
    margin: 0 auto;
  }
}

.hospital-contact__inner {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 1200px) {
  .hospital-contact__inner {
    padding-left: 0;
    padding-right: 0;
  }
}

.hospital-contact__notice {
  padding-bottom: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .hospital-contact__notice {
    padding-bottom: 151px;
  }
}
@media screen and (min-width: 1200px) {
  .hospital-contact__notice {
    padding-bottom: 151px;
  }
}

.hospital-contact__notice-text {
  font-weight: 500;
  line-height: 1.71429;
}

.hospital-contact__notice-text-red {
  font-weight: 500;
  line-height: 1.71429;
  color: #EE5A6D;
}

.hospital-contact__title-box {
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .hospital-contact__title-box {
    padding-bottom: 44px;
  }
}
@media screen and (min-width: 1200px) {
  .hospital-contact__title-box {
    padding-bottom: 44px;
  }
}

.contact__form {
  padding-bottom: 131px;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form {
    padding-bottom: 189px;
  }
}
@media screen and (min-width: 1200px) {
  .contact__form {
    padding-bottom: 189px;
  }
}
.contact__form::before {
  position: absolute;
  top: -24px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #DDD;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__form::before {
    top: -30px;
  }
}
@media screen and (min-width: 1200px) {
  .contact__form::before {
    top: -30px;
  }
}

.contact__field {
  margin-bottom: 49px;
  position: relative;
}
.contact__field::after {
  position: absolute;
  bottom: -26px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #DDD;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__field::after {
    bottom: -28px;
  }
}
@media screen and (min-width: 1200px) {
  .contact__field::after {
    bottom: -28px;
  }
}

@media screen and (min-width: 1200px) {
  .contact__field:nth-child(2),
  .contact__field:nth-child(3),
  .contact__field:nth-child(4),
  .contact__field:nth-child(5) {
    margin-bottom: 56px;
  }
}

.form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .form-field {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  .form-field {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.form-field__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .form-field__head {
    gap: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .form-field__head {
    gap: 16px;
  }
}

.form-field__label {
  font-size: 16px;
  font-weight: 500;
}

.form-field__tag {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 6px 2px 6px;
  background-color: #EE5A6D;
  border-radius: 4px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.form-field__item [type=text],
.form-field__item [type=tel],
.form-field__item [type=email] {
  border-radius: 4px;
  border: 1px solid #F6F6F6;
  padding: 12px 16px 7px;
  width: 100%;
  background-color: #F6F6F6;
  font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .form-field__item {
    max-width: 488px;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .form-field__item {
    max-width: 488px;
    width: 100%;
  }
}

@media screen and (min-width: 1200px) {
  #your-name:hover, #your-name:focus,
  #your-name-kana:hover,
  #your-name-kana:focus,
  #your-phone:hover,
  #your-phone:focus,
  #your-email:hover,
  #your-email:focus,
  #form-textarea:hover,
  #form-textarea:focus {
    border: 1px solid #1391E6;
    background-color: #DFF1FD;
    outline: none;
  }
}
#your-name.error,
#your-name-kana.error,
#your-phone.error,
#your-email.error,
#form-textarea.error {
  border: 1px solid #EE5A6D;
  background-color: #fcedef;
}

.error {
  border: 1px solid #EE5A6D !important;
  background-color: #fcedef !important;
}

.error-message {
  color: #EE5A6D;
}

.form-textarea {
  border-radius: 4px;
  border: 1px solid #F6F6F6;
  width: 100%;
  height: 160px;
  padding: 12px 16px;
  background-color: #F6F6F6;
  font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .form-textarea {
    height: 202px;
  }
}
@media screen and (min-width: 1200px) {
  .form-textarea {
    height: 202px;
  }
}

.contact__button {
  margin-top: 95px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__button {
    margin-top: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .contact__button {
    margin-top: 100px;
  }
}

.contact-btn {
  color: #1391E6;
  font-weight: 500;
  letter-spacing: 1.12px;
  padding: 7px 99px 6px 115px;
  border: 1px solid #1391E6;
  border-radius: 24px;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  outline: none;
  letter-spacing: 15px;
}
@media screen and (min-width: 1200px) {
  .contact-btn {
    border-radius: 28px;
    font-size: 16px;
    padding: 14px 143px 14px 155px;
  }
  .contact-btn:focus {
    background-color: #1391E6;
    color: #FFFFFF;
  }
  .contact-btn:hover {
    background-color: #1391E6;
    color: #FFFFFF;
  }
}

.reservation-page {
  padding-bottom: 91px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .reservation-page {
    padding-bottom: 147px;
  }
}
@media screen and (min-width: 1200px) {
  .reservation-page {
    padding-bottom: 147px;
  }
}

.reservation-page__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 38px;
}

.reservation-page__title1 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.6px;
  padding-bottom: 13px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .reservation-page__title1 {
    font-size: 28px;
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .reservation-page__title1 {
    font-size: 28px;
    letter-spacing: 2.24px;
    padding-bottom: 16px;
  }
}

.reservation-page__title2 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .reservation-page__title2 {
    font-size: 28px;
    letter-spacing: 2.24px;
  }
}
@media screen and (min-width: 1200px) {
  .reservation-page__title2 {
    font-size: 28px;
    letter-spacing: 2.24px;
  }
}

.reservation-page__phone-box {
  position: relative;
}

.reservation-page__phone-number {
  font-size: 32px;
  font-weight: 700;
  color: #1391E6;
}

.reservation-page__phone-time {
  position: absolute;
  bottom: -12px;
  left: 44px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #1391E6;
}

.reservation-page__text1 {
  padding-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .reservation-page__text1 {
    padding-top: 34px;
  }
}
@media screen and (min-width: 1200px) {
  .reservation-page__text1 {
    padding-top: 34px;
  }
}

.reservation-page__text2 {
  padding-top: 17px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .reservation-page__text2 {
    padding-top: 21px;
  }
}
@media screen and (min-width: 1200px) {
  .reservation-page__text2 {
    padding-top: 21px;
  }
}

.form-field__item [type=radio] {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
.form-field__item [type=radio]:focus + .form-radio__text::before {
  border: 1px solid #1391E6;
}
.form-field__item [type=radio]:hover + .form-radio__text::before {
  border: 1px solid #1391E6;
}
.form-field__item [type=radio]:checked + .form-radio__text::before {
  border: 1px solid #1391E6;
}
.form-field__item [type=radio]:checked + .form-radio__text::after {
  opacity: 1;
}

.form-field__radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 72px;
  padding-left: 32px;
}

.form-radio__text {
  position: relative;
  top: 13px;
}
@media screen and (min-width: 1200px) {
  .form-radio__text {
    top: 0;
  }
}
.form-radio__text::before, .form-radio__text::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  border-radius: 50%;
}
.form-radio__text::before {
  left: -32px;
  width: 24px;
  height: 24px;
  border: 1px solid #F6F6F6;
  background-color: #F6F6F6;
}
.form-radio__text::after {
  width: 12px;
  height: 12px;
  background-color: #1391E6;
  left: -26px;
  opacity: 0;
}

.form-field__label-text {
  color: #888;
  font-size: 11px;
  font-weight: 500;
}

.contact__content-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .contact__content-boxes {
    width: 100%;
    max-width: 488px;
  }
}
@media screen and (min-width: 1200px) {
  .contact__content-boxes {
    width: 100%;
    max-width: 488px;
  }
}

.contact__content {
  padding-top: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px 56px;
}
@media screen and (min-width: 1200px) {
  .contact__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px 64px;
  }
}
.contact__content [type=checkbox] {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
.contact__content [type=checkbox]:focus + .form-checkbox__text::before {
  border: 2px solid #1391E6;
}
.contact__content [type=checkbox]:hover + .form-checkbox__text::before {
  border: 2px solid #1391E6;
}
.contact__content [type=checkbox]:checked + .form-checkbox__text::after {
  opacity: 1;
}

.contact__content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 56px;
}

.form-checkbox__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 24px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .form-checkbox__input {
    gap: 15px 32px;
  }
}
@media screen and (min-width: 1200px) {
  .form-checkbox__input {
    gap: 15px 32px;
  }
}

.form-checkbox__text {
  font-weight: 500;
  position: relative;
}
.form-checkbox__text::before, .form-checkbox__text::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}
.form-checkbox__text::before {
  left: -32px;
  width: 24px;
  height: 24px;
  border: 1px solid #1391E6;
}
.form-checkbox__text::after {
  background: url(../image/contact/Check.png) no-repeat center center/contain;
  left: -26px;
  width: 13px;
  height: 9px;
  opacity: 0;
}

.contact__field-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-top: -3px;
}
@media screen and (min-width: 1200px) {
  .contact__field-select {
    margin-top: -1px;
  }
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 12px 16px 12px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #F6F6F6;
  background: url(../image/contact/bottom-arrow.png) no-repeat center right 10px/20px 20px #F6F6F6;
  outline: none;
}
select:focus {
  border: 1px solid #1391E6;
}
select:hover {
  border: 1px solid #1391E6;
}

.reservation-date-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.reservation-date-box input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.reservation-date {
  position: relative;
  width: 100%;
  padding: 10px 16px 12px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #F6F6F6;
  border-radius: 4px;
  outline: none;
  background: #F6F6F6;
}
.reservation-date::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  content: "";
  background: url(../image/contact/calender-icon.png) no-repeat center/contain #F6F6F6;
  width: 20px;
  height: 20px;
  pointer-events: none;
  cursor: pointer;
}
.reservation-date:focus {
  border: 1px solid #1391E6;
}
.reservation-date:hover {
  border: 1px solid #1391E6;
}

@media screen and (min-width: 1200px) {
  .reservation__button {
    margin-top: 98px;
  }
}

.not {
  padding-top: 60px;
  padding-bottom: 90px;
}

.not__inner {
  padding-left: 20px;
  padding-right: 20px;
}

.not__title {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 20px;
  color: #888787;
}

.not__text {
  font-size: 16px;
}

.fv__single {
  padding-bottom: 35px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fv__single {
    padding-bottom: 87px;
  }
}
@media screen and (min-width: 1200px) {
  .fv__single {
    padding-bottom: 87px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .blog__single-container {
    gap: 28px;
    padding-bottom: 95px;
  }
}
@media screen and (min-width: 1200px) {
  .blog__single-container {
    gap: 28px;
    padding-bottom: 95px;
  }
}

.fv__text3-contact {
  margin-top: -4px;
  margin-left: 6px;
}
@media screen and (min-width: 1200px) {
  .fv__text3-contact {
    margin-top: 5px;
    margin-left: 4px;
    letter-spacing: 3.2px;
  }
}

.three__title-contact {
  line-height: 1.4;
}

.fv__text3-thanks {
  margin-top: -4px;
  padding-left: 4px;
}
@media screen and (min-width: 1200px) {
  .fv__text3-thanks {
    margin-top: 5px;
    padding-left: 4px;
    letter-spacing: 3.2px;
  }
}

.hospital-contact__notice-thanks {
  padding-bottom: 130px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .hospital-contact__notice-thanks {
    padding-bottom: 190px;
  }
}
@media screen and (min-width: 1200px) {
  .hospital-contact__notice-thanks {
    padding-bottom: 190px;
  }
}

.fv__text3-reservation {
  margin-top: -4px;
  margin-left: 6px;
}
@media screen and (min-width: 1200px) {
  .fv__text3-reservation {
    margin-top: 5px;
    margin-left: 4px;
    letter-spacing: 3.2px;
  }
}

.fv__information-page-reservation {
  padding-bottom: 56px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .fv__information-page-reservation {
    padding-bottom: 76px;
  }
}
@media screen and (min-width: 1200px) {
  .fv__information-page-reservation {
    padding-bottom: 76px;
  }
}

.hospital-reservation__title-box {
  padding-bottom: 58px;
}
@media screen and (min-width: 1200px) {
  .hospital-reservation__title-box {
    margin-bottom: 38px;
  }
}

.form-field__reservation {
  padding-bottom: 0px;
}
@media screen and (min-width: 1200px) {
  .form-field__reservation {
    margin-bottom: 61px;
    padding-bottom: 8px;
  }
}

.form-field-message {
  margin-top: -4px;
}

@media screen and (min-width: 1200px) {
  .reservation__field {
    margin-bottom: 57px;
  }
}

.form-field-reservation-content {
  gap: 9px;
  margin-top: 58px;
}
@media screen and (min-width: 1200px) {
  .form-field-reservation-content {
    margin-top: -13px;
  }
}

@media screen and (min-width: 1200px) {
  .contact__field-pc {
    padding-top: 11px;
  }
}

@media screen and (min-width: 1200px) {
  .contact__field-checkup {
    margin-bottom: 70px;
  }
}

.reservation__form {
  padding-bottom: 131px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .reservation__form {
    padding-bottom: 189px;
  }
}
@media screen and (min-width: 1200px) {
  .reservation__form {
    padding-bottom: 189px;
  }
}

.wpcf7-list-item {
  margin: 0;
}

.wpcf7-list-item-label {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  margin: 0;
  padding: 0 0 0 32px;
  position: relative;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
.wpcf7-list-item-label::before {
  background: #fff;
  border: 1px solid #1391E6;
  content: "";
  display: block;
  height: 24px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
}
.wpcf7-list-item-label::after {
  border-bottom: 4px solid #1391E6;
  border-left: 4px solid #1391E6;
  content: "";
  display: block;
  height: 10px;
  left: 4px;
  margin-top: -0.2em;
  opacity: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  width: 16px;
  opacity: 0;
}

input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  opacity: 1;
}

.wp-post-image {
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}