@charset "UTF-8";
/* リキッドレイアウト対応 */
body {
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.u-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-desktop {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .u-mobile {
    display: none;
  }
}

html {
  font-size: 16px;
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.4545454545vw;
  }
}
@media (min-width: 1100px) {
  html {
    font-size: 16px;
  }
}

/* pcの電話番号発信対応 */
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/* ホバー */
a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
/* html {
  scroll-behavior: smooth;
} */

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type="checkbox"],
input[type="radio"] {
  display: none;
}

input[type="submit"],
input[type="button"],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.button {
  display: inline-block;
  padding: 5px 10px 6px 40px;
  background-color: #ffffff;
  color: #1391e6;
  border: 1px solid #1391e6;
  border-radius: 1.5rem;
  cursor: pointer;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  position: relative;
}
@media screen and (min-width: 768px) {
  .button {
    padding: 0.4375rem 0.875rem 0.5rem 2.75rem;
  }
}

.button:hover {
  background-color: #1391e6;
  color: #ffffff;
}

.button:hover .arrow {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}

.button:hover .arrow path {
  stroke: #ffffff; /* 矢印の色を反転させる */
}

.arrow {
  width: 14px;
  height: 14px;
  margin-left: 11px;
  vertical-align: middle;
  -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;
}
@media screen and (min-width: 768px) {
  .arrow {
    margin-left: 0.9375rem;
  }
}

.button span {
  font-size: 14px;
  font-size: 0.875rem;
}

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 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);
    width: 18.75rem;
  }
}

.card__img {
  width: 39.7%;
  aspect-ratio: 133/101;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .card__img {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    overflow: hidden;
    aspect-ratio: 300/188;
  }
}

.card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .card__img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

.card__body {
  width: 54.9%;
  margin-left: 10px;
  margin-left: 0.625rem;
}
@media screen and (min-width: 768px) {
  .card__body {
    width: 100%;
    margin-top: -0.875rem;
    padding: 0 1.5rem;
    padding-bottom: 0.875rem;
    margin-left: 0rem;
    z-index: 1;
  }
}

.card__category {
  display: inline-block;
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  border-radius: 0.625rem;
  background: #1391e6;
  padding: 2px 8px 1px 8px;
  padding: 0.125rem 0.5rem 0.0625rem 0.5rem;
  margin-top: 6px;
  margin-top: 0.375rem;
}
@media screen and (min-width: 768px) {
  .card__category {
    font-size: 0.6875rem;
    margin-top: 0rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.875rem;
  }
}

.card__title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  margin-top: 6px;
  margin-top: 0.375rem;
}
@media screen and (min-width: 768px) {
  .card__title {
    margin-top: 0.5625rem;
    font-size: 1rem;
    line-height: 1.5; /* 150% */
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

.card__date {
  display: block;
  color: #888;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 500;
  margin-top: 5px;
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .card__date {
    line-height: 1;
    margin-top: 0.375rem;
  }
}

.is-new {
  position: relative;
}

.is-new::after {
  content: "NEW";
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  padding: 13px 9px 12px 9px;
  padding: 0.8125rem 0.5625rem 0.75rem 0.5625rem;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  background: #ee5a6d;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  top: -0.5rem;
  left: -8px;
  left: -0.5rem;
}
@media screen and (min-width: 768px) {
  .is-new::after {
    font-size: 1rem;
    width: 3.75rem;
    height: 3.75rem;
    padding: 1.125rem 0.75rem 1.125rem 0.8125rem;
    top: -1.25rem;
    left: -0.625rem;
  }
}

@media screen and (min-width: 768px) {
  .card:hover .card__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@media screen and (min-width: 768px) {
  .card:hover .card__title {
    color: #1391e6;
  }
}

.cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 62px 3.125rem;
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.footer__bottom-wrap {
  padding-top: 59px;
  padding-top: 3.6875rem;
  background: #dff1fd;
}
@media screen and (min-width: 768px) {
  .footer__bottom-wrap {
    padding-top: 2.6875rem;
  }
}

.footer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 60px;
  padding-bottom: 3.75rem;
}
@media screen and (min-width: 768px) {
  .footer__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.5rem;
    padding-bottom: 3.625rem;
  }
}

.footer__items + .footer__items {
  margin-top: 38.5px;
  margin-top: 2.40625rem;
}
@media screen and (min-width: 768px) {
  .footer__items + .footer__items {
    margin-top: 0;
  }
}

.footer__items {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}

.footer__items:nth-child(4) .sub-menu {
  /* display: flex;
  flex-wrap: wrap; */
  display: grid;
  grid-template-columns: 96px 1fr;
}

.sub-menu li {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  margin-top: 18px;
  margin-top: 1.125rem;
  position: relative;
  margin-left: 12px;
  margin-left: 0.75rem;
}

.sub-menu li::after {
  content: "";
  background-image: url("../images/common/footer_icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  width: 0.375rem;
  height: 12px;
  height: 0.75rem;
  position: absolute;
  left: -12px;
  left: -0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.footer__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__step--right {
  margin-left: 20px;
  margin-left: 1.25rem;
}

.footer__bottom {
  background: #1391e6;
}

.footer__copyright {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 73px;
  padding-bottom: 4.5625rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .footer__copyright {
    padding-top: 0.875rem;
    padding-bottom: 1.125rem;
  }
}

.footer__copyright small {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}

.hamburger {
  position: relative;
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .hamburger {
    position: relative;
    width: 2rem;
    height: 2rem;
    z-index: 100;
    margin-left: auto;
  }
}

.hamburger span {
  position: absolute;
  width: 28px;
  width: 1.75rem;
  height: 3px;
  height: 0.1875rem;
  background: #1391e6;
  border-radius: 0.0625rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hamburger span:nth-child(1) {
  top: 20%;
}

.hamburger span:nth-child(2) {
  top: 43%;
}

.hamburger span:nth-child(3) {
  top: 66%;
}

.hamburger.is-active span:nth-child(1) {
  top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #fff;
}

.hamburger.is-active span:nth-child(2) {
  display: none;
}

.hamburger.is-active span:nth-child(3) {
  top: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
}

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

.header-info {
  margin-left: 32px;
  margin-left: 2rem;
  margin-top: 9px;
  margin-top: 0.5625rem;
}

.header-info__address {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
  font-weight: 500;
}

.header-info__tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  gap: 0.25rem;
  margin-top: -4px;
  margin-top: -0.25rem;
}

.header-info__icon {
  padding-top: 4px;
  padding-top: 0.25rem;
}

.header-info__num {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  color: #1391e6;
  letter-spacing: -0.64px;
}

.header {
  height: 60px;
  height: 3.75rem;
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  -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: 768px) {
  .header {
    height: 5rem;
  }
}

.header.is-active {
  background: #1391e6;
}

.header__inner {
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .header__inner {
    height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.25rem;
    padding-right: 0.875rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .header__inner {
    /* max-width: 80rem; */
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
  gap: 0.6875rem;
}

.header__icon img {
  width: 34px;
  width: 2.125rem;
  height: 32px;
  height: 2rem;
}

.header__name {
  width: 225px;
  width: 14.0625rem;
  height: 30px;
  height: 1.875rem;
}

.header__drawer {
  z-index: 30;
}
@media screen and (min-width: 1200px) {
  .header__drawer {
    display: none;
  }
}

.header.is-active {
  background: #0060a0;
}

.header__pc-container {
  display: none;
}
@media screen and (min-width: 1200px) {
  .header__pc-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    height: inherit;
  }
}

.icon-right svg {
  display: inline-block;
  width: 12px;
  height: 12px;
  -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;
}

.icon-right {
  -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;
}

/* .icon-right--white {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1 7H13" stroke="%23FFFFFF" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.39453 1L13.0001 7L6.39453 13" stroke="%23FFFFFF" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>')
    no-repeat center center;
} */

.icon-right--black {
  display: inline-block;
  width: 14px;
  height: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.inner {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .inner {
    max-width: 1150px;
    padding-right: 25px;
    padding-left: 25px;
  }
}

.pc-nav {
  display: none;
  height: inherit;
}
@media screen and (min-width: 1200px) {
  .pc-nav {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.pc-nav__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  padding-top: 16px;
  padding-top: 1rem;
  margin-left: auto;
}

.pc-nav__item:nth-child(1) {
  padding-top: 3px;
  padding-top: 0.1875rem;
}

.pc-nav__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  gap: 0.375rem;
  font-size: 11px;
  font-weight: 700;
}

.pc-nav__item a:hover {
  opacity: 0.7;
}

.pc-nav__item a span {
  font-size: 11px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.pc-nav__item.current-menu-item a {
  color: #1391e6;
}

.pc-nav__item a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M17.9201 8.17995L10.2101 0.299949C10.0223 0.110636 9.76675 0.00415039 9.50012 0.00415039C9.23348 0.00415039 8.97788 0.110636 8.79012 0.299949L1.08012 8.18995C0.703271 8.56983 0.494369 9.08489 0.500116 9.61995V17.9999C0.498507 19.0629 1.32872 19.9415 2.39011 19.9999H16.6101C17.6715 19.9415 18.5017 19.0629 18.5001 17.9999V9.61995C18.5009 9.08288 18.2929 8.56653 17.9201 8.17995V8.17995ZM7.50012 17.9999V11.9999H11.5001V17.9999H7.50012ZM16.5001 17.9999H13.5001V10.9999C13.5001 10.4477 13.0524 9.99995 12.5001 9.99995H6.50012C5.94783 9.99995 5.50012 10.4477 5.50012 10.9999V17.9999H2.50012V9.57995L9.50012 2.42995L16.5001 9.61995V17.9999Z' fill='%23393939'/%3E%3C/svg%3E");

  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 24px;
  height: 24px;
}

.pc-nav__item.current-menu-item a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M17.9201 8.17995L10.2101 0.299949C10.0223 0.110636 9.76675 0.00415039 9.50012 0.00415039C9.23348 0.00415039 8.97788 0.110636 8.79012 0.299949L1.08012 8.18995C0.703271 8.56983 0.494369 9.08489 0.500116 9.61995V17.9999C0.498507 19.0629 1.32872 19.9415 2.39011 19.9999H16.6101C17.6715 19.9415 18.5017 19.0629 18.5001 17.9999V9.61995C18.5009 9.08288 18.2929 8.56653 17.9201 8.17995V8.17995ZM7.50012 17.9999V11.9999H11.5001V17.9999H7.50012ZM16.5001 17.9999H13.5001V10.9999C13.5001 10.4477 13.0524 9.99995 12.5001 9.99995H6.50012C5.94783 9.99995 5.50012 10.4477 5.50012 10.9999V17.9999H2.50012V9.57995L9.50012 2.42995L16.5001 9.61995V17.9999Z' fill='%231391e6'/%3E%3C/svg%3E");
  transition: all 0.3s;
  width: 24px;
  height: 24px;
}

.pc-nav__item:nth-child(1) > a::before {
  width: 18px; /* SVGの幅と高さに合わせて調整してください */
  height: 20px; /* SVGの幅と高さに合わせて調整してください */
}

.pc-nav__item:nth-child(2) > a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.36761 11.232V9.55462C8.36761 9.27672 8.59292 9.05141 8.87082 9.05141H10.5482C10.8261 9.05141 11.0514 9.27672 11.0514 9.55462V11.232C11.0514 11.5099 10.8261 11.7352 10.5482 11.7352H8.87082C8.59292 11.7352 8.36761 11.5099 8.36761 11.232ZM14.2384 11.7352H15.9158C16.1937 11.7352 16.419 11.5099 16.419 11.232V9.55462C16.419 9.27672 16.1937 9.05141 15.9158 9.05141H14.2384C13.9605 9.05141 13.7352 9.27672 13.7352 9.55462V11.232C13.7352 11.5099 13.9605 11.7352 14.2384 11.7352ZM11.0514 15.2577V13.5803C11.0514 13.3024 10.8261 13.0771 10.5482 13.0771H8.87082C8.59292 13.0771 8.36761 13.3024 8.36761 13.5803V15.2577C8.36761 15.5356 8.59292 15.7609 8.87082 15.7609H10.5482C10.8261 15.7609 11.0514 15.5356 11.0514 15.2577ZM14.2384 15.7609H15.9158C16.1937 15.7609 16.419 15.5356 16.419 15.2577V13.5803C16.419 13.3024 16.1937 13.0771 15.9158 13.0771H14.2384C13.9605 13.0771 13.7352 13.3024 13.7352 13.5803V15.2577C13.7352 15.5356 13.9605 15.7609 14.2384 15.7609ZM21.7866 20.9608V22.4704H3V20.9608C3 20.6829 3.22531 20.4576 3.50321 20.4576H4.32093V4.56589C4.32093 4.07874 4.77152 3.6838 5.32736 3.6838H9.03856V2.00643C9.03856 1.45059 9.48914 1 10.045 1H14.7416C15.2975 1 15.7481 1.45059 15.7481 2.00643V3.6838H19.4593C20.0151 3.6838 20.4657 4.07874 20.4657 4.56589V20.4576H21.2834C21.5613 20.4576 21.7866 20.6829 21.7866 20.9608ZM6.33379 20.4156H11.0514V17.606C11.0514 17.3281 11.2767 17.1028 11.5546 17.1028H13.232C13.5099 17.1028 13.7352 17.3281 13.7352 17.606V20.4156H18.4528V5.69666H15.7481V6.70308C15.7481 7.25892 15.2975 7.70951 14.7416 7.70951H10.045C9.48914 7.70951 9.03856 7.25892 9.03856 6.70308V5.69666H6.33379V20.4156ZM14.1546 3.6838H13.0643V2.59351C13.0643 2.45455 12.9516 2.3419 12.8127 2.3419H11.974C11.835 2.3419 11.7224 2.45455 11.7224 2.59351V3.6838H10.6321C10.4931 3.6838 10.3805 3.79645 10.3805 3.93541V4.7741C10.3805 4.91306 10.4931 5.0257 10.6321 5.0257H11.7224V6.116C11.7224 6.25496 11.835 6.36761 11.974 6.36761H12.8127C12.9516 6.36761 13.0643 6.25496 13.0643 6.116V5.0257H14.1546C14.2935 5.0257 14.4062 4.91306 14.4062 4.7741V3.93541C14.4062 3.79645 14.2935 3.6838 14.1546 3.6838Z' fill='%23393939'/%3E%3C/svg%3E");
}

.pc-nav__item.current-menu-item:nth-child(2) > a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.36761 11.232V9.55462C8.36761 9.27672 8.59292 9.05141 8.87082 9.05141H10.5482C10.8261 9.05141 11.0514 9.27672 11.0514 9.55462V11.232C11.0514 11.5099 10.8261 11.7352 10.5482 11.7352H8.87082C8.59292 11.7352 8.36761 11.5099 8.36761 11.232ZM14.2384 11.7352H15.9158C16.1937 11.7352 16.419 11.5099 16.419 11.232V9.55462C16.419 9.27672 16.1937 9.05141 15.9158 9.05141H14.2384C13.9605 9.05141 13.7352 9.27672 13.7352 9.55462V11.232C13.7352 11.5099 13.9605 11.7352 14.2384 11.7352ZM11.0514 15.2577V13.5803C11.0514 13.3024 10.8261 13.0771 10.5482 13.0771H8.87082C8.59292 13.0771 8.36761 13.3024 8.36761 13.5803V15.2577C8.36761 15.5356 8.59292 15.7609 8.87082 15.7609H10.5482C10.8261 15.7609 11.0514 15.5356 11.0514 15.2577ZM14.2384 15.7609H15.9158C16.1937 15.7609 16.419 15.5356 16.419 15.2577V13.5803C16.419 13.3024 16.1937 13.0771 15.9158 13.0771H14.2384C13.9605 13.0771 13.7352 13.3024 13.7352 13.5803V15.2577C13.7352 15.5356 13.9605 15.7609 14.2384 15.7609ZM21.7866 20.9608V22.4704H3V20.9608C3 20.6829 3.22531 20.4576 3.50321 20.4576H4.32093V4.56589C4.32093 4.07874 4.77152 3.6838 5.32736 3.6838H9.03856V2.00643C9.03856 1.45059 9.48914 1 10.045 1H14.7416C15.2975 1 15.7481 1.45059 15.7481 2.00643V3.6838H19.4593C20.0151 3.6838 20.4657 4.07874 20.4657 4.56589V20.4576H21.2834C21.5613 20.4576 21.7866 20.6829 21.7866 20.9608ZM6.33379 20.4156H11.0514V17.606C11.0514 17.3281 11.2767 17.1028 11.5546 17.1028H13.232C13.5099 17.1028 13.7352 17.3281 13.7352 17.606V20.4156H18.4528V5.69666H15.7481V6.70308C15.7481 7.25892 15.2975 7.70951 14.7416 7.70951H10.045C9.48914 7.70951 9.03856 7.25892 9.03856 6.70308V5.69666H6.33379V20.4156ZM14.1546 3.6838H13.0643V2.59351C13.0643 2.45455 12.9516 2.3419 12.8127 2.3419H11.974C11.835 2.3419 11.7224 2.45455 11.7224 2.59351V3.6838H10.6321C10.4931 3.6838 10.3805 3.79645 10.3805 3.93541V4.7741C10.3805 4.91306 10.4931 5.0257 10.6321 5.0257H11.7224V6.116C11.7224 6.25496 11.835 6.36761 11.974 6.36761H12.8127C12.9516 6.36761 13.0643 6.25496 13.0643 6.116V5.0257H14.1546C14.2935 5.0257 14.4062 4.91306 14.4062 4.7741V3.93541C14.4062 3.79645 14.2935 3.6838 14.1546 3.6838Z' fill='%231391e6'/%3E%3C/svg%3E");
}

.pc-nav__item:nth-child(3) > a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 16H9C8.44771 16 8 16.4477 8 17C8 17.5523 8.44772 18 9 18H15C15.5523 18 16 17.5523 16 17C16 16.4477 15.5523 16 15 16Z' fill='%23393939'/%3E%3Cpath d='M9 14H12C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12H9C8.44771 12 8 12.4477 8 13C8 13.5523 8.44772 14 9 14Z' fill='%23393939'/%3E%3Cpath d='M19.74 8.32994L14.3 2.32994C14.1109 2.12046 13.8422 2.00061 13.56 1.99994L6.56 1.99994C5.16268 1.98327 4.01647 3.10262 4 4.49994L4 19.4999C4.01647 20.8973 5.16268 22.0166 6.56 21.9999H17.44C18.8373 22.0166 19.9835 20.8973 20 19.4999V8.99994C19.9994 8.7521 19.9067 8.51334 19.74 8.32994ZM14 4.99994L16.74 7.99994H14.74C14.5285 7.98717 14.3309 7.88994 14.1918 7.7301C14.0526 7.57027 13.9835 7.36122 14 7.14994L14 4.99994ZM17.44 19.9999H6.56C6.41938 20.0081 6.28128 19.96 6.17621 19.8662C6.07114 19.7724 6.00774 19.6406 6 19.4999V4.49994C6.00774 4.35929 6.07114 4.22751 6.17621 4.1337C6.28128 4.03988 6.41938 3.99175 6.56 3.99994L12 3.99994V7.14994C11.9664 8.68334 13.1769 9.95633 14.71 9.99994H18V19.4999C17.9923 19.6406 17.9289 19.7724 17.8238 19.8662C17.7187 19.96 17.5806 20.0081 17.44 19.9999Z' fill='%23393939'/%3E%3C/svg%3E");
}
.pc-nav__item.current-menu-item:nth-child(3) > a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 16H9C8.44771 16 8 16.4477 8 17C8 17.5523 8.44772 18 9 18H15C15.5523 18 16 17.5523 16 17C16 16.4477 15.5523 16 15 16Z' fill='%231391e6'/%3E%3Cpath d='M9 14H12C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12H9C8.44771 12 8 12.4477 8 13C8 13.5523 8.44772 14 9 14Z' fill='%231391e6'/%3E%3Cpath d='M19.74 8.32994L14.3 2.32994C14.1109 2.12046 13.8422 2.00061 13.56 1.99994L6.56 1.99994C5.16268 1.98327 4.01647 3.10262 4 4.49994L4 19.4999C4.01647 20.8973 5.16268 22.0166 6.56 21.9999H17.44C18.8373 22.0166 19.9835 20.8973 20 19.4999V8.99994C19.9994 8.7521 19.9067 8.51334 19.74 8.32994ZM14 4.99994L16.74 7.99994H14.74C14.5285 7.98717 14.3309 7.88994 14.1918 7.7301C14.0526 7.57027 13.9835 7.36122 14 7.14994L14 4.99994ZM17.44 19.9999H6.56C6.41938 20.0081 6.28128 19.96 6.17621 19.8662C6.07114 19.7724 6.00774 19.6406 6 19.4999V4.49994C6.00774 4.35929 6.07114 4.22751 6.17621 4.1337C6.28128 4.03988 6.41938 3.99175 6.56 3.99994L12 3.99994V7.14994C11.9664 8.68334 13.1769 9.95633 14.71 9.99994H18V19.4999C17.9923 19.6406 17.9289 19.7724 17.8238 19.8662C17.7187 19.96 17.5806 20.0081 17.44 19.9999Z' fill='%231391e6'/%3E%3C/svg%3E");
}

