@charset "UTF-8";
:root {
  --font-base: "Noto Sans JP", sans-serif;
  --font-en: "Quicksand", sans-serif;
  --font-maru: "Zen Maru Gothic", sans-serif;
}

:root {
  --color-text: #413b32;
  --color-sub-text: #846f63;
  --color-orange: #f5832b;
  --color-l-orange: #ffd9a8;
  --color-pink: #f388a2;
  --color-l-pink: #fcc3d1;
  --color-blue: #0896e2;
  --color-l-blue: #9ad2ed;
  --color-top-gray: #eeeeee;
  --color-bg-gray: #f7f7f7;
  --color-border: #dcdcdc;
  --color-table: #ebe8e7;
  --color-navy: #1663b0;
}

.l-main {
  padding-top: 5rem;
}
@media (min-width: 768px) {
  .l-main {
    padding: 8.75rem;
  }
}

.wrapper {
  padding-inline: calc(1.25px * 1rem);
}
@media (min-width: 768px) {
  .wrapper {
    padding-inline: calc(1.875px * 1rem);
  }
}
@media (min-width: 990px) {
  .wrapper {
    padding-inline: calc(3.125px * 1rem);
  }
}

.container {
  max-width: 1280px;
  margin-inline: auto;
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: transparent;
  transition: background-color 0.3s ease;
}
.l-header.is-sticky {
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.l-header__inner {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
}
@media (min-width: 990px) {
  .l-header__inner {
    background-color: #eee;
  }
}
@media (min-width: 1300px) {
  .l-header__inner {
    padding: 24px 0;
  }
}
.l-header__logo {
  display: flex;
  align-items: center;
  width: 36%;
  margin-left: 0.9375rem;
}
@media (min-width: 768px) {
  .l-header__logo {
    margin-left: 1.5rem;
    width: 12.5rem;
    max-width: 12.5rem;
  }
}
@media (min-width: 990px) {
  .l-header__logo {
    margin-left: 2.5rem;
    width: 15vw;
    max-width: 500px;
  }
}
.l-header {
  /* PCナビゲーションエリア */
}
.l-header__nav-area {
  display: none;
  margin: 0 0 0 auto;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 0 1.875rem;
}
@media (min-width: 1000px) {
  .l-header__nav-area {
    display: flex;
  }
}
@media (min-width: 1300px) {
  .l-header__nav-area {
    margin-right: 240px;
    padding: 0 1.875rem;
  }
}
.l-header__nav-area a,
.l-header__nav-area .nav-parent {
  transition: color 0.3s;
}
.l-header__nav-area a:hover,
.l-header__nav-area .nav-parent:hover {
  color: var(--color-orange);
  transition: color 0.3s;
}
.l-header__nav-area a:hover span svg path,
.l-header__nav-area .nav-parent:hover span svg path {
  stroke: var(--color-orange);
}
.l-header__sub-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 0.625rem;
}
.l-header__sub-list {
  display: flex;
  gap: 1.25rem;
}
@media (min-width: 1200px) {
  .l-header__sub-list {
    gap: 1.875rem;
  }
}
.l-header__sub-list li a {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 500;
  font-family: var(--font-maru);
  font-weight: 600;
}
.l-header__sub-list .recruit_sm {
  display: block;
}
@media (min-width: 1136px) {
  .l-header__sub-list .recruit_sm {
    display: none;
  }
}
.l-header__lang {
  display: flex;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  overflow: hidden;
}
.l-header__lang button {
  font-size: 0.6875rem;
  padding: 2px 8px;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
}
.l-header__lang button.is-active {
  background: var(--color-text);
  color: #fff;
}
.l-header__lang button:hover {
  background: var(--color-text);
  color: #fff;
  transition: all 0.3s;
}
.l-header__main-list {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 1200px) {
  .l-header__main-list {
    gap: 1.875rem;
  }
}
.l-header__main-list li {
  position: relative;
}
.l-header__main-list li a {
  display: flex;
  align-items: center;
  gap: 3px;
  font-family: var(--font-maru);
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--color-text);
  letter-spacing: 0.05em;
  line-height: 1.2;
}
@media (min-width: 1150px) {
  .l-header__main-list li a {
    font-size: 0.875rem;
    letter-spacing: 0;
  }
}
@media (min-width: 1390px) {
  .l-header__main-list li a {
    font-size: 0.9375rem;
    letter-spacing: 0.05em;
  }
}
.l-header__main-list li a span {
  flex-shrink: 0;
}
.l-header__main-list li.recruit_lg {
  display: none;
}
@media (min-width: 1136px) {
  .l-header__main-list li.recruit_lg {
    display: block;
  }
}
.l-header__main-list li .nav-parent {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-maru);
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--color-text);
  letter-spacing: 0;
  cursor: pointer;
}
@media (min-width: 1092px) {
  .l-header__main-list li .nav-parent {
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .l-header__main-list li .nav-parent {
    font-size: 0.9375rem;
  }
}
.l-header__main-list li:hover .l-header__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.l-header__dropdown {
  position: absolute;
  top: 150%;
  left: 80%;
  transform: translateX(-50%) translateY(10px);
  background: #fff;
  width: 13.75rem;
  padding: 10px 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 10;
  border-radius: 10px;
}
.l-header__dropdown li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  font-size: 0.875rem;
  background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 4px, transparent 4px, transparent 8px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  transition: 0.3s;
}
.l-header__dropdown li a:hover {
  color: var(--color-orange);
  transition: 0.3s;
}
.l-header__dropdown li:last-of-type a {
  background-image: none;
}
.l-header__tile-group {
  display: flex;
  align-items: stretch;
}
.l-header__tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--font-maru);
  font-weight: 700;
  transition: opacity 0.3s;
  width: 4.5rem;
  height: 4rem;
}
@media (min-width: 768px) {
  .l-header__tile {
    width: 5.625rem;
    height: 5.625rem;
  }
}
@media (min-width: 1300px) {
  .l-header__tile {
    width: 7.5rem;
    height: 7.5rem;
  }
}
@media (min-width: 1300px) {
  .l-header__tile-group {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.l-header__tile.m-pdf {
  background: #fff;
  color: var(--color-text);
  border-radius: 0 0 0 10px;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
  transition: color 0.3s;
}
.l-header__tile.m-pdf:hover {
  color: var(--color-orange);
}
.l-header__tile.m-pdf .label {
  margin-top: 6px;
  font-size: 0.625rem;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .l-header__tile.m-pdf .label {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .l-header__tile.m-pdf .label {
    font-size: 0.8125rem;
  }
}
.l-header__tile.m-contact {
  background: var(--color-orange);
  color: #fff;
}
.l-header__tile.m-contact .label {
  margin-top: 6px;
  font-size: 0.625rem;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .l-header__tile.m-contact .label {
    font-size: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .l-header__tile.m-contact .label {
    font-size: 0.8125rem;
  }
}
.l-header__tile.m-hamburger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--color-text);
  color: #fff;
  border: none;
}
.l-header__tile.m-hamburger.is-open .hamburger-icon span:first-child {
  transform: rotate(16deg);
  top: 3px;
}
.l-header__tile.m-hamburger.is-open .hamburger-icon span:nth-child(2) {
  transform: rotate(-16deg);
  bottom: 3px;
}
.l-header__tile.m-hamburger.u-desktop {
  display: flex;
}
.l-header__tile.m-hamburger .label {
  margin-top: 6px;
  line-height: 1;
  font-size: 0.625rem;
}
@media (min-width: 1000px) {
  .l-header__tile.m-hamburger {
    display: none;
  }
}
.l-header__tile.m-hamburger .hamburger-icon {
  width: 24px;
  height: 8px;
  margin-top: 10px;
  position: relative;
  margin-bottom: 4px;
}
.l-header__tile.m-hamburger .hamburger-icon span {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  transition: all 0.3s;
}
.l-header__tile.m-hamburger .hamburger-icon span:first-child {
  top: 0;
  left: 0;
}
.l-header__tile.m-hamburger .hamburger-icon span:last-child {
  bottom: 0;
  left: 0;
}
.l-header__tile:hover {
  opacity: 0.9;
}

.icon-mail {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: currentColor;
  -webkit-mask-image: url("../../assets/img/common/mail.svg");
  mask-image: url("../../assets/img/common/mail.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon-file {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: currentColor;
  -webkit-mask-image: url("../../assets/img/common/file.svg");
  mask-image: url("../../assets/img/common/file.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.l-header__drawer {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  z-index: 999;
  overflow-y: auto;
  transition: right 0.4s cubic-bezier(0.45, 0, 0.55, 1);
  padding-top: 6.25rem;
  padding: 5rem 0.625rem 3.125rem;
  background-color: var(--color-top-gray);
}
.l-header__drawer.is-open {
  right: 0;
}
.l-header__drawer-inner {
  padding: 1.25rem;
  background: #fff;
  border-radius: 10px;
}
.l-header__drawer-lang {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.l-header__drawer-lang .label {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 0.6875rem;
}
.l-header__drawer-lang .lang-selection {
  display: flex;
  border: 1px solid var(--color-border);
  border-radius: 4px;
}
.l-header__drawer-lang .lang-selection span {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
}
.l-header__drawer-lang .lang-selection span.is-active {
  background: var(--color-text);
  color: #fff;
}
.l-header__drawer-list {
  margin-bottom: 1.875rem;
}
.l-header__drawer-list li a,
.l-header__drawer-list li button {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0.625rem 0;
  font-family: var(--font-maru);
  font-weight: 800;
  font-size: 1.0625rem;
  color: var(--color-text);
  position: relative;
  padding-left: 1.25rem;
}
.l-header__drawer-list li a::before,
.l-header__drawer-list li button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--color-orange);
  border-radius: 50%;
}
.l-header__drawer-list li a.sm,
.l-header__drawer-list li button.sm {
  font-size: 0.875rem;
}
.l-header__drawer-list li a.sm::before,
.l-header__drawer-list li button.sm::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: var(--color-orange);
  border-radius: 50%;
}
.l-header__drawer-hr {
  margin-bottom: 1.875rem;
}
.l-header__drawer-info {
  text-align: center;
  margin-bottom: 1.875rem;
}
.l-header__drawer-info .info-title {
  font-size: 0.9375rem;
  margin-bottom: 1.25rem;
  line-height: 1;
}
.l-header__drawer-info .info-tel {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--color-text);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  line-height: 1;
}
.l-header__drawer-info .info-time {
  font-size: 0.75rem;
  color: var(--color-sub-text);
  margin-top: 0.3125rem;
}
.l-header__drawer-btns {
  display: grid;
  gap: 0.9375rem;
}
.l-header__drawer-btns .btn-drawer {
  display: flex;
  align-items: center;
  padding: 1.25rem;
  border-radius: 0.625rem;
  font-weight: 700;
  font-family: var(--font-maru);
  position: relative;
}
.l-header__drawer-btns .btn-drawer::after {
  content: "→";
  position: absolute;
  right: 1.25rem;
}
.l-header__drawer-btns .btn-drawer.m-form {
  background-color: var(--color-l-orange);
  color: var(--color-text);
}
.l-header__drawer-btns .btn-drawer.m-pdf {
  border: 1px solid var(--color-border);
  color: var(--color-text);
}

.l-page-head {
  padding: 8.125rem 0 6.25rem;
}
@media (min-width: 768px) {
  .l-page-head {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 990px) {
  .l-page-head {
    padding: 13.75rem 0 6.25rem;
  }
}
.l-page-head__inner {
  padding: 0 1.25rem;
}
@media (min-width: 768px) {
  .l-page-head__inner {
    width: 50%;
    padding: 0 0 0 1.875rem;
  }
}
@media (min-width: 990px) {
  .l-page-head__inner {
    width: 50%;
    padding: 0 0 0 3.125rem;
  }
}
.l-page-head__intro {
  max-width: 490px;
  margin-top: 5rem;
  line-height: 2;
}
@media (min-width: 768px) {
  .l-page-head__intro {
    margin-top: 3.125rem;
  }
}
.l-page-head__mv {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 3.125rem;
  padding-left: 20px;
  position: relative;
}
.l-page-head__mv img {
  margin: 0 0 0 auto;
}
@media (min-width: 768px) {
  .l-page-head__mv {
    width: 55%;
    margin-top: 0;
  }
}
@media (min-width: 990px) {
  .l-page-head__mv {
    width: 60%;
  }
}
.l-page-head__mv-illust {
  position: absolute;
}
.l-page-head__mv-illust--about {
  width: 100px;
  left: 10px;
  bottom: -40px;
}
@media (min-width: 990px) {
  .l-page-head__mv-illust--about {
    width: 30%;
    max-width: 200px;
  }
}
.l-page-head__mv-illust--service {
  width: 50%;
  left: 10px;
  bottom: -40px;
}
@media (min-width: 768px) {
  .l-page-head__mv-illust--service {
    width: 48%;
    max-width: 386px;
    bottom: -80px;
  }
}
.l-page-head__mv-illust--related {
  width: 42%;
  left: 10px;
  bottom: -50px;
}
@media (min-width: 768px) {
  .l-page-head__mv-illust--related {
    max-width: 386px;
    bottom: -80px;
  }
  .l-page-head__mv-illust--related img {
    margin: 0;
  }
}
.l-page-head__mv-illust--medical {
  width: 35%;
  left: 10px;
  bottom: -60px;
}
@media (min-width: 768px) {
  .l-page-head__mv-illust--medical {
    width: 32%;
    left: 0;
    bottom: -80px;
    max-width: 386px;
  }
}
.l-page-head__nav {
  max-width: 500px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  font-size: 0.875rem;
  gap: 1.5rem;
}
@media (min-width: 990px) {
  .l-page-head__nav {
    margin-top: 80px;
    font-size: 0.9375rem;
  }
}
.l-page-head__nav-icon {
  flex-shrink: 0;
}
.l-page-head__nav--about {
  margin-top: 100px;
}
.l-page-head__nav li a {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.l-page-head__nav li a:hover {
  color: var(--color-orange);
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.l-page-head__nav li a.blue:hover {
  color: var(--color-navy);
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.l-page-head__nav li a.pink:hover {
  color: var(--color-pink);
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.l-page-container {
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .l-page-container {
    padding: 0 50px;
  }
}
.l-page-flex {
  display: flex;
  align-items: flex-start;
}
.l-page-main {
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
}
.l-page-main .l-page-container {
  max-width: 1000px;
}
@media (min-width: 768px) {
  .l-page-aside {
    max-width: 18.75rem;
    position: sticky;
    top: 7.5rem;
    z-index: 10;
  }
}

.l-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 5rem 1.875rem;
}
@media (min-width: 768px) {
  .l-container {
    padding: 6.25rem 3.125rem;
  }
}

.c-top-heading__en {
  display: block;
  margin-bottom: 0.625rem;
  font-size: 0.75rem;
  color: var(--color-orange);
  font-family: var(--font-en);
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2em;
}
@media (min-width: 990px) {
  .c-top-heading__en {
    font-size: 17px;
  }
}
.c-top-heading__jp {
  font-size: 1.75rem;
  font-family: var(--font-maru);
  line-height: 1;
}
@media (min-width: 990px) {
  .c-top-heading__jp {
    font-size: 2.5rem;
  }
}

.c-page-heading__en {
  display: block;
  margin-bottom: 10px;
  font-family: var(--font-en);
  color: var(--color-orange);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2em;
}
@media (min-width: 990px) {
  .c-page-heading__en {
    font-size: 1.0625rem;
  }
}
.c-page-heading__jp {
  font-family: var(--font-maru);
  font-size: 1.75rem;
  line-height: 1.2;
}
.c-page-heading__jp.-en {
  line-height: 1;
}
@media (min-width: 990px) {
  .c-page-heading__jp {
    font-size: 2.9375rem;
  }
}
.c-page-heading__jp span {
  font-size: 1.25rem;
}
@media (min-width: 990px) {
  .c-page-heading__jp span {
    font-size: 1.875rem;
  }
}
.c-page-heading--blue .c-page-heading__en {
  color: var(--color-blue);
}
.c-page-heading--pink .c-page-heading__en {
  color: var(--color-pink);
}

.c-section-heading {
  font-family: var(--font-maru);
  font-size: 1.75rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.c-section-heading::before {
  content: "";
  position: absolute;
  top: -0.9375rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.5rem;
  height: 2px;
  background-color: var(--color-orange);
}
@media (min-width: 990px) {
  .c-section-heading {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .c-section-heading--tab-left::before {
    left: 0;
    transform: none;
  }
}
.c-section-heading--blue::before {
  content: "";
  background-color: var(--color-navy);
}
.c-section-heading--pink::before {
  content: "";
  background-color: var(--color-pink);
}

.p-btn-pdf {
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  padding: 0.9375rem 1.875rem;
  border-radius: 0.3125rem;
  text-decoration: none;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  transition: opacity 0.3s;
}
.p-btn-pdf:hover {
  opacity: 0.8;
}
.p-btn-pdf__icon {
  width: 2rem;
  height: 2rem;
  margin-right: 0.9375rem;
  background-color: #fcebdc;
  border-radius: 50%;
  background-image: url("../img/common/icon-pdf.svg");
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}

.c-btn-round {
  --min-width: 14.375rem;
  --padding: 0.625rem 0.625rem 0.625rem 1.5625rem;
  --bg-color: rgb(255, 255, 255);
  --text-color: var(--color-text);
  --text-color-hover: var(--color-orange);
  --border-radius: 3.125rem;
  --font-family: var(--font-maru);
  --font-weight: 700;
  --font-size: 0.9375rem;
  --icon-size: 2.25rem;
  --icon-radius: 50%;
  --icon-bg-color: var(--color-orange);
  --icon-arrow-size: 1.125rem;
  --icon-gap: 0.9375rem;
  --border: 1px solid transparent;
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  border: var(--border);
  padding: var(--padding);
  min-width: var(--min-width);
  border-radius: var(--border-radius);
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  text-decoration: none;
  transition: color 0.3s var(--easing-default);
}
.c-btn-round__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: var(--icon-gap);
  width: var(--icon-size);
  height: var(--icon-size);
  background-color: var(--icon-bg-color);
  border-radius: var(--icon-radius);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.c-btn-round__icon .arrow-right {
  position: relative;
  width: var(--icon-arrow-size);
  height: var(--icon-arrow-size);
  display: block;
  transition: transform 0.3s var(--easing-default);
}
.c-btn-round__icon .arrow-right::before, .c-btn-round__icon .arrow-right::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url("../img/common/btn-arrow.svg");
          mask-image: url("../img/common/btn-arrow.svg");
}
.c-btn-round__icon .arrow-right::before {
  left: 0;
}
.c-btn-round__icon .arrow-right::after {
  left: -150%;
}
.c-btn-round__icon--link::after {
  -webkit-mask-image: url("../img/common/btn-link.svg");
          mask-image: url("../img/common/btn-link.svg");
}
.c-btn-round:hover {
  color: var(--text-color-hover);
}
.c-btn-round:hover .arrow-right {
  transform: translateX(150%);
}
.c-btn-round--sm {
  --padding: 0.5625rem 0.625rem 0.5625rem 1.875rem;
  --font-size: 0.875rem;
  --icon-size: 1.875rem;
  width: auto;
}
.c-btn-round--lg {
  --font-size: 1.5625rem;
  --padding: 0.5625rem 0.625rem 0.5625rem 1.875rem;
  --icon-size: 3.75rem;
  --icon-arrow-size: 1.875rem;
  --icon-gap: 2.375rem;
}
@media (max-width: 767px) {
  .c-btn-round--lg {
    --font-size: 1rem;
    --icon-size: 1.875rem;
    --icon-arrow-size: 0.9375rem;
    --icon-gap: 0.75rem;
    --padding: 0.5625rem 0.625rem 0.5625rem 1.25rem;
  }
}
.c-btn-round--border {
  --border: 1px solid var(--color-border);
}
.c-btn-round--blue {
  --text-color-hover: var(--color-navy);
}
.c-btn-round--blue:hover {
  transition: color 0.3s;
}
.c-btn-round--blue .c-btn-round__icon {
  background-color: var(--color-blue);
}

.c-btn-action {
  padding: 30px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.9375rem;
  font-weight: 700;
  font-family: var(--font-maru);
  border-radius: 10px;
  transition: color 0.3s var(--easing-default);
}
.c-btn-action__text {
  display: flex;
  align-items: center;
  gap: 16px;
}
.c-btn-action__arrow {
  width: 2rem;
  height: 2rem;
  background-color: var(--color-orange);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.9375rem;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}
.c-btn-action__arrow .arrow-right {
  position: relative;
  width: 1rem;
  height: 1rem;
  display: block;
  transition: transform 0.3s var(--easing-default);
}
.c-btn-action__arrow .arrow-right::before, .c-btn-action__arrow .arrow-right::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url("../img/common/btn-arrow.svg");
          mask-image: url("../img/common/btn-arrow.svg");
}
.c-btn-action__arrow .arrow-right::before {
  left: 0;
}
.c-btn-action__arrow .arrow-right::after {
  left: -150%; /* アイコンの幅分、左にずらしておく */
}
.c-btn-action:hover {
  color: var(--color-orange);
  transition: color 0.3s var(--easing-default);
}
.c-btn-action:hover .arrow-right {
  transform: translateX(150%);
}
.c-btn-action--orange {
  background-color: #ffd9a8;
}
.c-btn-action--white {
  background-color: #ffffff;
}
.c-btn-action--border {
  border: 1px solid var(--color-border);
}

.c-btn-pdf {
  --padding: 0.5625rem 2.4375rem 0.5625rem 1.1875rem;
  --border-radius: 0.3125rem;
  --border: 1px solid var(--color-border);
  --bg-color: rgb(255, 255, 255);
  --text-color: var(--color-text);
  --text-color-hover: var(--color-orange);
  --font-size: 0.875rem;
  --font-weight: 500;
  --text-align: left;
  --line-height: 1.15;
  --icon-size: 2.5rem;
  --icon-gap: 0.9375rem;
  --icon-bg-color: var(--color-l-orange);
  --icon-radius: 50%;
  --icon-bg-size: 36%;
  --tip-color: rgb(80, 45, 23);
  --tip-size: 0.5rem;
  display: inline-flex;
  position: relative;
  align-items: center;
  padding: var(--padding);
  border: var(--border);
  border-radius: var(--border-radius);
  background-color: var(--bg-color);
  color: var(--text-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  text-align: var(--text-align);
  text-decoration: none;
  transition: all 0.3s var(--easing-default);
}
@media (min-width: 768px) {
  .c-btn-pdf {
    --font-size: 0.9375rem;
    --padding: 0.9375rem 2.5rem 0.9375rem 1.25rem;
  }
}
.c-btn-pdf--sm {
  --padding: 0.5625rem 2.4375rem 0.5625rem 1.1875rem;
}
.c-btn-pdf--wh {
  --border: 1px solid transparent;
}
.c-btn-pdf__icon {
  flex-shrink: 0;
  align-self: center;
  width: var(--icon-size);
  height: var(--icon-size);
  margin-right: var(--icon-gap);
  background-color: var(--icon-bg-color);
  border-radius: var(--icon-radius);
  background-image: url("../img/common/c-btn-pdf-icon.svg");
  background-size: var(--icon-bg-size);
  background-position: center;
  background-repeat: no-repeat;
}
.c-btn-pdf::after {
  content: "";
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  width: var(--tip-size);
  height: var(--tip-size);
  border-right: 1.5px solid var(--tip-color);
  border-bottom: 1.5px solid var(--tip-color);
  transition: right 0.3s var(--easing-default), border-color 0.3s var(--easing-default);
}
.c-btn-pdf:hover {
  color: var(--text-color-hover);
}
.c-btn-pdf:hover::after {
  --tip-color: var(--color-orange);
  right: 0.9375rem;
}

.c-btn-back-archive {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 25rem;
  height: 4.375rem;
  background-color: #fff;
  border-radius: 2.5rem;
  text-decoration: none;
  position: relative;
  transition: box-shadow 0.3s, transform 0.3s;
}
.c-btn-back-archive__icon {
  width: 2.25rem;
  height: 2.25rem;
  background-color: var(--color-orange);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.9375rem;
  flex-shrink: 0;
  overflow: hidden;
  position: absolute;
  left: 10px;
}
.c-btn-back-archive__icon .arrow-left {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  display: block;
  transition: transform 0.3s var(--easing-default);
}
.c-btn-back-archive__icon .arrow-left::before, .c-btn-back-archive__icon .arrow-left::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url("../img/common/btn-arrow--left.svg");
          mask-image: url("../img/common/btn-arrow--left.svg");
}
.c-btn-back-archive__icon .arrow-left::before {
  left: 0;
}
.c-btn-back-archive__icon .arrow-left::after {
  left: 150%;
}
.c-btn-back-archive__text {
  font-weight: 600;
  letter-spacing: 0.05em;
  font-family: var(--font-maru);
}
.c-btn-back-archive:hover {
  color: var(--color-orange);
  transition: color 0.3s;
}
.c-btn-back-archive:hover .arrow-left {
  transform: translateX(-150%);
}

.c-breadcrumb {
  margin-top: 1.25rem;
  color: var(--color-sub-text);
  font-size: 0.75rem;
}
.c-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
}
.c-breadcrumb ol li::after {
  content: ">";
  display: inline-block;
  margin-left: 8px;
}
.c-breadcrumb ol li:last-of-type::after {
  content: "";
}
.c-breadcrumb ol li a {
  text-decoration: underline;
}

.breadcrumbs {
  margin-top: 1.25rem;
  color: var(--color-sub-text);
  font-size: 0.75rem;
}
.c-link-external {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  color: var(--color-sub-text);
  transition: opacity 0.3s;
}
.c-link-external:hover {
  opacity: 0.7;
  border-bottom: none;
}
.c-link-external.car-link {
  margin-left: 20px;
}
.c-link-external__text {
  font-size: 0.8125rem;
  font-weight: 500;
}
@media (min-width: 990px) {
  .c-link-external__text {
    font-size: 0.875rem;
  }
}
.c-link-external__icon {
  width: 16px;
  height: 16px;
  position: relative;
  top: -1px;
}

.c-list-dot li {
  line-height: 1.8;
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 5px;
}
.c-list-dot li:last-child {
  margin-bottom: 0;
}
.c-list-dot li::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.9em - 3px);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-orange);
}

.p-visitation-notes {
  padding: 3.75rem 0;
}
.p-visitation-notes__card {
  background-color: #fff;
  border-radius: 0.9375rem;
  padding: 3.125rem 1.25rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
@media (min-width: 990px) {
  .p-visitation-notes__card {
    padding: 5rem 3.75rem;
    max-width: 66.5rem;
    margin: 0 auto;
  }
}
.p-visitation-notes__head {
  text-align: center;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .p-visitation-notes__head {
    margin-bottom: 3.125rem;
  }
}
.p-visitation-notes__list {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  max-width: 46.875rem;
  margin: 0 auto;
}
.p-visitation-notes__list li {
  line-height: 1.8;
  position: relative;
  padding-left: 1.5625rem;
  color: #333;
}
.p-visitation-notes__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 8px;
  height: 8px;
  background-color: #f2a057;
  border-radius: 50%;
  transform: translateY(-50%);
}

.nav-icon {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.625rem;
  background-color: var(--bg-color-nav-icon, #FF8952);
  color: #fff;
}

.c-pagination {
  margin-top: 3.75rem;
  text-align: center;
}
.c-pagination * {
  background: none;
  border-radius: 0;
}
.c-pagination .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.c-pagination ul.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 0 auto;
}
.c-pagination a.page-numbers,
.c-pagination span.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto;
  background-color: #fff;
  text-decoration: none;
  font-size: 0.9375rem;
  border-radius: 50%;
  transition: background-color 0.3s, color 0.3s;
}
.c-pagination a.page-numbers:hover,
.c-pagination span.page-numbers:hover {
  background-color: var(--color-orange);
  color: #fff;
  transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.c-pagination a.page-numbers.current,
.c-pagination span.page-numbers.current {
  background-color: var(--color-orange);
  color: #fff;
  cursor: default;
}
.c-pagination a.page-numbers.dots,
.c-pagination span.page-numbers.dots {
  background-color: transparent;
  width: auto;
  letter-spacing: 0.1em;
}
.c-pagination a.prev,
.c-pagination a.next {
  position: relative;
  background-color: transparent;
  width: 2.5rem;
  background-color: none;
}
.c-pagination a.prev::before,
.c-pagination a.next::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid var(--color-text);
  border-left: 1px solid var(--color-text);
  transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.c-pagination a.prev:hover,
.c-pagination a.next:hover {
  background-color: transparent;
}
.c-pagination a.prev:hover::before,
.c-pagination a.next:hover::before {
  border-top: 1px solid var(--color-orange);
  border-left: 1px solid var(--color-orange);
}
.c-pagination .prev::before {
  transform: rotate(-45deg);
}
.c-pagination .next::before {
  transform: rotate(135deg);
}

@media (min-width: 990px) {
  .c-pagination .page-numbers {
    width: 3.125rem;
    height: 3.125rem;
    font-size: 1rem;
  }
  .c-pagination .nav-links {
    gap: 0.5rem;
  }
}
.bogo-language-switcher {
  display: flex;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.bogo-language-switcher > li {
  flex: 1;
  display: flex;
  padding: 0;
  font-size: 0.8125rem;
  list-style: none;
  transition: all 0.2s;
}
.bogo-language-switcher > li .bogo-language-name {
  display: flex;
  text-align: center;
  line-height: 25px;
  transition: all 0.2s;
}
.bogo-language-switcher > li .bogoflags {
  display: none;
}
.bogo-language-switcher > li a,
.bogo-language-switcher > li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 50px;
  color: inherit;
  text-decoration: none;
  transition: all 0.2s;
  box-sizing: border-box;
}
@media (min-width: 990px) {
  .bogo-language-switcher > li a,
  .bogo-language-switcher > li span {
    font-size: 0.6875rem;
    min-width: 40px;
  }
}
.bogo-language-switcher > li a span,
.bogo-language-switcher > li span span {
  padding: 4px 16px;
}
@media (min-width: 990px) {
  .bogo-language-switcher > li a span,
  .bogo-language-switcher > li span span {
    padding: 2px 8px;
  }
}
.bogo-language-switcher > li:hover {
  background: #413b32;
  color: #fff;
}
.bogo-language-switcher > li:hover a {
  background: #413b32;
  color: #fff;
}
.bogo-language-switcher > li.current {
  background: #413b32;
  color: #fff;
}
.bogo-language-switcher > li.current a {
  background: transparent;
  color: #fff;
}

.-lang-vi {
  font-family: var(--font-en) !important;
  letter-spacing: 0 !important;
}

.-lang-en {
  font-family: var(--font-en) !important;
  letter-spacing: 0 !important;
}

body.en-US {
  letter-spacing: 0;
  font-family: var(--font-en);
  font-weight: 500;
}
body.en-US .c-page-heading__jp,
body.en-US .c-top-heading__jp,
body.en-US .p-hero-card__text,
body.en-US .c-btn-action,
body.en-US .l-header__drawer-list li a,
body.en-US .l-header__drawer-list li button {
  font-family: var(--font-en);
  letter-spacing: 0;
}
body.vi {
  letter-spacing: 0;
  font-family: var(--font-en);
  font-weight: 500;
}
body.vi .p-hero-card__text,
body.vi .c-top-heading__jp,
body.vi .p-hero-card__title,
body.vi .p-visiting__btn,
body.vi .p-visiting__title-inner,
body.vi .c-btn-round,
body.vi .p-service-card__title,
body.vi .l-header__main-list li a,
body.vi .p-footer-nav__item a,
body.vi .p-top-recruit__headline,
body.vi .p-service-block__header-title,
body.vi .p-service-grid__title,
body.vi .l-header__sub-list li a,
body.vi .c-page-heading__jp,
body.vi .c-section-heading,
body.vi .p-about-greeting__title,
body.vi .p-about-philosophy__staff-title,
body.vi .c-btn-action,
body.vi .l-header__drawer-list li a,
body.vi .l-header__drawer-list li button {
  font-family: var(--font-en);
  letter-spacing: 0;
}

:root {
  --easing-default: cubic-bezier(0.45, 0, 0.55, 1);
  --wp-button-display: flex;
  --wp-button-align: center;
  --wp-button-justify: center;
  --wp-button-gap-x: 38px;
  --wp-button-border-thickness: 1px;
  --wp-button-border-style: solid;
  --wp-button-border-color: rgb(220, 220, 220);
  --wp-button-bg-color: rgb(255, 255, 255);
  --wp-button-text-color: rgb(65, 59, 50);
  --wp-button-font-weight: 700;
  --wp-button-font-size: 15px;
  --wp-button-leading: 1;
  --wp-button-pt: 0;
  --wp-button-pl: 30px;
  --wp-button-pb: 0;
  --wp-button-pr: 10px;
  --wp-button-padding: var(--wp-button-pt) var(--wp-button-pr) var(--wp-button-pb) var(--wp-button-pl);
  --wp-button-height: 50px;
  --wp-button-icon-size: 30px;
  --wp-button-icon-image: url(../img/common/btn-arrow.svg);
  --wp-button-icon-image-size: 15px;
  --wp-button-icon-bg-color: #F5832B;
}
@media (min-width: 768px) {
  :root {
    --wp-button-font-size: 20px;
    --wp-button-icon-size: 40px;
    --wp-button-icon-image-size: 20px;
    --wp-button-pl: 30px;
    --wp-button-pr: 10px;
    --wp-button-height: 60px;
  }
}
@media (min-width: 990px) {
  :root {
    --wp-button-font-size: 25px;
    --wp-button-icon-size: 60px;
    --wp-button-icon-image-size: 30px;
    --wp-button-height: 80px;
  }
}

/* foundation/_reset.scss */
/* 1. ボックスモデルの統一 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 2. マージンのリセット */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* 3. リストの初期化（ul, ol, liを統合） */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 4. HTMLとBodyの基本設定 */
html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
}

/* 5. 画像・メディアの最適化 */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 6. リンクの初期化 */
a {
  color: inherit;
  text-decoration: none;
}

/* 7. フォーム要素の継承 */
input,
button,
textarea,
select {
  font: inherit;
}

/* 8. テーブルの崩れ防止 */
table {
  border-collapse: collapse;
}

/* 9. アクセシビリティ：フォーカス時の設定 */
*:focus-visible {
  outline: 2px solid var(--color-main, #000);
  outline-offset: 2px;
}

*:focus:not(:focus-visible) {
  outline: none;
}

/* 10. WordPress 固有の調整 */
.wp-block-image img {
  width: 100%;
}

/* 11. アニメーションを控える設定（元のコードを維持） */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
html {
  width: 100%;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  width: 100%;
  font-size: 100%;
  font-family: var(--font-base);
  color: var(--color-text);
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-feature-settings: "palt" on;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.05em;
  opacity: 0;
  transition: opacity 0.8s ease;
}
body.en-US {
  letter-spacing: 0;
  font-family: var(--font-en);
  font-weight: 500;
}
body.en-US .c-top-heading__jp,
body.en-US .p-hero-card__text,
body.en-US .c-btn-action,
body.en-US .l-header__drawer-list li a,
body.en-US .l-header__drawer-list li button {
  font-family: var(--font-en);
}
body.en-US .p-hero-card__text {
  font-family: var(--font-en);
}
body.vi {
  letter-spacing: 0;
  font-family: var(--font-en);
  font-weight: 500;
}
body.vi .p-hero-card__text,
body.vi .c-top-heading__jp,
body.vi .p-hero-card__title,
body.vi .p-visiting__btn,
body.vi .p-visiting__title-inner,
body.vi .c-btn-round,
body.vi .p-service-card__title,
body.vi .l-header__main-list li a,
body.vi .p-footer-nav__item a,
body.vi .p-top-recruit__headline,
body.vi .p-service-block__header-title,
body.vi .p-service-grid__title,
body.vi .l-header__sub-list li a,
body.vi .c-page-heading__jp,
body.vi .c-section-heading,
body.vi .p-about-greeting__title,
body.vi .p-about-philosophy__staff-title,
body.vi .c-btn-action,
body.vi .l-header__drawer-list li a,
body.vi .l-header__drawer-list li button {
  font-family: var(--font-en);
}

body.is-loaded {
  opacity: 1;
}

main {
  padding-bottom: 6.25rem;
  background-color: var(--color-top-gray);
  font-size: 0.9375rem;
}
@media (min-width: 768px) {
  main {
    padding-bottom: 10rem;
  }
}
@media (min-width: 990px) {
  main {
    font-size: 1.0625rem;
  }
}

[id] {
  scroll-margin-top: 5rem;
}
@media (min-width: 768px) {
  [id] {
    scroll-margin-top: 6.25rem;
  }
}
@media (min-width: 990px) {
  [id] {
    scroll-margin-top: 8.75rem;
  }
}

img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.p-top-care {
  padding: 5rem 0;
}
@media (min-width: 768px) {
  .p-top-care {
    padding: 5rem 0;
  }
}
.p-top-care__inner {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .p-top-care__inner {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 5.9375rem;
    margin: 0 auto;
    gap: 0;
  }
}
@media (min-width: 990px) {
  .p-top-care__inner {
    padding-right: 6.59vw;
    gap: 3.125rem;
  }
}
.p-top-care__text-area {
  padding: 0 1.875rem;
}
@media (min-width: 768px) {
  .p-top-care__text-area {
    width: 50%;
  }
}
@media (min-width: 990px) {
  .p-top-care__text-area {
    width: 31.25rem;
  }
}
.p-top-care__title {
  width: 88%;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .p-top-care__title {
    margin-bottom: 1.875rem;
  }
}
.p-top-care__title img {
  width: 100%;
  height: auto;
}
.p-top-care__title.-en {
  font-width: 1.875rem;
  font-family: var(--font-en);
}
.p-top-care__body p {
  font-size: 1rem;
  color: var(--color-text);
  line-height: 2.4;
  margin-bottom: 1.25rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .p-top-care__body p {
    font-size: 0.9375rem;
  }
}
.p-top-care__image-area {
  width: 100%;
  max-width: 31.25rem;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .p-top-care__image-area {
    width: 50%;
    padding: 0;
  }
}
@media (min-width: 990px) {
  .p-top-care__image-area {
    width: 37.5rem;
    max-width: none;
    margin: 0;
  }
}
.p-top-care .care-img-all {
  width: 100%;
  height: auto;
}
.p-top-care__btn-wrapper {
  margin-top: 2.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p-top-care__btn-wrapper {
    text-align: left;
  }
}
.p-top-care__btn-wrapper a {
  width: 300px;
}
.p-top-care__btn {
  margin: 40px auto;
}

.p-top-service {
  position: relative;
  z-index: 10;
}
.p-top-service::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-image: url("../img/top/service-bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 105%;
  z-index: -1;
}
@media (min-width: 768px) {
  .p-top-service::before {
    height: 11.25rem;
  }
}
.p-top-service::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-image: url("../img/top/service-bg.svg");
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: 105%;
  z-index: -1;
}
@media (min-width: 768px) {
  .p-top-service::after {
    height: 11.25rem;
  }
}
.p-top-service {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
  .p-top-service {
    padding-top: 11.25rem;
    padding-bottom: 11.25rem;
  }
}
.p-top-service__container {
  padding: 0 0.625rem;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-top-service__container {
    padding: 0 50px;
  }
}
.p-top-service__inner {
  max-width: 1280px;
  margin: 0 auto;
}
.p-top-service__head {
  margin-bottom: 50px;
}
@media (min-width: 990px) {
  .p-top-service__head {
    margin-bottom: 3.75rem;
    display: flex;
    align-items: flex-end;
    gap: 4.75rem;
  }
}
.p-top-service__head-text {
  font-weight: 500;
  text-align: center;
}
@media (min-width: 768px) {
  .p-top-service__head-text {
    text-align: left;
    font-size: 1.125rem;
  }
}
.p-top-service__heading {
  text-align: center;
  margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
  .p-top-service__heading {
    text-align: left;
    margin-bottom: 0;
  }
}
.p-top-service__btn {
  margin-top: 40px;
  text-align: center;
}
.p-top-service__btn a {
  width: 80%;
  min-width: 300px;
}