.pc-nav__item:nth-child(4) > a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11H9ZM9 5C10.1046 5 11 5.89543 11 7C11 8.10457 10.1046 9 9 9C7.89543 9 7 8.10457 7 7C7 5.89543 7.89543 5 9 5Z' fill='%23393939'/%3E%3Cpath d='M17 13C18.6569 13 20 11.6569 20 10C20 8.34315 18.6569 7 17 7C15.3431 7 14 8.34315 14 10C14 11.6569 15.3431 13 17 13ZM17 9C17.5523 9 18 9.44772 18 10C18 10.5523 17.5523 11 17 11C16.4477 11 16 10.5523 16 10C16 9.44771 16.4477 9 17 9Z' fill='%23393939'/%3E%3Cpath d='M17 14C15.8918 14.0012 14.8155 14.3706 13.94 15.05C11.9371 13.0549 8.93071 12.4605 6.31923 13.5431C3.70775 14.6258 2.00382 17.173 2 20C2 20.5523 2.44772 21 3 21C3.55229 21 4 20.5523 4 20C4 17.2386 6.23858 15 9 15C11.7614 15 14 17.2386 14 20C14 20.5523 14.4477 21 15 21C15.5523 21 16 20.5523 16 20C16.0024 18.8284 15.7064 17.6756 15.14 16.65C16.0417 15.9375 17.2713 15.8027 18.306 16.303C19.3406 16.8033 19.9985 17.8507 20 19C20 19.5523 20.4477 20 21 20C21.5523 20 22 19.5523 22 19C22 16.2386 19.7614 14 17 14Z' fill='%23393939'/%3E%3C/svg%3E");
}
.pc-nav__item.current-menu-item:nth-child(4) > a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11H9ZM9 5C10.1046 5 11 5.89543 11 7C11 8.10457 10.1046 9 9 9C7.89543 9 7 8.10457 7 7C7 5.89543 7.89543 5 9 5Z' fill='%231391e6'/%3E%3Cpath d='M17 13C18.6569 13 20 11.6569 20 10C20 8.34315 18.6569 7 17 7C15.3431 7 14 8.34315 14 10C14 11.6569 15.3431 13 17 13ZM17 9C17.5523 9 18 9.44772 18 10C18 10.5523 17.5523 11 17 11C16.4477 11 16 10.5523 16 10C16 9.44771 16.4477 9 17 9Z' fill='%231391e6'/%3E%3Cpath d='M17 14C15.8918 14.0012 14.8155 14.3706 13.94 15.05C11.9371 13.0549 8.93071 12.4605 6.31923 13.5431C3.70775 14.6258 2.00382 17.173 2 20C2 20.5523 2.44772 21 3 21C3.55229 21 4 20.5523 4 20C4 17.2386 6.23858 15 9 15C11.7614 15 14 17.2386 14 20C14 20.5523 14.4477 21 15 21C15.5523 21 16 20.5523 16 20C16.0024 18.8284 15.7064 17.6756 15.14 16.65C16.0417 15.9375 17.2713 15.8027 18.306 16.303C19.3406 16.8033 19.9985 17.8507 20 19C20 19.5523 20.4477 20 21 20C21.5523 20 22 19.5523 22 19C22 16.2386 19.7614 14 17 14Z' fill='%231391e6'/%3E%3C/svg%3E");
}