.p-top-features {
  position: relative;
  z-index: 1;
}
@media (min-width: 990px) {
  .p-top-features {
    margin-bottom: -100px;
    padding-bottom: 6.25rem;
  }
}
.p-top-features::before {
  content: "";
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  height: 600px;
  background-color: #ebe8e7;
  z-index: -1;
}
.p-top-features::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-image: url("../img/top/feature-bg.svg");
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: 110%;
  z-index: -1;
}
@media (min-width: 768px) {
  .p-top-features::after {
    height: 6.25rem;
  }
}
.p-top-features__container {
  padding: 80px 30px;
  background-color: #ebe8e7;
}
@media (min-width: 768px) {
  .p-top-features__container {
    padding: 100px 50px;
  }
}
.p-top-features__heading {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p-top-features__heading {
    margin-bottom: 5rem;
  }
}
.p-top-features__sub {
  display: block;
  color: var(--color-orange);
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}
.p-top-features__title {
  font-family: var(--font-maru);
  font-size: 1.5rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .p-top-features__title {
    font-size: 2rem;
  }
}
.p-top-features__grid {
  display: flex;
  gap: 5rem;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .p-top-features__grid {
    gap: 2rem;
    max-width: 80rem;
    margin: 0 auto;
    flex-direction: row;
  }
}
@media (min-width: 990px) {
  .p-top-features__grid {
    gap: 5rem 2.5rem;
  }
}
@media (min-width: 1200px) {
  .p-top-features__grid {
    gap: 5rem 3.125rem;
  }
}
@media (min-width: 1440px) {
  .p-top-features__grid {
    gap: 5rem 3.75rem;
  }
}

.p-top-features-item {
  display: flex;
  gap: 0.9375rem;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .p-top-features-item {
    width: 30%;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 1.25rem;
  }
}
.p-top-features-item__img {
  flex-shrink: 0;
  width: 9.6875rem;
}
@media (min-width: 768px) {
  .p-top-features-item__img {
    width: 100%;
  }
}
.p-top-features-item__img img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.9375rem;
}
.p-top-features-item__body {
  flex: 1;
}
.p-top-features-item__title {
  color: var(--color-orange);
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .p-top-features-item__title {
    font-size: 1.125rem;
  }
}
.p-top-features-item__text {
  font-size: 0.875rem;
  line-height: 1.6;
  font-weight: 500;
}
@media (min-width: 768px) {
  .p-top-features-item__text {
    font-size: 1rem;
  }
}

.p-top-blog {
  position: relative;
  z-index: 10;
  overflow: hidden;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 990px) {
  .p-top-blog {
    padding: 160px 0 160px 4.166666667%;
  }
}
.p-top-blog::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-image: url("../img/top/service-bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 105%;
  background-color: #ebe8e7;
  z-index: -1;
}
@media (min-width: 990px) {
  .p-top-blog::before {
    display: none;
  }
}
.p-top-blog::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-image: url("../img/top/service-bg.svg");
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: 105%;
  z-index: -1;
}
@media (min-width: 990px) {
  .p-top-blog::after {
    display: none;
  }
}
.p-top-blog__link:hover .p-top-blog__title {
  color: var(--color-orange);
}
.p-top-blog__link:hover .p-top-blog__img img {
  transform: scale(1.1);
}
@media (min-width: 990px) {
  .p-top-blog__bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/top/bg-blog-union.png");
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1441px) {
  .p-top-blog__bg {
    background-size: contain;
  }
}
.p-top-blog__container {
  padding: 0 1.875rem;
  background: #fff;
}
@media (min-width: 990px) {
  .p-top-blog__container {
    max-width: 1080px;
    margin: -20px auto 0;
    padding: 0 4.057971014% 0 8%;
    background-color: transparent;
  }
}
@media (min-width: 1600px) {
  .p-top-blog__container {
    padding: 0;
  }
}
.p-top-blog__item a {
  display: block;
}
.p-top-blog__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-top-blog__heading {
  margin-bottom: 3.125rem;
}
.p-top-blog__articles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
@media (min-width: 768px) {
  .p-top-blog__articles {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.p-top-blog__img {
  margin-bottom: 1rem;
  border-radius: 10px;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.p-top-blog__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 0.3s;
}
.p-top-blog__date {
  font-size: 0.75rem;
  color: var(--color-sub-text);
  line-height: 1;
}
@media (min-width: 768px) {
  .p-top-blog__date {
    font-size: 0.875rem;
  }
}
.p-top-blog__title {
  margin-top: 0.625rem;
  font-size: 0.9375rem;
  line-height: 1.5;
  font-weight: 500;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .p-top-blog__title {
    font-size: 1rem;
  }
}
.p-top-blog__btn.-sp {
  margin-top: 2.5rem;
  text-align: center;
}

.p-top-news__inner {
  max-width: 1064px;
  margin: 0 auto;
  padding: 5rem 1.875rem;
}
@media (min-width: 768px) {
  .p-top-news__inner {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 990px) {
  .p-top-news__inner {
    padding: 8.75rem 1.875rem 10rem;
    gap: 10%;
  }
}
.p-top-news__content {
  flex: 1;
}
.p-top-news__head {
  margin-bottom: 3.125rem;
}
@media (min-width: 768px) {
  .p-top-news__head {
    width: 230px;
  }
}
.p-top-news__btn {
  margin-top: 50px;
  text-align: center;
}
@media (min-width: 768px) {
  .p-top-news__btn {
    text-align: left;
    flex: 1;
  }
}

@media (min-width: 768px) {
  .p-top-recruit {
    padding: 0 50px;
  }
}
.p-top-recruit__inner {
  padding: 0 0.625rem;
}
@media (min-width: 990px) {
  .p-top-recruit__inner {
    max-width: 1280px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
  }
}
.p-top-recruit__content {
  padding: 3.125rem 1.25rem 2.5rem;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
}
@media (min-width: 768px) {
  .p-top-recruit__content {
    padding: 3.125rem 2.5rem 2.5rem;
  }
}
@media (min-width: 990px) {
  .p-top-recruit__content {
    padding: 6.25rem 0 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    border-radius: 0 10px 10px 0;
  }
}
@media (min-width: 990px) {
  .p-top-recruit__content-inner {
    width: 80%;
    max-width: 560px;
  }
}
.p-top-recruit__heading {
  margin-bottom: 50px;
}
.p-top-recruit__headline {
  font-size: 1.25rem;
  font-family: var(--font-maru);
  font-weight: 700;
  text-indent: -0.5em;
}
@media (min-width: 990px) {
  .p-top-recruit__headline {
    font-size: 1.5rem;
  }
}
.p-top-recruit__text {
  margin-top: 30px;
  line-height: 2;
}
.p-top-recruit__text p {
  margin-bottom: 16px;
}
.p-top-recruit__btn {
  margin-top: 40px;
  width: 100%;
}
.p-top-recruit__btn .c-btn-round {
  width: 100%;
}
@media (min-width: 768px) {
  .p-top-recruit__btn .c-btn-round {
    width: 300px;
  }
}
.p-top-recruit__img {
  width: 100%;
  aspect-ratio: 370/320;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}
@media (min-width: 990px) {
  .p-top-recruit__img {
    width: 50%;
    aspect-ratio: 547/680;
    border-radius: 10px 0 0 10px;
  }
}
.p-top-recruit__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-footer__bg {
  position: relative;
  height: 300px;
}
@media (min-width: 768px) {
  .p-footer__bg {
    height: 700px;
  }
}
.p-footer__bg-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.p-footer__bg-image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url("../img/common/footer_sp.png");
  background-size: cover;
  background-position: left;
  z-index: -1;
}
@media (min-width: 320px) {
  .p-footer__bg-image {
    background-attachment: scroll;
  }
}
@media (min-width: 990px) {
  .p-footer__bg-image {
    background-image: url("../img/common/footer.png");
    background-position: center;
  }
}
.p-footer-contact {
  margin-top: -50px;
  position: relative;
  z-index: 10;
  border-radius: 0 60px 0 0;
  background-color: #eee;
}
.p-footer-contact__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 50px 30px 80px;
}
@media (min-width: 990px) {
  .p-footer-contact__inner {
    display: flex;
    justify-content: space-between;
    padding: 50px 50px 80px;
  }
}
.p-footer-contact__text {
  max-width: 500px;
  line-height: 2;
  font-weight: 500;
}
.p-footer-contact__heading {
  margin-bottom: 3.125rem;
}
.p-footer-contact__heading .c-top-heading__jp {
  line-height: 1.4;
}
.p-footer-tel {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 990px) {
  .p-footer-tel {
    gap: 20px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.p-footer-tel__label {
  font-size: 0.875rem;
  margin-bottom: 14px;
  font-weight: 500;
  line-height: 1.2;
}
.p-footer-tel__number {
  display: flex;
  align-items: center;
  gap: 12px;
}
.p-footer-tel__main {
  font-weight: 700;
  font-size: 1.75rem;
  text-align: center;
  line-height: 1;
}
.p-footer-tel__time {
  margin-top: 10px;
  color: #6b6b6b;
  font-size: 0.75rem;
  font-weight: 400;
}
.p-footer-actions {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 990px) {
  .p-footer-actions {
    width: 40%;
  }
}
@media (min-width: 990px) {
  .p-footer-actions .c-btn-action__text {
    font-size: 1.125rem;
  }
}
.p-footer-bottom {
  margin-top: -2px;
  position: relative;
  z-index: 10;
  padding-top: 5rem;
  background-color: var(--color-top-gray);
}
@media (min-width: 768px) {
  .p-footer-bottom {
    padding-top: 11.25rem;
  }
}
.p-footer-bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-image: url("../img/top/service-bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 105%;
  z-index: -1;
}
@media (min-width: 768px) {
  .p-footer-bottom::before {
    height: 11.25rem;
  }
}
.p-footer-bottom__inner {
  padding-bottom: 100px;
  background-color: #fff;
}
.p-footer-bottom__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 30px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-footer-bottom__container {
    padding: 0 50px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.p-footer-nav {
  margin-bottom: 60px;
  padding-bottom: 40px;
  background-color: #fff;
  font-family: var(--font-maru);
  font-size: 0.8125rem;
  font-weight: 600;
  display: flex;
  gap: 2rem;
  border-bottom: 1px dashed var(--color-border);
}
@media (min-width: 768px) {
  .p-footer-nav {
    margin-bottom: 0;
    padding-bottom: 0;
    width: 54%;
    font-size: 0.9375rem;
    justify-content: flex-end;
    border-bottom: none;
    gap: 3.75rem;
  }
}
@media (min-width: 990px) {
  .p-footer-nav {
    gap: 5rem;
  }
}
.p-footer-nav a {
  transition: 0.3s;
}
.p-footer-nav a span svg path {
  transition: 0.3s;
}
.p-footer-nav a:hover {
  color: var(--color-orange);
  transition: 0.3s;
}
.p-footer-nav a:hover span svg path {
  stroke: var(--color-orange);
}
.p-footer-nav__item {
  margin-bottom: 20px;
  line-height: 1;
}
.p-footer-nav__item.only-tab {
  display: block;
}
@media (min-width: 990px) {
  .p-footer-nav__item.only-tab {
    display: none;
  }
}
.p-footer-nav__item a {
  display: flex;
  align-items: center;
  gap: 4px;
}
.p-footer-nav .only-pc {
  display: none;
}
@media (min-width: 990px) {
  .p-footer-nav .only-pc {
    display: block;
  }
}
.p-footer-nav__parent {
  margin-bottom: 16px;
}
.p-footer-nav__child {
  font-size: 0.8125rem;
  line-height: 2;
}
.p-footer-nav__child li a::before {
  content: "-";
  display: inline-block;
}
.p-footer-outline__logo {
  width: 200px;
}
.p-footer-outline__info {
  margin-top: 24px;
  font-size: 0.9375rem;
}
@media (min-width: 768px) {
  .p-footer-outline__info {
    font-size: 0.9375rem;
  }
}
.p-footer-outline__address {
  margin-bottom: 1rem;
}
.p-footer-outline__tel {
  margin-bottom: 0.5rem;
}
.p-footer-outline__icon {
  width: 42px;
  display: inline-block;
  font-size: 0.75rem;
  background-color: var(--color-top-gray);
  text-align: center;
  border-radius: 2px;
  line-height: 24px;
}

.p-hero {
  padding: 5rem 0.625rem 0.875rem;
}
@media (min-width: 768px) {
  .p-hero {
    padding: 8.75rem 2.5rem 1.875rem;
  }
}
.p-hero__inner {
  position: relative;
}
@media (min-width: 990px) {
  .p-hero__inner {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
  }
}
.p-hero__visual {
  margin-bottom: 16px;
  position: relative;
  height: auto;
  overflow: hidden;
  border-radius: 1.25rem;
}
@media (min-width: 990px) {
  .p-hero__visual {
    width: 60%;
    margin-bottom: 0;
  }
}
.p-hero__image-wrapper {
  width: 100%;
  height: 100%;
}
.p-hero__image-wrapper .swiper-slide {
  height: auto;
}
.p-hero__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.p-hero__image-item {
  width: 100%;
  height: 100%;
}
.p-hero__image-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-hero__copy {
  position: absolute;
  z-index: 10;
  pointer-events: none;
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  width: 56%;
}
@media (min-width: 768px) {
  .p-hero__copy {
    top: 2.5rem;
    left: 2.5rem;
  }
}
.p-hero__copy.-en {
  width: 70%;
}
.p-hero__copy.-vi {
  top: 14px;
  left: 10px;
  width: 70%;
}
@media (min-width: 768px) {
  .p-hero__copy.-vi {
    top: 2.5rem;
    left: 2.5rem;
  }
}
.p-hero__cards {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1.25rem;
}
@media (min-width: 990px) {
  .p-hero__cards {
    width: 40%;
  }
}

.p-hero-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0.9375rem;
  position: relative;
  text-decoration: none;
  transition: transform 0.3s;
}
.p-hero-card__icon {
  transition: color 0.3s;
}
.p-hero-card:hover {
  transform: translateY(-3px);
}
.p-hero-card:hover .p-hero-card__icon {
  color: var(--color-orange);
}
.p-hero-card:hover .p-hero-card__icon .arrow-right {
  transform: translateX(150%);
}
.p-hero-card__head {
  margin-left: -1px;
  padding: 0.625rem 0 0 0.9375rem;
  -webkit-clip-path: url(#serviceHead);
          clip-path: url(#serviceHead);
  width: var(--width, 13.75rem);
}
.p-hero-card__head.-en {
  --width: 18.75rem;
}
.p-hero-card__head.-vi {
  --width: 16.875rem;
}
.p-hero-card__title {
  font-family: var(--font-maru);
  font-size: 0.9375rem;
  font-weight: 700;
  position: relative;
  padding-left: 0.8125rem;
  line-height: 1;
}
.p-hero-card__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.375rem;
  height: 0.375rem;
  background-color: var(--color-orange);
  border-radius: 50%;
}
@media (min-width: 768px) {
  .p-hero-card__title {
    font-size: 1rem;
  }
}
.p-hero-card__content {
  margin: -1px;
  padding: 0.875rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  background-color: var(--color-l-orange);
  border-radius: 0 1.25rem 1.25rem 1.25rem;
}
@media (min-width: 768px) {
  .p-hero-card__content {
    height: 100%;
  }
}
.p-hero-card.m-orange .p-hero-card__head {
  background-color: var(--color-l-orange);
}
.p-hero-card.m-orange .p-hero-card__content {
  background-color: var(--color-l-orange);
}
.p-hero-card.m-orange .p-hero-card__icon-list {
  grid-template-columns: repeat(2, 1fr);
}
.p-hero-card.m-orange .p-hero-card__icon-label {
  text-align: center;
}
.p-hero-card.m-blue .p-hero-card__head {
  background-color: var(--color-l-blue);
}
.p-hero-card.m-blue .p-hero-card__content {
  background-color: var(--color-l-blue);
}
.p-hero-card.m-blue .p-hero-card__title::before {
  background-color: var(--color-blue);
}
.p-hero-card.m-blue .p-hero-card__icon-list {
  grid-template-columns: 1fr;
  width: 50%;
}
.p-hero-card.m-blue .p-hero-card__icon-img {
  flex-direction: row;
  justify-content: flex-start;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .p-hero-card.m-blue .p-hero-card__icon-img {
    gap: 1.25rem;
  }
}
.p-hero-card.m-blue .p-hero-card__icon-img img {
  width: 42%;
}
.p-hero-card.m-blue .p-hero-card__icon-label {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .p-hero-card.m-blue .p-hero-card__icon-label {
    font-size: 0.875rem;
  }
}
@media (min-width: 990px) {
  .p-hero-card.m-blue .p-hero-card__icon-label {
    font-size: 0.75rem;
  }
}
.p-hero-card.m-pink .p-hero-card__head {
  background-color: var(--color-l-pink);
}
.p-hero-card.m-pink .p-hero-card__title::before {
  background-color: var(--color-pink);
}
.p-hero-card.m-pink .p-hero-card__content {
  background-color: var(--color-l-pink);
}
.p-hero-card.m-pink .p-hero-card__img {
  width: 50%;
  border-radius: 0.625rem;
  overflow: hidden;
  isolation: isolate;
}
.p-hero-card__icons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.p-hero-card__icons img {
  width: 4.375rem;
  height: auto;
}
.p-hero-card__text {
  width: 55%;
  font-family: var(--font-maru);
  font-size: var(--font-size, 1.125rem);
  font-weight: 700;
  color: var(--color-text);
  line-height: 1.4;
}
.p-hero-card__text.-vi {
  --font-size: 16px;
}
@media (min-width: 990px) {
  .p-hero-card__text.-vi {
    --font-size: 17px;
  }
}
.p-hero-card__text.-vi.--md {
  --font-size: 16px;
}
@media (min-width: 990px) {
  .p-hero-card__text.-vi.--md {
    --font-size: 17px;
  }
}
.p-hero-card__text span {
  font-size: 0.875rem;
}
@media (min-width: 990px) {
  .p-hero-card__text {
    --font-size: clamp(16px, 1.5vw + 2px, 22px);
  }
  .p-hero-card__text span {
    font-size: clamp(14px, 1.4vw, 18px);
  }
}
@media (min-width: 990px) {
  .p-hero-card__text.--md {
    --font-size: clamp(14px, 1.5vw, 20px);
  }
}
.p-hero-card__icon-list {
  width: 45%;
  display: grid;
  gap: 0.3125rem;
  min-width: 0;
}
.p-hero-card__icon-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 0.375rem;
  padding: 0.375rem 0.3125rem 0.3125rem;
  min-width: 0;
}
.p-hero-card__icon-img {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.p-hero-card__icon-img img {
  width: 72%;
  height: auto;
  flex-shrink: 0;
}
.p-hero-card__icon-label {
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--color-text);
  line-height: 1.2;
  word-break: break-word;
}
@media (min-width: 768px) {
  .p-hero-card__icon-label {
    font-size: 0.8125rem;
  }
}
@media (min-width: 990px) {
  .p-hero-card__icon-label {
    font-size: 0.75rem;
  }
}
.p-hero-card__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0.625rem;
  right: 0.625rem;
}
.p-hero-card__icon {
  width: 1.875rem;
  height: 1.875rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.9375rem;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}
.p-hero-card__icon .arrow-right {
  position: relative;
  width: 1rem;
  height: 1rem;
  display: block;
  z-index: 100;
  transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.p-hero-card__icon .arrow-right::before, .p-hero-card__icon .arrow-right::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--icon-bg-color, var(--color-orange));
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: url("../img/common/icon-arrow-right--orange.svg");
          mask-image: url("../img/common/icon-arrow-right--orange.svg");
}
.p-hero-card__icon .arrow-right::before {
  left: 0;
}
.p-hero-card__icon .arrow-right::after {
  left: -150%;
}
.p-hero-card__icon .arrow-right.--blue {
  --icon-bg-color: var(--color-blue);
}
.p-hero-card__icon .arrow-right.--pink {
  --icon-bg-color: var(--color-pink);
}

.p-about-greeting {
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
  .p-about-greeting {
    padding-bottom: 7.5rem;
  }
}
@media (min-width: 768px) {
  .p-about-greeting__inner {
    display: flex;
    justify-content: space-between;
    gap: 10%;
  }
}
@media (min-width: 990px) {
  .p-about-greeting__content {
    width: 550px;
  }
}
.p-about-greeting__sub {
  margin-bottom: 10px;
  color: var(--color-orange);
  font-size: 0.75rem;
  font-family: var(--font-en);
  font-weight: 700;
  line-height: 1;
}
.p-about-greeting__title {
  margin-bottom: 2.5rem;
  font-size: 1.375rem;
  font-family: var(--font-maru);
  letter-spacing: 0.07em;
}
@media (min-width: 990px) {
  .p-about-greeting__title {
    font-size: 2rem;
  }
}
.p-about-greeting__text {
  margin-bottom: 1.5rem;
  font-size: 0.9375rem;
  line-height: 2;
}
@media (min-width: 990px) {
  .p-about-greeting__text {
    font-size: 1rem;
    line-height: 2.2;
  }
}
.p-about-greeting__signature {
  text-align: right;
  font-size: 0.8125rem;
}
.p-about-greeting__name span {
  margin-left: 12px;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 500;
}
.p-about-greeting__img {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .p-about-greeting__img {
    flex: 1;
  }
}

.p-about-philosophy {
  position: relative;
  z-index: 10;
  padding: 5rem 0;
  overflow: hidden;
}
.p-about-philosophy::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-image: url("../img/top/service-bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 105%;
  z-index: -1;
}
@media (min-width: 768px) {
  .p-about-philosophy::before {
    height: 7.5rem;
  }
}
.p-about-philosophy::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-image: url("../img/top/service-bg.svg");
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: 105%;
  z-index: -1;
}
@media (min-width: 768px) {
  .p-about-philosophy::after {
    height: 7.5rem;
  }
}
.p-about-philosophy {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
  .p-about-philosophy {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}
.p-about-philosophy__container {
  background-color: #fff;
}
.p-about-philosophy__inner {
  max-width: 56.25rem;
  margin: 0 auto;
}
.p-about-philosophy__main {
  text-align: center;
  margin-bottom: 3.75rem;
}
.p-about-philosophy__main-title {
  margin-bottom: 3.125rem;
}
@media (min-width: 768px) {
  .p-about-philosophy__main-title {
    margin-bottom: 3.75rem;
  }
}
.p-about-philosophy__main-text {
  font-size: 1rem;
  line-height: 2;
  font-weight: 500;
}
@media (min-width: 990px) {
  .p-about-philosophy__main-text {
    font-size: 1.25rem;
  }
}
.p-about-philosophy__staff {
  padding: 2.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
  background-position: left top, left bottom;
  background-repeat: repeat-x, repeat-x;
  background-size: 100% 1px, 100% 1px;
}
@media (min-width: 768px) {
  .p-about-philosophy__staff {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 990px) {
  .p-about-philosophy__staff {
    padding: 5rem 0;
  }
}
@media (min-width: 768px) {
  .p-about-philosophy__staff-left {
    width: 40%;
  }
}
@media (min-width: 768px) {
  .p-about-philosophy__staff-right {
    width: 55%;
  }
}
@media (min-width: 990px) {
  .p-about-philosophy__staff-right {
    width: 50%;
  }
}
.p-about-philosophy__staff-sub {
  display: block;
  color: var(--color-orange);
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 15px;
}
.p-about-philosophy__staff-sub::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--color-orange);
}
.p-about-philosophy__staff-title {
  font-family: var(--font-maru);
  font-size: 1.25rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}