.pc-nav__item:nth-child(5) > a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M19.8998 7.3401L17.1598 4.6001C16.4195 3.90476 15.2756 3.87466 14.4998 4.5301L5.49981 13.5301C5.17658 13.8561 4.97532 14.2833 4.92981 14.7401L4.49981 18.9101C4.47254 19.2066 4.57885 19.4999 4.78981 19.7101C4.97853 19.8973 5.23401 20.0016 5.49981 20.0001H5.58981L9.75981 19.6201C10.2166 19.5746 10.6438 19.3733 10.9698 19.0501L19.9698 10.0501C20.6971 9.28177 20.6658 8.06987 19.8998 7.34011L19.8998 7.3401ZM9.57981 17.6201L6.57981 17.9001L6.84981 14.9001L12.4998 9.3201L15.1998 12.0201L9.57981 17.6201ZM16.4998 10.6801L13.8198 8.0001L15.7698 6.0001L18.4998 8.7301L16.4998 10.6801Z' fill='%23393939'/%3E%3C/svg%3E");
}
.pc-nav__item.current-menu-item:nth-child(5) > a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M19.8998 7.3401L17.1598 4.6001C16.4195 3.90476 15.2756 3.87466 14.4998 4.5301L5.49981 13.5301C5.17658 13.8561 4.97532 14.2833 4.92981 14.7401L4.49981 18.9101C4.47254 19.2066 4.57885 19.4999 4.78981 19.7101C4.97853 19.8973 5.23401 20.0016 5.49981 20.0001H5.58981L9.75981 19.6201C10.2166 19.5746 10.6438 19.3733 10.9698 19.0501L19.9698 10.0501C20.6971 9.28177 20.6658 8.06987 19.8998 7.34011L19.8998 7.3401ZM9.57981 17.6201L6.57981 17.9001L6.84981 14.9001L12.4998 9.3201L15.1998 12.0201L9.57981 17.6201ZM16.4998 10.6801L13.8198 8.0001L15.7698 6.0001L18.4998 8.7301L16.4998 10.6801Z' fill='%231391e6'/%3E%3C/svg%3E");
}

.pc-nav__item:nth-child(6) > a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 4H5C3.34315 4 2 5.34315 2 7V17C2 18.6569 3.34315 20 5 20H19C20.6569 20 22 18.6569 22 17V7C22 5.34315 20.6569 4 19 4V4ZM18.33 6L12 10.75L5.67 6H18.33ZM19 18H5C4.44772 18 4 17.5523 4 17V7.25L11.4 12.8C11.5731 12.9298 11.7836 13 12 13C12.2164 13 12.4269 12.9298 12.6 12.8L20 7.25V17C20 17.5523 19.5523 18 19 18Z' fill='%23393939'/%3E%3C/svg%3E");
}
.pc-nav__item.current-menu-item:nth-child(6) > a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 4H5C3.34315 4 2 5.34315 2 7V17C2 18.6569 3.34315 20 5 20H19C20.6569 20 22 18.6569 22 17V7C22 5.34315 20.6569 4 19 4V4ZM18.33 6L12 10.75L5.67 6H18.33ZM19 18H5C4.44772 18 4 17.5523 4 17V7.25L11.4 12.8C11.5731 12.9298 11.7836 13 12 13C12.2164 13 12.4269 12.9298 12.6 12.8L20 7.25V17C20 17.5523 19.5523 18 19 18Z' fill='%231391e6'/%3E%3C/svg%3E");
}

.pc-nav__item.is-home > a::before {
  content: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M17.9201 8.17995L10.2101 0.299949C10.0223 0.110636 9.76675 0.00415039 9.50012 0.00415039C9.23348 0.00415039 8.97788 0.110636 8.79012 0.299949L1.08012 8.18995C0.703271 8.56983 0.494369 9.08489 0.500116 9.61995V17.9999C0.498507 19.0629 1.32872 19.9415 2.39011 19.9999H16.6101C17.6715 19.9415 18.5017 19.0629 18.5001 17.9999V9.61995C18.5009 9.08288 18.2929 8.56653 17.9201 8.17995V8.17995ZM7.50012 17.9999V11.9999H11.5001V17.9999H7.50012ZM16.5001 17.9999H13.5001V10.9999C13.5001 10.4477 13.0524 9.99995 12.5001 9.99995H6.50012C5.94783 9.99995 5.50012 10.4477 5.50012 10.9999V17.9999H2.50012V9.57995L9.50012 2.42995L16.5001 9.61995V17.9999Z' fill='%231391E6'/%3E%3C/svg%3E");
}

.pc-nav__item.current-menu-item a::after {
  content: "";
  width: 20px;
  height: 2px;
  background: #1391e6;
}

/* .pc-nav__item a:hover::after {
  opacity: 1;
} */

/* .pc-nav__item a:hover {
  opacity: 0.7;
} */

.pc-nav__item + .pc-nav__item {
  margin-left: 24px;
  margin-left: 1.5rem;
}

.section-title {
  text-align: center;
}

.section-title span {
  display: inline-block;
  color: #393939;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .section-title span {
    font-size: 1.75rem;
    letter-spacing: 0.14rem;
  }
}

.section-title span::before {
  content: "";
  background-image: url("../images/common/title-deco.png");
  background-size: cover;
  width: 49px;
  width: 3.0625rem;
  height: 13px;
  height: 0.8125rem;
  position: absolute;
  top: 50%;
  left: -65px;
  left: -4.0625rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .section-title span::before {
    width: 4.1875rem;
    height: 1.25rem;
    left: -5.9375rem;
  }
}

.section-title span::after {
  content: "";
  background-image: url("../images/common/title-deco.png");
  background-size: cover;
  width: 49px;
  width: 3.0625rem;
  height: 13px;
  height: 0.8125rem;
  position: absolute;
  top: 50%;
  right: -65px;
  right: -4.0625rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .section-title span::after {
    width: 4.1875rem;
    height: 1.25rem;
    right: -5.9375rem;
  }
}

.sp-nav {
  visibility: hidden;
  opacity: 0;
  z-index: 20;
  position: fixed;
  top: 60px;
  top: 3.75rem;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sp-nav.is-active {
  opacity: 1;
  visibility: visible;
  background: #0060a0;
  z-index: 20;
}
@media screen and (min-width: 1200px) {
  .sp-nav.is-active {
    display: none;
  }
}

.sp-nav__drawer {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

.sp-nav__items {
  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;
  min-height: 100vh;
  overflow-y: auto;
  height: 100%;
  padding-top: 39px;
  padding-top: 2.4375rem;
}

.sp-nav__item {
  width: 254px;
  width: 15.875rem;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  background-image: linear-gradient(to right, #fff 1px, transparent 1px);
  background-size: 5px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
  position: relative;
  /* padding-left: 36px; */
}

.sp-nav__item:first-child::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0;
  background-image: linear-gradient(to right, #fff 1px, transparent 1px);
  background-size: 5px 1px;
  background-repeat: repeat-x;
  background-position: left top;
}

.sp-nav__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  /* padding-left: 14px; */
  /* padding-left: 0.875rem; */
  padding-top: 2px;
  padding-top: 0.125rem;
  position: relative;
  padding-left: 36px;
}

.sp-nav__item a::before {
  content: "";
  background-image: url("../images/common/home.png");
  background-size: contain;
  width: 24px; /* 画像の幅 */
  height: 24px; /* 画像の高さ */
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  /* z-index: 10000; */
}

.sp-nav__item:nth-child(2) > a::before {
  background-image: url("../images/common/hospital.png");
}
.sp-nav__item:nth-child(3) > a::before {
  background-image: url("../images/common/file-text.png");
}
.sp-nav__item:nth-child(4) > a::before {
  background-image: url("../images/common/people.png");
}
.sp-nav__item:nth-child(5) > a::before {
  background-image: url("../images/common/edit.png");
}
.sp-nav__item:nth-child(6) > a::before {
  background-image: url("../images/common/email.png");
}

.sp-nav__item a::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1 7H13" stroke="%23FFFFFF" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.39453 1L13.0001 7L6.39453 13" stroke="%23FFFFFF" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>')
    no-repeat center center;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}

.sp-nav__item a .icon-right--white {
  position: absolute;
  right: 0;
  top: 6px;
  top: 0.375rem;
}

.sp-nav__menu {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  padding-left: 14px;
  padding-left: 0.875rem;
  padding-top: 2px;
  padding-top: 0.125rem;
}

.sp-nav__item img {
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
}

body.is-active {
  overflow: hidden;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .time-card {
    max-width: 29.8125rem;
    width: 100%;
  }
}

.time-card-top {
  margin-top: -23px;
  margin-top: -1.4375rem;
}

.time-card__img {
  aspect-ratio: 335/116;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  -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: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .time-card__img {
    aspect-ratio: 477/166;
  }
}

.time-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .time-card__inner.inner {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

@media screen and (min-width: 768px) {
  .top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3.6875rem;
    margin-top: -0.75rem;
  }
}

.top-to {
  position: fixed;
  bottom: 100px;
  bottom: 6.25rem;
  right: 10px;
  right: 0.625rem;
}
@media screen and (min-width: 768px) {
  .top-to {
    bottom: 6.0625rem;
    right: 1.25rem;
  }
}

.top-to img {
  width: 52px;
  width: 3.25rem;
  height: 52px;
  height: 3.25rem;
}

.about {
  background: #dff1fd;
  margin-top: 132px;
  margin-top: 8.25rem;
  padding-top: 13px;
  padding-top: 0.8125rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .about {
    padding-top: 3.5rem;
    margin-top: 11.9375rem;
  }
}

.about::before {
  content: "";
  background-image: url("../images/common/about_bg-top.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 8.533vw;
  position: absolute;
  left: 50%;
  top: -32px;
  top: -2rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .about::before {
    background-image: url("../images/common/about_bg-top-pc.png");
    background-repeat: repeat-x;
    background-size: 5.1875rem 2rem;
    top: -2rem;
  }
}

.about__inner {
  margin: 0px 10px 0px 10px;
  margin: 0rem 0.625rem 0rem 0.625rem;
  background: #fff;
  padding: 31px 10px 20px 10px;
  padding: 1.9375rem 0.625rem 1.25rem 0.625rem;
  text-align: center;
  border-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .about__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5rem;
    max-width: 62.5rem;
    margin-right: auto;
    margin-left: auto;
    border-radius: 1.25rem;
    padding: 2.5rem 3.0625rem;
  }
}

@media screen and (min-width: 768px) {
  .about__info {
    width: 52.8824%;
    text-align: center;
  }
}

.about__logo {
  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;
  gap: 13px;
  gap: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .about__logo {
    gap: 1.0625rem;
  }
}

.about__icon img {
  width: 38px;
  width: 2.375rem;
  height: 33px;
  height: 2.0625rem;
}
@media screen and (min-width: 768px) {
  .about__icon img {
    width: 3.125rem;
    height: 2.5625rem;
  }
}

.about__name img {
  width: 257px;
  width: 16.0625rem;
  height: 30px;
  height: 1.875rem;
}
@media screen and (min-width: 768px) {
  .about__name img {
    width: 21.0625rem;
    height: 2.3125rem;
  }
}

.about__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  gap: 0.875rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 12px;
  margin-top: 0.75rem;
  font-size: 14px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .about__address {
    margin-top: 0.5rem;
  }
}

.about__tel {
  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;
  gap: 4px;
  gap: 0.25rem;
  margin-top: 21px;
  margin-top: 1.3125rem;
}
@media screen and (min-width: 768px) {
  .about__tel {
    margin-top: 1.0625rem;
  }
}

.about-tel__icon {
  width: 28px;
  width: 1.75rem;
  height: 28px;
  height: 1.75rem;
}

.about-tel__num {
  color: #1391e6;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 36px; /* 112.5% */
  letter-spacing: -0.64px;
}
@media screen and (min-width: 768px) {
  .about-tel__num {
    line-height: normal;
  }
}

.about__text {
  margin-top: 3px;
  margin-top: 0.1875rem;
  color: #1391e6;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .about__text {
    margin-top: -0.25rem;
  }
}

.about__button-wrap {
  margin-top: 20px;
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
  gap: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .about__button-wrap {
    margin-top: 1.1875rem;
    gap: 1.25rem;
  }
}

.button.about__booking {
  line-height: 1;
  padding: 0;
  background: #1391e6;
  color: #fff;
  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;
  gap: 7px;
  gap: 0.4375rem;
  height: 38px;
  height: 2.375rem;
  max-width: 150px;
  max-width: 9.375rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .button.about__booking {
    gap: 0.25rem;
    height: 3.5rem;
    width: 100%;
    max-width: 13.75rem;
    border-radius: 1.875rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

@media screen and (min-width: 768px) {
  .about__booking svg {
    width: 2.1875rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .about__booking svg {
    width: 1.875rem;
    height: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .about__booking span {
    font-size: 1rem;
  }
}

.about__enquiry {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 38px;
  height: 2.375rem;
  max-width: 150px;
  max-width: 9.375rem;
  width: 100%;
  gap: 9px;
  gap: 0.5625rem;
}
@media screen and (min-width: 768px) {
  .about__enquiry {
    height: 3.5rem;
    max-width: 13.75rem;
    width: 100%;
    border-radius: 1.875rem;
    font-size: 1rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

@media screen and (min-width: 768px) {
  .about__enquiry span {
    font-size: 1rem;
  }
}

@media screen and (min-width: 768px) {
  .about__enquiry svg {
    width: 1.3125rem;
    height: 1.3125rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .about__enquiry svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.about__time-sheet {
  margin-top: 20px;
  margin-top: 1.25rem;
  border-radius: 12px;
  background: #fff;
  -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: 768px) {
  .about__time-sheet {
    margin-top: 1.3125rem;
    min-width: 29.8125rem;
  }
}

.time-card__img {
  aspect-ratio: 335/117;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .time-card__img {
    aspect-ratio: 477/166;
  }
}

.time-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.about__map {
  text-align: center;
  margin: 20px auto 0;
  max-width: 100%;
  padding: 0px 10px;
  padding: 0rem 0.625rem;
}
@media screen and (min-width: 768px) {
  .about__map {
    width: 48.6829%;
    padding: 0;
    margin: 0;
  }
}

.iframe-wrap {
  width: 100%;
  padding-top: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .iframe-wrap {
    padding-top: 100%;
  }
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about__booking:hover {
  background-color: #0060a0;
}

.about__enquiry:hover .mail-icon path {
  stroke: #ffffff; /* 矢印の色を反転させる */
}

.blog-top {
  margin-top: 4px;
  margin-top: 0.25rem;
}
@media screen and (min-width: 768px) {
  .blog-top {
    margin-top: 10rem;
  }
}

.blog__cards {
  margin-top: 46px;
  margin-top: 2.875rem;
}
@media screen and (min-width: 768px) {
  .blog__cards {
    margin-top: 5rem;
  }
}

.blog__button {
  margin-top: 40px;
  margin-top: 2.5rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .blog__button {
    margin-top: 3.8125rem;
  }
}

.button.blog-button {
  padding: 5px 10px 8px 40px;
  padding: 0.3125rem 0.625rem 0.5rem 2.5rem;
}
@media screen and (min-width: 768px) {
  .button.blog-button {
    padding: 0.4375rem 0.75rem 0.625rem 2.6875rem;
  }
}

.concept__wrap {
  padding-top: 106px;
  padding-top: 6.625rem;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .concept__wrap {
    padding-top: 11.25rem;
    padding-bottom: 6.75rem;
  }
}

.concept__wrap::before {
  content: "";
  position: absolute;
  top: 4px;
  top: 0.25rem;
  left: 2.6%;
  right: 0;
  width: 554px;
  width: 34.625rem;
  height: 304px;
  height: 19rem;
  background-image: url("../images/common/concept-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .concept__wrap::before {
    background-size: contain;
    height: 45.375rem;
    left: 32.5%;
    width: 102%;
  }
}

.concept-top {
  margin-top: 58px;
  margin-top: 3.625rem;
}

@media screen and (min-width: 768px) {
  .concept__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.concept__article {
  padding: 0 20px;
  padding: 0 1.25rem;
}
@media screen and (min-width: 768px) {
  .concept__article {
    margin-left: 5.9375rem;
    width: 31.796%;
    padding: 2.125rem 0 0 0;
    margin-right: auto;
  }
}

.concept__title--en {
  color: #1391e6;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.1px;
}
@media screen and (min-width: 768px) {
  .concept__title--en {
    font-size: 0.875rem;
  }
}

.concept__title--ja {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.6px;
  margin-top: 14px;
  margin-top: 0.875rem;
}
@media screen and (min-width: 768px) {
  .concept__title--ja {
    line-height: 44px;
    letter-spacing: 2.24px;
    font-size: 1.75rem;
    margin-top: 1.5rem;
  }
}

.concept__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71429; /* 171.429% */
  margin-top: 27px;
  margin-top: 1.6875rem;
}
@media screen and (min-width: 768px) {
  .concept__text {
    margin-top: 2.25rem;
  }
}

.concept-btn {
  margin-top: 37px;
  margin-top: 2.3125rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .concept-btn {
    text-align: left;
  }
}

.concept__img {
  aspect-ratio: 334/230;
  overflow: hidden;
  margin-top: 41px;
  margin-top: 2.5625rem;
  margin-right: 41px;
  margin-right: 2.5625rem;
}
@media screen and (min-width: 768px) {
  .concept__img {
    aspect-ratio: 640/438;
    margin-top: 0;
    margin-right: 0;
    width: 50%;
  }
}

.concept__img-right {
  aspect-ratio: 334/230;
  overflow: hidden;
  margin-top: 41px;
  margin-top: 2.5625rem;
  margin-left: 41px;
  margin-left: 2.5625rem;
}
@media screen and (min-width: 768px) {
  .concept__img-right {
    aspect-ratio: 640/438;
    margin-top: 0;
    margin-left: 0;
    width: 50%;
  }
}

.concept__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.information {
  position: relative;
  padding-top: 96px;
  padding-top: 6rem;
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
}
@media screen and (min-width: 768px) {
  .information {
    padding-top: 8.4375rem;
    padding-bottom: 0rem;
  }
}

.information__bg-top {
  position: relative;
  width: 100%;
  height: 22.6666vw;
}
@media screen and (min-width: 768px) {
  .information__bg-top {
    height: 15.8593vw;
  }
}

.information__bg-top::before {
  content: "";
  background-image: url("../images/common/information_bg-top-sp.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: inherit;
  height: inherit;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .information__bg-top::before {
    background-image: url("../images/common/information_bg-top-pc.png");
  }
}

.information__bg-main {
  padding-top: 27px;
  padding-top: 1.6875rem;
  background: #dff1fd;
  padding-bottom: 62px;
  padding-bottom: 3.875rem;
}
@media screen and (min-width: 768px) {
  .information__bg-main {
    padding-top: 0rem;
    margin-top: -0.125rem;
    padding-bottom: 5.0625rem;
  }
}

.information__bg-bottom {
  position: relative;
  width: 100%;
  height: 7.46666vw;
}
@media screen and (min-width: 768px) {
  .information__bg-bottom {
    height: 7.5781vw;
  }
}

.information__bg-bottom::before {
  content: "";
  background-image: url("../images/common/information_bg-bottom-sp.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: inherit;
  height: inherit;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .information__bg-bottom::before {
    background-image: url("../images/common/information_bg-bottom-pc.png");
  }
}

.information__bg-bottom-deco {
  position: relative;
}

.information__bg-bottom-deco::before {
  content: "";
  background-image: url("../images/common/information_bottom-deco-kira-sp.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  width: 1.5rem;
  height: 25px;
  height: 1.5625rem;
  position: absolute;
  left: 12px;
  left: 0.75rem;
  bottom: 40px;
  bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .information__bg-bottom-deco::before {
    background-image: url("../images/common/information_bottom-deco-kira-pc.png");
    width: 3.5625rem;
    height: 3.5rem;
    left: 2.5rem;
    bottom: 5.875rem;
  }
}

.information__bg-bottom-deco::after {
  content: "";
  background-image: url("../images/common/information_bottom-deco-2-sp.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 56px;
  width: 3.5rem;
  height: 60px;
  height: 3.75rem;
  position: absolute;
  right: 7px;
  right: 0.4375rem;
  bottom: 22px;
  bottom: 1.375rem;
}
@media screen and (min-width: 768px) {
  .information__bg-bottom-deco::after {
    background-image: url("../images/common/information_bottom-deco-pc.png");
    width: 7.831875rem;
    height: 8.625rem;
    right: 1.278125rem;
    bottom: 4.75rem;
  }
}

.information__inner {
  max-width: 1050px;
  max-width: 65.625rem;
}

.information__items {
  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;
  gap: 1.25rem;
  margin-top: 37px;
  margin-top: 2.3125rem;
}
@media screen and (min-width: 768px) {
  .information__items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5rem;
    margin-top: 3.6875rem;
  }
}

.information__item {
  border-radius: 1.25rem;
  overflow: hidden;
  text-align: center;
  color: #fff;
  font-weight: 700;
  position: relative;
}

@media screen and (min-width: 768px) {
  .information__item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(0, 0, 0);
    width: 100%;
    height: 100%;
    border-radius: 1.25rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.2;
    z-index: 3;
  }
}

@media screen and (min-width: 768px) {
  .information__item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0.375rem 0.4375rem;
    border: 2px solid #fff;
    border-radius: 1.25rem;
    z-index: 4;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

.information__img {
  aspect-ratio: 335/210;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .information__img {
    aspect-ratio: 460/290;
    max-width: 28.75rem;
  }
}

.information__img img {
  /* max-width: 460px;
  max-width: 28.75rem; */
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.information__title-block {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 3;
}

.information__title {
  font-size: 20px;
  letter-spacing: 1.6px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .information__title {
    font-size: 28px;
    font-size: 1.75rem;
    letter-spacing: 2.24px;
  }
}

.information__title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  bottom: -1.25rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  width: 1.875rem;
  height: 2px;
  height: 0.125rem;
  background: #fff;
  border-radius: 1.25rem;
}
@media screen and (min-width: 768px) {
  .information__title::after {
    width: 2.5rem;
  }
}

.information__sub-title {
  font-size: 12px;
  letter-spacing: 0.96px;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .information__sub-title {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 1.28px;
  }
}

.information__text-block {
  margin-top: 21px;
  margin-top: 1.3125rem;
}
@media screen and (min-width: 768px) {
  .information__text-block {
    margin-top: 3.75rem;
  }
}

.information__text {
  padding: 18px 20px 17px 20px;
  padding: 1.125rem 1.25rem 1.0625rem 1.25rem;
  background: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
}
@media screen and (min-width: 768px) {
  .information__text {
    padding: 2.25rem 2.5rem 2.1875rem 2.5rem;
    line-height: 28px; /* 200% */
  }
}

@media screen and (min-width: 768px) {
  .information__item:hover .information__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@media screen and (min-width: 768px) {
  .information__item:hover::before {
    opacity: 0.4;
  }
}

@media screen and (min-width: 768px) {
  .information__item:hover::after {
    opacity: 1;
  }
}

.mv {
  position: relative;
  padding-top: 75px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .mv {
    padding-top: 120px;
  }
}

.mv__swiper-block {
  padding: 0 20px;
  padding: 0 1.25rem;
}
@media screen and (min-width: 768px) {
  .mv__swiper-block {
    padding: 0 3.75rem;
  }
}

/* .mv__slide {
  margin-top: 15px;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .mv__slide {
    margin-top: 1.25rem;
  }
} */

.mv__slide-img {
  aspect-ratio: 335/447;
  overflow: hidden;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .mv__slide-img {
    aspect-ratio: 1160/520;
    border-radius: 1.25rem;
  }
}

.swiper-slide::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 8px;
  opacity: 0.1;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .swiper-slide::after {
    border-radius: 1.25rem;
  }
}

.mv__slide-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.swiper-pagination {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  gap: 0.375rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  margin-left: 2px;
  margin-left: 0.125rem;
}
@media screen and (min-width: 768px) {
  .swiper-pagination {
    margin-left: 2rem;
    margin-bottom: 0rem;
    gap: 0.5625rem;
  }
}

.swiper-button-next {
  width: 42px;
  width: 2.625rem;
  height: 42px;
  height: 2.625rem;
  margin-top: -4px;
  /* margin-top: 1.125rem; */
  margin-right: -10px;
  margin-right: -0.625rem;
}
@media screen and (min-width: 768px) {
  .swiper-button-next {
    width: 3.875rem;
    height: 3.875rem;
    margin-top: 17px;
    margin-right: 1.25rem;
  }
}

.swiper-button-prev {
  width: 42px;
  width: 2.625rem;
  height: 42px;
  height: 2.625rem;
  margin-top: -4px;
  /* margin-top: 1.125rem; */
  margin-left: -10px;
  margin-left: -0.625rem;
}
@media screen and (min-width: 768px) {
  .swiper-button-prev {
    width: 3.875rem;
    height: 3.875rem;
    margin-top: 17px;
    margin-left: 1.375rem;
  }
}

.mv__text-container {
  position: absolute;
  width: 100%;
  left: 40px;
  left: 2.5rem;
  bottom: 42px;
  bottom: 2.625rem;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .mv__text-container {
    left: 7.625rem;
    bottom: 3.8125rem;
  }
}

.mv__text {
  color: #fff;
  text-shadow: 4px 6px 6px rgba(0, 0, 0, 0.2);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .mv__text {
    font-size: 2rem;
    letter-spacing: 2.56px;
  }
}

.mv__text span {
  display: inline-block;
  position: relative;
}

.mv__text span::after {
  background: radial-gradient(circle farthest-side, #fff, #fff 30%, transparent 30%, transparent);
  background-size: 10px;
  content: "";
  display: inline-block;
  height: 10px;
  width: 100%;
  position: absolute;
  bottom: -5px;
  bottom: -0.3125rem;
  left: 0;
}

.mv__text + .mv__text {
  margin-top: 12px;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .mv__text + .mv__text {
    margin-top: 1rem;
  }
}

.mv__btn {
}

@media screen and (min-width: 768px) {
  .mv__btn {
    position: absolute;
    top: 144px;
    right: 0px;
    right: 0rem;
    z-index: 1;
  }
}

@media screen and (min-width: 768px) {
  .page-mv .mv__btn {
    position: absolute;
    top: 176px;
    right: 0px;
    right: 0rem;
    z-index: 1;
  }
}

.mv-btn {
  width: 92px;
  width: 5.75rem;
  height: 120px;
  height: 7.5rem;
  background-color: #1391e6;
  border-radius: 20px 0px 0px 20px;
  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;
  gap: 0.625rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px;
  padding-top: 1.25rem;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.mv-btn:hover {
  background-color: #0060a0;
}

.mv__btn img {
  width: 52px;
  width: 3.25rem;
  height: 32px;
  height: 2rem;
}

.mv__btn span {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 130%;
}

@media screen and (min-width: 768px) {
  .news {
    max-width: 33.875rem;
    width: 100%;
  }
}

.news-top {
  margin-top: 40px;
  margin-top: 2.4375rem;
}
@media screen and (min-width: 768px) {
  .news-top {
    margin-top: 1.875rem;
  }
}

@media screen and (min-width: 768px) {
  .news__inner.inner {
    padding: 0rem;
  }
}

.news__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.news-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 16px;
  gap: 1rem;
  margin-left: 15px;
  margin-left: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .news-title {
    margin-left: 0.8125rem;
  }
}

.news-title--ja {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1.6px;
}

.news-title--en {
  color: #1391e6;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  display: inline-block;
  line-height: 1;
  padding-top: 14px;
  padding-top: 0.875rem;
}
@media screen and (min-width: 768px) {
  .news-title--en {
    font-size: 0.75rem;
  }
}

.news-archive {
  padding-top: 2px;
  padding-top: 0.125rem;
}

.news-archive__link {
  color: #888;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-underline-offset: 0.25rem;
}
@media screen and (min-width: 768px) {
  .news-archive__link {
    font-size: 0.75rem;
  }
}

.news-archive__link:hover {
  opacity: 0.7;
}

.news__item {
  margin-top: 4px;
  margin-top: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 11px 5px 8px;
  padding: 0.6875rem 0.3125rem 0.5rem;
  border-top: 1px solid #393939;
  border-bottom: 1px solid #393939;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .news__item {
    padding: 0.5rem 0.3125rem 0.4375rem;
  }
}

.news__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.news__date {
  font-size: 12px;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .news__date {
    padding-left: 0.4375rem;
  }
}

.news__article-title {
  font-size: 14px;
  font-weight: 500;
  margin-left: 24px;
  margin-left: 1.5rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .news__article-title {
    margin-left: 1.25rem;
  }
}

.news__icon {
  margin-left: auto;
  margin-top: -2px;
}

@media screen and (min-width: 768px) {
  .news__icon {
    margin-top: 0;
  }
}

.icon-right--black {
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
}

@media screen and (min-width: 768px) {
  .news__item:hover .news__date {
    color: #1391e6;
  }
}

@media screen and (min-width: 768px) {
  .news__item:hover .news__article-title {
    color: #1391e6;
  }
}

@media screen and (min-width: 768px) {
  .news__item:hover .icon-right--black path {
    stroke: #1391e6;
  }
}

@media screen and (min-width: 768px) {
  .news__item:hover .icon-right--black {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}

.recommendation-top {
  margin-top: 95px;
  margin-top: 5.9375rem;
}
@media screen and (min-width: 768px) {
  .recommendation-top {
    margin-top: 7.5rem;
  }
}

.recommendation__inner {
  max-width: 1280px;
  width: 100%;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .recommendation__inner {
    padding-left: 9.8125rem;
    padding-right: 9.8125rem;
  }
}

.recommendation__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 36px;
  margin-top: 2.25rem;
}
@media screen and (min-width: 768px) {
  .recommendation__items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 3.625rem;
  }
}

.recommendation__item {
  width: 100%;
}

.recommendation__item + .recommendation__item {
  margin-top: 58px;
  /* margin-top: 3.5625rem; */
}
@media screen and (min-width: 768px) {
  .recommendation__item + .recommendation__item {
    margin-top: 0;
    margin-left: 3.75rem;
  }
}

.recommendation__title {
  width: 177px;
  width: 11.0625rem;
  height: 32px;
  height: 2rem;
  margin: auto;
}
.recommendation__img {
  /* width: 28.75%; */
  width: 82.388%;
  margin: 12px auto 0 auto;
  margin: 0.75rem auto 0 auto;
}
@media screen and (min-width: 768px) {
  .recommendation__img {
    width: 100%;
    margin: 11px auto 0 auto;
  }
}

.recommendation__img img {
  /* width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -2; */
}

.recommendation__pop {
  color: #fff;
  margin: auto;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem;
  margin-top: -13px;
  margin-top: -0.8125rem;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .recommendation__pop {
    margin-top: -1.0625rem;
  }
}

.recommendation__pop::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 276px;
  width: 17.25rem;
  height: 44px;
  height: 2.75rem;
  border-radius: 1.375rem;
  background: #1391e6;
  z-index: -1;
}

.recommendation__pop::after {
  content: "";
  background-image: url("../images/common/Polygon\ 1.png");
  background-size: cover;
  position: absolute;
  bottom: -19px;
  bottom: -1.1875rem;
  left: calc(50% - 0.09375rem);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 20px;
  width: 1.25rem;
  height: 26px;
  height: 1.625rem;
}

.recommendation__text {
  color: #393939;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  line-height: 1.5rem; /* 171.429% */
  margin-top: 19px;
  /* margin-top: 2.5625rem; */
  max-width: 281px;
  max-width: 17.5625rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.is-red {
  color: #ee5a6d;
}

.breadcrumb {
  margin-top: 9px;
  margin-top: 0.5625rem;
  font-size: 12px;
  font-weight: 500;
  /* margin-left: 20px; */
}
@media screen and (min-width: 768px) {
  .breadcrumb {
    margin-left: 30px;
  }
}

.breadcrumb a {
  color: #c2c2c2;
}

.medical__category {
  margin-top: 61px;
  margin-top: 3.8125rem;
}
@media screen and (min-width: 768px) {
  .medical__category {
    margin-top: 5.25rem;
  }
}

@media screen and (min-width: 768px) {
  .inner.medical__inner {
    max-width: 1200px;
  }
}

@media screen and (min-width: 768px) {
  .medical__wrap {
    margin-left: -0.125rem;
  }
}

.medical__wrap + .medical__wrap {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (min-width: 768px) {
  .medical__wrap + .medical__wrap {
    margin-top: 4.9375rem;
  }
}

.medical__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 23px;
  gap: 1.4375rem;
}

.medical__text {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .medical__text {
    font-size: 1.75rem;
    letter-spacing: 2.24px;
  }
}

.medical__tag {
  padding: 7px 12px;
  padding: 0.4375rem 0.75rem;
  border-radius: 24px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 1.12px;
}

.tag-general {
  background: #1391e6;
}

.medical__items {
  margin-top: 32px;
  margin-top: 2rem;
  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) {
  .medical__items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.medical__item {
  border-radius: 12px;
  border: 1px solid #1391e6;
  background: #fff;
  text-align: center;
}

.medical__item + .medical__item {
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .medical__item + .medical__item {
    margin-top: 0;
    margin-left: 1rem;
  }
}

.medical-item__link {
  display: block;
  padding: 14px 20px;
  padding: 0.875rem 1.25rem;
  color: #1391e6;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .medical-item__link {
    padding: 1rem 1.875rem;
    font-size: 1.5rem;
    letter-spacing: 1.92px;
  }
}

.tag-special {
  background: #ee5a6d;
}

.medical-info {
  margin-top: 100px;
  margin-top: 6.25rem;
}
@media screen and (min-width: 768px) {
  .medical-info {
    margin-top: 9.875rem;
  }
}

.medical-info__wrap {
  padding-top: 27px;
  padding-top: 1.6875rem;
  padding-bottom: 62px;
  padding-bottom: 3.875rem;
  background: #dff1fd;
}
@media screen and (min-width: 768px) {
  .medical-info__wrap {
    padding-top: 0;
    padding-bottom: 5.1875rem;
  }
}

.point {
  padding-top: 80px;
  margin-top: -80px;
  display: block;
}

.card-general:nth-child(1) {
  margin-top: 37px;
  margin-top: 2.3125rem;
}
@media screen and (min-width: 768px) {
  .card-general:nth-child(1) {
    margin-top: 3.625rem;
  }
}

.card-general:nth-child(2) {
  margin-top: 41px;
  margin-top: 2.5625rem;
}
@media screen and (min-width: 768px) {
  .card-general:nth-child(2) {
    margin-top: 0rem;
  }
}

.card-general:nth-child(3) {
  margin-top: 42px;
  margin-top: 2.625rem;
}
@media screen and (min-width: 768px) {
  .card-general:nth-child(3) {
    margin-top: 0rem;
  }
}

.card-special:nth-child(1) {
  margin-top: 38px;
  /* margin-top: 2.625rem; */
}
@media screen and (min-width: 768px) {
  .card-special:nth-child(1) {
    margin-top: 3.625rem;
  }
}

.card-special:nth-child(2) {
  margin-top: 38px;
  /* margin-top: 2.625rem; */
}
@media screen and (min-width: 768px) {
  .card-special:nth-child(2) {
    margin-top: 0;
  }
}

.card-special:nth-child(3) {
  margin-top: 40px;
  /* margin-top: 2.625rem;  */
}
@media screen and (min-width: 768px) {
  .card-special:nth-child(3) {
    margin-top: 0;
  }
}

.card-special:nth-child(4) {
  margin-top: 38px;
  /* margin-top: 2.625rem;  */
}
@media screen and (min-width: 768px) {
  .card-special:nth-child(4) {
    margin-top: 0;
  }
}

.card-special:nth-child(5) {
  margin-top: 40px;
  /* margin-top: 2.625rem;  */
}
@media screen and (min-width: 768px) {
  .card-special:nth-child(5) {
    margin-top: 0;
  }
}

.medical-card {
  padding: 20px;
  padding: 1.25rem;
  border-radius: 20px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .medical-card {
    padding: 4.25rem 3.75rem 3.75rem 3.75rem;
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) {
  .medical-card + .medical-card {
    margin-top: 2.5rem;
  }
}

.point {
  padding-top: 80px;
  margin-top: -80px;
  display: block;
}

.card-general {
  position: relative;
}

.card-general::after {
  content: "";
  background-image: url("../images/common/page-card_tag.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  width: 5rem;
  height: 60px;
  height: 3.75rem;
  position: absolute;
  top: 0;
  right: 20px;
  right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .card-general::after {
    background-image: url("../images/common/page-card_tagpc-1.png");
    width: 6.25rem;
    height: 5rem;
    right: 3.75rem;
  }
}

.medical-card-top {
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #c2c2c2;
}
@media screen and (min-width: 768px) {
  .medical-card-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.375rem;
    padding-bottom: 2.625rem;
  }
}

.medical-card__title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 28px; /* 140% */
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .medical-card__title {
    font-size: 1.75rem;
    letter-spacing: 2.24px;
  }
}

.medical-card__sub-title {
  color: #1391e6;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 1.12px;
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .medical-card__sub-title {
    margin-top: 0;
  }
}

.medical-card__body {
  margin-top: 16px;
  margin-top: 1rem;
  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;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .medical-card__body {
    margin-top: 2.25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2.5rem;
  }
}

.medical-card__text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
}
@media screen and (min-width: 768px) {
  .medical-card__text {
    width: 47.7272%;
  }
}

.medical-card__img {
  aspect-ratio: 295/221;
  overflow: hidden;
  border-radius: 1.25rem;
}
@media screen and (min-width: 768px) {
  .medical-card__img {
    aspect-ratio: 420/315;
    width: 47.7272%;
  }
}

.medical-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.medical-info--special {
  margin-top: 100px;
  margin-top: 6.25rem;
}
@media screen and (min-width: 768px) {
  .medical-info--special {
    margin-top: 10rem;
  }
}

.card-special {
  position: relative;
}

.card-special::after {
  content: "";
  background-image: url("../images/common/page-card_tag2.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  width: 5rem;
  height: 60px;
  height: 3.75rem;
  position: absolute;
  top: 0;
  right: 20px;
  right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .card-special::after {
    background-image: url("../images/common/page-card_tag-pc2.png");
    width: 6.25rem;
    height: 5rem;
    right: 3.75rem;
  }
}

.medical-card-top-special {
  margin-top: 3px;
  margin-top: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .medical-card-top-special {
    margin-top: 0rem;
  }
}

.policy-top {
  margin-top: 56px;
  margin-top: 3.5rem;
}
@media screen and (min-width: 768px) {
  .policy-top {
    margin-top: 5.3125rem;
  }
}

.policy__wrap {
  padding-top: 140px;
  padding-top: 8.75rem;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .policy__wrap {
    padding-top: 16.875rem;
  }
}

.concept__wrap.policy__wrap::before {
  top: 37px;
  top: 2.3125rem;
}
@media screen and (min-width: 768px) {
  .concept__wrap.policy__wrap::before {
    top: 3.875rem;
  }
}

@media screen and (min-width: 768px) {
  .policy__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .policy__flex--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.policy__article {
  padding: 0 20px;
  padding: 0 1.25rem;
}
@media screen and (min-width: 768px) {
  .policy__article {
    margin-left: 5.9375rem;
    width: 31.796%;
    margin-right: auto;
    padding: 0;
  }
}

.policy__article--row {
  padding: 0 20px;
  padding: 0 1.25rem;
}
@media screen and (min-width: 768px) {
  .policy__article--row {
    margin-right: 5.75rem;
    width: 31.796%;
    margin-left: auto;
    padding: 0;
    margin-top: 2.1875rem;
  }
}

.policy__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .policy__text {
    margin-top: 2.25rem;
  }
}

.policy__img {
  aspect-ratio: 334/230;
  overflow: hidden;
  margin-top: 37px;
  margin-right: 41px;
  border-radius: 0px 20px 20px 20px;
}
@media screen and (min-width: 768px) {
  .policy__img {
    aspect-ratio: 640/438;
    margin-top: 0;
    margin-right: 0;
    width: 50%;
    margin-top: 0.375rem;
  }
}

.policy__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.feature {
  margin-top: 93px;
  margin-top: 5.8125rem;
}
@media screen and (min-width: 768px) {
  .feature {
    margin-top: 5.1875rem;
  }
}

.policy__img-right {
  aspect-ratio: 334/230;
  overflow: hidden;
  margin-top: 36px;
  margin-top: 2.25rem;
  margin-left: 41px;
  margin-left: 2.5625rem;
  border-radius: 20px 0px 0px 20px;
}
@media screen and (min-width: 768px) {
  .policy__img-right {
    aspect-ratio: 640/438;
    margin-top: 0;
    width: 50%;
    margin: 0;
  }
}

.policy__img-right img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.state {
  margin-top: 95px;
  margin-top: 5.9375rem;
}
@media screen and (min-width: 768px) {
  .state {
    margin-top: 12.5rem;
  }
}

.state__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  gap: 0.6875rem;
  margin-top: 37px;
  margin-top: 2.3125rem;
}
@media screen and (min-width: 768px) {
  .state__items {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.75rem;
  }
}

.state__item {
  aspect-ratio: 162/162;
  overflow: hidden;
  border-radius: 1.25rem;
}
@media screen and (min-width: 768px) {
  .state__item {
    aspect-ratio: 317/317;
  }
}

.state__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.staff-blog__inner {
}

.staff-blog__wrapper.archive__wrapper {
  margin-top: 44px;
  /* margin-top: 3.875rem; */
}
@media screen and (min-width: 768px) {
  .staff-blog__wrapper.archive__wrapper {
    margin-top: 5.25rem;
  }
}

.archive__title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 32px; /* 160% */
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .archive__title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 40px; /* 142.857% */
    letter-spacing: 2.24px;
  }
}

.archive__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  gap: 2rem;
  margin-top: 15px;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .archive__meta {
    margin-top: 1.25rem;
  }
}

.archive__date {
  color: #1391e6;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding-top: 2px;
  padding-top: 0.125rem;
}

.archive__date span {
  margin-left: 1px;
  margin-left: 0.0625rem;
}

.archive__category {
  padding: 6px 12px;
  padding: 0.375rem 0.75rem;
  border-radius: 0.75rem;
  background: #1391e6;
  color: #fff;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 500;
}

.archive__body {
  margin-top: 56px;
  margin-top: 3.5rem;
}
@media screen and (min-width: 768px) {
  .archive__body {
    margin-top: 3rem;
  }
}

.archive__body p {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
}

.archive__body p:nth-child(2) {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .archive__body p:nth-child(2) {
    margin-top: 1.5rem;
  }
}

.archive__body a {
  color: #1391e6;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.archive__body h2 {
  margin-top: 62px;
  margin-top: 3.875rem;
  color: #1391e6;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 1.44px;
  margin-left: 22px;
  margin-left: 1.375rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .archive__body h2 {
    margin-top: 4.25rem;
    font-size: 1.5rem;
    letter-spacing: 1.92px;
    margin-left: 1.75rem;
  }
}

/* .archive__title--h2 {
  color: #1391e6;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 1.44px;
  margin-left: 22px;
  margin-left: 1.375rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .archive__title--h2 {
    font-size: 1.5rem;
    letter-spacing: 1.92px;
    margin-left: 1.75rem;
  }
} */

.archive__body h2::before {
  content: "";
  width: 6px;
  width: 0.375rem;
  height: 40px;
  height: 2.5rem;
  background: #1391e6;
  position: absolute;
  top: 50%;
  left: -22px;
  left: -1.375rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .archive__body h2::before {
    width: 0.5rem;
    height: 3.25rem;
    left: -1.75rem;
  }
}

.wp-block-image {
  margin-top: 26px;
  margin-top: 1.625rem;
  aspect-ratio: 335/209;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .wp-block-image {
    margin-top: 1.75rem;
  }
}

.wp-block-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.archive__body h3 {
  margin-top: 40px;
  margin-top: 2.5rem;
  color: #1391e6;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1.28px;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #1391e6;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .archive__body h3 {
    margin-top: 2.5625rem;
    font-size: 1.25rem;
    letter-spacing: 1.6px;
    margin-bottom: 1.25rem;
  }
}

/* .archive__title--h3 {
  color: #1391e6;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1.28px;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #1391e6;
}
@media screen and (min-width: 768px) {
  .archive__title--h3 {
    font-size: 1.25rem;
    letter-spacing: 1.6px;
  }
} */

/* .archive__text--h3 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px;
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .archive__text--h3 {
    margin-top: 1.25rem;
  }
} */

.archive__body h4 {
  margin-top: 56px;
  margin-top: 3.5rem;
  color: #1391e6;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 1.12px;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .archive__body h4 {
    margin-top: 3.75rem;
    font-size: 1rem;
    letter-spacing: 1.28px;
    margin-bottom: 1.25rem;
  }
}

/* .archive__title--h4 {
  color: #1391e6;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 1.12px;
}
@media screen and (min-width: 768px) {
  .archive__title--h4 {
    font-size: 1rem;
    letter-spacing: 1.28px;
  }
} */

/* .archive__text--h4 {
  margin-top: 16px;
  margin-top: 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .archive__text--h4 {
    margin-top: 1.25rem;
  }
} */

.archive__body ul {
  margin-top: 12px;
  margin-top: 0.75rem;
  margin-left: 30px;
  margin-left: 1.875rem;
}
@media screen and (min-width: 768px) {
  .archive__body ul {
    margin-top: 1.3125rem;
    margin-left: 1.8125rem;
  }
}

.archive__body li {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 30px; /* 187.5% */
  position: relative;
}

.archive__body li::after {
  content: "⚫︎";
  position: absolute;
  left: -10px;
  left: -0.625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 4px;
  font-size: 0.25rem;
}
@media screen and (min-width: 768px) {
  .archive__body li::after {
    font-size: 0.375rem;
    left: -1rem;
  }
}

.archive__body li:nth-child(n + 2) {
  margin-top: 4px;
}

.archive__pagination {
  margin-top: 36px;
  margin-top: 2.25rem;
}
@media screen and (min-width: 768px) {
  .archive__pagination {
    margin-top: 4.5625rem;
  }
}

.pagination.archive__pagination {
  gap: 12px;
  /* gap: 0.375rem; */
}
@media screen and (min-width: 768px) {
  .pagination.archive__pagination {
    gap: 0.5625rem;
  }
}

.archive__pagination .pagination__item--list {
  border-radius: 4px;
  border: 1px solid #1391e6;
  width: 95px;
  height: 41px;
  color: #1391e6;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
}

.archive__pagination .pagination__item--prev a,
.archive__pagination .pagination__item--next a {
  width: 108px;
  height: 39px;
  border-radius: 4px;
  background: #1391e6;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  padding-top: 9px;
  padding-bottom: 8px;
  display: inline-block;
  position: relative;
}

@media screen and (min-width: 768px) {
  .archive__pagination .pagination__item--prev a,
  .archive__pagination .pagination__item--next a {
    width: 124px;
  }
}

.archive__pagination .pagination__item--prev a {
  padding-left: 16px;
}

.archive__pagination .pagination__item--next a {
  padding-right: 16px;
}

.archive__pagination .pagination__item--prev a::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/common/pagination-prev.png");
  background-size: contain;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.archive__pagination .pagination__item--next a::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/common/pagination-next.png");
  background-size: contain;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

/* .archive__pagination .pagination__item--prev svg,
.archive__pagination .pagination__item--next svg {
  padding-top: 6px;
  width: 18px;
  height: 18px;
} */

.pagination__item.archive-pagination__item {
  width: 95px;
  width: 5.9375rem;
  height: 41px;
  height: 2.5625rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .pagination__item.archive-pagination__item {
    width: 5.625rem;
  }
}

.pagination__item--prev.archive-pagination__item--prev {
  width: 108px;
  width: 6.75rem;
  height: 39px;
  height: 2.4375rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .pagination__item--prev.archive-pagination__item--prev {
    width: 7.75rem;
    height: 2.25rem;
  }
}

.pagination__link--prev.archive-pagination__link--prev svg {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
}

.pagination__item--next.archive-pagination__item--next {
  width: 108px;
  width: 6.75rem;
  height: 39px;
  height: 2.4375rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .pagination__item--next.archive-pagination__item--next {
    width: 7.75rem;
    height: 2.25rem;
  }
}

.pagination__link--next.archive-pagination__link--next svg {
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
}

@media screen and (min-width: 768px) {
  .staff-blog__side-bar.archive__side-bar {
    margin-top: 0rem;
  }
}

.page-booking {
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .page-booking {
    margin-top: 5.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .page-booking__contents {
    width: 45.5rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.page-booking-tel__title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .page-booking-tel__title {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 2.24px;
  }
}

.page-booking-tel__number {
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-booking-tel__number {
    margin-top: 1.4375rem;
  }
}

.page-booking-tel__number svg {
  width: 28px;
  width: 1.75rem;
  height: 28px;
  height: 1.75rem;
}

.page-booking-tel__number span {
  color: #1391e6;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.64px;
  margin-left: 3px;
  margin-left: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .page-booking-tel__number span {
    margin-left: 0.25rem;
  }
}

.page-booking-tel__info {
  color: #1391e6;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: -5px;
  margin-top: -0.3125rem;
  margin-left: 44px;
  margin-left: 2.75rem;
}
@media screen and (min-width: 768px) {
  .page-booking-tel__info {
    margin-top: -0.25rem;
  }
}

.page-booking-tel__text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-booking-tel__text {
    margin-top: 1.5rem;
  }
}

.page-booking-mail__title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 1.6px;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .page-booking-mail__title {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 2.24px;
  }
}

.page-booking-mail__text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .page-booking-mail__text {
    margin-top: 1.5rem;
  }
}

.page-booking__wrapper {
  margin-top: 89px;
  margin-top: 5.5625rem;
}
@media screen and (min-width: 768px) {
  .page-booking__wrapper {
    margin-top: 9.375rem;
  }
}

.page-booking__form {
  margin-top: 68px;
  margin-top: 4.25rem;
}
@media screen and (min-width: 768px) {
  .page-booking__form {
    margin-top: 4.375rem;
  }
}

.booking__dl .contact-form__row {
  padding-bottom: 25px;
  /* padding-bottom: 1.5625rem; */
}
@media screen and (min-width: 768px) {
  .booking__dl .contact-form__row {
    padding-bottom: 1.75rem;
  }
}

.booking__dl .contact-form__row.contact-form__row--check {
  padding-bottom: 23px;
}

@media screen and (min-width: 768px) {
  .booking__dl .contact-form__row.contact-form__row--check {
    padding-bottom: 19px;
  }
}

.contact-form__row.contact-form__row--radio {
  padding-bottom: 18px;
}

@media screen and (min-width: 768px) {
  .contact-form__row.contact-form__row--radio {
    padding-top: 2.5rem;
    padding-bottom: 34px;
  }
}

.contact-form__input--radio {
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .contact-form__input--radio {
    margin-top: 0;
  }
}

.is-required.is-required--radio::after {
  left: calc(100% + 16px);
}

input[type="radio"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.wpcf7-list-item.first {
  margin-left: 0;
}
.wpcf7-list-item.last {
  margin-left: 40px;
}

@media screen and (min-width: 768px) {
  .wpcf7-list-item.last {
    margin-left: 32px;
  }
}

/* .contact-form__input--check span.wpcf7-list-item:nth-child(3n) {
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  .contact-form__input--check span.wpcf7-list-item:nth-child(3n) {
    margin-right: 32px;
  }
}

@media screen and (min-width: 768px) {
  .contact-form__input--check span.wpcf7-list-item:nth-child(4n) {
    margin-right: 0;
  }
} */

.contact-form__input--radio span.wpcf7-list-item-label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #393939;
  font-size: 14px;
  font-weight: 500;
}

.contact-form__input--radio span.wpcf7-list-item-label::before {
  display: block;
  content: "";
  border-radius: 50%;
  border: 1px solid #1391e6;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.contact-form__input--radio span.wpcf7-list-item-label::after {
  display: block;
  position: absolute;
  content: "";
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #1391e6;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

input[type="radio"]:checked + span.wpcf7-list-item-label::after {
  display: block;
}

.contact-form__input--radio [type="radio"]:checked + span::after {
  display: block;
}

@media screen and (min-width: 768px) {
  .contact-form__row.contact-form__row--check {
    padding-top: 1.5625rem;
    padding-bottom: 1.3125rem;
  }
}

.contact-form__label--check {
  position: relative;
}
@media screen and (min-width: 768px) {
  .contact-form__label--check {
    width: 6rem;
    margin-top: -1.125rem;
  }
}

.contact-form__label--check::after {
  content: "※(複数選択可)";
  color: #888;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 500;
  position: absolute;
  bottom: -17px;
  bottom: -1.0625rem;
  left: 0;
}
.wpcf7-form-control.wpcf7-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 14px 0px;
  /* gap: 1rem 1.5rem; */
  padding-top: 36px;
  padding-top: 2.25rem;
  position: relative;
}

@media screen and (min-width: 768px) {
  .wpcf7-form-control.wpcf7-checkbox {
    padding-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .contact-form__input--check {
    padding-top: 0rem;
    gap: 1rem 2rem;
  }
}

.is-required.is-required--checkbox::after {
  left: calc(100% + 26px);
}

.check-caution {
  color: #888;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 500;
  margin-top: 10px;
  margin-top: 0.625rem;
}

.contact-form__input--check span.wpcf7-list-item {
  position: relative;
  margin: 0 24px 0 0; /*項目ごとの余白を調整*/
}

@media screen and (min-width: 768px) {
  .contact-form__input--check span.wpcf7-list-item {
    margin: 0 32px 0 0; /*項目ごとの余白を調整*/
  }
}

.contact-form__input--check .wpcf7-list-item-label {
  /*項目の色や文字サイズ*/
  color: #393939;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
}

.contact-form__input--check .wpcf7-list-item-label:before {
  /*チェックボックスの枠*/
  content: "";
  border: 1px solid #1391e6;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
  top: 0px;
  margin-right: 8px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
}

.contact-form__input--check .wpcf7-list-item-label::after {
  /*チェックアイコン*/
  content: "";
  display: none;
  position: absolute;
  top: 2px;
  left: 3px;
  width: 20px;
  height: 20px;
  background: url("../images/common/Check.png") no-repeat center;
  background-size: contain;
}

[type="checkbox"]:checked + .wpcf7-list-item-label::after {
  display: block;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 12px 16px;
  color: #393939;
  font-family: inherit;
  font-size: 14px;
  width: 100%;
  background: #f6f6f6 url("../images/common/select-icon.png") no-repeat right 10px center/20px 20px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding: 12px 15px;
  padding: 0.75rem 0.9375rem;
  border-radius: 0.25rem;
  margin-top: 11px;
  margin-top: 0.6875rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  select {
    width: 30.5rem;
    margin-left: auto;
    margin-top: 0;
  }
}

.is-required.is-required--select::after {
  left: calc(100% + 16px);
}

input[type="date"] {
  color: #c2c2c2;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding: 12px 15px;
  padding: 0.75rem 0.9375rem;
  border-radius: 0.25rem;
  background: #f6f6f6;
  margin-top: 11px;
  margin-top: 0.6875rem;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  input[type="date"] {
    width: 30.5rem;
    margin-left: auto;
    margin-top: 0;
  }
}

#your-date2 {
  margin-top: 18px;
  margin-top: 1.125rem;
}

#your-date3 {
  margin-top: 18px;
  margin-top: 1.125rem;
  margin-bottom: -2px;
  margin-bottom: -0.125rem;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: transparent;
  z-index: 1;
}

input[type="date"]::after {
  content: "";
  background-image: url("../images/common/icon-calender.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  right: 10px;
  right: 0.625rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  input[type="date"]::after {
    right: 0.75rem;
  }
}

.contact-form__row.page-booking__textarea--row {
  padding-bottom: 26px;
  padding-bottom: 1.625rem;
}

::-webkit-input-placeholder {
  color: #c2c2c2;
}

::-moz-placeholder {
  color: #c2c2c2;
}

::-ms-input-placeholder {
  color: #c2c2c2;
}

::placeholder {
  color: #c2c2c2;
}

.page-contact {
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .page-contact {
    margin-top: 5.25rem;
  }
}

.page-contact__text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
}
@media screen and (min-width: 768px) {
  .page-contact__text {
    width: 45.625rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.page-contact__text--red {
  color: #ee5a6d;
}

.page-contact__title {
  margin-top: 99px;
  margin-top: 6.1875rem;
}
@media screen and (min-width: 768px) {
  .page-contact__title {
    margin-top: 9.375rem;
  }
}

.page-contact__form {
  margin-top: 66px;
  margin-top: 4.125rem;
}
@media screen and (min-width: 768px) {
  .page-contact__form {
    margin-top: 4.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .contact-form {
    width: 45.5rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.contact-form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 25px;
  padding-top: 1.5rem;
  padding-bottom: 25px;
  /* padding-bottom: 1.4375rem; */
  border-top: 1px solid #ddd;
}
@media screen and (min-width: 768px) {
  .contact-form__row {
    -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;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.contact-form__row:last-child {
  border-bottom: 1px solid #ddd;
}

.wpcf7-spinner {
  visibility: hidden;
  display: none;
}

.contact-form__label {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
}

.is-required {
  display: inline-block;
  position: relative;
}

.is-required::after {
  content: "必須";
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 4px;
  background: #ee5a6d;
  width: 36px;
  height: 23px;
  padding: 3px 6px 2px 6px;
  padding: 0.1875rem 0.375rem 0.125rem 0.375rem;
}
@media screen and (min-width: 768px) {
  .is-required::after {
    left: calc(100% + 16px);
    margin-top: 0.0625rem;
  }
}

@media screen and (min-width: 768px) {
  .contact-form__input {
    width: 30.5rem;
  }
}

.contact-form__input [type="text"],
.contact-form__input [type="email"],
.contact-form__input [type="tel"] {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding: 12px 15px;
  padding: 0.75rem 0.9375rem;
  border-radius: 0.25rem;
  background: #f6f6f6;
  margin-top: 11px;
  margin-top: 0.6875rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contact-form__input [type="text"],
  .contact-form__input [type="email"],
  .contact-form__input [type="tel"] {
    width: 30.5rem;
    margin-left: auto;
    margin-top: 0;
  }
}

.contact-form__input [type="text"] {
  width: 100%;
}
.contact-form__input [type="tel"] {
  width: 100%;
}
.contact-form__input [type="email"] {
  width: 100%;
}
.contact-form__input [type="date"] {
  width: 100%;
}

.contact-form__input textarea {
  width: 100%;
}

.contact-form__textarea {
  height: 160px;
  height: 10rem;
  color: #c2c2c2;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding: 12px 15px;
  padding: 0.75rem 0.9375rem;
  border-radius: 0.25rem;
  background: #f6f6f6;
  margin-top: 11px;
  margin-top: 0.6875rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contact-form__textarea {
    height: 12.625rem;
    width: 30.5rem;
    margin-left: auto;
    margin-top: 0;
  }
}

.contact-form__button {
  margin-top: 70px;
  margin-top: 4.375rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contact-form__button {
    margin-top: 4.5rem;
  }
}

.contact-form__button [type="submit"] {
  width: 273px;
  height: 38px;
  border-radius: 24px;
  border: 1px solid #1391e6;
  background: #fff;
  color: #1391e6;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.12px;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .contact-form__button [type="submit"] {
    width: 22.5rem;
    height: 3.5rem;
    font-size: 1rem;
    letter-spacing: 1.28px;
    border-radius: 28px;
  }
}

.contact-form__button [type="submit"]:hover {
  color: #fff;
  background: #1391e6;
}

.page-mv {
  /* padding-top: 34px; */
  padding-top: 80px;
  /* padding-top: 5rem; */
}
@media screen and (min-width: 768px) {
  .page-mv {
    padding-top: 120px;
    /* padding-top: 88px; */
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media screen and (min-width: 768px) {
  .inner.page-mv__inner {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 72.5rem;
  }
}

.page-mv_wrap {
  position: relative;
}

.page-mv__img {
  aspect-ratio: 335/188;
  overflow: hidden;
  border-radius: 0.75rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-mv__img {
    aspect-ratio: 1160/340;
  }
}

.page-mv__img::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 12px;
  opacity: 0.2;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.page-mv__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.page-mv__text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.page-mv__title {
  font-size: 24px;
  letter-spacing: 4.8px;
  padding-left: 6px;
  padding-left: 0.375rem;
}
@media screen and (min-width: 768px) {
  .page-mv__title {
    font-size: 2rem;
    letter-spacing: 3.2px;
    padding-left: 0;
  }
}

.page-mv__sub-title {
  font-size: 12px;
  letter-spacing: 1.2px;
  margin-top: 14px;
  margin-top: 0.875rem;
  padding-left: 2px;
  padding-left: 0.125rem;
}
@media screen and (min-width: 768px) {
  .page-mv__sub-title {
    font-size: 0.875rem;
    letter-spacing: 1.4px;
    margin-top: 1.0625rem;
    padding-left: 0;
  }
}

.staff-blog__wrapper {
  margin-top: 68px;
  margin-top: 4.25rem;
}
@media screen and (min-width: 768px) {
  .staff-blog__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5.875rem;
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
    gap: 1.875rem;
  }
}

.staff-blog__cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .staff-blog__cards {
    max-width: 62.5rem;
    margin-left: auto;
    margin-right: auto;
    gap: 1.25rem;
  }
}

.staff-blog__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #fff;
}

.staff-blog__card:hover {
  opacity: 0.7;
}

.staff-blog__card-img {
  width: 39.7%;
  overflow: hidden;
  aspect-ratio: 133/101;
}
@media screen and (min-width: 768px) {
  .staff-blog__card-img {
    width: 36.417%;
    overflow: hidden;
    aspect-ratio: 244/153;
  }
}

.staff-blog__card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .staff-blog__card-img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

.staff-blog__card-body {
  width: 54.9%;
  margin-left: 10px;
  margin-left: 0.625rem;
}
@media screen and (min-width: 768px) {
  .staff-blog__card-body {
    width: 60.447%;
    margin-top: 1.25rem;
    margin-left: 1.25rem;
    z-index: 1;
  }
}

.staff-blog__card-category {
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  /* width: 56px; */
  border-radius: 0.625rem;
  background: #1391e6;
  padding: 1px 8px 2px 8px;
  padding: 0.0625rem 0.5rem 0.125rem 0.5rem;
  margin-top: 6px;
  margin-top: 0.375rem;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .staff-blog__card-category {
    font-size: 0.6875rem;
    margin-top: 0rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.875rem;
    /* width: 4.6875rem; */
  }
}

.staff-blog__card-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  margin-top: 5px;
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .staff-blog__card-title {
    margin-top: 8px;
    font-size: 1rem;
    line-height: 1.5; /* 150% */
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

.staff-blog__card__date {
  display: block;
  color: #888;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 500;
  margin-top: 8px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .staff-blog__card__date {
    color: #888;
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 0.875rem;
  }
}

.is-new {
  position: relative;
}

.is-new::after {
  content: "NEW";
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  padding: 13px 9px 12px 9px;
  padding: 0.8125rem 0.5625rem 0.75rem 0.5625rem;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  background: #ee5a6d;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  top: -0.5rem;
  left: -8px;
  left: -0.5rem;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .staff-blog__card:hover .staff-blog__card__img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@media screen and (min-width: 768px) {
  .staff-blog__card:hover .staff-blog__card__title {
    color: #1391e6;
  }
}

@media screen and (min-width: 768px) {
  .staff-blog__main {
    width: 67%;
  }
}

.staff-blog__pagination {
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .staff-blog__pagination {
    margin-top: 6.25rem;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.pagination a.next,
.pagination a.prev,
.page-numbers {
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  color: #1391e6;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #1391e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  .pagination a.next,
  .pagination a.prev,
  .page-numbers {
    width: 2.125rem;
    height: 2.25rem;
    font-size: 0.875rem;
  }
}

.page-numbers:hover {
  opacity: 0.7;
}

.pagination .current {
  background: #1391e6;
  color: #fff;
}

.pagination a.next,
.pagination a.prev {
  width: 71px;
  width: 4.4375rem;
  height: 30px;
  height: 1.875rem;
  background: #1391e6;
  color: #fff;
}

.pagination-next__span {
  margin-right: 3px;
}

.pagination-prev__span {
  margin-left: 3px;
}

@media screen and (min-width: 768px) {
  .pagination a.next,
  .pagination a.prev {
    width: 5.125rem;
    height: 2.25rem;
  }
}

.page-numbers + .page-numbers {
  margin-left: 7px;
  margin-left: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .pagination__item + .pagination__item {
    margin-left: 0.625rem;
  }
}

.sp-hidden {
  display: none;
}
@media screen and (min-width: 768px) {
  .sp-hidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.pagination__item.is-active {
  background: #1391e6;
  color: #fff;
  pointer-events: none;
}

.pagination__item:not(.is-active):hover {
  background: #1391e6;
  color: #fff;
}

.pagination__link--prev,
.pagination__link--next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  gap: 0.25rem;
}

.pagination__link--next {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.prev.page-numbers svg {
  width: 14px;
  height: 14px;
}

@media screen and (min-width: 768px) {
  .prev.page-numbers svg {
    width: 16px;
    height: 16px;
  }
}

.pagination__icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .pagination__icon {
    width: 1rem;
    height: 1rem;
  }
}

.staff-blog__side-bar {
  margin-top: 104px;
  /* margin-top: 6.25rem; */
}
@media screen and (min-width: 768px) {
  .staff-blog__side-bar {
    width: 30%;
    /* margin-top: -0.625rem; */
    margin-top: -6px;
  }
}
.single__wrapper .staff-blog__side-bar {
  margin-top: 104px;
}

@media screen and (min-width: 768px) {
  .single__wrapper .staff-blog__side-bar {
    margin-top: 4px;
  }
}

.staff-blog__title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px; /* 125% */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  gap: 0.625rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #888;
  position: relative;
  padding-left: 24px;
}

.staff-blog__title span img {
  content: "";
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  /* background-image: url("../images/common/staff-blog_icon-1.png");
  background-size: contain; */
  position: absolute;
  left: 0;
  top: calc(50% - 4px);
  transform: translateY(-50%);
}

.staff-blog__title--2 {
  padding-bottom: 11px;
}

.staff-blog__title--3 {
  padding-bottom: 12px;
}
/* .staff-blog__title:nth-of-type(2)::before {
  content: "";
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 1.5rem;
  background-image: url("../images/common/staff-blog_icon-3.png");
  background-size: contain;
  position: absolute;
  left: 0;
  top: calc(50% - 4px);
  transform: translateY(-50%);
} */

.cat-item {
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding-left: 32px;
}

.cat-item::before {
  content: "";
  width: 6px;
  height: 12px;
  background-image: url("../images/common/icon-arrow-blue.png");
  background-size: contain;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.cat-item:nth-child(n + 2) {
  margin-top: 12px;
}

.staff-blog__info-img {
  aspect-ratio: 335/210;
  overflow: hidden;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.staff-blog__info-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.staff-blog__info-title {
  margin-top: 20px;
  margin-top: 1.25rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}

.staff-blog__info-text {
  margin-top: 10px;
  margin-top: 0.625rem;
  color: #393939;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
}

.staff-blog__info-link {
  margin-top: 10px;
  margin-top: 0.625rem;
  margin-left: 3px;
  margin-left: 0.1875rem;
  color: #1391e6;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.staff-blog__info-link:hover {
  opacity: 0.7;
}

.staff-blog__info-link span {
  display: block;
  padding-top: 1px;
  padding-top: 0.0625rem;
}

.staff-blog__new {
  margin-top: 57px;
  margin-top: 3.5625rem;
}

.staff-blog__new-cards {
  margin-top: 20px;
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  gap: 1.25rem;
}

@media screen and (min-width: 768px) {
  .staff-blog__card-img.staff-blog__new-card-img {
    /* aspect-ratio: 120 / 90; */
    overflow: hidden;
    /* width: 40%; */
    max-width: 120px;
    width: 100%;
    /* height: 90px; */
  }
}

@media screen and (min-width: 768px) {
  .staff-blog__new-card {
    height: 90px;
  }
}

@media screen and (min-width: 768px) {
  /* .staff-blog__new-card-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  } */
  .staff-blog__new-card-img img.staff-blog__thumbnail {
    width: 100%;
    height: auto; /* 高さを自動調整してアスペクト比を保持 */
    object-fit: contain;
  }
}

@media screen and (min-width: 768px) {
  .staff-blog__new-card-body {
    width: 56.6666%;
    margin-left: 0.625rem;
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .staff-blog__new-card-category {
    /* width: 3.5rem; */
    font-size: 0.625rem;
    font-weight: 500;
    padding: 0.0625rem 0.5rem 0.125rem 0.5rem;
  }
}

@media screen and (min-width: 768px) {
  .staff-blog__new-card-body h3 {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    margin-top: 0.375rem;
  }
}

@media screen and (min-width: 768px) {
  .staff-blog__new-card__date {
    margin-top: 0.375rem;
    color: #888;
    font-size: 0.6875rem;
    font-weight: 500;
  }
}

.staff-blog__category {
  margin-top: 60px;
  margin-top: 3.75rem;
}

.staff-blog__category-wrapper {
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .staff-blog__category-wrapper {
    margin-top: 1.25rem;
  }
}

.staff-blog__category-link {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  gap: 0.375rem;
  margin-left: 20px;
  margin-left: 1.25rem;
}

.staff-blog__category-link + .staff-blog__category-link {
  margin-top: 12px;
  margin-top: 0.75rem;
}

.director {
  margin-top: 57px;
  margin-top: 3.5625rem;
}
@media screen and (min-width: 768px) {
  .director {
    margin-top: 5.25rem;
  }
}

@media screen and (min-width: 768px) {
  .director__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 62.5rem;
    margin-top: 3.75rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) {
  .director__content {
    width: 46%;
  }
}

.director__greetings {
  margin-top: 34px;
  margin-top: 2.125rem;
}
@media screen and (min-width: 768px) {
  .director__greetings {
    margin-top: 0;
  }
}

.director__title {
  font-size: 20px;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 1.6px;
}
@media screen and (min-width: 768px) {
  .director__title {
    font-size: 1.75rem;
    line-height: 44px; /* 157.143% */
    letter-spacing: 2.24px;
  }
}

.director__text {
  margin-top: 28px;
  margin-top: 1.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
}
@media screen and (min-width: 768px) {
  .director__text {
    margin-top: 2.25rem;
  }
}

.director__name {
  margin-top: 34px;
  margin-top: 2.125rem;
  text-align: right;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
}
@media screen and (min-width: 768px) {
  .director__name {
    margin-top: 0.9375rem;
  }
}

.director__img--sp {
  margin-top: 40px;
  margin-top: 2.5rem;
  aspect-ratio: 335/446;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
}

.director__img--sp::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #ececec;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.director__img--sp img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.director__career {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .director__career {
    margin-top: 3.5rem;
  }
}

.director-profile__title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding-bottom: 6px;
  padding-bottom: 0.375rem;
  border-bottom: 1px solid #393939;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.director-profile__career {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 13px;
  margin-top: 0.8125rem;
}

.director-profile__date {
  width: 50px;
  width: 3.125rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}

.director-profile__text {
  width: calc(100% - 65px);
  padding-left: 15px;
  padding-left: 0.9375rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}

.director-profile__text--w {
  line-height: 161%; /* 22.54px */
  padding-bottom: 1px;
  padding-bottom: 0.0625rem;
}
@media screen and (min-width: 768px) {
  .director-profile__text--w {
    color: #393939;
    line-height: 24px; /* 171.429% */
    padding-bottom: 0rem;
  }
}

.director__license {
  margin-top: 38px;
  margin-top: 2.375rem;
  margin-bottom: 2px;
  margin-bottom: 0.125rem;
}
@media screen and (min-width: 768px) {
  .director__license {
    margin-top: 1.875rem;
  }
}

.director-profile__license {
  margin-top: 14px;
  margin-top: 0.875rem;
}

.director-license__text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .director__img--pc {
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative;
    width: 46%;
    height: auto;
    max-height: 38.3125rem;
    margin-left: 5rem;
    margin-top: 0.125rem;
  }
}

@media screen and (min-width: 768px) {
  .director__img--pc::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: #ececec;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
  }
}

@media screen and (min-width: 768px) {
  .director__img--pc img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

.director__swiper {
  margin-top: 100px;
  margin-top: 6.25rem;
}
@media screen and (min-width: 768px) {
  .director__swiper {
    /* margin-top: 10rem; */
    margin-top: 157px;
  }
}

.js-director-swiper > .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.director-slide {
  aspect-ratio: 200/150;
  overflow: hidden;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .director-slide {
    aspect-ratio: 305/229;
  }
}

.director-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.staff {
  margin-top: 96px;
  margin-top: 6rem;
}
@media screen and (min-width: 768px) {
  .staff {
    margin-top: 161px;
  }
}

@media screen and (min-width: 768px) {
  .inner.staff__inner {
    padding-left: 4.6875rem;
    padding-right: 4.6875rem;
  }
}

.staff__contents {
  margin-top: 34px;
  margin-top: 2.125rem;
}
@media screen and (min-width: 768px) {
  .staff__contents {
    margin-top: 3.75rem;
  }
}

.staff__content + .staff__content {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .staff__content + .staff__content {
    margin-top: 3.875rem;
  }
}

.staff__title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1.28px;
  border-bottom: 1px solid #707070;
  padding-bottom: 7px;
  padding-bottom: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .staff__title {
    padding-bottom: 0.3125rem;
  }
}

.staff__cards {
  margin-top: 36px;
  margin-top: 2.25rem;
}
@media screen and (min-width: 768px) {
  .staff__cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3.75rem 5rem;
    margin-top: 2.4375rem;
  }
}

.staff-card {
  border-radius: 1.25rem;
}

.staff-card + .staff-card {
  margin-top: 56px;
  margin-top: 3.5rem;
}
@media screen and (min-width: 768px) {
  .staff-card + .staff-card {
    margin-top: 0;
  }
}

.staff-card__img {
  aspect-ratio: 335/336;
  overflow: hidden;
}

.staff-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.staff-card__text {
  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;
  gap: 12px;
  gap: 0.75rem;
  margin-top: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .staff-card__text {
    margin-top: 1rem;
  }
}

.staff-card__post {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.96px;
}

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

.staff-card__description {
  margin-top: 16px;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  border-top: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .staff-card__description {
    margin-top: 0.875rem;
  }
}

.staff-card__description dt {
  width: 140px;
  width: 8.75rem;
  height: 54px;
  height: 3.375rem;
  background: #dff1fd;
  padding: 17px 20px 16px 20px;
  padding: 1.0625rem 1.25rem 1rem 1.25rem;
  border-bottom: 1px solid #fff;
}

.staff-card__description dd {
  width: calc(100% - 140px);
  padding: 17px 20px 16px 20px;
  padding: 1.0625rem 1.25rem 1rem 1.25rem;
  border-bottom: 1px solid #fff;
}

.sp-bottom {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 100;
  background: #fff;
  border-top: 1px solid #1391e6;
  padding: 6px 20px 6px 16px;
}

.sp-bottom__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.sp-bottom__left {
  padding-top: 1px;
  padding-bottom: 2px;
}

.sp-bottom__left svg {
  width: 18px;
  height: 18px;
}

.sp-bottom__number {
  color: #1391e6;
  font-size: 20px;
  font-weight: 700;
}

.sp-bottom__left-text {
  font-size: 10px;
  font-weight: 500;
}

.sp-bottom__right {
  border-radius: 8px;
  background: #1391e6;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 21px 9px 15px;
}

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

.sp-bottom__right-text {
  color: #fff;
  font-weight: 700;
}

.p-bottom__reservation {
  font-size: 16px;
}

.sp-bottom__reservation-small {
  font-size: 12px;
  margin-top: -5px;
}

.not-found {
  margin-top: 150px;
  margin-bottom: 150px;
  text-align: center;
}

.not-found__title {
  font-size: 64px;
  color: lightpink;
}

.not-found__sub-title {
  color: #888;
  font-size: 32px;
  margin-top: 50px;
}

.not-found__text {
  color: #888;
  margin-top: 30px;
}

.not-found__btn {
  margin-top: 80px;
}

.not-found__button {
  color: #888;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  margin: 0 auto;
  padding: 0.9em 2em;
  border-radius: 5px;
  font-size: 20px;
  background: #c9c9c9;
  padding: 20px;
}

.single-plan {
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #dff1fd;
}

/*# sourceMappingURL=styles.css.map */