.p-about-philosophy__staff-illust {
  width: 80%;
  margin: 2rem auto 0;
}
@media (min-width: 768px) {
  .p-about-philosophy__staff-illust {
    width: 100%;
  }
}
.p-about-philosophy__text {
  font-size: 0.9375rem;
  line-height: 2;
  margin-bottom: 1.5rem;
}
@media (min-width: 990px) {
  .p-about-philosophy__text {
    font-size: 1.0625rem;
  }
}
.p-about-philosophy__message {
  max-width: 900px;
  margin: 0 auto;
  padding: 2.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .p-about-philosophy__message {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 6.25rem;
  }
}
@media (min-width: 990px) {
  .p-about-philosophy__message {
    padding: 3.75rem 0 3.75rem 6.25rem;
  }
}
.p-about-philosophy__message-sub {
  color: var(--color-orange);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-family: var(--font-en);
}
.p-about-philosophy__message-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  font-family: var(--font-maru);
}
@media (min-width: 990px) {
  .p-about-philosophy__message-title {
    font-size: 1.5rem;
  }
}
.p-about-philosophy__message-lead {
  color: var(--color-orange);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.8;
  font-family: var(--font-maru);
}
@media (min-width: 990px) {
  .p-about-philosophy__message-lead {
    font-size: 1.5rem;
  }
}

.p-about-policy {
  padding: 3.75rem 0;
  background-color: #eee;
}
@media (min-width: 768px) {
  .p-about-policy {
    padding: 8.75rem 0;
  }
}
.p-about-policy__inner {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (min-width: 768px) {
  .p-about-policy__inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.p-about-policy__head {
  text-align: center;
}
@media (min-width: 768px) {
  .p-about-policy__head {
    width: 25%;
    position: sticky;
    top: 8.75rem;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .p-about-policy__content {
    width: 70%;
  }
}
.p-about-policy__item {
  display: flex;
  align-items: center;
  gap: 1.5625rem;
  padding: 1.875rem 0;
  background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
.p-about-policy__item:last-child {
  background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
  background-position: left top, left bottom;
  background-repeat: repeat-x, repeat-x;
  background-size: 100% 1px, 100% 1px;
}
@media (min-width: 768px) {
  .p-about-policy__item {
    padding: 2.5rem 0;
    gap: 2.5rem;
  }
}
.p-about-policy__num {
  font-family: var(--font-en);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--color-orange);
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .p-about-policy__num {
    font-size: 2rem;
  }
}
.p-about-policy__text {
  font-size: 0.9375rem;
  line-height: 2;
}
@media (min-width: 990px) {
  .p-about-policy__text {
    font-size: 1.25rem;
  }
}

.p-about-support {
  position: relative;
  z-index: 1;
  padding: 6.25rem 0;
  overflow: hidden;
}
.p-about-support::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-image: url("../img/top/service-bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 105%;
  z-index: -1;
}
@media (min-width: 768px) {
  .p-about-support::before {
    height: 7.5rem;
  }
}
.p-about-support::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background-image: url("../img/top/service-bg.svg");
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: 105%;
  z-index: -1;
}
@media (min-width: 768px) {
  .p-about-support::after {
    height: 7.5rem;
  }
}
.p-about-support {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
  .p-about-support {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}
.p-about-support__container {
  background-color: #fff;
}
.p-about-support__head {
  text-align: center;
  margin-bottom: 3.125rem;
}
@media (min-width: 768px) {
  .p-about-support__head {
    margin-bottom: 6.25rem;
  }
}
.p-about-support__top {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .p-about-support__top {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .p-about-support__visual {
    width: 45%;
    position: sticky;
    top: 120px;
    align-self: flex-start; /* または子要素で個別に指定する */
  }
}
.p-about-support__visual img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .p-about-support__points {
    width: 50%;
  }
}
.p-about-support__point {
  display: flex;
  gap: 1.25rem;
  padding: 1.875rem 0;
  background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
@media (min-width: 768px) {
  .p-about-support__point {
    padding: 2.5rem 0;
  }
}
.p-about-support__point:last-child {
  background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
  background-position: left top, left bottom;
  background-repeat: repeat-x, repeat-x;
  background-size: 100% 1px, 100% 1px;
}
.p-about-support__point-num {
  flex-shrink: 0;
  width: 3.375rem;
  height: 3.375rem;
  background: var(--color-orange);
  color: #fff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 1;
  font-family: var(--font-en);
  font-size: 1.5rem;
  line-height: 1;
}
.p-about-support__point-num span {
  font-size: 0.625rem;
  margin-bottom: 2px;
  line-height: 1;
}
.p-about-support__point-title {
  font-size: 1.125rem;
  color: var(--color-orange);
  margin-bottom: 0.625rem;
  font-family: var(--font-maru);
}
@media (min-width: 990px) {
  .p-about-support__point-title {
    font-size: 1.5rem;
  }
}
.p-about-support__point-text {
  line-height: 2;
}
.p-about-support__care {
  margin-top: 1.875rem;
}
@media (min-width: 990px) {
  .p-about-support__care {
    margin-top: 4.375rem;
  }
}
.p-about-support__care-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  text-align: center;
  margin-bottom: 2.5rem;
  font-family: var(--font-maru);
  font-size: 1.25rem;
}
@media (min-width: 990px) {
  .p-about-support__care-title {
    font-size: 1.5rem;
  }
}
.p-about-support__care-title::before, .p-about-support__care-title::after {
  display: block;
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--color-orange);
  border-radius: 10px;
}
.p-about-support__care-title::before {
  left: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.p-about-support__care-title::after {
  right: -12px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.p-about-support__care-grid {
  display: grid;
  grid-template-columns: 1fr;
  background-color: #f8f8f8;
}
@media (min-width: 768px) {
  .p-about-support__care-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.p-about-support__care-item {
  padding: 1.875rem;
  background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(180deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(180deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
  background-position: left top, right top, left top;
  background-repeat: repeat-x, repeat-y, repeat-y;
  background-size: 100% 1px, 1px 100%, 1px 100%;
}
.p-about-support__care-item:last-child {
  background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(180deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(180deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
  background-position: left top, right top, left bottom, left top;
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
}
@media (min-width: 768px) {
  .p-about-support__care-item {
    background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(180deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
    background-position: left top, left top;
    background-repeat: repeat-x, repeat-y;
    background-size: 100% 1px, 1px 100%;
  }
  .p-about-support__care-item:nth-child(3) {
    background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(180deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(180deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
    background-position: left top, right top, left top;
    background-repeat: repeat-x, repeat-y, repeat-y;
    background-size: 100% 1px, 1px 100%, 1px 100%;
  }
  .p-about-support__care-item:nth-child(4) {
    background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(180deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
    background-position: left top, left bottom, left top;
    background-repeat: repeat-x, repeat-x, repeat-y;
    background-size: 100% 1px, 100% 1px, 1px 100%;
  }
  .p-about-support__care-item:nth-child(5) {
    background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px), repeating-linear-gradient(180deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
    background-position: left top, left bottom, left top;
    background-repeat: repeat-x, repeat-x, repeat-y;
    background-size: 100% 1px, 100% 1px, 1px 100%;
  }
}
.p-about-support__care-item h4 {
  position: relative;
  font-weight: 700;
  margin-bottom: 0.9375rem;
  text-align: center;
  font-family: var(--font-maru);
  font-size: 1.125rem;
}
.p-about-support__care-item h4::after {
  content: "";
  position: absolute;
  bottom: -0.625rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.875rem;
  height: 2px;
  background-color: var(--color-orange);
}
@media (min-width: 990px) {
  .p-about-support__care-item h4 {
    font-size: 1.25rem;
  }
}
.p-about-support__care-item p {
  margin-top: 2rem;
  line-height: 2;
}
@media (min-width: 990px) {
  .p-about-support__care-item p {
    font-size: 1.0625rem;
  }
}
.p-about-support__gallery {
  display: grid;
  grid-template-columns: repeat(1fr);
  gap: 1.25rem;
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .p-about-support__gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
.p-about-support__gallery img {
  border-radius: 0.625rem;
  width: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-about-declaration {
  background-color: #eee;
  padding: 5rem 0;
  text-align: center;
}
@media (min-width: 768px) {
  .p-about-declaration {
    padding: 7.5rem 0 8.75rem;
  }
}
.p-about-declaration__head {
  margin-bottom: 3.125rem;
}
@media (min-width: 990px) {
  .p-about-declaration__head {
    margin-bottom: 5rem;
  }
}
.p-about-declaration__lead {
  line-height: 2.2;
  margin-bottom: 2.5rem;
  text-align: left;
}
@media (min-width: 768px) {
  .p-about-declaration__lead {
    margin-bottom: 3.75rem;
    text-align: center;
  }
}
.p-about-declaration__lead p {
  margin-bottom: 1.5625rem;
}
.p-about-declaration__box {
  background-color: #fff;
  border-radius: 0.9375rem;
  padding: 2.5rem 1.25rem;
  max-width: 50rem;
  margin: 0 auto 2.5rem;
}
@media (min-width: 768px) {
  .p-about-declaration__box {
    margin: 0 auto 3.75rem;
    padding: 3.75rem;
  }
}
.p-about-declaration__list {
  display: inline-block;
  text-align: left;
}
.p-about-declaration__item {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.8;
  position: relative;
  padding-left: 1.5625rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .p-about-declaration__item {
    font-size: 1.125rem;
  }
}
.p-about-declaration__item:last-child {
  margin-bottom: 0;
}
.p-about-declaration__item::before {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--color-orange);
  border-radius: 50%;
}
.p-about-declaration__btn {
  margin-top: 2.5rem;
}

.p-about-outline__head {
  text-align: center;
  margin-bottom: 2.5rem;
}
.p-about-outline__title {
  font-family: var(--font-maru);
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
.p-about-outline__title::before {
  content: "";
  position: absolute;
  top: -0.9375rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.875rem;
  height: 2px;
  background-color: var(--color-orange);
}
@media (min-width: 768px) {
  .p-about-outline__title {
    font-size: 2rem;
  }
}
.p-about-outline__table {
  max-width: 56.25rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 0.625rem;
  overflow: hidden;
  border: 1px solid #fff;
}
.p-about-outline__row {
  display: flex;
  flex-direction: column;
}
.p-about-outline__row:last-child dt {
  border-bottom: none;
}
.p-about-outline__row:last-child dd {
  border-bottom: none;
}
@media (min-width: 768px) {
  .p-about-outline__row {
    flex-direction: row;
  }
}
.p-about-outline__row dt {
  background-color: var(--color-table);
  padding: 0.9375rem 1.25rem;
  font-weight: 700;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #fff;
}
@media (min-width: 768px) {
  .p-about-outline__row dt {
    width: 30%;
    padding: 1.5625rem 1.875rem;
    justify-content: center;
    font-size: 1rem;
  }
}
.p-about-outline__row dd {
  padding: 0.9375rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.6;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-table);
}
@media (min-width: 768px) {
  .p-about-outline__row dd {
    width: 70%;
    padding: 1.5625rem 2.5rem;
    font-size: 1rem;
  }
}

.p-message {
  padding: 0 0 5rem 0;
}
@media (min-width: 768px) {
  .p-message__layout {
    display: flex;
    justify-content: space-between;
    gap: 10%;
  }
}
.p-message__sub-title {
  display: block;
  color: var(--color-orange);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 0.9375rem;
  font-family: var(--font-en);
}
.p-message__main-title {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 2.5rem;
  font-family: var(--font-maru);
}
@media (min-width: 768px) {
  .p-message__main-title {
    font-size: 2rem;
  }
}
.p-message__main-title-br {
  display: none;
}
@media (min-width: 408px) {
  .p-message__main-title-br {
    display: inline;
  }
}
.p-message__img {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .p-message__img {
    flex: 1;
  }
}
@media (min-width: 990px) {
  .p-message__text {
    width: 550px;
  }
}
.p-message__text p {
  line-height: 2;
  margin-bottom: 1.875rem;
}
.p-message__signature {
  text-align: right;
  margin-top: 3.125rem;
}
.p-message__signature .p-message__facility {
  font-size: 0.8125rem;
  margin-bottom: 0.3125rem;
}
.p-message__signature .p-message__role-name {
  font-size: 0.8125rem;
}
.p-message__signature .p-message__role-name .p-message__name {
  font-size: 1.125rem;
  font-weight: 700;
  margin-left: 0.625rem;
}
.p-message__visual {
  width: 100%;
}
.p-message__image-wrap {
  background-color: #fff;
  border-radius: 1.25rem;
  aspect-ratio: 4/5;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}
.p-message__image-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-message__placeholder {
  color: #d9534f;
  font-weight: 700;
  font-size: 0.875rem;
}

.p-service-block__header {
  width: 70%;
  padding: 0.625rem 0 0 0.9375rem;
  clip-path: url(#serviceHead);
  -webkit-clip-path: url(#serviceHead); /* Safari用プレフィックス */
  line-height: 1;
  font-weight: 600;
}
.p-service-block__header.-vi {
  width: 80%;
}
@media (min-width: 768px) {
  .p-service-block__header.-vi {
    width: 64%;
    padding: 24px 0 0 40px;
  }
}
@media (min-width: 990px) {
  .p-service-block__header.-vi {
    width: 40%;
  }
}
@media (min-width: 768px) {
  .p-service-block__header {
    width: 50%;
    padding: 24px 0 0 40px;
  }
}
@media (min-width: 990px) {
  .p-service-block__header {
    width: 40%;
  }
}
.p-service-block__header-title {
  position: relative;
  padding-left: 1rem;
  font-size: 1rem;
  font-family: var(--font-maru);
}
@media (min-width: 768px) {
  .p-service-block__header-title {
    font-size: 1.375rem;
  }
}
.p-service-block__header-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--color-orange);
}
.p-service-block--orange {
  margin-bottom: 40px;
}
.p-service-block--orange .p-service-block__header {
  background-color: var(--color-l-orange);
}
.p-service-block--orange .p-service-grid {
  background-color: var(--color-l-orange);
}
@media (min-width: 768px) {
  .p-service-block--orange {
    margin-bottom: 60px;
  }
}
@media (min-width: 768px) {
  .p-service-block--blue .p-service-card {
    padding: 30px;
  }
}
.p-service-block--blue .p-service-block__header {
  background-color: var(--color-l-blue);
}
.p-service-block--blue .p-service-grid {
  background-color: var(--color-l-blue);
}
.p-service-block--blue .p-service-block__header-title::before {
  background-color: var(--color-blue);
}
.p-service-block--blue .p-service-card__title {
  font-size: 1.0625rem;
}
@media (min-width: 768px) {
  .p-service-block--blue .p-service-card__title {
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .p-service-block--blue .p-service-card-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-service-block--blue .p-service-card__icon-group {
  flex-direction: row;
  position: relative;
  justify-content: flex-start;
}
.p-service-block--blue .p-service-card__title {
  width: 70%;
  text-align: left;
}
.p-service-block--blue .p-service-card__content-inner {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
@media (min-width: 1100px) {
  .p-service-block--blue .p-service-card__content-inner {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .p-service-block--blue .p-service-card__content-inner {
    align-items: center;
  }
}
.p-service-block--blue .p-service-card__img {
  margin-bottom: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.p-service-block--blue .p-service-card__flex {
  flex: 1;
}
.p-service-grid {
  margin-top: -1px;
  padding: 1.875rem 0.9375rem;
  border-radius: 0 10px 10px 10px;
}
@media (min-width: 768px) {
  .p-service-grid {
    padding: 2.5rem;
  }
}
.p-service-grid__head {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .p-service-grid__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.p-service-grid__title {
  font-size: 1.375rem;
  font-family: var(--font-maru);
  line-height: 1.3;
}
@media (min-width: 990px) {
  .p-service-grid__title {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .p-service-grid__btn {
    width: 300px;
  }
  .p-service-grid__btn.u-desktop {
    display: flex !important;
  }
}
.p-service-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 990px) {
  .p-service-card-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    align-items: stretch;
  }
}
@media (min-width: 1200px) {
  .p-service-card-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.p-service-card {
  margin-bottom: 20px;
  padding: 1rem;
  background-color: #fff;
  border-radius: 5px;
}
.p-service-card:last-of-type {
  margin-bottom: 0;
}
.p-service-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.p-service-card__icon-group {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.p-service-card__icon-group img {
  width: 80px;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .p-service-card__icon-group {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .p-service-card__icon-group img {
    width: 120px;
    margin: 0 auto;
  }
}
.p-service-card__title {
  font-size: 1.125rem;
  font-family: var(--font-maru);
}
@media (min-width: 768px) {
  .p-service-card__title {
    text-align: center;
  }
}
.p-service-card__title span {
  display: block;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .p-service-card__title span {
    font-size: 0.9375rem;
  }
}
@media (min-width: 768px) {
  .p-service-card__title.p-service-card__title--height {
    height: 57.59px;
    line-height: 57.59px;
  }
}
.p-service-card__content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;
}
@media (min-width: 768px) {
  .p-service-card__content {
    max-height: none !important;
    overflow: visible;
  }
}
.p-service-card__content-inner {
  padding-top: 20px;
}
@media (min-width: 768px) {
  .p-service-card__content-inner {
    padding-top: 30px;
  }
}
.p-service-card.is-open .p-service-card__toggle {
  background-color: #fff;
}
.p-service-card.is-open .p-service-card__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}
.p-service-card__toggle {
  width: 1.875rem;
  height: 1.875rem;
  margin-left: 10px;
  flex-shrink: 0;
  background-color: var(--color-l-orange);
  border-radius: 50%;
  position: relative;
  border: 1px solid var(--color-l-orange);
}
.p-service-card__toggle::before, .p-service-card__toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-orange);
}
.p-service-card__toggle::before {
  width: 50%;
  height: 2px;
}
.p-service-card__toggle::after {
  width: 2px;
  height: 50%;
  transition: 0.3s;
}
.p-service-card__toggle--blue {
  background-color: var(--color-l-blue);
  border: 1px solid var(--color-l-blue);
}
.p-service-card__toggle--blue::before, .p-service-card__toggle--blue::after {
  background-color: var(--color-blue);
}
.p-service-card__img {
  margin-bottom: 1.5rem;
  overflow: hidden;
  border-radius: 10px;
}
.p-service-card__img img {
  aspect-ratio: 23/14;
}
.p-service-card__text {
  line-height: 1.8;
  margin-bottom: 1.5rem;
  font-size: 0.9375rem;
  font-weight: 500;
}
.p-service-card__btn {
  width: 100%;
  margin-top: auto;
}

.p-service-intro {
  padding: 3.75rem 0;
}
.p-service-intro__head {
  text-align: center;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .p-service-intro__head {
    text-align: left;
  }
}
@media (min-width: 990px) {
  .p-service-intro__head {
    margin-bottom: 5rem;
  }
}

.p-service-cat {
  margin-top: -10px;
  border-radius: 0 1.25rem 1.25rem 1.25rem;
  padding: 1.5rem 0.9375rem;
  margin-bottom: 2.5rem;
  background-color: var(--color-l-orange);
}
@media (min-width: 990px) {
  .p-service-cat {
    padding: 2.5rem 1.875rem;
  }
}
.p-service-cat__label {
  width: 260px;
  padding: 0.625rem 1.5rem 0 1.25rem;
  clip-path: url(#serviceHead);
  -webkit-clip-path: url(#serviceHead);
  line-height: 1;
  font-weight: 600;
  background-color: #ffd9a8;
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  font-family: var(--font-maru);
}
@media (min-width: 990px) {
  .p-service-cat__label {
    width: 320px;
    font-size: 1.125rem;
    padding: 1rem 1.5rem 0 1.25rem;
  }
}
.p-service-cat__items {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 990px) {
  .p-service-cat__items {
    gap: 2.5rem;
  }
}
.p-service-cat__icon {
  margin-right: 8px;
  flex-shrink: 0;
}

.p-service-item {
  border-radius: 0.9375rem;
  padding: 1.875rem 1.25rem;
  background-color: #fff;
}
@media (min-width: 990px) {
  .p-service-item {
    padding: 2.5rem 1.875rem;
  }
}
.p-service-item__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  margin-bottom: 1.25rem;
  padding-bottom: 0.9375rem;
}
.p-service-item__title-group {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-bottom: 0.5rem;
  background-image: radial-gradient(circle, #f5832b 1px, transparent 1px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 10px 2px;
}
.p-service-item__title {
  font-size: 1.25rem;
  font-weight: 700;
  font-family: var(--font-maru);
  line-height: 1.25;
}
@media (min-width: 990px) {
  .p-service-item__title {
    font-size: 1.5625rem;
  }
}
.p-service-item__title.-vi {
  width: 75%;
}
.p-service-item__title.-vi.-min {
  width: 60%;
}
.p-service-item__illust {
  position: absolute;
  width: 5rem;
  right: 0;
  top: -30px;
}
.p-service-item__illust img {
  width: 100%;
}
@media (min-width: 990px) {
  .p-service-item__illust {
    width: 6.875rem;
  }
}
@media (min-width: 990px) {
  .p-service-item__illust--01 {
    left: 205px;
  }
}
.p-service-item__illust--01.-en {
  top: 0px;
  left: 200px;
}
@media (min-width: 768px) {
  .p-service-item__illust--01.-en {
    top: -20px;
    left: 270px;
  }
}
@media (min-width: 990px) {
  .p-service-item__illust--01.-en {
    left: 320px;
  }
}
.p-service-item__illust--01.-vi {
  top: -12px;
}
@media (min-width: 990px) {
  .p-service-item__illust--02 {
    left: 374px;
  }
}
.p-service-item__illust--02.-en {
  top: 10px;
  left: 220px;
}
@media (min-width: 768px) {
  .p-service-item__illust--02.-en {
    top: -20px;
    left: 380px;
  }
}
@media (min-width: 990px) {
  .p-service-item__illust--02.-en {
    top: -30px;
    left: 460px;
  }
}
.p-service-item__illust--02.-vi {
  top: auto;
  bottom: 18px;
}
@media (min-width: 990px) {
  .p-service-item__illust--03 {
    left: 430px;
    top: -26px;
  }
}
.p-service-item__illust--03.-en {
  top: 10px;
  right: -30px;
}
@media (min-width: 768px) {
  .p-service-item__illust--03.-en {
    top: -20px;
    left: 340px;
    right: auto;
  }
}
@media (min-width: 990px) {
  .p-service-item__illust--03.-en {
    top: -30px;
    left: 420px;
  }
}
.p-service-item__illust--03.-vi {
  top: auto;
}
@media (min-width: 990px) {
  .p-service-item__illust--04 {
    left: 436px;
    top: -26px;
  }
}
.p-service-item__illust--04.-en {
  top: 10px;
  right: -30px;
}
@media (min-width: 768px) {
  .p-service-item__illust--04.-en {
    top: -20px;
    left: 340px;
    right: auto;
  }
}
@media (min-width: 990px) {
  .p-service-item__illust--04.-en {
    top: -30px;
    left: 420px;
  }
}
.p-service-item__illust--04.-vi {
  top: auto;
}
.p-service-item__content {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.p-service-item__button {
  display: flex;
  justify-content: center;
  padding-bottom: 1.25rem;
}
.p-service-item__body {
  flex: 1;
}
.p-service-item__text {
  line-height: 2.2;
}
.p-service-item__img {
  width: 100%;
}
.p-service-item__img img {
  border-radius: 0.625rem;
  width: 100%;
  aspect-ratio: 5/3;
}
@media (min-width: 768px) {
  .p-service-item__img img {
    aspect-ratio: 78/30;
  }
}
.p-service-item__pdf {
  margin-top: 3.125rem;
  text-align: center;
}
@media (min-width: 990px) {
  .p-service-item__pdf {
    margin-top: 20px;
  }
}
.p-service-item__pdf-label {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 1.25rem;
}
.p-service-item__pdf-links {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .p-service-item__pdf-links {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-service-item__pdf-note {
  margin-top: 0.625rem;
  text-align: left;
  font-size: 0.8125rem;
  color: var(--color-sub-text);
}
.p-service-item__icon {
  flex-shrink: 0;
}

.p-service-nav {
  background-color: #fff;
  padding: 2.5rem;
  border-radius: 0 0.625rem 0.625rem 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.p-service-nav__list {
  background-color: #fff;
  font-size: 0.9375rem;
}
.p-service-nav__list li:last-of-type a {
  margin-bottom: 0;
}
.p-service-nav__list a {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 1.25rem;
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.p-service-nav__list a:hover {
  color: var(--color-orange);
}

.p-service-prevent {
  padding: 3.75rem 0;
  background-color: #eee;
}
.p-service-prevent__head {
  margin-bottom: 5.625rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p-service-prevent__head {
    text-align: left;
  }
}
.p-service-prevent__title {
  position: relative;
  margin-bottom: 5rem;
  font-family: var(--font-maru);
  font-size: 1.5rem;
  text-align: center;
}
.p-service-prevent__title::before {
  content: "";
  position: absolute;
  top: -0.9375rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.875rem;
  height: 2px;
  background-color: var(--color-orange);
}
.p-service-prevent__box {
  background-color: #fff;
  border-radius: 0.625rem;
  position: relative;
  padding: 3.125rem 1.25rem 1.875rem;
  max-width: 56.25rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .p-service-prevent__box {
    padding: 3.125rem 2.5rem 1.875rem;
  }
}
@media (min-width: 990px) {
  .p-service-prevent__box {
    padding: 6.25rem 2.5rem 2.5rem;
  }
}
.p-service-prevent__illust {
  position: absolute;
  top: -3.75rem;
  left: 50%;
  transform: translateX(-50%);
  width: 4rem;
}
@media (min-width: 990px) {
  .p-service-prevent__illust {
    width: 5.625rem;
  }
}
.p-service-prevent__inner {
  text-align: center;
}
.p-service-prevent__sub-title {
  font-size: 1.125rem;
  font-weight: 700;
  font-family: var(--font-maru);
  margin-bottom: 1.875rem;
  display: inline-block;
  padding-bottom: 0.625rem;
  background-image: radial-gradient(circle, #f5832b 1px, transparent 1px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 10px 2px;
}
@media (min-width: 990px) {
  .p-service-prevent__sub-title {
    font-size: 1.5625rem;
  }
}
.p-service-prevent__lead {
  text-align: left;
  line-height: 2;
  margin-bottom: 2.5rem;
}
@media (min-width: 990px) {
  .p-service-prevent__lead {
    width: 80%;
    margin: 0 auto 60px;
  }
}
.p-service-prevent__lead p {
  margin-bottom: 1.25rem;
}
.p-service-prevent__info {
  background-color: var(--color-bg-gray);
  border-radius: 0.625rem;
  padding: 1.875rem 1.25rem;
  text-align: left;
}
@media (min-width: 768px) {
  .p-service-prevent__info {
    padding: 2.5rem;
  }
}
.p-service-prevent__info-item:last-child {
  margin-top: 30px;
  padding-top: 30px;
  background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
@media (min-width: 768px) {
  .p-service-prevent__info-item:last-child {
    margin-top: 40px;
    padding-top: 40px;
  }
}
.p-service-prevent__info-title {
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 0.9375rem;
  position: relative;
  padding-left: 1.25rem;
  font-family: var(--font-maru);
}
.p-service-prevent__info-title::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: var(--color-orange);
  border-radius: 50%;
}
@media (min-width: 990px) {
  .p-service-prevent__info-title {
    font-size: 1.25rem;
  }
}
.p-service-prevent__info-text {
  font-size: 0.875rem;
  line-height: 2;
}
@media (min-width: 990px) {
  .p-service-prevent__info-text {
    font-size: 1rem;
  }
}
.p-service-prevent__btns {
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.p-service-prevent__btns .c-btn-round {
  font-family: var(--font-base);
  font-weight: 500;
  font-size: 0.875rem;
}
.p-service-prevent__btns .c-btn-round__icon {
  width: 30px;
  height: 30px;
}
@media (min-width: 768px) {
  .p-service-prevent__btns {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .p-service-prevent__btns .c-btn-round {
    width: 48%;
  }
}
@media (min-width: 990px) {
  .p-service-prevent__btns a {
    font-size: 1rem;
  }
}

.p-service-flow {
  padding: 3.75rem 0;
}
.p-service-flow__head {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p-service-flow__head {
    margin-bottom: 5rem;
    text-align: left;
  }
}
.p-service-flow__sub-title {
  font-size: 1.0625rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-maru);
}
@media (min-width: 768px) {
  .p-service-flow__sub-title {
    font-size: 1.5625rem;
  }
}
.p-service-flow__sub-title::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--color-orange);
  border-radius: 50%;
}
.p-service-flow__card {
  background-color: #fff;
  border-radius: 0.9375rem;
  padding: 1.875rem 1.25rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .p-service-flow__card {
    padding: 2.5rem 3.75rem;
  }
}
.p-service-flow__list li {
  position: relative;
  padding-left: 0.9375rem;
  line-height: 1.8;
  margin-bottom: 0.9375rem;
}
.p-service-flow__list li:last-child {
  margin-bottom: 0;
}
.p-service-flow__list li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #f5b075;
  border-radius: 50%;
}
.p-service-flow__steps {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.p-service-flow__steps::before {
  content: "";
  position: absolute;
  top: 0;
  left: 2.125rem;
  width: 2px;
  height: 100%;
  background-color: var(--color-orange);
  z-index: 0;
}
@media (min-width: 990px) {
  .p-service-flow__steps::before {
    left: 3.375rem;
  }
}

.p-flow-step {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: 0.9375rem;
  overflow: hidden;
}
.p-flow-step__head {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem;
  border-bottom: 1px solid #eee;
}
@media (min-width: 768px) {
  .p-flow-step__head {
    padding: 1.5625rem 2.5rem;
  }
}
.p-flow-step__num {
  font-family: var(--font-en);
  font-weight: 700;
  color: var(--color-orange);
  font-size: 1.5625rem;
  line-height: 1;
  text-align: center;
}
.p-flow-step__num span {
  display: block;
  font-size: 0.625rem;
  margin-bottom: 2px;
}
.p-flow-step__title {
  font-size: 1.0625rem;
  font-weight: 700;
}
.p-flow-step__body {
  padding: 1.5625rem 1.25rem;
}
@media (min-width: 768px) {
  .p-flow-step__body {
    padding: 2.1875rem 2.5rem;
  }
}
.p-flow-step__text {
  line-height: 1.8;
}
.p-flow-step__contact {
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (min-width: 768px) {
  .p-flow-step__contact {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .p-flow-step__contact-btn {
    width: 50%;
  }
}
.p-flow-step__tel {
  text-align: center;
}
@media (min-width: 768px) {
  .p-flow-step__tel {
    text-align: left;
    flex: 1;
  }
}
@media (min-width: 1200px) {
  .p-flow-step__tel {
    display: flex;
    justify-content: center;
    gap: 16px;
  }
}
.p-flow-step__tel p {
  font-size: 0.875rem;
  text-align: center;
}
.p-flow-step__tel-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.p-flow-step__tel-right span {
  font-size: 12px;
  color: #6b6b6b;
}
.p-flow-step__tel-number {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-text);
  text-decoration: none;
  line-height: 1;
}

.p-service-facilities {
  padding: 3.75rem 0;
}
.p-service-facilities__head {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p-service-facilities__head {
    margin-bottom: 5rem;
    text-align: left;
  }
}
.p-service-facilities__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3.75rem 1.875rem;
}
@media (min-width: 768px) {
  .p-service-facilities__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-facility-card__img {
  margin-bottom: 0.9375rem;
}
.p-facility-card__img img {
  width: 100%;
  border-radius: 0.9375rem;
  aspect-ratio: 340/220;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-facility-card__body {
  text-align: left;
}
.p-facility-card__title {
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--color-orange);
  margin-bottom: 0.625rem;
  font-family: var(--font-maru);
}
@media (min-width: 768px) {
  .p-facility-card__title {
    font-size: 1.25rem;
  }
}
.p-facility-card__text {
  line-height: 1.8;
  color: var(--color-text);
}

.p-schedule-tabs {
  background-color: #eee;
  padding: 6.25rem 0;
}
.p-schedule-tabs__inner {
  background-color: #f6e6d3;
  border-radius: 1.25rem;
  padding: 1.875rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}

.p-schedule-tab {
  display: flex;
  justify-content: flex-start;
  justify-content: space-between;
  gap: 0.3125rem;
  margin-bottom: -0.0625rem;
  position: relative;
  z-index: 2;
}
.p-schedule-tab.u-mobile {
  display: flex;
}
@media (min-width: 768px) {
  .p-schedule-tab.u-mobile {
    display: none;
  }
}
.p-schedule-tab__btn {
  width: 49%;
  padding: 0.625rem 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: rgba(255, 255, 255, 0.5);
  color: var(--color-text);
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.3s;
  border: 1px solid var(--color-border);
}
@media (min-width: 768px) {
  .p-schedule-tab__btn {
    font-size: 1.125rem;
  }
}
.p-schedule-tab__btn.is-active {
  background-color: #f5b075;
  color: #fff;
  border: 1px solid #f5b075;
}
.p-schedule-tab__btn.is-active::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #f5b075;
  z-index: 10;
}
.p-schedule-tab__btn.is-active .p-schedule-tab__btn-icon path {
  fill: #fff;
}
.p-schedule-tab__btn-icon {
  width: 16px;
  display: inline-block;
}

.p-schedule-table {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 0.625rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .p-schedule-table {
    flex-direction: row;
    align-items: stretch;
  }
}
.p-schedule-table__col {
  flex: 1;
}
.p-schedule-table__col:first-child {
  border-right: 1px solid #eee;
}
.p-schedule-table__head {
  padding: 0.9375rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
}
@media (min-width: 768px) {
  .p-schedule-table__head.u-tab-up {
    display: flex !important;
  }
}
.p-schedule-table__head--nyusho {
  background-color: #f5b075;
}
.p-schedule-table__head--tsusho {
  background-color: #f9dcb3;
  color: var(--color-text);
}
.p-schedule-table__list div {
  display: flex;
  min-height: 2.8125rem;
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media (min-width: 990px) {
  .p-schedule-table__list div {
    font-size: 1rem;
  }
}
.p-schedule-table__list div:nth-child(odd) {
  background-color: #fdfaf5;
}
.p-schedule-table__list div dt {
  width: 5rem;
  font-weight: 700;
  flex-shrink: 0;
}
.p-schedule-table__list div dt span {
  font-size: 0.625rem;
  margin-left: 2px;
}
.p-schedule-table__list div dd {
  flex: 1;
}
.p-schedule-table__list div.u-empty {
  background-color: transparent;
}
@media (min-width: 768px) {
  .p-schedule-table__list div.u-empty {
    min-height: 3rem;
  }
}

.js-tab-content {
  display: none;
}
.js-tab-content.is-active {
  display: block;
  animation: fadeIn 0.5s;
}
@media (min-width: 768px) {
  .js-tab-content {
    display: block !important;
    flex: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 768px) {
  .p-schedule-container {
    display: flex;
    gap: 0.25rem;
  }
}

#tsusho-tab .p-schedule-table__list > div:nth-child(4) {
  height: 24px;
  min-height: 24px;
}
#tsusho-tab .p-schedule-table__list > div:nth-child(5) {
  background-color: #fff;
}
#tsusho-tab .p-schedule-table__list > div:nth-child(6) {
  height: 72px;
  min-height: 72px;
}
#tsusho-tab .p-schedule-table__list > div:nth-child(9) {
  min-height: 24px;
}
#tsusho-tab .p-schedule-table__list > div:nth-child(10) {
  background-color: #fdfaf5;
}
@media (min-width: 768px) {
  #tsusho-tab .p-schedule-table__list > div:nth-child(5) {
    background-color: #fdfaf5;
  }
}

.p-service-life {
  padding: 3.75rem 0;
}
.p-service-life__head {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p-service-life__head {
    margin-bottom: 5rem;
    text-align: left;
  }
}
.p-service-life__sub-title {
  font-size: 1.0625rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-maru);
}
.p-service-life__sub-title::before {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--color-orange);
  border-radius: 50%;
}
@media (min-width: 990px) {
  .p-service-life__sub-title {
    font-size: 1.5625rem;
  }
}
.p-service-life__schedule {
  margin-bottom: 3.75rem;
}
.p-service-life__events-list {
  margin-top: 56px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p-service-life__events-list li {
  margin-bottom: 8px;
}
.p-service-life__events-list li:last-child {
  margin-bottom: 0;
}

.p-event-card {
  width: 48%;
  margin-bottom: 40px;
  padding: 0.625rem;
  position: relative;
  background-color: #fff;
  border-radius: 0.625rem;
}
.p-event-card__head {
  color: var(--head-color, currentColor);
}
.p-event-card__month {
  color: var(--text-color, currentColor);
  border: 1px solid var(--border-color, transparent);
}
@media (min-width: 768px) {
  .p-event-card {
    width: 25%;
    border-radius: 0;
    background-image: repeating-linear-gradient(180deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
    background-position: right top;
    background-repeat: repeat-y;
    background-size: 1px 100%;
  }
  .p-event-card:first-child {
    border-radius: 0.625rem 0 0 0.625rem;
  }
  .p-event-card:last-child {
    border-radius: 0 0.625rem 0.625rem 0;
    background-image: none;
  }
}
@media (min-width: 990px) {
  .p-event-card {
    padding: 24px;
  }
}
.p-event-card.is-spring {
  --head-color: var(--color-pink);
  --text-color: var(--color-pink);
  --border-color: var(--color-pink);
}
.p-event-card.is-summer {
  --head-color: var(--color-orange);
  --text-color: var(--color-orange);
  --border-color: var(--color-orange);
}
.p-event-card.is-autumn {
  --head-color: #c84900;
  --text-color: #c84900;
  --border-color: #c84900;
}
.p-event-card.is-winter {
  --head-color: #0896e2;
  --text-color: #0896e2;
  --border-color: #0896e2;
}
.p-event-card__head {
  width: 56px;
  height: 56px;
  margin: auto;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  top: -28px;
  background-color: #fff;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.125rem;
  font-family: var(--font-maru);
}
.p-event-card__head.-en {
  width: 80px;
  height: 80px;
  top: -34px;
}
.p-event-card__head.-vi {
  width: 100px;
  height: 100px;
  top: -34px;
}
.p-event-card__list {
  position: relative;
  z-index: 1;
  font-size: 0.875rem;
}
.p-event-card__list li {
  color: var(--color-text);
}
@media (min-width: 990px) {
  .p-event-card__list {
    font-size: 1rem;
  }
}
.p-event-card__month {
  margin-right: 8px;
  display: inline-block;
  width: 40px;
  height: 24px;
  font-size: 0.8125rem;
  line-height: 24px;
  text-align: center;
  border-radius: 2px;
}
.p-event-card__month.-en {
  display: block;
  width: auto;
  margin: 0 auto;
  padding: 0 6px;
}

.p-service-voice {
  max-width: 1000px;
  margin: 0 auto;
  padding: 3.75rem 1.25rem;
  background-color: #eee;
}
@media (min-width: 768px) {
  .p-service-voice {
    padding: 3.75rem 3.125rem;
  }
}
.p-service-voice__sub-title {
  font-size: 1.0625rem;
  font-weight: 700;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-maru);
}
.p-service-voice__sub-title::before {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--color-orange);
  border-radius: 50%;
}
@media (min-width: 990px) {
  .p-service-voice__sub-title {
    font-size: 1.5625rem;
  }
}

.p-voice-card {
  background-color: #fff;
  border-radius: 0.9375rem;
  padding: 2.5rem 1.875rem;
  position: relative;
  height: 100%;
}
.p-voice-card::after {
  content: "";
  position: absolute;
  bottom: -1.125rem;
  left: 1.875rem;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #fff transparent transparent transparent;
}
.p-voice-card__label-group {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 1.5625rem;
}
.p-voice-card__tag {
  background-color: #f2f2f2;
  padding: 2px 10px;
  font-size: 0.75rem;
  border-radius: 4px;
  color: var(--color-sub-text);
  font-weight: 500;
}
.p-voice-card__name {
  max-width: 100px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-sub-text);
}
.p-voice-card__text {
  font-size: 0.9375rem;
  line-height: 2;
  color: var(--color-text);
}
.p-voice-card__illust {
  position: absolute;
  top: -2rem;
  right: 0;
  width: 5rem;
}
.p-voice-card__illust img {
  width: 100%;
}
@media (min-width: 990px) {
  .p-voice-card__illust {
    width: 100px;
  }
}

.p-voice-slider-wrapper {
  width: 100%;
  position: relative;
}

.p-voice-slider-clip {
  overflow: hidden;
  margin-right: calc(50% - 50vw);
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 990px) {
  .p-voice-slider-clip {
    padding-right: 10rem;
  }
}

.p-voice-ctrl {
  margin-top: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
  position: relative;
}
@media (min-width: 768px) {
  .p-voice-ctrl {
    width: 100% !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
}

.p-voice-scrollbar.swiper-scrollbar {
  width: 70% !important;
  position: static;
  flex: 1;
  height: 3px !important;
  background-color: var(--color-border);
  top: 0 !important;
  bottom: 0 !important;
  margin: auto;
}
.p-voice-scrollbar.swiper-scrollbar .swiper-scrollbar-drag {
  background-color: var(--color-orange);
}

.p-voice-nav {
  display: flex;
  gap: 0.9375rem;
  margin-left: auto;
  position: relative;
  z-index: 10;
}
.p-voice-nav .swiper-button-prev,
.p-voice-nav .swiper-button-next {
  position: static;
  width: 2.5rem;
  height: 2.5rem;
  margin: 0;
  background-color: var(--color-orange);
  border: 1px solid var(--color-orange);
  border-radius: 50%;
  color: var(--color-orange);
  transition: all 0.3s;
}
.p-voice-nav .swiper-button-prev::after,
.p-voice-nav .swiper-button-next::after {
  display: none;
}
.p-voice-nav .swiper-button-prev::after.swiper-button-disabled,
.p-voice-nav .swiper-button-next::after.swiper-button-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.p-voice-nav .swiper-button-prev.swiper-button-prev,
.p-voice-nav .swiper-button-next.swiper-button-prev {
  background-image: url("../img/common/icon-arrow-left.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.p-voice-nav .swiper-button-prev.swiper-button-prev.swiper-button-disabled,
.p-voice-nav .swiper-button-next.swiper-button-prev.swiper-button-disabled {
  background-color: #fff;
  opacity: 0.4;
  cursor: not-allowed;
  border: 1px solid var(--color-orange);
  background-image: url("../img/common/icon-arrow-left--orange.svg");
}
.p-voice-nav .swiper-button-prev.swiper-button-next,
.p-voice-nav .swiper-button-next.swiper-button-next {
  background-image: url("../img/common/icon-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.p-voice-nav .swiper-button-prev.swiper-button-next.swiper-button-disabled,
.p-voice-nav .swiper-button-next.swiper-button-next.swiper-button-disabled {
  background-color: #fff;
  opacity: 0.4;
  cursor: not-allowed;
  border: 1px solid var(--color-orange);
  background-image: url("../img/common/icon-arrow-right--orange.svg");
}
.p-voice-nav .swiper-button-prev.swiper-button-next:hover,
.p-voice-nav .swiper-button-next.swiper-button-next:hover {
  background-color: var(--color-orange);
  color: #fff;
  border-color: var(--color-orange);
}
.p-voice-nav .p-voice-next {
  background-color: var(--color-orange);
  color: #fff;
  border-color: var(--color-orange);
}

.swiper-slide {
  height: auto;
}

.p-voice-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.js-voice-slider {
  width: 100%;
  overflow: visible !important;
  margin-top: 32px;
}

.p-related-container {
  margin-bottom: 3.75rem;
}
.p-related-container:last-child {
  margin-bottom: 0;
}
.p-related-container__head {
  text-align: center;
  margin-bottom: 3.125rem;
}
@media (min-width: 768px) {
  .p-related-container__head {
    margin-bottom: 6.25rem;
    text-align: left;
  }
}

.p-related-card {
  background-color: #fff;
  border-radius: 1.25rem 1.25rem 0 0;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.p-related-card__main {
  padding: 1.875rem 1.25rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.875rem;
}
@media (min-width: 768px) {
  .p-related-card__main {
    padding: 2.5rem;
    grid-template-columns: 1fr 45%;
    grid-template-rows: auto 1fr;
    gap: 0 1.875rem;
    grid-template-areas: "head visual" "lead visual";
    align-items: start;
  }
}
@media (min-width: 990px) {
  .p-related-card__main {
    padding: 4.375rem 3.125rem 3.75rem;
    grid-template-columns: 48% 45%;
    justify-content: space-between;
  }
}
.p-related-card__content {
  flex: 1;
}
@media (min-width: 768px) {
  .p-related-card__head {
    grid-area: head;
  }
}
.p-related-card__head .p-related-card__title {
  padding-bottom: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-navy);
  background-image: radial-gradient(circle, #1663b0 1px, transparent 1px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 10px 2px;
  font-family: var(--font-maru);
}
@media (min-width: 768px) {
  .p-related-card__head .p-related-card__title {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 990px) {
  .p-related-card__head .p-related-card__title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 10px;
    font-size: 1.5625rem;
  }
}
.p-related-card__head .p-related-card__title.-vi span {
  display: block;
}
.p-related-card__head .p-related-card__title span {
  display: block;
}
@media (min-width: 990px) {
  .p-related-card__head .p-related-card__title span {
    display: inline-block;
    font-size: 1.25rem;
  }
}
.p-related-card__head .p-related-card__title .u-color-blue {
  font-size: 0.8em;
}
.p-related-card__head .p-related-card__icon {
  width: 5rem;
}
.p-related-card__lead {
  line-height: 2;
}
@media (min-width: 768px) {
  .p-related-card__lead {
    grid-area: lead;
    line-height: 2.2;
  }
}
@media (min-width: 768px) {
  .p-related-card__visual {
    grid-area: visual;
  }
}
.p-related-card__visual img {
  width: 100%;
  border-radius: 0.9375rem;
}
.p-related-card__info {
  background-color: rgba(141, 215, 255, 0.1);
  padding: 1.5rem 1.25rem;
  margin: 0 1.25rem 1.25rem;
  border-radius: 1.25rem;
}
@media (min-width: 768px) {
  .p-related-card__info {
    margin: 0 2.5rem 1.25rem;
    padding: 3.125rem 2.5rem;
  }
}

.p-info-box {
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
  background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 6px, transparent 6px, transparent 10px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
@media (min-width: 768px) {
  .p-info-box {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.p-info-box:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  background-image: none;
}
.p-info-box__title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-maru);
}
.p-info-box__title::before {
  content: "●";
  font-size: 10px;
  color: var(--color-navy);
}
@media (min-width: 768px) {
  .p-info-box__title {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 990px) {
  .p-info-box__title {
    font-size: 1.25rem;
  }
}
.p-info-box__text {
  font-size: 0.875rem;
  line-height: 2;
}
@media (min-width: 990px) {
  .p-info-box__text {
    font-size: 1rem;
  }
}

.p-info-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .p-info-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}
.p-info-grid__item {
  padding-left: 1.25rem;
  border-left: 2px solid var(--color-border);
}
.p-info-grid__item h5 {
  font-weight: 700;
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}
@media (min-width: 990px) {
  .p-info-grid__item h5 {
    font-size: 1rem;
  }
}
.p-info-grid__item ul li {
  font-size: 0.8125rem;
  position: relative;
  padding-left: 1em;
  margin-bottom: 4px;
}
.p-info-grid__item ul li::before {
  content: "・";
  position: absolute;
  left: 0;
}
@media (min-width: 990px) {
  .p-info-grid__item ul li {
    font-size: 0.9375rem;
  }
}

.p-related-contact {
  padding: 1.875rem 1.25rem 3.125rem;
  text-align: center;
  background-color: #fff;
  border-radius: 0 0 1.25rem 1.25rem;
}
.p-related-contact__title {
  margin-bottom: 1.875rem;
  position: relative;
  font-family: var(--font-maru);
}
.p-related-contact__title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.75rem;
  transform: translateX(-50%);
  width: 2rem;
  height: 2px;
  background-color: var(--color-navy);
}
.p-related-contact__name {
  margin-bottom: 16px;
  font-weight: 500;
}
.p-related-contact__info {
  margin-bottom: 10px;
}
.p-related-contact__info span {
  width: 42px;
  display: inline-block;
  font-size: 12px;
  background-color: #eeeeee;
  text-align: center;
  border-radius: 2px;
}
.p-related-contact__info:last-child {
  margin-bottom: none;
}

.p-info-table {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 0.625rem;
  overflow: hidden;
  max-width: 37.5rem;
}
.p-info-table__row {
  display: flex;
}
.p-info-table__row:last-child dt {
  border-bottom: none;
}
.p-info-table__row:last-child dd {
  border-bottom: none;
}
.p-info-table__row dt {
  background-color: var(--color-table);
  width: 6.25rem;
  padding: 0.625rem;
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-bottom: 1px solid #fff;
}
@media (min-width: 990px) {
  .p-info-table__row dt {
    width: 7.5rem;
  }
}
.p-info-table__row dd {
  padding: 0.9375rem;
  font-size: 0.875rem;
  line-height: 1.6;
  flex: 1;
  border-bottom: 1px solid var(--color-table);
}
.p-info-table__row dd .u-small {
  font-size: 0.75rem;
  color: #666;
  display: block;
  margin-top: 5px;
}

.p-medical-flow {
  padding: 0 0 5rem 0;
}
.p-medical-flow__head {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p-medical-flow__head {
    margin-bottom: 5rem;
    text-align: left;
  }
}
.p-medical-flow__list {
  position: relative;
  max-width: 56.25rem;
  margin: 0 auto;
}
.p-medical-flow__list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  width: 2px;
  height: 100%;
  background-color: #f1b3c3;
}
@media (min-width: 768px) {
  .p-medical-flow__list::before {
    left: 45px;
  }
}
@media (min-width: 990px) {
  .p-medical-flow__list::before {
    left: 54px;
  }
}
.p-medical-flow__item {
  position: relative;
  margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
  .p-medical-flow__item {
    margin-bottom: 1.875rem;
  }
}
.p-medical-flow__item:last-child {
  margin-bottom: 0;
}
.p-medical-flow__card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 0.625rem;
  overflow: hidden;
}
.p-medical-flow__heading {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem;
  border-bottom: 1px solid #eee;
}
@media (min-width: 768px) {
  .p-medical-flow__heading {
    padding: 1.875rem 2.5rem;
  }
}
.p-medical-flow__step {
  color: var(--color-pink);
  font-weight: 700;
  line-height: 1;
  font-size: 0.625rem;
  text-align: center;
  font-family: var(--font-en);
}
.p-medical-flow__step small {
  font-size: 1.5625rem;
  display: block;
}
@media (min-width: 990px) {
  .p-medical-flow__step small {
    font-size: 2.5rem;
  }
}
.p-medical-flow__title {
  font-size: 1.0625rem;
  font-weight: 700;
}
@media (min-width: 990px) {
  .p-medical-flow__title {
    font-size: 1.25rem;
  }
}
.p-medical-flow__body {
  padding: 1.25rem;
}
@media (min-width: 768px) {
  .p-medical-flow__body {
    padding: 1.875rem;
  }
}
.p-medical-flow__text {
  line-height: 1.8;
}
.p-medical-flow__contact-grid {
  display: grid;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  .p-medical-flow__contact-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
    align-items: center;
  }
}
.p-medical-flow__btn-pdf, .p-medical-flow__btn-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0.75rem;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  margin-bottom: 0.9375rem;
  text-decoration: none;
  color: inherit;
  transition: 0.3s;
}
.p-medical-flow__btn-pdf:hover, .p-medical-flow__btn-line:hover {
  transition: color 0.3s;
}
.p-medical-flow__btn-pdf:hover .arrow-right, .p-medical-flow__btn-line:hover .arrow-right {
  transform: translateX(150%);
}
.p-medical-flow__btn-pdf:hover {
  color: var(--color-orange);
}
.p-medical-flow__btn-line:hover {
  color: #4cc764;
}
.p-medical-flow__btn-inner {
  display: flex;
  align-items: center;
  gap: 10px;
}
.p-medical-flow__btn-inner .p-medical-flow__btn-icon {
  width: 40px;
}
.p-medical-flow__btn-inner .p-medical-flow__btn-text {
  font-weight: 600;
  font-family: var(--font-maru);
}
.p-medical-flow__btn-arrow {
  width: 1.875rem;
  height: 1.875rem;
  background-color: var(--color-orange);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.9375rem;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}
.p-medical-flow__btn-arrow .arrow-right {
  position: relative;
  width: 1rem;
  height: 1rem;
  display: block;
  transition: transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.p-medical-flow__btn-arrow .arrow-right::before, .p-medical-flow__btn-arrow .arrow-right::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("../img/common/btn-arrow.svg");
  mask-image: url("../img/common/btn-arrow.svg");
}
.p-medical-flow__btn-arrow .arrow-right::before {
  left: 0;
}
.p-medical-flow__btn-arrow .arrow-right::after {
  left: -150%;
}
.p-medical-flow__btn-arrow.-line {
  background-color: #4cc764;
}
.p-medical-flow__contact-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 20px;
}
.p-medical-flow__number {
  display: block;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: inherit;
  text-decoration: none;
}
@media (min-width: 990px) {
  .p-medical-flow__number {
    font-size: 1.875rem;
  }
}
.p-medical-flow__number-block {
  width: 200px;
}
@media (min-width: 990px) {
  .p-medical-flow__number-block {
    width: auto;
  }
}
.p-medical-flow__note {
  margin-top: 4px;
  display: block;
  font-size: 0.75rem;
  color: #6b6b6b;
  text-align: center;
}

.c-tag-contact {
  width: 42px;
  line-height: 24px;
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  border-radius: 2px;
}
.c-tag-contact.--tel {
  background-color: #f2a057;
}
.c-tag-contact.--fax {
  background-color: #f7d49f;
}

.p-medical-area {
  padding: 5rem 0;
}
.p-medical-area__head {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p-medical-area__head {
    margin-bottom: 5rem;
    text-align: left;
  }
}
.p-medical-area__card {
  background-color: #fff;
  border-radius: 0.9375rem;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.p-medical-area__inner {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
@media (min-width: 768px) {
  .p-medical-area__inner {
    grid-template-columns: 1.2fr 1fr;
  }
}
.p-medical-area__map {
  line-height: 0;
}
.p-medical-area__map img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-medical-area__content {
  padding: 1.875rem 1.5rem;
}
@media (min-width: 768px) {
  .p-medical-area__content {
    padding: 2.5rem 3.75rem;
  }
}
@media (min-width: 990px) {
  .p-medical-area__content {
    padding: auto 3.75rem;
  }
}
.p-medical-area__lead {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 1.875rem;
  font-family: var(--font-maru);
}
@media (min-width: 768px) {
  .p-medical-area__lead {
    font-size: 1.25rem;
  }
}
.p-medical-area__sub-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-pink);
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) {
  .p-medical-area__sub-title {
    font-size: 1.125rem;
  }
}
.p-medical-area__list li {
  line-height: 1.8;
  position: relative;
  padding-left: 1.2em;
}
.p-medical-area__list li::before {
  content: "・";
  position: absolute;
  left: 0;
  color: var(--color-pink);
  font-weight: 700;
}

.p-medical-download {
  padding: 5rem 0 0;
}
.p-medical-download__head {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p-medical-download__head {
    margin-bottom: 5rem;
    text-align: left;
  }
}
.p-medical-download__group {
  margin-bottom: 3.75rem;
}
.p-medical-download__group:last-child {
  margin-bottom: 0;
}
.p-medical-download__sub-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-maru);
}
.p-medical-download__sub-title::before {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--color-pink);
  border-radius: 50%;
}
@media (min-width: 990px) {
  .p-medical-download__sub-title {
    font-size: 1.5625rem;
    margin-bottom: 1.875rem;
  }
}
.p-medical-download__category {
  margin-bottom: 2.5rem;
}
.p-medical-download__category-name {
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: var(--color-text);
}
.p-medical-download__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.625rem 1.25rem;
}
@media (min-width: 768px) {
  .p-medical-download__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.p-medical-download__item {
  background-color: #fff;
  border-radius: 0.3125rem;
  padding: 0.9375rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.p-medical-download__item:hover {
  border-color: #ddd;
  color: var(--color-orange);
}
.p-medical-download__item:hover .p-medical-download__arrow:after {
  border-top: 1px solid var(--color-orange);
  border-right: 1px solid var(--color-orange);
  transform: translateX(5px) translateY(-50%) rotate(45deg);
}
.p-medical-download__item-inner {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}
.p-medical-download__icon {
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  margin-right: 15px;
  margin-right: 0.9375rem;
  background-color: #ffd9a8;
  border-radius: 50%;
  background-image: url("../img/common/c-btn-pdf-icon.svg");
  background-size: 36%;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
  align-self: center;
}
.p-medical-download__text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .p-medical-download__text {
    font-size: 0.9375rem;
  }
}
.p-medical-download__arrow {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
}
.p-medical-download__arrow::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-top: 1px solid var(--color-text);
  border-right: 1px solid var(--color-text);
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 0;
  transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}

.p-access__head {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p-access__head {
    margin-bottom: 3.75rem;
    text-align: left;
  }
}

.p-access-address {
  padding: 0 0 7.1875rem;
}
.p-access-address__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}
@media (min-width: 768px) {
  .p-access-address__layout {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}
.p-access-address__name {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1.875rem;
}
@media (min-width: 990px) {
  .p-access-address__name {
    font-size: 1.5rem;
  }
}
.p-access-address__item {
  display: flex;
  gap: 0.625rem;
  margin-bottom: 0.625rem;
  align-items: center;
}
.p-access-address__item:last-child {
  margin-bottom: 0;
}
.p-access-address__item dt {
  font-size: 0.875rem;
  background-color: #e3e3e3;
  width: 4.5625rem;
  height: 2rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (min-width: 990px) {
  .p-access-address__item dt {
    font-size: 0.9375rem;
  }
}
.p-access-address__item dd {
  line-height: 1.6;
  flex: 1;
}
.p-access-address__item dd a {
  text-decoration: none;
  color: inherit;
}
.p-access-address__map {
  width: 100%;
  aspect-ratio: 16/10;
}
@media (min-width: 768px) {
  .p-access-address__map {
    aspect-ratio: auto;
    height: 20rem;
  }
}
.p-access-address__map iframe {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.p-access-transport {
  padding: 0 0 5.9375rem;
}
.p-access-transport__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5.9375rem 3.75rem;
}
@media (min-width: 768px) {
  .p-access-transport__layout {
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 5.9375rem 3.75rem;
  }
}

.p-access-method__body .c-list-dot,
.p-access-method__body .p-access-method__text {
  margin-bottom: 1.25rem;
}
.p-access-method__text {
  line-height: 1.8;
}

.p-access-airplane__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}
@media (min-width: 768px) {
  .p-access-airplane__layout {
    grid-template-columns: 1fr 1.2fr;
    align-items: center;
    gap: 5rem;
  }
}
.p-access-airplane__lead {
  line-height: 1.8;
  margin-bottom: 1rem;
}
.p-access-airplane__note {
  font-size: 0.75rem;
  line-height: 1.6;
  margin-bottom: 1.875rem;
}
.p-access-airplane__links {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  align-items: flex-start;
}

.p-access-route {
  position: relative;
}
.p-access-route::before {
  content: "";
  position: absolute;
  left: 1.875rem;
  top: 1.25rem;
  bottom: 1.25rem;
  width: 2px;
  background-color: var(--color-orange);
  z-index: 1;
}
.p-access-route__item {
  position: relative;
  z-index: 2;
}
.p-access-route__item.--move {
  padding-left: 3.75rem;
}
.p-access-route__spot {
  background-color: #fff;
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}
.p-access-route__num {
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--color-l-orange);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  flex-shrink: 0;
  font-weight: 500;
}
.p-access-route__name {
  font-weight: 500;
}
.p-access-route__move-content {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 1.25rem 0;
}
.p-access-route__move-icon {
  flex-shrink: 0;
}

.p-visiting {
  padding: 0 0.625rem;
}
@media (min-width: 768px) {
  .p-visiting {
    padding: 0 2.5rem;
  }
}
.p-visiting__inner {
  margin: 0 auto;
  background-color: #fff;
  border-radius: 1.25rem;
  padding: 1.25rem 0.9375rem;
}
@media (min-width: 768px) {
  .p-visiting__inner {
    padding: 1.875rem 3.125rem;
  }
}
.p-visiting__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 24px;
}
@media (min-width: 990px) {
  .p-visiting__title {
    margin: 0 auto 32px;
  }
}
.p-visiting__title-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  font-family: var(--font-maru);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-text);
  text-align: center;
}
@media (min-width: 768px) {
  .p-visiting__title-inner {
    font-size: 1.75rem;
  }
}
.p-visiting__title .icon-clock {
  width: 18px;
  color: var(--color-orange);
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .p-visiting__title .icon-clock {
    width: 24px;
  }
}
.p-visiting__body {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (min-width: 990px) {
  .p-visiting__body {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.p-visiting__image {
  width: 20%;
  margin-right: 2%;
}
.p-visiting__image img {
  width: 8.75rem;
  margin: 0 0 0 auto;
}
.p-visiting__content {
  flex: 1;
  padding-bottom: 1.25rem;
  background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 4px, transparent 4px, transparent 8px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
@media (min-width: 990px) {
  .p-visiting__content {
    padding-bottom: 0;
    padding-right: 50px;
    background-image: repeating-linear-gradient(180deg, #dcdcdc, #dcdcdc 4px, transparent 4px, transparent 8px);
    background-position: right top;
    background-repeat: repeat-y;
    background-size: 1px 100%;
  }
}
.p-visiting__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #eee;
  border-radius: 0.3125rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.p-visiting__table th,
.p-visiting__table td {
  padding: 0.9375rem;
  vertical-align: middle;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-visiting__table th,
  .p-visiting__table td {
    font-size: 1.0625rem;
  }
}
.p-visiting__table th {
  background-color: var(--color-top-gray);
  color: var(--color-text);
  font-weight: 700;
  width: 6.25rem;
}
@media (min-width: 768px) {
  .p-visiting__table th {
    width: 8.75rem;
  }
}
.p-visiting__table td {
  background-color: #fff;
  border-left: 1px solid var(--color-top-gray);
  text-align: center;
}
.p-visiting__table tr:first-child th {
  border-bottom: 1px solid #fff;
}
.p-visiting__table tr:first-child td {
  border-bottom: 1px solid #eee;
}
@media (min-width: 990px) {
  .p-visiting__table {
    margin-bottom: 1.5rem;
  }
}
.p-visiting .dotted-line {
  height: 6px;
  background-image: radial-gradient(circle, #f58220 1px, transparent 1px);
  background-size: 12px 6px;
  background-repeat: repeat-x;
  background-position: center;
}
.p-visiting__notes li {
  position: relative;
  padding-left: 0.9375rem;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--color-text);
  margin-bottom: 0.3125rem;
}
@media (min-width: 990px) {
  .p-visiting__notes li {
    font-size: 0.9375rem;
  }
}
.p-visiting__notes li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: var(--color-orange);
  border-radius: 50%;
}
.p-visiting__btn-wrapper {
  text-align: center;
}
@media (min-width: 990px) {
  .p-visiting__btn-wrapper {
    width: 18%;
  }
}
.p-visiting__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  font-weight: 600;
  font-family: var(--font-maru);
  letter-spacing: 0;
}
.p-visiting__btn:hover {
  color: var(--color-orange);
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.p-visiting__btn:hover .arrow-right {
  transform: translateX(150%);
}

.p-visitation__head {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media (min-width: 768px) {
  .p-visitation__head {
    margin-bottom: 3.75rem;
    text-align: left;
  }
}

.p-visitation-rule {
  padding: 0.9375rem 0 5rem 0;
}
.p-visitation-rule__lead {
  line-height: 1.8;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .p-visitation-rule__lead {
    margin-bottom: 3.125rem;
  }
}

.p-visitation-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0.9375rem;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  margin-bottom: 1.5625rem;
}
.p-visitation-table th,
.p-visitation-table td {
  padding: 1.25rem;
  border: 1px solid #fce8cc;
  text-align: center;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .p-visitation-table th,
  .p-visitation-table td {
    padding: 1.875rem;
    font-size: 1.0625rem;
  }
}
.p-visitation-table th,
.p-visitation-table td {
  border-top: none;
  border-left: none;
}
.p-visitation-table th:nth-child(2) {
  border-radius: 10px 0 0 0;
}
.p-visitation-table tr th:first-child,
.p-visitation-table tr td:first-child {
  border-left: 1px solid #fce8cc;
}
.p-visitation-table thead tr th {
  background-color: var(--color-l-orange);
  color: var(--color-text);
  font-weight: 700;
}
.p-visitation-table thead tr th:first-child {
  width: 25%;
}
@media (min-width: 768px) {
  .p-visitation-table thead tr th:first-child {
    width: 11.25rem;
  }
}
.p-visitation-table thead tr th:nth-child(2) {
  width: 40%;
}
@media (min-width: 768px) {
  .p-visitation-table thead tr th:nth-child(2) {
    width: 45%;
  }
}
.p-visitation-table thead tr th:nth-child(3) {
  width: 25%;
}
@media (min-width: 768px) {
  .p-visitation-table thead tr th:nth-child(3) {
    width: 30%;
  }
}
.p-visitation-table thead tr th:first-child {
  visibility: hidden;
  padding: 0;
}
@media (min-width: 768px) {
  .p-visitation-table thead tr th:first-child {
    width: 11.25rem;
  }
}
.p-visitation-table tbody tr:first-child th {
  border-radius: 10px 0 0 0;
  border-bottom: 1px solid #fff;
}
.p-visitation-table tbody tr th {
  width: 5rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.8125rem;
  background-color: #fde6ce;
  font-weight: 700;
  border-right: 1px solid #fce8cc;
}
@media (min-width: 768px) {
  .p-visitation-table tbody tr th {
    width: 11.25rem;
    padding: 1.875rem;
    font-size: 1.0625rem;
  }
}
.p-visitation-table tbody tr td {
  background-color: #fff;
  line-height: 1.6;
  font-size: 0.875rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media (min-width: 768px) {
  .p-visitation-table tbody tr td {
    padding: 1.875rem;
    font-size: 1.0625rem;
  }
}
.p-visitation-table__note {
  margin-bottom: 10px;
  position: relative;
  padding-left: 16px;
}
.p-visitation-table__note:last-child {
  margin-bottom: 0;
}
.p-visitation-table__note span {
  font-weight: 700;
}
.p-visitation-table__note::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 8px;
  height: 8px;
  background-color: #f2a057;
  border-radius: 50%;
  transform: translateY(-50%);
}

.p-visitation-rule .c-list-dot {
  color: #666;
}

.p-contact__head.l-page-head {
  padding-bottom: 3.75rem;
}
@media (min-width: 990px) {
  .p-contact__head.l-page-head {
    padding-bottom: 5rem;
  }
}
.p-contact__wrapper {
  margin: 0 auto;
}
.p-contact__wrapper .smf-progress-tracker {
  padding: 40px 0 60px;
  margin-bottom: 0;
}
@media (min-width: 990px) {
  .p-contact__wrapper .smf-progress-tracker {
    padding: 60px 0 80px;
  }
}
.p-contact__container {
  max-width: 1164px;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media (min-width: 990px) {
  .p-contact__container {
    padding: 0 3.125rem;
  }
}
.p-contact__tel {
  margin-bottom: 2.5rem;
  padding: 30px;
  background: #fff;
  border-radius: 10px;
}
@media (min-width: 990px) {
  .p-contact__tel {
    padding: 5rem;
  }
}
.p-contact__tel-head {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  position: relative;
}
.p-contact__tel-head::after {
  content: "";
  position: absolute;
  bottom: -10px;
  bottom: -0.625rem;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  width: 1.875rem;
  height: 2px;
  background-color: #f5832b;
}
@media (min-width: 990px) {
  .p-contact__tel-head {
    font-size: 1.25rem;
  }
}
.p-contact__tel-content {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}
.p-contact__tel-icon {
  width: 2.5rem;
  height: 2.5rem;
}
@media (min-width: 990px) {
  .p-contact__tel-icon {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.p-contact__tel-num {
  font-size: 1.5rem;
  font-weight: 600;
}
@media (min-width: 990px) {
  .p-contact__tel-num {
    font-size: 2.5rem;
  }
}
.p-contact__tel-meta {
  text-align: center;
}
.p-contact__tel-note {
  font-size: 0.75rem;
  color: var(--color-sub-text);
}
@media (min-width: 990px) {
  .p-contact__tel-note {
    font-size: 0.9375rem;
  }
}
.p-contact__form {
  padding: 40px 30px;
  background: #fff;
  border-radius: 10px;
}
@media (min-width: 990px) {
  .p-contact__form {
    padding: 5rem;
  }
}
.p-contact__form input,
.p-contact__form textarea {
  width: 100%;
  border-radius: 2px;
  border: 1px solid var(--color-border) !important;
  background: #fff;
}
.p-contact__form .smf-item__label {
  margin-bottom: 8px;
  font-weight: 700;
}
.p-contact__form .wp-block-snow-monkey-forms-item {
  padding: 20px 0;
}
.p-contact__form .smf-form {
  margin-bottom: 40px;
}
.p-contact__form button.smf-button-control__control {
  display: block;
  width: 100%;
  max-width: 600px;
  height: 80px;
  margin: 0 auto;
  line-height: 65px;
  color: rgb(255, 255, 255);
  background-color: var(--color-orange);
  background-image: none;
  border: none;
}
.p-contact__form button.smf-button-control__control::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("../img/common/arrow--wh.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
@media (min-width: 990px) {
  .p-contact__form button.smf-button-control__control::after {
    width: 40px;
    height: 40px;
  }
}
.p-contact__form button.smf-button-control__control:hover::after {
  transform: translateX(5px);
}
.p-contact__form .p-contact__form .smf-button-control__control[data-action=back] {
  border: 1px solid var(--color-border);
}
.p-contact__form .p-contact__form .smf-button-control__control[data-action=back]:after {
  right: auto;
  left: 14px;
  transform: rotate(180deg);
}
.p-contact__form .smf-button-control__control[data-action=back] {
  margin-bottom: 24px;
  background-color: #fff;
  color: var(--color-text);
  border: 1px solid var(--color-border);
}
.p-contact__form .smf-button-control__control[data-action=back]:after {
  right: auto;
  left: 14px;
  transform: rotate(180deg);
  background-image: url(../img/common/arrow--orange.svg);
}
.p-contact__form .smf-item__label__text {
  position: relative;
}
.p-contact__form .required .smf-item__label__text {
  display: flex;
  align-items: center;
  padding-left: 48px;
}
.p-contact__form .required .smf-item__label__text::before {
  position: absolute;
  left: 0;
  padding: 4px 6px;
  content: "必須";
  font-size: 0.75rem;
  background: var(--color-l-orange);
  line-height: 1;
  border-radius: 2px;
}
.p-contact__form .required.required-en .smf-item__label__text {
  padding-left: 70px;
}
.p-contact__form .required.required-en .smf-item__label__text::before {
  content: "Required";
}
.p-contact__form .required.required-vi .smf-item__label__text {
  padding-left: 70px;
}
.p-contact__form .required.required-vi .smf-item__label__text::before {
  content: "Bắt buộc";
}
.p-contact__form .smf-progress-tracker__item__number {
  width: 40px;
  height: 40px;
}
.p-contact__form .smf-progress-tracker__item:after,
.p-contact__form .smf-progress-tracker__item:before {
  top: 20px;
}
.p-contact__form [data-screen=input] .smf-progress-tracker__item:first-child .smf-progress-tracker__item__text {
  color: var(--color-orange);
}
.p-contact__form [data-screen=input] .smf-progress-tracker__item:first-child .smf-progress-tracker__item__number {
  background-color: var(--color-orange);
}
.p-contact__form {
  /* 確認画面の時のスタイル */
}
.p-contact__form [data-screen=confirm] .smf-progress-tracker__item:nth-child(2) .smf-progress-tracker__item__text {
  color: var(--color-orange);
}
.p-contact__form [data-screen=confirm] .smf-progress-tracker__item:nth-child(2) .smf-progress-tracker__item__number {
  background-color: var(--color-orange);
}
.p-contact__form {
  /* 確認画面の時のスタイル */
}
.p-contact__form [data-screen=complete] .smf-progress-tracker__item:nth-child(3) .smf-progress-tracker__item__text {
  color: var(--color-orange);
}
.p-contact__form [data-screen=complete] .smf-progress-tracker__item:nth-child(3) .smf-progress-tracker__item__number {
  background-color: var(--color-orange);
}
.p-contact__form [data-screen=systemerror] .smf-progress-tracker {
  display: none;
}
.p-contact__box {
  font-size: 14px;
  line-height: 2;
}
@media (min-width: 768px) {
  .p-contact__box {
    font-size: 16px;
  }
}
.p-contact__intro {
  margin-bottom: 1.875rem;
}
.p-contact__list li {
  position: relative;
  padding-left: 16px;
}
.p-contact__list li::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 12px;
  left: 0;
  margin: auto;
  border-radius: 10px;
  background-color: var(--color-orange);
}
@media (min-width: 990px) {
  .p-contact__list li::after {
    top: 14px;
  }
}
.p-contact-thanks_wrapper {
  padding: 30px 24px;
  background-color: #fff;
  border-radius: 3px;
}
.p-contact-thanks_wrapper p {
  margin-bottom: 15px;
}
.p-contact-thanks_text {
  color: var(--color-orange);
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
}

@media (min-width: 768px) {
  .p-contact .wp-block-snow-monkey-forms-item {
    display: flex;
    align-items: center;
  }
  .p-contact .smf-item__col--label {
    width: 210px;
    font-size: 1rem;
  }
  .p-contact .smf-item__col--controls {
    flex: 1;
  }
  .p-contact {
    /* 確認画面の時のスタイル */
  }
  .p-contact [data-screen=confirm] .smf-action {
    display: flex;
  }
  .p-contact [data-screen=confirm] .smf-button-control {
    width: 50%;
  }
  .p-contact [data-screen=confirm] .smf-button-control[data-action=back] {
    margin-bottom: 0;
  }
  .p-contact-thanks_wrapper {
    padding: 40px;
  }
}
@media (min-width: 990px) {
  .p-contact-wrapper {
    margin: 50px auto;
    padding: 100px 80px;
  }
  .p-contact-thanks_wrapper {
    padding: 40px;
  }
}
.smf-complete-content p {
  margin-bottom: 24px;
}

/* reCAPTCHAバッジを非表示にする */
.grecaptcha-badge {
  visibility: hidden;
}

.p-contact-recapcha {
  margin-top: 30px;
  font-size: 12px;
  color: var(--color-sub-text);
}
.p-contact-recapcha a {
  text-decoration: underline;
}

.p-news__item:last-child .p-news__link {
  margin-bottom: 0;
  border-bottom: none;
}
.p-news__link {
  display: block;
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid var(--color-border);
}
@media (min-width: 768px) {
  .p-news__link {
    display: flex;
    gap: 40px;
  }
}
.p-news__link:hover .p-news__title {
  color: var(--color-orange);
}
.p-news__meta {
  margin-bottom: 1.25rem;
  display: flex;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 768px) {
  .p-news__meta {
    margin-bottom: 0;
  }
}
.p-news__date {
  font-size: 0.8125rem;
  color: var(--color-sub-text);
  line-height: 1;
}
.p-news__cat {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  color: var(--color-orange);
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid var(--color-orange);
  line-height: 1;
}
@media (min-width: 768px) {
  .p-news__cat {
    min-width: 120px;
    text-align: center;
  }
}
.p-news__title {
  line-height: 1.5;
  font-size: 0.9375rem;
  font-weight: 500;
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
@media (min-width: 768px) {
  .p-news__title {
    padding-right: 1rem;
  }
}

.p-archive-nav {
  background-color: #fff;
  padding: 2.5rem;
  border-radius: 0 0.625rem 0.625rem 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.p-archive-nav__list {
  background-color: #fff;
  font-size: 0.9375rem;
}
.p-archive-nav__list li {
  position: relative;
  padding-left: 16px;
}
.p-archive-nav__list li:last-of-type a {
  margin-bottom: 0;
}
.p-archive-nav__list li::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--color-orange);
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.p-archive-nav__list li.is-active a {
  font-weight: 700;
}
.p-archive-nav__list li.is-active::before {
  width: 7px;
  height: 7px;
}
.p-archive-nav__list a {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 1.25rem;
  transition: color 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.p-archive-nav__list a:hover {
  color: var(--color-orange);
}

.p-archive-list {
  background-color: #fff;
  border-radius: 0.625rem;
  padding: 2.5rem 1.875rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
@media (min-width: 990px) {
  .p-archive-list {
    padding: 5rem 5rem;
  }
}

.p-archive-blog__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}
@media (min-width: 768px) {
  .p-archive-blog__wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
.p-archive-blog__img {
  margin-bottom: 1rem;
  border-radius: 10px;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.p-archive-blog__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.p-archive-blog__date {
  font-size: 0.75rem;
  color: #846f63;
  line-height: 1;
}
.p-archive-blog__title {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}

.p-single-post {
  max-width: 1164px;
  margin: 0 auto;
  padding: 7.5rem 1.25rem 6.25rem;
}
@media (min-width: 990px) {
  .p-single-post {
    padding: 13.75rem 3.125rem 6.25rem;
  }
}
.p-single-post__header {
  border-bottom: 2px solid #f0f0f0;
  margin-bottom: 2.5rem;
  padding-bottom: 1.25rem;
}
.p-single-post__meta {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 0.9375rem;
}
.p-single-post__date {
  color: var(--color-sub-text);
  font-family: var(--font-en);
  font-weight: 600;
}
.p-single-post__cat {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  color: var(--color-orange);
  font-size: 0.75rem;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid var(--color-orange);
  line-height: 1;
}
@media (min-width: 990px) {
  .p-single-post__cat {
    font-size: 0.875rem;
  }
}
.p-single-post__title {
  margin-bottom: 1.875rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-text);
}
@media (min-width: 768px) {
  .p-single-post__title {
    font-size: 2rem;
  }
}
.p-single-post__body {
  padding: 40px 30px;
  background-color: #fff;
  border-radius: 0.625rem;
}
@media (min-width: 990px) {
  .p-single-post__body {
    padding: 5rem;
  }
}
.p-single-post__footer {
  margin-top: 3.75rem;
}
.p-single-post__footer-btn {
  margin: 0 auto;
}

.p-single-post .entry-content .wp-block-heading {
  font-family: "Zen Maru Gothic", sans-serif;
}
.p-single-post .entry-content p {
  margin-bottom: 24px;
}
.p-single-post .entry-content a {
  display: block;
  text-decoration: underline;
}
.p-single-post .entry-content ul {
  margin-bottom: 24px;
}
.p-single-post .entry-content li {
  position: relative;
  padding-left: 15px;
  padding-left: 0.9375rem;
  line-height: 1.8;
}
.p-single-post .entry-content li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #f5b075;
  border-radius: 50%;
}
.p-single-post .entry-content h2.wp-block-heading {
  margin-bottom: 40px;
  padding-bottom: 4px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  position: relative;
  display: inline-block;
  color: var(--color-text);
  background-image: radial-gradient(circle, #f5832b 1px, transparent 1px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 10px 2px;
}
.p-single-post .entry-content h3.wp-block-heading {
  margin-top: 40px;
  margin-bottom: 40px;
  font-weight: 700;
  color: #413b32;
  position: relative;
  padding-left: 20px;
  padding-left: 1.25rem;
  font-family: "Zen Maru Gothic", sans-serif;
  border-left: none;
}
.p-single-post .entry-content h3.wp-block-heading::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #f5832b;
  border-radius: 50%;
}
.p-single-post .entry-content h4.wp-block-heading {
  margin-top: 40px;
  margin-bottom: 40px;
}
.p-single-post .entry-content figure.wp-block-image {
  margin-bottom: 24px;
}

.wp-block-button__link {
  background-color: #DCDCDC;
}

.wp-block-buttons,
.wp-block-paragraph {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-block: 1em;
}

.wp-block-paragraph {
  min-height: 1em;
}

.wp-block-button__link {
  display: var(--wp-button-display, flex);
  align-items: var(--wp-button-align, center);
  -moz-column-gap: var(--wp-button-gap-x);
       column-gap: var(--wp-button-gap-x);
  border: var(--wp-button-border-thickness) var(--wp-button-border-style) var(--wp-button-border-color);
  -webkit-padding-before: var(--wp-button-pt);
          padding-block-start: var(--wp-button-pt);
  -webkit-padding-after: var(--wp-button-pb);
          padding-block-end: var(--wp-button-pb);
  -webkit-padding-start: var(--wp-button-pl);
          padding-inline-start: var(--wp-button-pl);
  -webkit-padding-end: var(--wp-button-pr);
          padding-inline-end: var(--wp-button-pr);
  height: var(--wp-button-height);
  background-color: var(--wp-button-bg-color);
  color: var(--wp-button-text-color);
  font-weight: var(--wp-button-font-weight, bold);
  font-size: var(--wp-button-font-size);
  line-height: var(--wp-button-leading, 1);
}
.wp-block-button__link::after {
  content: "";
  display: block;
  width: var(--wp-button-icon-size);
  height: var(--wp-button-icon-size);
  border-radius: 100%;
  background-color: var(--wp-button-icon-bg-color);
  background-image: var(--wp-button-icon-image);
  background-size: var(--wp-button-icon-image-size);
  background-repeat: no-repeat;
  background-position: center;
}

.wp-block-breadcrumbs {
  margin-top: 1.25rem;
  color: var(--color-sub-text);
  font-size: 0.75rem;
}

.p-mail__head {
  margin-bottom: 16px;
  position: relative;
  padding-left: 17px;
  padding-bottom: 8px;
  font-weight: 500;
  font-size: 1.0625rem;
  font-weight: 600;
  background-image: repeating-linear-gradient(90deg, #dcdcdc, #dcdcdc 4px, transparent 4px, transparent 10px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
.p-mail__head::before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--color-orange);
  border-radius: 50%;
}
@media (min-width: 990px) {
  .p-mail__head {
    font-size: 1.25rem;
  }
}
.p-mail__head--to {
  margin-top: 3.75rem;
}
.p-mail__usage {
  margin-top: 40px !important;
  padding: 2.8125rem 1.25rem 1.875rem;
  background-color: var(--color-bg-gray);
  border-radius: 10px;
}
@media (min-width: 768px) {
  .p-mail__usage {
    padding: 2.8125rem 1.875rem 1.875rem;
  }
}
@media (min-width: 990px) {
  .p-mail__usage {
    padding: 3.4375rem 3.75rem 2.5rem;
  }
}
.p-mail__usage-heading {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.p-mail__usage-list {
  margin-top: 1.875rem;
}
.p-mail__usage-list li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
  font-size: 0.875rem;
}
.p-mail__usage-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--color-orange);
  position: absolute;
  top: 10px;
  left: 0;
  margin: auto;
  border-radius: 50%;
}
.p-mail__usage-note {
  margin-top: 1.5rem;
  font-size: 0.875rem;
}
.p-mail__usage .smf-placeholder {
  margin: 1.875rem auto 0;
  border: 1px solid var(--color-orange);
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
.p-mail__usage .smf-placeholder .smf-checkbox-control__control {
  background-color: #fdf8f2;
  border: 1px solid var(--color-border);
}
.p-mail__usage .smf-placeholder .smf-checkbox-control__label {
  color: var(--color-orange);
  font-weight: 500;
  cursor: pointer;
}
.p-mail__usage .smf-placeholder {
  width: 240px;
}
.p-mail__usage .smf-label label {
  display: block;
  padding: 24px 0;
  text-align: center;
}

/* 1. 選択肢全体をグリッドで並べる */
.my-custom-radio .smf-radio-buttons-control__control {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (min-width: 990px) {
  .my-custom-radio .smf-radio-buttons-control__control {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}

/* 2. 各選択肢（ラベル全体）のスタイル */
.my-custom-radio .smf-label {
  display: block;
  text-align: center;
  cursor: pointer;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 8px;
  transition: background 0.3s;
  overflow: hidden;
}
.my-custom-radio .smf-label label {
  display: block;
  width: 100%;
  height: 100%;
  padding: 16px;
  cursor: pointer;
  text-align: center;
  margin: 0;
}
.my-custom-radio .smf-label {
  /* ホバー時の演出（任意） */
}
.my-custom-radio .smf-label:hover {
  background-color: #f9f9f9;
  border-color: var(--color-blue);
}

/* 3. 画像を表示するための疑似要素 */
.my-custom-radio .smf-label label::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 3/4; /* 画像の縦横比。適宜調整してください */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px; /* 画像とボタンの間の余白 */
}

/* 4. 各項目に個別の画像を設定 (nth-childで順番に指定) */
.my-custom-radio .smf-label:nth-child(1) label::before {
  background-image: url("../img/mail/bg_sample_1.webp");
}

.my-custom-radio .smf-label:nth-child(2) label::before {
  background-image: url("../img/mail/bg_sample_2.webp");
}

.my-custom-radio .smf-label:nth-child(3) label::before {
  background-image: url("../img/mail/bg_sample_3.webp");
}

.my-custom-radio .smf-label:nth-child(4) label::before {
  background-image: url("../img/mail/bg_sample_4.webp");
}

.my-custom-radio .smf-label:nth-child(5) label::before {
  background-image: url("../img/mail/bg_sample_5.webp");
}

.my-custom-radio .smf-label:nth-child(6) label::before {
  background-image: url("../img/mail/bg_sample_6.webp");
}

.my-custom-radio .smf-label:nth-child(7) label::before {
  background-image: url("../img/mail/bg_sample_7.webp");
}

.my-custom-radio .smf-label:nth-child(8) label::before {
  background-image: url("../img/mail/bg_sample_8.webp");
}

.my-custom-radio .smf-label:nth-child(9) label::before {
  background-image: url("../img/mail/bg_sample_9.webp");
}

.my-custom-radio .smf-label:nth-child(10) label::before {
  background-image: url("../img/mail/bg_sample_10.webp");
}

.my-custom-radio .smf-label:nth-child(11) label::before {
  background-image: url("../img/mail/bg_sample_11.webp");
}

.my-custom-radio .smf-label:nth-child(12)::before {
  background-image: url("../img/mail/bg_sample_12.webp");
}

/* 5. 選択された時のスタイル（任意） */
.my-custom-radio .smf-label:has(input:checked) {
  background-color: #f0f8ff;
  border-color: #0073aa;
}

/* チェックが入った時の背景色と枠線 */
input[type=checkbox].smf-checkbox-control__control:checked {
  background-color: var(--color-orange); /* 添付画像のオレンジ */
  border-color: var(--color-orange);
}

.p-mobile-nav__accordion-trigger {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.25rem 0;
  background: none;
  border: none;
  cursor: pointer;
}
.p-mobile-nav__toggle-icon {
  width: 1.125rem;
  height: 1.125rem;
  background-color: #ffe8d6;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}
.p-mobile-nav__toggle-icon::before, .p-mobile-nav__toggle-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5625rem;
  height: 2px;
  background-color: var(--color-orange);
  transform: translate(-50%, -50%);
  transition: transform 0.3s;
}
.p-mobile-nav__toggle-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.p-mobile-nav__accordion-trigger.is-open .p-mobile-nav__toggle-icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.p-mobile-nav__child-list {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
}

.l-header__drawer-list .p-mobile-nav__child-list li:last-child {
  margin-bottom: 12px;
}
.l-header__drawer-list .p-mobile-nav__child-list li a {
  padding: 6px 0 6px 20px;
  display: block;
  font-size: 14px;
}
.l-header__drawer-list .p-mobile-nav__child-list li a::before {
  width: 5px;
  height: 5px;
}

/**
 * レスポンシブ表示切り替え（Utility）
 */
.u-desktop {
  display: none !important;
}
@media (min-width: 990px) {
  .u-desktop {
    display: block !important;
  }
  .u-desktop.u-flex {
    display: flex !important;
  }
}

.u-tab-up {
  display: none !important;
}
@media (min-width: 768px) {
  .u-tab-up {
    display: block !important;
  }
  .u-tab-up.u-flex {
    display: flex !important;
  }
}

.u-tab-down {
  display: block !important;
}
@media (min-width: 990px) {
  .u-tab-down {
    display: none !important;
  }
}

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

/**
 * 改行コントロール
 */
.u-br-xl {
  display: none;
}
@media (min-width: 1200px) {
  .u-br-xl {
    display: inline;
  }
}

.u-br-pc {
  display: none;
}
@media (min-width: 990px) {
  .u-br-pc {
    display: inline;
  }
}

.u-br-tab-up {
  display: none;
}
@media (min-width: 768px) {
  .u-br-tab-up {
    display: inline;
  }
}

.u-br-tab {
  display: none;
}
@media (min-width: 768px) {
  .u-br-tab {
    display: inline;
  }
}
@media (min-width: 990px) {
  .u-br-tab {
    display: none;
  }
}

.u-br-sp {
  display: inline;
}
@media (min-width: 768px) {
  .u-br-sp {
    display: none;
  }
}

.apply\:u-br-sp br {
  display: inline;
}
@media (min-width: 768px) {
  .apply\:u-br-sp br {
    display: none;
  }
}