@charset "UTF-8";
/*----------------------------
■■ エントリーポイント ■■
全SCSSは @use 構成で読み込む（@import 禁止）
本ファイルから出力されるCSSが app.css

注意:
- variable.scss / mixin.scss は各ファイルで個別に @use しているため
  ここでは @use しなくてOK（CSS出力されない API モジュール）
- ここでは CSS 出力を持つ各層ファイルを @use する
------------------------------*/
/*----------------------------
Foundation
------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

figure {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

.container {
  width: 1400px;
  margin: 0 auto;
  padding: 0 6.4rem;
}
@media screen and (max-width: 1399px) {
  .container {
    width: 100%;
    padding: 0 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .container {
    width: 100%;
    padding: 0 2rem;
  }
}

.container--l {
  width: 1344px;
  margin: 0 auto;
  padding: 0 3.2rem;
}
@media screen and (max-width: 1350px) {
  .container--l {
    width: 100%;
    padding: 0 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .container--l {
    width: 100%;
    padding: 0 1rem;
  }
}

.sect-pad {
  padding: 0 0 16rem;
}
@media screen and (max-width: 1023px) {
  .sect-pad {
    padding: 0 0 9.6rem;
  }
}
@media screen and (max-width: 767px) {
  .sect-pad {
    padding: 0 0 8rem;
  }
}

.sect-pad--y {
  padding: 16rem 0 16rem;
}
@media screen and (max-width: 1023px) {
  .sect-pad--y {
    padding: 9.6rem 0 9.6rem;
  }
}
@media screen and (max-width: 767px) {
  .sect-pad--y {
    padding: 8rem 0 8rem;
  }
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  font-size: 62.5%;
  height: 100%;
  overflow-x: clip;
}

img {
  width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: top;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  color: #000;
  transition: opacity 250ms;
}
a:hover {
  opacity: 0.7;
}
a:focus {
  outline: none;
}
a:focus-visible {
  outline: 2px solid #388e66;
  outline-offset: 2px;
}
a.u-pointer-events--pc {
  pointer-events: none;
  color: inherit;
}
@media screen and (max-width: 1023px) {
  a.u-pointer-events--pc {
    pointer-events: auto;
  }
}
a.u-blue--link {
  text-decoration: underline;
  color: #0000ee;
}

address {
  font-style: normal;
}

ul {
  list-style: none;
}

body {
  height: auto;
  width: 100%;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  letter-spacing: 0;
  -webkit-text-size-adjust: 100%;
  color: #000;
  background: #f5f5ee;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1.4rem;
    min-width: 32rem;
  }
}

button {
  font-family: "Noto Sans JP", sans-serif;
  background: none;
  border: none;
  cursor: pointer;
}
button:focus {
  outline: none;
}
button:focus-visible {
  outline: 2px solid #388e66;
  outline-offset: 2px;
}

input,
select,
textarea {
  -webkit-appearance: none;
}

textarea {
  font-family: "Noto Sans JP", sans-serif;
}

.main-body {
  padding-top: 14rem;
  padding-bottom: 8rem;
  overflow-x: clip;
}
@media screen and (max-width: 1000px) {
  .main-body {
    padding-top: 9rem;
    padding-bottom: 0;
  }
}
.main-body.admin {
  padding-top: 10.8rem;
}
@media screen and (max-width: 1000px) {
  .main-body.admin {
    padding-top: 4.4rem;
  }
}

/*----------------------------
Layout
------------------------------*/
.l-inner {
  max-width: 120rem;
  margin-inline: max(3rem, (100% - 120rem) / 2);
}
@media screen and (max-width: 767px) {
  .l-inner {
    margin-inline: 2rem;
  }
}

.l-header {
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.l-header:has(.l-header__nav-wrap.open) .l-header__logo-link {
  background: transparent;
}
.l-header__container {
  width: 100%;
  display: flex;
  align-items: stretch;
}
.l-header__wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(1rem, -1.5rem + 2.5vw, 2rem);
  padding-right: clamp(1rem, -1.5rem + 2.5vw, 2rem);
}
@media screen and (max-width: 1000px) {
  .l-header__wrap {
    align-items: center;
    gap: 1rem;
    padding-right: 0;
  }
}
.l-header__logo-wrap {
  flex: 0 0 auto;
}
.l-header__logo-link {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "sub  main" "line line";
  column-gap: 5px;
  row-gap: 10px;
  align-items: baseline;
  align-content: center;
  width: 280px;
  height: 90px;
  padding: 14px 20px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0 0 10px 0;
  color: #388e66;
  transition: none;
}
.l-header__logo-link:hover {
  opacity: 1;
}
@media screen and (max-width: 1000px) {
  .l-header__logo-link {
    position: relative;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    width: 14rem;
    height: 6rem;
    padding: 0 15px;
    border-radius: 0 0 10px;
  }
}
.l-header__logo-sub {
  grid-area: sub;
  font-size: 14px;
  font-weight: 700;
  color: #388e66;
  line-height: 0.8;
  background: transparent;
  padding: 0;
  border-radius: 0;
}
@media screen and (max-width: 1000px) {
  .l-header__logo-sub {
    font-size: 11px;
  }
}
.l-header__logo-main {
  grid-area: main;
  font-size: 24px;
  font-weight: 700;
  color: #388e66;
  line-height: 0.8;
}
@media screen and (max-width: 1000px) {
  .l-header__logo-main {
    font-size: 18px;
  }
}
.l-header__logo-tagline {
  grid-area: line;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1000px) {
  .l-header__logo-tagline {
    display: none;
  }
}
.l-header__nav-wrap {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: clamp(0.8rem, -1.2rem + 2vw, 1.6rem);
  height: 7rem;
  margin-top: 2rem;
  padding: 0 clamp(1rem, -1.5rem + 2.5vw, 2rem);
  background: #fff;
  border-radius: 1rem;
}
@media screen and (max-width: 1000px) {
  .l-header__nav-wrap {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    max-width: auto;
    height: 100vh;
    margin-top: 0;
    padding: 7.5rem 2rem 3rem;
    background: #f5f5ee;
    border-radius: 0;
    transform: translateX(100%);
    overflow-y: auto;
    transition: transform 0.3s ease;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
  }
  .l-header__nav-wrap.open {
    transform: translateX(0);
  }
}
.l-header__nav-lists {
  display: flex;
  align-items: center;
  gap: clamp(0.4rem, -1.1rem + 1.5vw, 1rem);
}
@media screen and (max-width: 1000px) {
  .l-header__nav-lists {
    display: block;
  }
}
.l-header__nav-item {
  font-size: clamp(1.2rem, 0.7rem + 0.5vw, 1.4rem);
  font-weight: 700;
  color: #000;
}
.l-header__nav-item > a {
  position: relative;
  display: inline-block;
  padding: 0 clamp(0.4rem, -1.1rem + 1.5vw, 1rem);
  color: inherit;
  transition: color 0.3s ease;
}
.l-header__nav-item > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #388e66;
  transform: translateX(-50%) scale(0);
  transition: transform 0.3s ease;
}
.l-header__nav-item > a:hover {
  opacity: 0.7;
}
.l-header__nav-item > a:hover::after, .l-header__nav-item.is-current > a::after {
  transform: translateX(-50%) scale(1);
}
@media screen and (max-width: 1000px) {
  .l-header__nav-item {
    margin-bottom: 1rem;
  }
  .l-header__nav-item > a,
  .l-header__nav-item .l-header__nav-link {
    position: relative;
    display: flex;
    align-items: center;
    height: 5rem;
    padding: 0 5.4rem 0 2rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #388e66;
    background: #fff;
    border-radius: 0.5rem;
  }
  .l-header__nav-item > a::after {
    content: none;
  }
  .l-header__nav-item > a:not(.l-header__nav-link)::before,
  .l-header__nav-item .l-header__nav-link::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    width: 2.6rem;
    height: 2.6rem;
    background-color: #f5f5ee;
    border-radius: 50%;
  }
  .l-header__nav-item > a:not(.l-header__nav-link)::after,
  .l-header__nav-item .l-header__nav-link::after {
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: 27px;
    transform: translateY(-50%) scale(1);
    width: 12px;
    height: 10px;
    background-color: #388e66;
    -webkit-mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
    mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  }
}
.l-header__nav-item--sp-only {
  display: none;
}
@media screen and (max-width: 1000px) {
  .l-header__nav-item--sp-only {
    display: block;
  }
}
.l-header__nav-item--has-sub {
  position: relative;
}
@media screen and (max-width: 1000px) {
  .l-header__nav-item--has-sub {
    transition: background-color 250ms ease, padding-bottom 350ms ease;
  }
  .l-header__nav-item--has-sub > .l-header__nav-link {
    pointer-events: none;
  }
  .l-header__nav-item--has-sub .l-header__nav-link::before,
  .l-header__nav-item--has-sub .l-header__nav-link::after {
    content: none;
  }
  .l-header__nav-item--has-sub.is-open {
    background: #fff;
    border-radius: 0.5rem;
    padding-bottom: 18px;
  }
  .l-header__nav-item--has-sub.is-open > .l-header__nav-link {
    background: transparent;
  }
}
.l-header__sub-toggle {
  display: none;
}
@media screen and (max-width: 1000px) {
  .l-header__sub-toggle {
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 2rem;
    width: 2.6rem;
    height: 2.6rem;
    border: none;
    background: #f5f5ee;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
  }
  .l-header__sub-toggle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 2px;
    background: #388e66;
    transform: translate(-50%, -50%);
  }
  .l-header__sub-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 1rem;
    background: #388e66;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease;
  }
  .l-header__sub-toggle[aria-expanded=true]::after {
    opacity: 0;
  }
}
.l-header__nav-sub {
  display: none;
}
@media screen and (max-width: 1000px) {
  .l-header__nav-sub {
    display: block;
    margin: 0 20px;
    padding: 0;
    background: #f5f5ee;
    border-radius: 0.5rem;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 350ms ease, opacity 250ms ease;
  }
  .l-header__nav-item--has-sub.is-open .l-header__nav-sub {
    max-height: 80rem;
    opacity: 1;
  }
  .l-header__nav-sub li {
    position: relative;
    border-bottom: 1px dashed #A7A7A7;
  }
  .l-header__nav-sub li:last-child {
    border-bottom: 0;
  }
  .l-header__nav-sub li a {
    position: relative;
    display: block;
    padding: 1.5rem 1.7rem 1.5rem 1.4rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #333;
    line-height: 1.4;
  }
  .l-header__nav-sub li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.7rem;
    transform: translateY(-50%);
    width: 12px;
    height: 10px;
    background-color: #388e66;
    -webkit-mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
    mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  }
}
.l-header__cta-wrap {
  display: flex;
  align-items: center;
  gap: clamp(0.4rem, 0.15rem + 0.25vw, 0.5rem);
  margin-left: 0;
}
@media screen and (max-width: 1000px) {
  .l-header__cta-wrap {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 30px 0 0;
  }
}
.l-header__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.4rem, 0.15rem + 0.25vw, 0.5rem);
  height: 3rem;
  padding: 0 clamp(0.8rem, 0.3rem + 0.5vw, 1rem);
  font-size: clamp(1.2rem, 0.7rem + 0.5vw, 1.4rem);
  font-weight: 700;
  color: #fff;
  border-radius: 0.5rem;
  transition: opacity 0.3s ease;
}
.l-header__cta:hover {
  opacity: 0.7;
  color: #fff;
}
.l-header__cta--recruit {
  background: #388e66;
}
.l-header__cta--recruit .l-header__cta-icon {
  -webkit-mask-image: url("../images/common/icon-recruit.png");
  mask-image: url("../images/common/icon-recruit.png");
  width: 15px;
  height: 16px;
}
.l-header__cta--contact {
  background: #dc572f;
}
.l-header__cta--contact .l-header__cta-icon {
  background-color: transparent;
  background-image: url("../images/common/icon-mail.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-mask: none;
  mask: none;
  width: 22px;
  height: 17px;
}
@media screen and (max-width: 1000px) {
  .l-header__cta {
    flex: 0 0 auto;
    height: auto;
    padding: 10px 16px;
    gap: 0.8rem;
    font-size: 1.4rem;
    border-radius: 0.5rem;
  }
}
.l-header__cta-icon {
  display: inline-block;
  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;
}
.l-header__sub-links {
  display: none;
}
@media screen and (max-width: 1000px) {
  .l-header__sub-links {
    display: flex;
    gap: 2.4rem;
    justify-content: center;
    margin: 35px 0 0;
    padding: 0;
  }
  .l-header__sub-links a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 1.2rem;
    color: #000;
    text-decoration: underline;
  }
}
.l-header__sub-link--external {
  color: #333 !important;
}
.l-header__sub-link-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #333;
  -webkit-mask: url("../images/common/icon-link-02.svg") no-repeat center/contain;
  mask: url("../images/common/icon-link-02.svg") no-repeat center/contain;
}
.l-header__drawer {
  display: none;
}
@media screen and (max-width: 1000px) {
  .l-header__drawer {
    display: block;
  }
}
.l-header__drawer-bg {
  display: none;
}
@media screen and (max-width: 1000px) {
  .l-header__drawer-bg {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    cursor: pointer;
  }
}
.l-header__drawer-btn {
  position: fixed;
  top: 1rem;
  right: 2rem;
  width: 5rem;
  height: 5rem;
  background: #388e66;
  border: 1px solid #fff;
  border-radius: 0.5rem;
  cursor: pointer;
  z-index: 1001;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.l-header__drawer-bars {
  position: relative;
  display: block;
  width: 2.4rem;
  height: 1.6rem;
}
.l-header__drawer-bar {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  transition: transform 0.2s ease, opacity 0.2s ease, top 0.2s ease;
}
.l-header__drawer-bar.bar--1 {
  top: 0;
}
.l-header__drawer-bar.bar--2 {
  top: 50%;
  transform: translateY(-50%);
}
.l-header__drawer-bar.bar--3 {
  top: 100%;
  transform: translateY(-100%);
}
.l-header__drawer-btn.active .l-header__drawer-bar.bar--1 {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.l-header__drawer-btn.active .l-header__drawer-bar.bar--2 {
  opacity: 0;
}
.l-header__drawer-btn.active .l-header__drawer-bar.bar--3 {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.l-header__drawer-label {
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.l-header__drawer-label--menu {
  display: block;
}
.l-header__drawer-label--close {
  display: none;
}
.l-header__drawer-btn.active .l-header__drawer-label--menu {
  display: none;
}
.l-header__drawer-btn.active .l-header__drawer-label--close {
  display: block;
}

.l-footer {
  position: relative;
}
.l-footer__bg {
  position: relative;
  min-height: 90.2rem;
  padding: clamp(9rem, 8.6341463415rem + 0.9756097561vw, 10rem) 0 clamp(20rem, 18.1707317073rem + 4.8780487805vw, 25rem);
  background-image: url("../images/common/bk-footer.png");
  background-position: center bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 430px) {
  .l-footer__bg {
    min-height: 73rem;
    background-image: url("../images/common/bk-footer-sp.png");
  }
}
.l-footer__inner {
  display: grid;
  grid-template-columns: clamp(40rem, 12.7659574468rem + 26.5957446809vw, 50rem) minmax(0, 1fr);
  column-gap: 11.1rem;
  align-items: start;
}
@media screen and (max-width: 1399px) {
  .l-footer__inner {
    column-gap: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer__inner {
    grid-template-columns: 1fr;
    gap: 3.2rem;
  }
}
.l-footer__nav-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  .l-footer__nav-wrap {
    display: none;
  }
}
.l-footer__contact {
  position: relative;
  padding: 6rem 2.8rem 4.6rem;
  background: #388e66;
  border-radius: 1rem;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .l-footer__contact {
    padding: 3rem 2.8rem;
  }
}
.l-footer__contact-lead {
  margin: 0 0 1.2rem;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  font-weight: 400;
  line-height: 1.6;
}
.l-footer__contact-ttl {
  margin: 0;
  font-size: clamp(3.2rem, 2.7243902439rem + 1.2682926829vw, 4.5rem);
  font-weight: 500;
  line-height: 1;
}
.l-footer__contact-tel {
  display: inline-block;
  margin: 3rem 0 0;
  line-height: 1;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .l-footer__contact-tel {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__contact-tel {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 280px;
    margin: 2rem auto 0;
    padding: 1.4rem 2.4rem;
    background: #dc572f;
    border-radius: 999px;
  }
  .l-footer__contact-tel:hover {
    opacity: 1;
  }
}
.l-footer__contact-tel-img {
  display: block;
  width: auto;
  height: 2.8rem;
}
@media screen and (max-width: 767px) {
  .l-footer__contact-tel-img {
    height: 2rem;
  }
}
.l-footer__contact-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  margin: 2.4rem 0 0;
  padding: 1.8rem 6.1rem 1.9rem 3.5rem;
  background: #dc572f;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 999px;
  transition: background 0.3s ease;
}
.l-footer__contact-btn:hover {
  opacity: 1;
  background: #333;
  color: #fff;
}
.l-footer__contact-btn:hover .l-footer__contact-btn-icon img {
  content: url("../images/common/icon-mail-blk.png");
}
.l-footer__contact-btn:hover .l-footer__contact-btn-arrow::before {
  background-color: #333;
}
@media screen and (max-width: 767px) {
  .l-footer__contact-btn {
    justify-content: flex-start;
    gap: 0.7rem;
    margin: 1.4rem auto 0;
    padding: 1.8rem 3.6rem 1.9rem 2.1rem;
    width: 100%;
    max-width: 280px;
  }
}
.l-footer__contact-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.l-footer__contact-btn-icon img {
  display: block;
  width: 28px;
  height: 21px;
}
@media screen and (max-width: 767px) {
  .l-footer__contact-btn-icon img {
    width: 22px;
    height: 17px;
  }
}
.l-footer__contact-btn-txt {
  color: #fff;
  line-height: 1;
}
.l-footer__contact-btn-arrow {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .l-footer__contact-btn-arrow {
    right: 1.5rem;
    width: 2.1rem;
    height: 2.1rem;
  }
}
.l-footer__contact-btn-arrow::before {
  content: "";
  display: block;
  width: 11.97px;
  height: 6.8px;
  background-color: #dc572f;
  -webkit-mask: url("../images/common/arrow-03.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-03.svg") no-repeat center/contain;
  transition: background-color 0.3s ease;
}
.l-footer__contact-org {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  margin: 2.2rem 0 0;
  color: #fff;
}
.l-footer__contact-org-sub {
  font-size: clamp(1.3rem, 1.1902439024rem + 0.2926829268vw, 1.6rem);
  font-weight: 500;
}
.l-footer__contact-org-main {
  font-size: clamp(2.1rem, 1.9170731707rem + 0.487804878vw, 2.6rem);
  font-weight: 500;
}
.l-footer__contact-addr {
  margin: 0;
  font-size: clamp(1.2rem, 1.0536585366rem + 0.3902439024vw, 1.6rem);
  line-height: 1.6;
}
.l-footer__contact-map {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 1.4rem 0 0;
  font-size: clamp(1.2rem, 1.0536585366rem + 0.3902439024vw, 1.6rem);
  color: #fff;
}
.l-footer__contact-map:hover {
  color: #fff;
  opacity: 0.85;
}
.l-footer__contact-map-txt {
  text-decoration: underline;
}
.l-footer__contact-map-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background-color: #fff;
  -webkit-mask: url("../images/common/icon-link-02.svg") no-repeat center/contain;
  mask: url("../images/common/icon-link-02.svg") no-repeat center/contain;
}
.l-footer__col {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, -3.4468085106rem + 5.3191489362vw, 4rem);
}
.l-footer__col li a {
  color: #000;
}
.l-footer__col li a:hover {
  opacity: 0.7;
}
.l-footer__col-ttl {
  margin: 0;
  font-weight: 700;
  line-height: 1;
}
.l-footer__col-ttl a {
  color: inherit;
}
.l-footer__col-ttl a:hover {
  opacity: 0.7;
}
.l-footer__nav-lists, .l-footer__facilities-lists, .l-footer__recruit-lists, .l-footer__more-lists {
  display: flex;
  flex-direction: column;
  margin: 0;
  list-style: none;
}
.l-footer__nav-lists {
  gap: clamp(1.4rem, -1.3234042553rem + 2.6595744681vw, 2.4rem);
  padding: 0;
}
.l-footer__nav-lists li {
  font-weight: 700;
  line-height: 1;
}
.l-footer__facilities-lists, .l-footer__recruit-lists {
  padding-left: 1.6rem;
}
.l-footer__facilities-lists li, .l-footer__recruit-lists li {
  position: relative;
  line-height: 1.5;
}
.l-footer__facilities-lists li::before, .l-footer__recruit-lists li::before {
  content: "-";
  position: absolute;
  left: -1.2rem;
  color: #388e66;
  font-weight: 700;
}
.l-footer__facilities-ttl, .l-footer__recruit-ttl {
  margin: 0 0 clamp(1.2rem, -0.9787234043rem + 2.1276595745vw, 2rem);
  font-weight: 700;
  line-height: 1;
}
.l-footer__facilities-lists {
  gap: clamp(0.8rem, -0.5617021277rem + 1.329787234vw, 1.3rem);
}
.l-footer__recruit-lists {
  gap: clamp(0.6rem, -0.4893617021rem + 1.0638297872vw, 1rem);
}
.l-footer__more-lists {
  gap: clamp(1.4rem, -0.7787234043rem + 2.1276595745vw, 2.2rem);
  padding: 0;
}
.l-footer__more-lists li {
  font-weight: 700;
  line-height: 1;
}
.l-footer__school {
  display: inline-flex;
  align-items: center;
  gap: 2.3rem;
  padding: 1.5rem 2rem 1.5rem 1.5rem;
  border-radius: 1rem;
  background: #fff;
  color: #ae2337;
  transition: opacity 250ms;
  max-width: 220px;
}
.l-footer__school:hover {
  color: #ae2337;
  opacity: 0.85;
}
.l-footer__school-txt {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  line-height: 1.56;
  color: #ae2337;
}
.l-footer__school-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #ae2337;
  -webkit-mask: url("../images/common/icon-link-02.svg") no-repeat center/contain;
  mask: url("../images/common/icon-link-02.svg") no-repeat center/contain;
}
.l-footer__copyright {
  margin: 0;
  padding: 1.6rem 0;
  text-align: center;
  color: #000;
  font-size: 1.2rem;
  line-height: 1;
}
.l-footer__copyright small {
  font-size: inherit;
}

.l-recruit {
  color: #333;
}

.l-r-header {
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.l-r-header:has(.l-r-header__nav-wrap.open) .l-r-header__logo-link {
  background: transparent;
}
.l-r-header__container {
  width: 100%;
  display: flex;
  align-items: stretch;
}
.l-r-header__wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(1rem, -1.5rem + 2.5vw, 2rem);
  padding-right: 20px;
}
@media screen and (max-width: 1000px) {
  .l-r-header__wrap {
    align-items: center;
    gap: 1rem;
    padding-right: 0;
  }
}
.l-r-header__logo-wrap {
  position: relative;
  flex: 0 0 auto;
}
.l-r-header__logo-label {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 29px;
  background-color: #388e66;
  font-family: "Prompt", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .l-r-header__logo-label {
    top: 0.9rem;
    right: 1.5rem;
    width: 6.8rem;
    height: 1.5rem;
    font-size: 1rem;
  }
}
.l-r-header__logo-link {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "sub  main" "line line";
  column-gap: 5px;
  row-gap: 10px;
  align-items: baseline;
  align-content: center;
  width: 280px;
  height: 110px;
  padding: 39px 20px 14px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0 0 10px 0;
  color: #388e66;
  transition: none;
}
.l-r-header__logo-link:hover {
  opacity: 1;
}
@media screen and (max-width: 1000px) {
  .l-r-header__logo-link {
    position: relative;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 3px;
    width: 16.9rem;
    height: 6rem;
    padding: 0 15px 6px;
    border-radius: 0 0 10px;
  }
}
.l-r-header__logo-sub {
  grid-area: sub;
  font-size: 14px;
  font-weight: 700;
  color: #388e66;
  line-height: 0.8;
  background: transparent;
  padding: 0;
  border-radius: 0;
}
@media screen and (max-width: 1000px) {
  .l-r-header__logo-sub {
    font-size: 11px;
    line-height: 1.1818181818;
  }
}
.l-r-header__logo-main {
  grid-area: main;
  font-size: 24px;
  font-weight: 700;
  color: #388e66;
  line-height: 0.8;
}
@media screen and (max-width: 1000px) {
  .l-r-header__logo-main {
    font-size: 18px;
    line-height: 1.2222222222;
  }
}
.l-r-header__logo-tagline {
  grid-area: line;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1000px) {
  .l-r-header__logo-tagline {
    display: none;
  }
}
.l-r-header__nav-wrap {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 30px;
  height: 7rem;
  margin-top: 2rem;
  padding: 0 30px;
  background: #fff;
  border-radius: 1rem;
}
@media screen and (max-width: 1000px) {
  .l-r-header__nav-wrap {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    max-width: auto;
    height: 100vh;
    margin-top: 0;
    padding: 7.5rem 2rem 3rem;
    background: #f5f5ee;
    border-radius: 0;
    transform: translateX(100%);
    overflow-y: auto;
    transition: transform 0.3s ease;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
  }
  .l-r-header__nav-wrap.open {
    transform: translateX(0);
  }
}
.l-r-header__nav-lists {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1000px) {
  .l-r-header__nav-lists {
    display: block;
  }
}
.l-r-header__nav-item {
  font-size: clamp(1.2rem, 0.7rem + 0.5vw, 1.4rem);
  font-weight: 700;
  line-height: 1.2142857143;
  color: #000;
}
.l-r-header__nav-item > a {
  position: relative;
  display: inline-block;
  color: inherit;
  transition: color 0.3s ease;
}
.l-r-header__nav-item > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #388e66;
  transform: translateX(-50%) scale(0);
  transition: transform 0.3s ease;
}
.l-r-header__nav-item > a:hover {
  opacity: 0.7;
}
.l-r-header__nav-item > a:hover::after, .l-r-header__nav-item.is-current > a::after {
  transform: translateX(-50%) scale(1);
}
@media screen and (max-width: 1000px) {
  .l-r-header__nav-item {
    margin-bottom: 1rem;
  }
  .l-r-header__nav-item > a,
  .l-r-header__nav-item .l-r-header__nav-link {
    position: relative;
    display: flex;
    align-items: center;
    height: 5rem;
    padding: 0 5.4rem 0 2rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #388e66;
    background: #fff;
    border-radius: 0.5rem;
  }
  .l-r-header__nav-item > a::after {
    content: none;
  }
  .l-r-header__nav-item > a:not(.l-r-header__nav-link)::before,
  .l-r-header__nav-item .l-r-header__nav-link::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    width: 2.6rem;
    height: 2.6rem;
    background-color: #f5f5ee;
    border-radius: 50%;
  }
  .l-r-header__nav-item > a:not(.l-r-header__nav-link)::after,
  .l-r-header__nav-item .l-r-header__nav-link::after {
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: 27px;
    transform: translateY(-50%) scale(1);
    width: 12px;
    height: 10px;
    background-color: #388e66;
    -webkit-mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
    mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  }
}
.l-r-header__nav-item--sp-only {
  display: none;
}
@media screen and (max-width: 1000px) {
  .l-r-header__nav-item--sp-only {
    display: block;
  }
}
.l-r-header__cta-wrap {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: 0;
}
@media screen and (max-width: 1000px) {
  .l-r-header__cta-wrap {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 30px 0 0;
  }
}
.l-r-header__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 30px;
  padding: 0 10px;
  font-size: clamp(1.2rem, 0.7rem + 0.5vw, 1.4rem);
  font-weight: 700;
  color: #fff;
  border-radius: 0.5rem;
  transition: opacity 0.3s ease;
}
.l-r-header__cta:hover {
  opacity: 0.7;
  color: #fff;
}
.l-r-header__cta--company {
  background: #388e66;
}
.l-r-header__cta--company .l-r-header__cta-icon {
  -webkit-mask-image: url("../images/recruit/common/icon-company.png");
  mask-image: url("../images/recruit/common/icon-company.png");
  width: 15px;
  height: 15px;
}
.l-r-header__cta--contact {
  background: #dc572f;
}
.l-r-header__cta--contact .l-r-header__cta-icon {
  background-color: transparent;
  background-image: url("../images/common/icon-mail.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-mask: none;
  mask: none;
  width: 22px;
  height: 17px;
}
@media screen and (max-width: 1000px) {
  .l-r-header__cta {
    flex: 0 0 auto;
    height: auto;
    padding: 10px 16px;
    gap: 0.8rem;
    font-size: 1.4rem;
    border-radius: 0.5rem;
  }
}
.l-r-header__cta-icon {
  display: inline-block;
  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;
}
.l-r-header__sub-links {
  display: none;
}
@media screen and (max-width: 1000px) {
  .l-r-header__sub-links {
    display: flex;
    gap: 2.4rem;
    justify-content: center;
    margin: 35px 0 0;
    padding: 0;
  }
  .l-r-header__sub-links a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 1.2rem;
    color: #000;
    text-decoration: underline;
  }
}
.l-r-header__sub-link--external {
  color: #333 !important;
}
.l-r-header__sub-link-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #333;
  -webkit-mask: url("../images/common/icon-link-02.svg") no-repeat center/contain;
  mask: url("../images/common/icon-link-02.svg") no-repeat center/contain;
}
.l-r-header__drawer {
  display: none;
}
@media screen and (max-width: 1000px) {
  .l-r-header__drawer {
    display: block;
  }
}
.l-r-header__drawer-bg {
  display: none;
}
@media screen and (max-width: 1000px) {
  .l-r-header__drawer-bg {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    cursor: pointer;
  }
}
.l-r-header__drawer-btn {
  position: fixed;
  top: 1rem;
  right: 2rem;
  width: 5rem;
  height: 5rem;
  background: #388e66;
  border: 1px solid #fff;
  border-radius: 0.5rem;
  cursor: pointer;
  z-index: 1001;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.l-r-header__drawer-bars {
  position: relative;
  display: block;
  width: 2.4rem;
  height: 1.6rem;
}
.l-r-header__drawer-bar {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  transition: transform 0.2s ease, opacity 0.2s ease, top 0.2s ease;
}
.l-r-header__drawer-bar.bar--1 {
  top: 0;
}
.l-r-header__drawer-bar.bar--2 {
  top: 50%;
  transform: translateY(-50%);
}
.l-r-header__drawer-bar.bar--3 {
  top: 100%;
  transform: translateY(-100%);
}
.l-r-header__drawer-btn.active .l-r-header__drawer-bar.bar--1 {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.l-r-header__drawer-btn.active .l-r-header__drawer-bar.bar--2 {
  opacity: 0;
}
.l-r-header__drawer-btn.active .l-r-header__drawer-bar.bar--3 {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.l-r-header__drawer-label {
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.l-r-header__drawer-label--menu {
  display: block;
}
.l-r-header__drawer-label--close {
  display: none;
}
.l-r-header__drawer-btn.active .l-r-header__drawer-label--menu {
  display: none;
}
.l-r-header__drawer-btn.active .l-r-header__drawer-label--close {
  display: block;
}

.l-r-footer {
  --bg-color: #f1f1e3;
  position: relative;
  margin-top: -5.0714285714%;
  overflow-x: clip;
}
@media screen and (max-width: 767px) {
  .l-r-footer {
    margin-top: -5.0666666667%;
  }
}
.l-r-footer.--light {
  --bg-color: transparent;
}
.l-r-footer.--light .l-r-footer__wave {
  display: none;
}
.l-r-footer.--light::before {
  content: "";
  display: block;
  margin-bottom: -2px;
  padding-top: 8%;
}
@media screen and (max-width: 767px) {
  .l-r-footer.--light::before {
    padding-top: 14.4%;
  }
}

.l-r-footer__wave {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: -2px;
}

.l-r-footer__body {
  padding: 2px 30px 49px;
  background-color: var(--bg-color);
}
@media screen and (max-width: 767px) {
  .l-r-footer__body {
    padding: 2px 5.3333333333% 20px;
  }
}

.l-r-footer__container {
  position: relative;
  display: grid;
  grid-template-columns: 512fr 458fr;
  column-gap: 5.2734375%;
  max-width: 1024px;
  margin: 0 auto;
  font-size: min(0.9225092251vw, 10px);
}
@media screen and (max-width: 767px) {
  .l-r-footer__container {
    grid-template-columns: 100%;
    font-size: 1em;
  }
}

.l-r-footer__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6.5em 3.90625%;
  background-color: rgba(56, 142, 102, 0.8980392157);
  border-radius: 10px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .l-r-footer__info {
    padding: 32px 20px 72px;
  }
}

.l-r-footer__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .l-r-footer__title {
    gap: 10px;
  }
}

.l-r-footer__title-sub {
  font-size: 2em;
  line-height: 1.35;
}
@media screen and (max-width: 767px) {
  .l-r-footer__title-sub {
    font-size: 1.4rem;
    line-height: 1.8571428571;
  }
}

.l-r-footer__title-main {
  font-size: 3.6em;
  font-weight: 500;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .l-r-footer__title-main {
    text-align: center;
    font-size: 3.2rem;
    line-height: 1.25;
  }
}

.l-r-footer__tel {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 25px;
  font-family: "ABeeZee", sans-serif;
  color: #fff;
}
@media (any-hover: hover) {
  .l-r-footer__tel {
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  .l-r-footer__tel {
    width: 100%;
    max-width: 280px;
    height: 50px;
    margin-top: 30px;
    border-radius: 9999px;
    background-color: #dc572f;
  }
}

.l-r-footer__tel-label {
  font-size: 2em;
  line-height: 1.35;
}
@media screen and (max-width: 767px) {
  .l-r-footer__tel-label {
    font-size: 1.5rem;
  }
}

.l-r-footer__tel-number {
  font-size: 3.8em;
  line-height: 0.7368421053;
}
@media screen and (max-width: 767px) {
  .l-r-footer__tel-number {
    font-size: 2.5rem;
  }
}

.l-r-footer__tel-note {
  margin-top: 7px;
  font-size: max(1.6em, 12px);
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .l-r-footer__tel-note {
    margin-top: 5px;
    font-size: 1.2rem;
    line-height: 2.3333333333;
  }
}

.l-r-footer__contact-btn {
  display: flex;
  align-items: center;
  gap: 1.875em;
  margin-top: 20px;
  padding: 15px 19px 13px 28px;
  border-radius: 9999px;
  background-color: #dc572f;
  font-size: max(1.6em, 14px);
  font-weight: 700;
  line-height: 1.75;
  color: #fff;
  transition: background 0.3s ease;
}
.l-r-footer__contact-btn:hover {
  opacity: 1;
  background: #333;
  color: #fff;
}
.l-r-footer__contact-btn:hover .l-footer__contact-btn-icon img {
  content: url("../images/common/icon-mail-blk.png");
}
.l-r-footer__contact-btn:hover .l-footer__contact-btn-arrow::before {
  background-color: #333;
}
@media screen and (max-width: 767px) {
  .l-r-footer__contact-btn {
    justify-content: flex-start;
    gap: 0;
    width: 100%;
    max-width: 280px;
    height: 50px;
    margin: 1.4rem auto 0;
    padding: 0 0 0 21px;
    font-size: 1.6rem;
  }
}

.l-r-footer__contact-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.l-r-footer__contact-btn-icon img {
  display: block;
  width: 28px;
  height: 21px;
}
@media screen and (max-width: 767px) {
  .l-r-footer__contact-btn-icon img {
    width: 22px;
    height: 17px;
    margin-right: 24px;
  }
}

.l-r-footer__contact-btn-txt {
  color: #fff;
  line-height: 1;
}

.l-r-footer__contact-btn-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .l-r-footer__contact-btn-arrow {
    width: 2.1rem;
    height: 2.1rem;
    margin-left: 34px;
  }
}
.l-r-footer__contact-btn-arrow::before {
  content: "";
  display: block;
  width: 11.97px;
  height: 6.8px;
  background-color: #dc572f;
  -webkit-mask: url("../images/common/arrow-03.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-03.svg") no-repeat center/contain;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .l-r-footer__contact-btn-arrow::before {
    width: 8.53px;
    height: 4.85px;
  }
}

.l-r-footer__name {
  display: flex;
  gap: 9px;
  margin-top: 15px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .l-r-footer__name {
    align-items: flex-end;
    margin-top: 8px;
  }
}

.l-r-footer__name-sub {
  font-size: max(1.6em, 12px);
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .l-r-footer__name-sub {
    font-size: 1.3rem;
  }
}

.l-r-footer__name-main {
  font-size: 2.6em;
  line-height: 1.0769230769;
}
@media screen and (max-width: 767px) {
  .l-r-footer__name-main {
    font-size: 2.1rem;
    line-height: 1.3333333333;
  }
}

.l-r-footer__address {
  margin-top: 6px;
  font-size: max(1.6em, 12px);
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .l-r-footer__address {
    margin-top: 4px;
    font-size: 1.2rem;
    line-height: 1.3333333333;
  }
}

.l-r-footer__map-link {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 20px;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  font-size: max(1.6em, 14px);
  line-height: 1.75;
  color: #fff;
}
.l-r-footer__map-link::after {
  content: "";
  width: 0.875em;
  height: 0.875em;
  background: url("../images/recruit/common/icon-tab.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .l-r-footer__map-link {
    margin-top: 7px;
    font-size: 1.2rem;
  }
  .l-r-footer__map-link::after {
    width: 10px;
    height: 10px;
    background-image: url("../images/recruit/common/icon-tab@sp.svg");
  }
}

.l-r-footer__nav {
  position: relative;
  padding: 8em 0;
}
@media screen and (max-width: 767px) {
  .l-r-footer__nav {
    padding: 0;
  }
}

.l-r-footer__menu-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 17.4672489083%;
}
@media screen and (max-width: 767px) {
  .l-r-footer__menu-wrapper {
    display: none;
  }
}

.l-r-footer__menu-item:not(:first-of-type) {
  margin-top: 30px;
}

.l-r-footer__menu-link {
  display: block;
  width: fit-content;
  font-size: max(1.6em, 14px);
  font-weight: 700;
  line-height: 1;
  color: #333;
}

.l-r-footer_sub-item {
  margin: 15px 0 0 -1.5px;
}

.l-r-footer__sub-link {
  display: flex;
  align-items: center;
  gap: 8.5px;
  font-size: max(1.6em, 14px);
  line-height: 1;
  color: #333;
}
.l-r-footer__sub-link::before {
  content: "";
  flex-shrink: 0;
  width: 8.5px;
  height: 2px;
  border-radius: 9999px;
  background-color: #388e66;
}

.l-r-footer__btn-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px 3.2751091703%;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .l-r-footer__btn-list {
    display: none;
  }
}

.l-r-footer__btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 0 9.0909090909%;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
  font-size: max(1.6em, 14px);
  line-height: 1.25;
  font-weight: 700;
  color: #388e66;
}
.l-r-footer__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.625em;
  width: 1.875em;
  height: 1.875em;
  transform: translateY(-50%);
  background: url("../images/recruit/common/icon-arrow-green.png") no-repeat center/contain;
}
.l-r-footer__btn.--tab {
  justify-content: flex-start;
  font-size: max(1.6em, 12px);
  color: #ae2337;
}
.l-r-footer__btn.--tab::after {
  width: 0.875em;
  height: 0.875em;
  background-image: url("../images/recruit/common/icon-tab-red.svg");
}
@media screen and (max-width: 1023px) {
  .l-r-footer__btn {
    justify-content: flex-start;
    text-align: left;
  }
}

.p-r-footer__copy {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  margin-top: 52px;
  font-size: max(1.2em, 10px);
  line-height: 2.3333333333;
  color: #333;
}
@media screen and (max-width: 767px) {
  .p-r-footer__copy {
    bottom: 1.06rem;
    left: 2rem;
    font-size: 1rem;
    line-height: 2.8;
    color: #fff;
  }
}

.l-r-footer__bird {
  position: absolute;
  top: -7.7em;
  right: -5.5em;
  width: 10.7421875%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .l-r-footer__bird {
    top: -2.2rem;
    right: unset;
    left: -1rem;
    width: 7.4rem;
    transform: scaleX(-1);
  }
}

.l-r-footer__tree {
  position: absolute;
  bottom: -1.8em;
  right: -8.9em;
  width: 24.31640625%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .l-r-footer__tree {
    right: -1.99rem;
    bottom: 0.96rem;
    width: 15.99rem;
  }
}

/*----------------------------
Object / Component
------------------------------*/
.c-back-to-top,
.back-to-top-wrapper {
  position: fixed;
  z-index: 100;
  right: 2.4rem;
  bottom: 4rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 60px;
  height: 60px;
  background: #333;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: opacity 0.3s ease;
}
.c-back-to-top:hover,
.back-to-top-wrapper:hover {
  opacity: 0.7;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .c-back-to-top,
  .back-to-top-wrapper {
    width: 50px;
    height: 50px;
    right: 1.6rem;
    bottom: 2.4rem;
  }
}
.c-back-to-top__arrow,
.back-to-top-wrapper__arrow {
  display: inline-block;
  width: 21px;
  height: 13px;
  background-color: #fff;
  -webkit-mask: url("../images/common/arrow-04.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-04.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .c-back-to-top__arrow,
  .back-to-top-wrapper__arrow {
    width: 17px;
    height: 11px;
  }
}
.c-back-to-top__txt,
.back-to-top-wrapper__txt {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .c-back-to-top__txt,
  .back-to-top-wrapper__txt {
    font-size: 12px;
  }
}

.c-bird {
  display: block;
  pointer-events: none;
  user-select: none;
}
.c-bird img {
  display: block;
  width: 100%;
  height: auto;
}

.c-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: solid 1px #000;
  background: #fff;
  color: #000;
  border-radius: 32px;
  text-align: center;
  text-decoration: none;
  transition: 250ms;
}
.c-btn:focus, .c-btn:hover {
  opacity: 1;
  background: #000;
  color: #fff;
}
.c-btn__s-size {
  width: 20rem;
  height: 5rem;
}
@media screen and (max-width: 767px) {
  .c-btn__s-size {
    width: 20rem;
    height: 5rem;
  }
}
.c-btn__m-size {
  width: 32rem;
  height: 6.4rem;
}
@media screen and (max-width: 767px) {
  .c-btn__m-size {
    width: 32rem;
    height: 6.4rem;
  }
}
.c-btn__l-size {
  width: 30rem;
  height: 8rem;
}
@media screen and (max-width: 767px) {
  .c-btn__l-size {
    width: 30rem;
    height: 8rem;
  }
}
.c-btn.c-btn--2 {
  background: #000;
  color: #fff;
}
.c-btn.c-btn--2:hover {
  background: #fff;
  color: #000;
}
.c-btn.c-btn--key {
  background: #388e66;
  color: #fff;
  border-color: #388e66;
}
.c-btn.c-btn--key:hover {
  background: #fff;
  color: #388e66;
}
.c-btn.c-btn--accent {
  background: #dc572f;
  color: #fff;
  border-color: #dc572f;
}
.c-btn.c-btn--accent:hover {
  background: #fff;
  color: #dc572f;
}
.c-btn:not(.c-btn__s-size):not(.c-btn__m-size):not(.c-btn__l-size) {
  padding: 1.2rem 3.2rem;
  width: auto;
  height: auto;
}
.c-btn__left {
  margin: 0 auto 0 0;
}
.c-btn__center {
  margin: 0 auto;
}
.c-btn__right {
  margin: 0 0 0 auto;
}
.c-btn__left-pc {
  margin: 0 auto 0 0;
}
@media screen and (max-width: 767px) {
  .c-btn__left-pc {
    margin: 0;
  }
}
.c-btn__center-pc {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-btn__center-pc {
    margin: 0;
  }
}
.c-btn__right-pc {
  margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
  .c-btn__right-pc {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-btn__left-sp {
    margin: 0 auto 0 0;
  }
}
@media screen and (max-width: 767px) {
  .c-btn__center-sp {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .c-btn__right-sp {
    margin: 0 0 0 auto;
  }
}
.c-btn__margin--x {
  margin: 0 4rem;
}
@media screen and (max-width: 767px) {
  .c-btn__margin--x {
    margin: 0;
  }
}
.c-btn__txt {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-btn__txt {
    font-size: 1.6rem;
  }
}
.c-btn__txt {
  font-weight: bold;
}
.c-btn__left-icon {
  padding-left: 2rem;
  position: relative;
}
.c-btn__left-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 6px;
  background-color: #388e66;
  -webkit-mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
}
.c-btn:hover .c-btn__left-icon::before {
  -webkit-mask-image: url("../images/common/arrow_hover.svg");
  mask-image: url("../images/common/arrow_hover.svg");
}
.c-btn__right-icon {
  padding-right: 3.1rem;
  position: relative;
}
.c-btn__right-icon::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 6px;
  background-color: #388e66;
  -webkit-mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
}
.c-btn:hover .c-btn__right-icon::before {
  -webkit-mask-image: url("../images/common/arrow_hover.svg");
  mask-image: url("../images/common/arrow_hover.svg");
}

.c-card__groups {
  display: grid;
  padding: 6.4rem 0 0;
  column-gap: 4rem;
  row-gap: 4.8rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1023px) {
  .c-card__groups {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .c-card__groups {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-card__img-wrap {
  margin-bottom: 1.6rem;
  width: 100%;
  position: relative;
  border: 1px solid transparent;
}
.c-card__img-wrap.c-card__img-wrap1x1::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.c-card__img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-card__ttl {
  font-weight: normal;
  line-height: 1.43;
}
.c-card__inner {
  transition: 250ms all;
  position: relative;
}
.c-card__label {
  color: #fff;
  background: #388e66;
  height: 3.2rem;
  min-width: 16rem;
  padding: 0 1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .c-card__label {
    height: 2.5rem;
  }
}
.c-card__body {
  padding: 0;
}
.c-card__date {
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .c-card__date {
    font-size: 1.2rem;
  }
}
.c-card__date {
  font-weight: bold;
  color: #888;
}

.c-heading {
  text-align: center;
}
.c-heading__en {
  display: block;
  font-size: clamp(2rem, 1.5609756098rem + 1.1707317073vw, 3.2rem);
  font-weight: 700;
  color: #388e66;
  letter-spacing: 0.08em;
  line-height: 1.2;
}
.c-heading__ja {
  display: block;
  margin-top: 0.8rem;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  font-weight: 500;
  color: #000;
  letter-spacing: 0.1em;
}

.c-media {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 6.4rem;
}
@media screen and (max-width: 1023px) {
  .c-media {
    align-items: baseline;
  }
}
@media screen and (max-width: 767px) {
  .c-media {
    display: grid;
    justify-items: center;
    max-width: 48rem;
    margin: 0 auto;
    row-gap: 3.2rem;
    padding-bottom: 3.2rem;
  }
}
.c-media.u-pb--0 {
  padding-bottom: 0;
}
.c-media__img-wrap {
  flex: 0 1 40.25%;
}
@media screen and (max-width: 767px) {
  .c-media__img-wrap {
    max-width: 32rem;
  }
}
.c-media__img-wrap.u-img--l {
  flex: 0 1 55.55%;
}
.c-media__body {
  flex: 0 1 48.6%;
}
@media screen and (max-width: 1023px) {
  .c-media__body {
    flex: 0 1 52.5%;
  }
}
.c-media__ttl {
  font-size: 3.2rem;
}
@media screen and (max-width: 1023px) {
  .c-media__ttl {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-media__ttl {
    font-size: 2rem;
  }
}
.c-media__ttl {
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding-bottom: 1em;
}
.c-media__btn {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .c-media__btn {
    margin-top: 1.6rem;
  }
}

.c-pager .wp-pagenavi,
.pager .wp-pagenavi {
  text-align: center;
  margin: 5rem 0;
}
.c-pager .wp-pagenavi span.current,
.pager .wp-pagenavi span.current {
  width: 5rem;
  height: 5rem;
  margin: 0.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #388e66;
  color: #fff;
  border-radius: 0;
  font-weight: bold;
  border: 1px solid #388e66;
  transition: 250ms all;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-pager .wp-pagenavi span.current,
  .pager .wp-pagenavi span.current {
    width: 3rem;
    height: 3rem;
  }
}
.c-pager .wp-pagenavi span.current:hover,
.pager .wp-pagenavi span.current:hover {
  background: #388e66;
  color: #fff;
}
.c-pager .wp-pagenavi .page,
.pager .wp-pagenavi .page {
  width: 5rem;
  height: 5rem;
  margin: 0.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #388e66;
  font-weight: bold;
  border: 1px solid #388e66;
  transition: 250ms all;
  border-radius: 0;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-pager .wp-pagenavi .page,
  .pager .wp-pagenavi .page {
    width: 3rem;
    height: 3rem;
  }
}
.c-pager .wp-pagenavi .page:hover,
.pager .wp-pagenavi .page:hover {
  background: #388e66;
  color: #fff;
  opacity: 1;
}
.c-pager .wp-pagenavi .nextpostslink,
.c-pager .wp-pagenavi .previouspostslink,
.pager .wp-pagenavi .nextpostslink,
.pager .wp-pagenavi .previouspostslink {
  width: 5rem;
  height: 5rem;
  margin: 0.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #388e66;
  font-weight: bold;
  border: 1px solid #388e66;
  transition: 250ms all;
  border-radius: 0;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-pager .wp-pagenavi .nextpostslink,
  .c-pager .wp-pagenavi .previouspostslink,
  .pager .wp-pagenavi .nextpostslink,
  .pager .wp-pagenavi .previouspostslink {
    width: 3rem;
    height: 3rem;
  }
}
.c-pager .wp-pagenavi .nextpostslink:hover,
.c-pager .wp-pagenavi .previouspostslink:hover,
.pager .wp-pagenavi .nextpostslink:hover,
.pager .wp-pagenavi .previouspostslink:hover {
  background: #388e66;
  color: #fff;
  opacity: 1;
}
.c-pager .wp-pagenavi .pages,
.pager .wp-pagenavi .pages {
  display: none;
}
.c-pager .wp-pagenavi .first,
.c-pager .wp-pagenavi .last,
.pager .wp-pagenavi .first,
.pager .wp-pagenavi .last {
  border: none;
}
.c-pager .wp-pagenavi .first:hover,
.c-pager .wp-pagenavi .last:hover,
.pager .wp-pagenavi .first:hover,
.pager .wp-pagenavi .last:hover {
  opacity: 0.7;
}
.c-pager .wp-pagenavi .extend,
.pager .wp-pagenavi .extend {
  border: none;
}
.c-pager .wp-pagenavi .extend:hover,
.pager .wp-pagenavi .extend:hover {
  opacity: 0.7;
}

.c-bread-nav__wrapper,
.bread-nav__wrapper {
  padding: 5rem 0 2.5rem;
  line-height: 1;
}

.c-pdf-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  width: 100%;
  min-height: 5.8rem;
  padding: 0.7rem 2rem;
  border: 1px solid #388e66;
  border-radius: 1rem;
  background: #fff;
  color: #388e66;
  text-decoration: none;
  transition: background 250ms, color 250ms;
}
.c-pdf-link:hover, .c-pdf-link:focus-visible {
  background: #388e66;
  color: #fff;
}
.c-pdf-link:focus {
  outline: none;
}
.c-pdf-link:focus-visible {
  outline: 2px solid #388e66;
  outline-offset: 2px;
}
@media screen and (max-width: 767px) {
  .c-pdf-link {
    min-height: 4.6rem;
    padding: 1.1rem 1.1rem;
    gap: 0.5rem;
  }
}
.c-pdf-link__txt {
  flex: 1 1 auto;
  font-size: clamp(1.2rem, 1.0536585366rem + 0.3902439024vw, 1.6rem);
  font-weight: 400;
  line-height: 1;
}
.c-pdf-link__icon {
  flex: 0 0 auto;
  display: inline-block;
  width: 3.1rem;
  height: 3.9rem;
  background-color: currentColor;
  -webkit-mask: url("../images/common/icon-pdf.svg") no-repeat center/contain;
  mask: url("../images/common/icon-pdf.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .c-pdf-link__icon {
    width: 2.1rem;
    height: 2.7rem;
  }
}
.c-pdf-link--filled {
  background: #388e66;
  color: #fff;
}
.c-pdf-link--filled:hover, .c-pdf-link--filled:focus-visible {
  background: #fff;
  color: #388e66;
}

.c-pdf-cat {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.5em;
  color: #388e66;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 1rem;
  font-size: clamp(1.8rem, 1.5569620253rem + 0.3164556962vw, 2rem);
}
.c-pdf-cat__type {
  font-size: clamp(1.4rem, 1.1569620253rem + 0.3164556962vw, 1.6rem);
}

.c-section-ttl {
  font-size: clamp(1.4rem, 0.6708860759rem + 0.9493670886vw, 2rem);
  font-weight: 700;
  color: #388e66;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin: 0 0 1rem;
}
.c-section-ttl--marker {
  position: relative;
}
.c-section-ttl--marker::before {
  content: "";
  position: absolute;
  left: -2.5rem;
  top: 0.3em;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #388e66;
}
@media screen and (max-width: 767px) {
  .c-section-ttl--marker::before {
    left: -2.2rem;
    width: 1.2rem;
    height: 1.2rem;
  }
}
.c-section-ttl--numbered {
  position: relative;
  counter-increment: c-section-ttl-num;
}
.c-section-ttl--numbered::before {
  content: counter(c-section-ttl-num);
  position: absolute;
  left: -2.8rem;
  top: 0.4em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: #388e66;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  padding-bottom: 0.2rem;
}
@media screen and (max-width: 767px) {
  .c-section-ttl--numbered::before {
    top: 0.1em;
  }
}

.c-sub-ttl {
  font-weight: 700;
  margin: 0;
}

.c-arrow-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 3.3rem;
  width: 22rem;
  height: 5rem;
  background: #388e66;
  border-radius: 32px;
  text-decoration: none;
  transition: background 0.3s ease;
}
.c-arrow-btn:hover {
  background: #333;
  opacity: 1;
}
.c-arrow-btn:hover .c-arrow-btn__arrow::before {
  background-color: #333;
}
@media screen and (max-width: 767px) {
  .c-arrow-btn {
    width: 100%;
    max-width: 220px;
    height: 48px;
    padding: 0 20px;
    justify-content: space-between;
    border-radius: 999px;
  }
}
.c-arrow-btn__txt {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
}
.c-arrow-btn__txt--sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .c-arrow-btn__txt--pc {
    display: none;
  }
  .c-arrow-btn__txt--sp {
    display: inline;
  }
}
.c-arrow-btn--back {
  padding: 0 1.5rem;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .c-arrow-btn--back {
    padding: 0 1.5rem;
    justify-content: flex-start;
  }
}
.c-arrow-btn--back .c-arrow-btn__arrow {
  position: static;
  transform: scaleX(-1);
}
.c-arrow-btn--back .c-arrow-btn__txt {
  margin-left: 15px;
}
.c-arrow-btn__arrow {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  background: #fff;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .c-arrow-btn__arrow {
    position: static;
    transform: none;
    width: 24px;
    height: 24px;
  }
}
.c-arrow-btn__arrow::before {
  content: "";
  width: 8px;
  height: 6px;
  background-color: #388e66;
  -webkit-mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .c-arrow-btn__arrow::before {
    width: 8px;
    height: 6px;
  }
}

.c-text-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
  color: #388e66;
  font-size: inherit;
  line-height: 1.6;
  transition: opacity 250ms ease;
}
.c-text-link:hover {
  opacity: 0.7;
}
.c-text-link__txt {
  text-decoration: underline;
}
.c-text-link__icon {
  display: inline-block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background-color: #388e66;
  -webkit-mask: url("../images/common/icon-link-02.svg") no-repeat center/contain;
  mask: url("../images/common/icon-link-02.svg") no-repeat center/contain;
}

.c-facility-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: 7.4rem 4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1199px) {
  .c-facility-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-facility-grid {
    grid-auto-rows: auto;
    gap: 40px 17px;
  }
}
.c-facility-grid__item {
  display: flex;
}
@media screen and (max-width: 767px) {
  .c-facility-grid__item--sm-group {
    display: contents;
  }
}
.c-facility-grid__sm-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .c-facility-grid__sm-list {
    display: contents;
  }
}
.c-facility-grid__sm-item {
  flex: 1;
  display: flex;
  min-height: 0;
}

.c-faq__lists,
.faq__lists {
  width: 100%;
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .c-faq__lists,
  .faq__lists {
    margin-top: 3.2rem;
  }
}
.c-faq__list-item,
.faq__list-item {
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 1.7rem 3.2rem;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .c-faq__list-item,
  .faq__list-item {
    padding: 1rem;
    margin-bottom: 1.6rem;
  }
}
.c-faq__question,
.faq__question {
  padding-left: 7.3%;
  position: relative;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-faq__question,
  .faq__question {
    font-size: 1.6rem;
  }
}
.c-faq__question,
.faq__question {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-faq__question,
  .faq__question {
    padding: 0 2.5rem 0 3.5rem;
  }
}
.c-faq__question::before,
.faq__question::before {
  content: "";
  background: url("../images/icon-q.svg") no-repeat center center/contain;
  width: 4.6rem;
  height: 4.6rem;
  position: absolute;
  left: 0;
  top: -0.2rem;
}
@media screen and (max-width: 767px) {
  .c-faq__question::before,
  .faq__question::before {
    top: 0.9rem;
    width: 2.3rem;
    height: 2.3rem;
  }
}
.c-faq__question::after,
.faq__question::after {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3rem;
  background: url("../images/faq_open_icon.svg") no-repeat center center/contain;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-faq__question::after,
  .faq__question::after {
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.c-faq__question.active::after,
.faq__question.active::after {
  content: "";
  background: url("../images/faq_close_icon.svg") no-repeat center center/contain;
}
.c-faq__answer,
.faq__answer {
  padding: 2rem 1rem 2rem 7.3%;
  display: none;
  position: relative;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-faq__answer,
  .faq__answer {
    padding: 1rem 2.5rem 1rem 3.5rem;
  }
}
.c-faq__answer::before,
.faq__answer::before {
  content: "";
  background: url("../images/icon-a.svg") no-repeat center center/contain;
  position: absolute;
  left: 0;
  width: 4.6rem;
  height: 4.6rem;
  top: 1.8rem;
}
@media screen and (max-width: 767px) {
  .c-faq__answer::before,
  .faq__answer::before {
    width: 2.3rem;
    height: 2.3rem;
    top: 1.1rem;
  }
}
.c-faq__answer a,
.faq__answer a {
  text-decoration: underline;
}

.c-fade,
.scroll-fade,
.scroll-load {
  opacity: 0;
}

.c-fade--up,
.updown {
  transform: translateY(-100px);
}

.c-fade--down,
.downup {
  transform: translateY(100px);
}

.fadeInDown {
  transition: 0.6s;
  transform: translateY(0);
  opacity: 1;
}

.js-reveal {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.js-reveal.is-visible {
  opacity: 1;
}

.js-reveal-stagger > * {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.js-reveal-stagger.is-visible > * {
  opacity: 1;
}
.js-reveal-stagger.is-visible > *:nth-child(1) {
  transition-delay: 0s;
}
.js-reveal-stagger.is-visible > *:nth-child(2) {
  transition-delay: 0.1s;
}
.js-reveal-stagger.is-visible > *:nth-child(3) {
  transition-delay: 0.2s;
}
.js-reveal-stagger.is-visible > *:nth-child(4) {
  transition-delay: 0.3s;
}
.js-reveal-stagger.is-visible > *:nth-child(5) {
  transition-delay: 0.4s;
}
.js-reveal-stagger.is-visible > *:nth-child(6) {
  transition-delay: 0.5s;
}
.js-reveal-stagger.is-visible > *:nth-child(7) {
  transition-delay: 0.6s;
}
.js-reveal-stagger.is-visible > *:nth-child(8) {
  transition-delay: 0.7s;
}
.js-reveal-stagger.is-visible > *:nth-child(9) {
  transition-delay: 0.8s;
}
.js-reveal-stagger.is-visible > *:nth-child(10) {
  transition-delay: 0.9s;
}
.js-reveal-stagger.is-visible > *:nth-child(11) {
  transition-delay: 1s;
}
.js-reveal-stagger.is-visible > *:nth-child(12) {
  transition-delay: 1.1s;
}
.js-reveal-stagger.is-visible > *:nth-child(13) {
  transition-delay: 1.2s;
}
.js-reveal-stagger.is-visible > *:nth-child(14) {
  transition-delay: 1.3s;
}
.js-reveal-stagger.is-visible > *:nth-child(15) {
  transition-delay: 1.4s;
}
.js-reveal-stagger.is-visible > *:nth-child(16) {
  transition-delay: 1.5s;
}

@media (prefers-reduced-motion: reduce) {
  .js-reveal,
  .js-reveal-stagger > * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.c-sidebar__ttl,
.sidebar__ttl {
  color: #388e66;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .c-sidebar__ttl,
  .sidebar__ttl {
    font-size: 1.8rem;
  }
}
.c-sidebar__ttl,
.sidebar__ttl {
  padding-bottom: 1rem;
  border-bottom: 1px solid #707070;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .c-sidebar__ttl,
  .sidebar__ttl {
    margin-bottom: 1.5rem;
  }
}
.c-sidebar__cat-txt, .c-sidebar__archive-txt,
.sidebar__cat-txt,
.sidebar__archive-txt {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .c-sidebar__cat-txt, .c-sidebar__archive-txt,
  .sidebar__cat-txt,
  .sidebar__archive-txt {
    font-size: 1.4rem;
  }
}
.c-sidebar__flex-wrapper,
.sidebar__flex-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.c-sidebar__inner-pc,
.sidebar__inner-pc {
  width: 26rem;
}
@media screen and (max-width: 767px) {
  .c-sidebar__inner-sp,
  .sidebar__inner-sp {
    width: 100%;
    position: static;
  }
}

.archive__wrapper select[name=archive-dropdown] {
  border: 1px solid #c9c6c6;
  padding: 1.2rem 0.5em;
  background: #fff;
}
.archive__conts-wrapper {
  border-bottom: 1px solid #707070;
  width: 65rem;
  margin: 0 auto;
  padding-top: 3rem;
}
@media screen and (max-width: 767px) {
  .archive__conts-wrapper {
    width: 100%;
  }
}

/*----------------------------
Object / Project
------------------------------*/
.home .main-body {
  padding-top: 0;
  padding-bottom: 0;
}

.p-top-kv {
  position: relative;
  padding-bottom: 6.7rem;
  overflow: hidden;
  background: #f5f5ee;
  --u: min(1rem, 100vw / 140);
  font-size: var(--u);
  --kv-base: min(500px, 100svmin);
}
@media screen and (max-width: 767px) {
  .p-top-kv {
    padding-bottom: 6rem;
    --u: 1rem;
    font-size: var(--u);
  }
}
.p-top-kv__inner {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  min-height: 82.5em;
}
@media screen and (max-width: 767px) {
  .p-top-kv__inner {
    max-width: 500px;
    min-height: calc(1.744 * var(--kv-base));
  }
}
.p-top-kv__copy {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 5em;
}
.p-top-kv__copy::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65em;
  height: 27.5em;
  background: linear-gradient(to right, rgba(245, 245, 238, 0) 0%, rgba(245, 245, 238, 0.8) 18%, rgba(245, 245, 238, 0.8) 83%, rgba(245, 245, 238, 0) 100%);
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-top-kv__copy {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    display: block;
    gap: 0;
  }
  .p-top-kv__copy::before {
    display: none;
  }
}
.p-top-kv__catch {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 1.8em;
}
@media screen and (max-width: 767px) {
  .p-top-kv__catch {
    position: absolute;
    top: 108px;
    right: 52px;
    z-index: 2;
  }
}
.p-top-kv__catch-col {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 6em;
  font-weight: 500;
  line-height: 1.07;
  color: #388e66;
}
@media screen and (max-width: 767px) {
  .p-top-kv__catch-col {
    font-size: calc(0.0853333333 * var(--kv-base));
    letter-spacing: 0.08em;
    line-height: 1;
  }
}
.p-top-kv__catch-col--sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top-kv__catch-col--pc {
    display: none;
  }
  .p-top-kv__catch-col--sp {
    display: block;
  }
}
.p-top-kv__lead {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 1.5em;
}
@media screen and (max-width: 767px) {
  .p-top-kv__lead {
    position: absolute;
    top: 116px;
    right: 173px;
    z-index: 2;
    gap: calc(0.0293333333 * var(--kv-base));
  }
}
.p-top-kv__lead-col {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.07;
  color: #333;
  padding-right: calc(1.5 * var(--u));
  border-right: 2px dotted #000;
}
@media screen and (max-width: 767px) {
  .p-top-kv__lead-col {
    font-size: calc(0.0373333333 * var(--kv-base));
    padding-right: calc(0.0213333333 * var(--kv-base));
    letter-spacing: 0.08em;
  }
}
.p-top-kv__tcy {
  text-combine-upright: all;
  display: inline-block;
  transform: translateX(-0.14em);
}
.p-top-kv__collage {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top-kv__collage {
    inset: auto;
    top: calc(1.0133333333 * var(--kv-base));
    left: 0;
    right: 0;
    width: 100%;
    height: calc(0.5706666667 * var(--kv-base));
    overflow: hidden;
  }
}
.p-top-kv__collage-track {
  display: flex;
  height: 100%;
  width: max-content;
  animation: p-top-kv-flow 30s linear infinite;
  will-change: transform;
}
.p-top-kv__collage-set {
  position: relative;
  height: 100%;
  aspect-ratio: 2462/825;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top-kv__collage-set {
    aspect-ratio: 1305/214;
  }
}
.p-top-kv__photo {
  position: absolute;
  margin: 0;
  border-radius: 1em;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}
.p-top-kv__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.p-top-kv__photo--1 {
  top: 36.8484848485%;
  left: 3.6961819659%;
  width: 7.270511779%;
  height: 15.6363636364%;
}
.p-top-kv__photo--2 {
  top: 4.2424242424%;
  left: 9.5044679123%;
  width: 13.2006498781%;
  height: 23.6363636364%;
}
.p-top-kv__photo--3 {
  top: 64%;
  left: 5.7270511779%;
  width: 15.4516653128%;
  height: 24.1212121212%;
}
.p-top-kv__photo--4 {
  top: 68.1212121212%;
  left: 29.7725426483%;
  width: 6.8237205524%;
  height: 12.9696969697%;
}
.p-top-kv__photo--5 {
  top: 14.7878787879%;
  left: 38.1397238018%;
  width: 5.4049553209%;
  height: 10.6666666667%;
}
.p-top-kv__photo--6 {
  top: 33.4545454545%;
  left: 46.4256701868%;
  width: 14.012997563%;
  height: 27.7575757576%;
}
.p-top-kv__photo--7 {
  top: 69.696969697%;
  left: 57.9203899269%;
  width: 7.270511779%;
  height: 15.6363636364%;
}
.p-top-kv__photo--8 {
  top: 3.8787878788%;
  left: 69.0089358245%;
  width: 12.1445978879%;
  height: 24.056969697%;
}
.p-top-kv__photo--9 {
  top: 64.6060606061%;
  left: 71.6896831844%;
  width: 6.8237205524%;
  height: 12.9696969697%;
}
.p-top-kv__photo--10 {
  top: 57.9393939394%;
  left: 83.1844029245%;
  width: 14.012997563%;
  height: 27.7575757576%;
}
.p-top-kv__photo--11 {
  top: 12%;
  left: 89.6425670187%;
  width: 7.5548334687%;
  height: 14.9090909091%;
}
@media screen and (max-width: 767px) {
  .p-top-kv__photo {
    border-radius: 3px;
  }
  .p-top-kv__photo--1 {
    top: 0%;
    left: 21.4559386973%;
    width: 6.0605363985%;
    height: 26.6355140187%;
  }
  .p-top-kv__photo--2 {
    top: 17.2897196262%;
    left: 40.5363984674%;
    width: 10.0130268199%;
    height: 36.6355140187%;
  }
  .p-top-kv__photo--3 {
    top: 43.9252336449%;
    left: 20.3831417625%;
    width: 17.5478927203%;
    height: 55.976635514%;
  }
  .p-top-kv__photo--4 {
    top: 21.4953271028%;
    left: 6.8965517241%;
    width: 9.1954022989%;
    height: 35.9813084112%;
  }
  .p-top-kv__photo--5 {
    top: 9.3457943925%;
    left: 64.061302682%;
    width: 7.0498084291%;
    height: 28.5046728972%;
  }
  .p-top-kv__photo--6 {
    top: 46.7289719626%;
    left: 51.877394636%;
    width: 11.1877394636%;
    height: 45.3271028037%;
  }
  .p-top-kv__photo--7 {
    display: none;
  }
  .p-top-kv__photo--8 {
    top: 38.785046729%;
    left: 91.9540229885%;
    width: 8.0459770115%;
    height: 31.308411215%;
  }
  .p-top-kv__photo--9 {
    top: 12.6168224299%;
    left: 0%;
    width: 5.2873563218%;
    height: 21.0280373832%;
  }
  .p-top-kv__photo--10 {
    top: 18.691588785%;
    left: 75.7088122605%;
    width: 13.9463601533%;
    height: 56.5420560748%;
  }
  .p-top-kv__photo--11 {
    top: 68.2242990654%;
    left: 66.8199233716%;
    width: 7.8927203065%;
    height: 31.7757009346%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .p-top-kv .p-top-kv__collage-track {
    animation: none;
  }
}

@keyframes p-top-kv-flow {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.p-top-kv__deco {
  position: absolute;
  pointer-events: none;
  z-index: 3;
}
.p-top-kv__deco img {
  width: 100%;
  height: auto;
  display: block;
}
.p-top-kv__deco--bird {
  top: 18.5em;
  left: 30.6em;
  width: 10em;
}
@media screen and (max-width: 767px) {
  .p-top-kv__deco--bird {
    top: calc(0.2 * var(--kv-base));
    left: calc(0.0053333333 * var(--kv-base));
    width: calc(0.152 * var(--kv-base));
    height: auto;
  }
}
.p-top-kv__deco--stump {
  top: 53em;
  left: 96.2em;
  width: 8.6em;
}
@media screen and (max-width: 767px) {
  .p-top-kv__deco--stump {
    top: calc(0.8586666667 * var(--kv-base));
    left: calc(0.112 * var(--kv-base));
    width: calc(0.1253333333 * var(--kv-base));
    height: auto;
  }
}
.p-top-kv__scroll {
  position: absolute;
  writing-mode: vertical-rl;
  font-size: 1.6rem;
  font-weight: 400;
  color: #000;
  letter-spacing: 0.016em;
  z-index: 2;
  text-decoration: none;
  cursor: pointer;
  right: calc(24.5 * var(--u) + max(0px, (100vw - 1400px) / 2));
  top: calc(57.7 * var(--u));
}
@media screen and (max-width: 767px) {
  .p-top-kv__scroll {
    right: calc(0.048 * var(--kv-base));
    top: auto;
    bottom: calc(0.27 * var(--kv-base));
  }
}
.p-top-kv__scroll::after {
  content: "";
  display: block;
  margin-top: 0;
  width: 1px;
  height: 8rem;
  background: #333;
}
.p-top-kv__scroll::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 7px;
  background: #333;
  transform-origin: bottom left;
  transform: rotate(44deg);
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .p-top-kv {
    --kv-base: min(600px, calc(100svmin * 1.4));
  }
  .p-top-kv__inner {
    min-height: calc(1.744 * var(--kv-base));
  }
  .p-top-kv__catch-col, .p-top-kv__lead-col {
    white-space: nowrap;
  }
  .p-top-kv__lead {
    right: 210px;
  }
}

.p-top-news {
  position: relative;
  background: #388e66;
  padding: 0.8rem 0 8rem;
}
@media screen and (max-width: 767px) {
  .p-top-news {
    padding: 2.5rem 0 6rem;
    margin-top: -75px;
  }
}
.p-top-news__wave {
  position: absolute;
  left: 0;
  bottom: calc(100% - 1px);
  width: 100%;
  height: auto;
  max-height: 15.65rem;
  display: block;
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-top-news__wave {
    content: url("../images/common/decoration/top-wave-sp.png");
  }
}
.p-top-news__inner {
  position: relative;
  display: grid;
  grid-template-columns: 12rem 1fr;
  gap: 8rem;
}
@media screen and (max-width: 1399px) {
  .p-top-news__inner {
    gap: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-news__inner {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-news__inner {
    gap: 0;
  }
}
.p-top-news__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.2rem;
}
@media screen and (max-width: 1023px) {
  .p-top-news__header {
    flex-direction: row;
    justify-content: flex-start;
    gap: 2rem;
  }
}
.p-top-news__ttl {
  font-size: clamp(3.2rem, 2.8341463415rem + 0.9756097561vw, 4.2rem);
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  writing-mode: vertical-rl;
  line-height: 1.4;
}
@media screen and (max-width: 1023px) {
  .p-top-news__ttl {
    writing-mode: horizontal-tb;
  }
}
@media screen and (max-width: 767px) {
  .p-top-news__ttl {
    letter-spacing: normal;
  }
}
.p-top-news__more-wrap {
  text-align: center;
  margin-top: 4rem;
}
.p-top-news__more-wrap--sp {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-top-news__more-wrap--sp {
    display: block;
    margin: 3rem 0 0;
  }
}
.p-top-news__more {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  padding: 8px 8px 9px 13px;
  border-radius: 999px;
  transition: background 0.3s ease, color 0.3s ease;
}
.p-top-news__more > span {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: color 0.3s ease;
}
.p-top-news__more:hover {
  background: #333;
  opacity: 1;
}
.p-top-news__more:hover > span {
  color: #fff;
}
.p-top-news__more:hover .p-top-news__more-arrow {
  background-color: #fff;
}
.p-top-news__more:hover .p-top-news__more-arrow::before {
  background-color: #333;
}
@media screen and (max-width: 1023px) {
  .p-top-news__more--pc {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-news__more {
    max-width: 190px;
    height: 48px;
    padding: 0 20px;
    justify-content: space-between;
  }
}
.p-top-news__more-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  background: #388e66;
  flex-shrink: 0;
}
.p-top-news__more-arrow::before {
  content: "";
  width: 8px;
  height: 6px;
  background-color: #fff;
  -webkit-mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
}
@media screen and (max-width: 1023px) {
  .p-top-news__more-arrow {
    width: 24px;
    height: 24px;
  }
  .p-top-news__more-arrow::before {
    width: 8.84px;
    height: 6.32px;
  }
}
.p-top-news__main {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-top-news__main {
    margin-top: 2.2rem;
  }
}
.p-top-news__panel[hidden] {
  display: none;
}

.p-top-about {
  position: relative;
  padding: 0;
  background: #fff;
  overflow: hidden;
}
.p-top-about__inner {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-top-about__inner {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "p1   p2" "card card" "p3   p4";
    gap: 0;
  }
}
.p-top-about__photos {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 45rem 45rem;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .p-top-about__photos {
    display: contents;
  }
}
.p-top-about__photo {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
}
.p-top-about__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-top-about__photo {
    aspect-ratio: 695/450;
  }
  .p-top-about__photo--1 {
    grid-area: p1;
  }
  .p-top-about__photo--2 {
    grid-area: p2;
  }
  .p-top-about__photo--3 {
    grid-area: p3;
  }
  .p-top-about__photo--4 {
    grid-area: p4;
  }
}
.p-top-about__card {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55rem;
  min-height: 64rem;
  background: #fff;
  border: 10px solid #388e66;
  border-radius: 2rem;
  padding: 6rem 4rem 4rem;
  z-index: 2;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}
@media screen and (max-width: 767px) {
  .p-top-about__card {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    grid-area: card;
    width: 100%;
    margin: 0;
    min-height: 0;
    padding: 4.5rem 3.5rem 3.5rem;
    border-width: 5px;
    border-radius: 0;
  }
}
.p-top-about__risu {
  position: absolute;
  left: -9rem;
  bottom: -2.3rem;
  width: 15.9rem;
  height: 12.6rem;
  pointer-events: none;
  z-index: 3;
}
.p-top-about__risu img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top-about__risu {
    left: -23px;
    bottom: -10px;
    width: 105px;
    height: 83px;
  }
}
.p-top-about__bird {
  position: absolute;
  top: -6.5rem;
  right: 0;
  width: 11.1rem;
  height: 12.9rem;
  transform: rotate(-14.85deg);
  transform-origin: center;
  pointer-events: none;
}
.p-top-about__bird img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top-about__bird {
    top: -29px;
    right: 11.52px;
    width: 68.32px;
    height: 79.73px;
  }
}
.p-top-about__ttl {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: flex-start;
  gap: 2.7rem;
  margin: 0 0 4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: clamp(3.2rem, 2.8341463415rem + 0.9756097561vw, 4.2rem);
  line-height: 1.12;
  color: #388e66;
  letter-spacing: 0.112em;
}
@media screen and (max-width: 767px) {
  .p-top-about__ttl {
    gap: 9px;
    margin: 0 0 3rem;
  }
}
.p-top-about__ttl-col {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.p-top-about__divider {
  width: 100%;
  height: 1px;
  margin: 0 0 4rem;
  border: 0;
  background: #aaa;
}
@media screen and (max-width: 767px) {
  .p-top-about__divider {
    margin: 0 0 2.5rem;
  }
}
.p-top-about__text {
  margin: 0 0 3.4rem;
  font-size: clamp(1.4rem, 1.1756906077rem + 0.3314917127vw, 1.6rem);
  line-height: 2;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-top-about__text {
    margin: 0 0 2rem;
  }
}
.p-top-about__text p {
  margin: 0;
}
.p-top-about__btn {
  text-align: center;
}

.p-top-facilities {
  position: relative;
  padding: 10rem 0 0;
  background: #f5f5ee;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top-facilities {
    padding: 7rem 0 0;
  }
}
.p-top-facilities__inner {
  position: relative;
  z-index: 2;
  padding-bottom: max(0px, 56.2857142857vw - 158px);
}
@media screen and (max-width: 767px) {
  .p-top-facilities__inner {
    padding-bottom: 19rem;
  }
}
.p-top-facilities__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}
.p-top-facilities__bg img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-top-facilities__bg {
    left: -10%;
    width: 120%;
  }
}
.p-top-facilities__header {
  position: relative;
  text-align: center;
  margin-bottom: 7rem;
}
@media screen and (max-width: 767px) {
  .p-top-facilities__header {
    margin-bottom: 4.9rem;
  }
}
.p-top-facilities__deco {
  position: absolute;
  pointer-events: none;
  display: block;
}
.p-top-facilities__deco img {
  display: block;
  width: 100%;
  height: auto;
}
.p-top-facilities__deco--grass {
  top: 0;
  left: 8.7rem;
  width: 13rem;
}
@media screen and (max-width: 1023px) {
  .p-top-facilities__deco--grass {
    left: 2rem;
    width: 9rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-facilities__deco--grass {
    top: -4rem;
    left: 0;
    width: 71px;
    height: 30px;
  }
}
.p-top-facilities__deco--trees {
  right: 3.7rem;
  bottom: 0;
  width: 14rem;
}
@media screen and (max-width: 1023px) {
  .p-top-facilities__deco--trees {
    right: 2rem;
    width: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-facilities__deco--trees {
    display: none;
  }
}
.p-top-facilities__ttl {
  margin: 0 0 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #388e66;
  line-height: 1;
  display: inline-flex;
  align-items: baseline;
  gap: 0.8rem;
}
.p-top-facilities__ttl-num {
  font-size: clamp(6rem, 4.5365853659rem + 3.9024390244vw, 10rem);
  font-weight: 500;
  line-height: 1;
}
.p-top-facilities__ttl-ja {
  font-size: clamp(3.2rem, 2.5414634146rem + 1.756097561vw, 5rem);
  font-weight: 500;
  line-height: 1;
}
.p-top-facilities__subttl {
  margin: 0;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.75;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-top-facilities__subttl {
    line-height: 2;
  }
}

.p-top-use {
  position: relative;
  z-index: 2;
  padding: clamp(8rem, 5.5696202532rem + 3.164556962vw, 10rem) 0 5rem;
  background: #f5f5ee;
}
@media screen and (max-width: 767px) {
  .p-top-use {
    padding: 4rem 0 3rem;
  }
}
.p-top-use__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(30rem, 1fr) minmax(0, 70rem);
  gap: 4rem;
}
@media screen and (max-width: 1023px) {
  .p-top-use__inner {
    grid-template-columns: 1fr;
    gap: 3.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-use__inner {
    gap: 3rem;
  }
}
.p-top-use__header {
  position: relative;
}
.p-top-use__ttl {
  margin: 0 0 4.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: clamp(3.2rem, 2.8341463415rem + 0.9756097561vw, 4.2rem);
  line-height: 1.66;
  color: #388e66;
}
@media screen and (max-width: 767px) {
  .p-top-use__ttl {
    margin: 0 0 2rem;
    line-height: 1.46;
  }
}
.p-top-use__lead {
  margin: 0;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-top-use__lead {
    line-height: 2;
  }
}
.p-top-use__mushroom {
  position: absolute;
  bottom: 4.7rem;
  right: 0;
  width: 77px;
  height: 76px;
  pointer-events: none;
  display: block;
}
.p-top-use__mushroom img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top-use__mushroom {
    bottom: 0;
    width: 43px;
    height: 42px;
  }
}
.p-top-use__bird {
  position: absolute;
  top: -12.4rem;
  right: 9.6rem;
  width: 10.5rem;
}
@media screen and (max-width: 1023px) {
  .p-top-use__bird {
    top: -10rem;
    right: 4rem;
    width: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-use__bird {
    top: -6rem;
    right: 3.5rem;
    width: 75px;
    height: 66px;
    transform: scaleX(-1);
  }
}
.p-top-use__deco {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10.5rem;
  pointer-events: none;
  display: block;
}
.p-top-use__deco img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1023px) {
  .p-top-use__deco {
    display: none;
  }
}
.p-top-use__lists {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .p-top-use__lists {
    gap: 1rem;
  }
}
.p-top-use__item {
  display: flex;
}
.p-top-use__card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4rem;
  width: 100%;
  padding: 1rem 6rem 1rem 1rem;
  background: #fff;
  border-radius: 1rem;
  color: #000;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-top-use__card {
    padding: 0.5rem 5rem 0.5rem 0.5rem;
    gap: 1.1rem;
    border-radius: 0.5rem;
  }
}
.p-top-use a.p-top-use__card:hover {
  opacity: 0.85;
}
.p-top-use a.p-top-use__card:hover .p-top-use__media img {
  transform: scale(1.1);
}
.p-top-use a.p-top-use__card:hover .p-top-use__arrow {
  background: #333;
}
.p-top-use__card--tel {
  align-items: center;
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .p-top-use__card--tel {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "media ttl" "media note" "tels  tels";
    column-gap: 1.1rem;
    row-gap: 0.5rem;
    padding: 0.5rem 0.5rem 2rem;
    flex-direction: unset;
    align-items: unset;
  }
}
.p-top-use__media {
  flex-shrink: 0;
  width: 19.7rem;
  margin: 0;
  border-radius: 1rem;
  overflow: hidden;
}
.p-top-use__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 197/140;
  object-fit: cover;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-top-use__media {
    width: 12.5rem;
    border-radius: 0.3rem;
  }
}
.p-top-use__card--tel .p-top-use__media img {
  aspect-ratio: 197/169;
}
@media screen and (max-width: 767px) {
  .p-top-use__card--tel .p-top-use__media img {
    aspect-ratio: 128/90;
  }
}
@media screen and (max-width: 767px) {
  .p-top-use__card--tel .p-top-use__media {
    grid-area: media;
    width: 12.5rem;
    align-self: start;
  }
}
.p-top-use__card-ttl {
  flex: 1;
  margin: 0;
  font-size: clamp(1.6rem, 1.343902439rem + 0.6829268293vw, 2.3rem);
  font-weight: 700;
  line-height: 1.5;
  color: #333;
}
.p-top-use__arrow {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #388e66;
  transition: background 250ms;
}
.p-top-use__arrow::before {
  content: "";
  width: 14.08px;
  height: 8px;
  background-color: #fff;
  -webkit-mask: url("../images/common/arrow-02.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-02.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-top-use__arrow {
    width: 3rem;
    height: 3rem;
  }
  .p-top-use__arrow::before {
    width: 10.56px;
    height: 6px;
  }
}
.p-top-use__card-body {
  flex: 1;
  padding: 0 3rem 0 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-top-use__card--tel .p-top-use__card-body {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .p-top-use__card--tel .p-top-use__card-ttl {
    grid-area: ttl;
    align-self: end;
  }
}
.p-top-use__card-note {
  margin: 0.2rem 0 0;
  font-size: clamp(1.2rem, 1.0536585366rem + 0.3902439024vw, 1.6rem);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .p-top-use__card--tel .p-top-use__card-note {
    grid-area: note;
    margin: 0;
    align-self: start;
  }
}
.p-top-use__tels {
  display: flex;
  flex-direction: column;
  margin: 1rem 0 0;
  padding: 0.8rem 0 0;
  border-top: 1px solid #aaa;
  list-style: none;
}
.p-top-use__tels li {
  display: flex;
  align-items: baseline;
  gap: 1.9rem;
}
@media screen and (max-width: 767px) {
  .p-top-use__tels li {
    flex-wrap: wrap;
    gap: 0.4rem 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-use__card--tel .p-top-use__tels {
    grid-area: tels;
    margin: 1rem auto 0;
    padding: 0;
    border-top: none;
    gap: 0.5rem;
  }
  .p-top-use__card--tel .p-top-use__tels li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    background: #dc572f;
    border-radius: 0.5rem;
  }
}
.p-top-use__tel-name {
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  font-weight: 700;
  line-height: 1.6;
  color: #dc572f;
}
@media screen and (max-width: 767px) {
  .p-top-use__card--tel .p-top-use__tel-name {
    color: #fff;
  }
}
.p-top-use__tel {
  display: inline-block;
  line-height: 1;
}
.p-top-use__tel:hover {
  opacity: 0.7;
}
.p-top-use__tel-img {
  display: block;
  width: auto;
  height: 1.5rem;
}

.p-top-recruit {
  padding: clamp(3rem, -1.7392405063rem + 6.1708860759vw, 6.9rem) 0 clamp(3rem, -2.4683544304rem + 7.1202531646vw, 7.5rem);
  background: #f5f5ee;
}
@media screen and (max-width: 767px) {
  .p-top-recruit {
    padding: 3rem 0 0;
  }
}
.p-top-recruit__link {
  display: block;
  transition: opacity 0.3s ease;
}
.p-top-recruit__link:hover {
  opacity: 0.85;
}
.p-top-recruit__link picture,
.p-top-recruit__link img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-top-recruit__link {
    max-width: 500px;
    margin: 0 auto;
  }
}

.p-single__inner {
  max-width: 100rem;
  margin-inline: max(3rem, (100% - 100rem) / 2);
}
@media screen and (max-width: 767px) {
  .p-single__inner {
    margin-inline: 2rem;
  }
}
.p-single__breadcrumb {
  text-align: left;
  font-size: clamp(1rem, 0.7569620253rem + 0.3164556962vw, 1.2rem);
  color: #333;
  margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .p-single__breadcrumb {
    margin-bottom: 4rem;
  }
}
.p-single__breadcrumb-list {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.5rem 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-single__breadcrumb-item {
  display: inline-flex;
  align-items: center;
  color: #333;
}
.p-single__breadcrumb-item:not(:last-child)::after {
  content: ">";
  margin: 0 0.8rem;
}
.p-single__breadcrumb-item a {
  color: inherit;
  text-decoration: none;
  transition: color 250ms;
}
.p-single__breadcrumb-item a:hover {
  color: #388e66;
}
.p-single__article {
  margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .p-single__article {
    margin-bottom: 4rem;
  }
}
.p-single__header {
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .p-single__header {
    margin-bottom: 2.5rem;
  }
}
.p-single__title {
  margin: 0 0 2rem;
  font-size: clamp(2.5rem, 2.3170731707rem + 0.487804878vw, 3rem);
  font-weight: 700;
  line-height: 1.5;
  color: #479673;
}
.p-single__meta {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.p-single__meta .p-news__cat {
  width: auto;
  min-width: 120px;
  color: #000;
  border: 1px solid #388e66;
}
.p-single__date {
  color: #388e66;
  font-size: 1.6rem;
  line-height: 1;
}
.p-single__content {
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.8;
  color: #000;
  overflow-wrap: anywhere;
  display: flow-root;
}
.p-single__content > * {
  margin: 2.4rem 0;
}
.p-single__content > *:first-child {
  margin-top: 0;
}
.p-single__content > *:last-child {
  margin-bottom: 0;
}
.p-single__content > h1, .p-single__content > h2, .p-single__content > h3, .p-single__content > h4, .p-single__content > h5, .p-single__content > h6,
.p-single__content > ul, .p-single__content > ol,
.p-single__content > .wp-block-quote, .p-single__content > .wp-block-pullquote,
.p-single__content > .wp-block-code, .p-single__content > .wp-block-preformatted, .p-single__content > .wp-block-verse,
.p-single__content > .wp-block-table,
.p-single__content > .wp-block-buttons,
.p-single__content > .wp-block-columns, .p-single__content > .wp-block-group, .p-single__content > .wp-block-cover, .p-single__content > .wp-block-media-text,
.p-single__content > .wp-block-gallery,
.p-single__content > .wp-block-embed,
.p-single__content > .wp-block-separator, .p-single__content > hr,
.p-single__content > .wp-block-spacer,
.p-single__content > .wp-block-file,
.p-single__content > .wp-block-details {
  clear: both;
}
.p-single__content h1, .p-single__content h2, .p-single__content h3, .p-single__content h4, .p-single__content h5, .p-single__content h6,
.p-single__content .wp-block-heading {
  margin: 4rem 0 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}
.p-single__content h1 {
  font-size: clamp(2.2rem, 1.9804878049rem + 0.5853658537vw, 2.8rem);
}
.p-single__content h2 {
  font-size: clamp(2rem, 1.8536585366rem + 0.3902439024vw, 2.4rem);
  padding-bottom: 0.6rem;
  border-bottom: 2px solid #388e66;
}
.p-single__content h3 {
  font-size: clamp(1.8rem, 1.7268292683rem + 0.1951219512vw, 2rem);
  padding-left: 1.2rem;
  border-left: 4px solid #388e66;
}
.p-single__content h4 {
  font-size: clamp(1.6rem, 1.5268292683rem + 0.1951219512vw, 1.8rem);
}
.p-single__content h5 {
  font-size: 1.6rem;
}
.p-single__content h6 {
  font-size: 1.4rem;
  color: #555;
}
.p-single__content p {
  margin: 1.6rem 0;
}
.p-single__content strong, .p-single__content b {
  font-weight: 700;
}
.p-single__content em, .p-single__content i {
  font-style: italic;
}
.p-single__content s, .p-single__content del {
  text-decoration: line-through;
}
.p-single__content sub {
  vertical-align: sub;
  font-size: 0.75em;
}
.p-single__content sup {
  vertical-align: super;
  font-size: 0.75em;
}
.p-single__content mark {
  padding: 0 0.2rem;
}
.p-single__content a {
  color: #388e66;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity 250ms;
}
.p-single__content a:hover {
  opacity: 0.7;
}
.p-single__content code {
  background: #f5f5f3;
  padding: 0.1rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.92em;
}
.p-single__content .has-drop-cap:first-letter {
  float: left;
  font-size: 5em;
  line-height: 0.9;
  margin: 0.1em 0.1em 0 0;
  font-weight: 700;
}
.p-single__content .has-text-align-center {
  text-align: center;
}
.p-single__content .has-text-align-right {
  text-align: right;
}
.p-single__content .has-text-align-left {
  text-align: left;
}
.p-single__content ul, .p-single__content ol {
  margin: 1.6rem 0;
  padding-left: 2.4rem;
}
.p-single__content ul {
  list-style: disc;
}
.p-single__content ol {
  list-style: decimal;
}
.p-single__content li {
  margin: 0.4rem 0;
}
.p-single__content ul ul, .p-single__content ol ol, .p-single__content ul ol, .p-single__content ol ul {
  margin: 0.4rem 0 0;
}
.p-single__content .wp-block-quote,
.p-single__content blockquote {
  position: relative;
  margin: 2.4rem 0;
  padding: 2rem 2.4rem 2rem 5.6rem;
  background: #f7f7f4;
  border-left: 4px solid #388e66;
  border-radius: 0.3rem;
  color: #333;
}
.p-single__content .wp-block-quote::before,
.p-single__content blockquote::before {
  content: "“";
  position: absolute;
  top: 0.6rem;
  left: 1.6rem;
  font-size: 5rem;
  line-height: 1;
  color: #388e66;
  font-family: serif;
}
.p-single__content .wp-block-quote p,
.p-single__content blockquote p {
  margin: 0.6rem 0;
}
.p-single__content .wp-block-quote cite,
.p-single__content blockquote cite {
  display: block;
  margin-top: 0.8rem;
  text-align: right;
  font-size: 1.3rem;
  color: #666;
  font-style: normal;
}
.p-single__content .wp-block-pullquote {
  margin: 3.2rem 0;
  padding: 2.4rem 0;
  border-top: 2px solid #388e66;
  border-bottom: 2px solid #388e66;
  text-align: center;
}
.p-single__content .wp-block-pullquote blockquote {
  background: transparent;
  border: 0;
  padding: 0;
}
.p-single__content .wp-block-pullquote blockquote::before {
  content: none;
}
.p-single__content .wp-block-pullquote p {
  font-size: clamp(1.8rem, 1.6536585366rem + 0.3902439024vw, 2.2rem);
  font-weight: 700;
  line-height: 1.6;
  margin: 0 0 1rem;
}
.p-single__content .wp-block-pullquote cite {
  display: block;
  font-size: 1.3rem;
  color: #666;
  font-style: normal;
}
.p-single__content .wp-block-code,
.p-single__content .wp-block-preformatted,
.p-single__content .wp-block-verse {
  margin: 2.4rem 0;
  padding: 1.6rem 2rem;
  background: #f5f5f3;
  border-radius: 0.5rem;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.p-single__content .wp-block-code {
  white-space: pre;
  overflow-x: auto;
}
.p-single__content .wp-block-code code {
  font-size: inherit;
}
.p-single__content .wp-block-code code {
  background: transparent;
  padding: 0;
  font-size: inherit;
}
.p-single__content figure,
.p-single__content .wp-block-image {
  margin: 2.4rem 0;
}
.p-single__content img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.p-single__content .wp-block-image img,
.p-single__content figure img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.p-single__content figcaption,
.p-single__content .wp-element-caption {
  margin-top: 0.8rem;
  font-size: 1.3rem;
  color: #666;
  text-align: center;
  line-height: 1.5;
}
.p-single__content .alignleft {
  float: left;
  margin: 0 2rem 1rem 0;
  max-width: 50%;
}
@media screen and (max-width: 767px) {
  .p-single__content .alignleft {
    float: none;
    margin: 1.6rem 0;
    max-width: 100%;
  }
}
.p-single__content .alignright {
  float: right;
  margin: 0 0 1rem 2rem;
  max-width: 50%;
}
@media screen and (max-width: 767px) {
  .p-single__content .alignright {
    float: none;
    margin: 1.6rem 0;
    max-width: 100%;
  }
}
.p-single__content .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.p-single__content .alignwide,
.p-single__content .alignfull {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.p-single__content .wp-block-gallery,
.p-single__content .wp-block-gallery.has-nested-images {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
  margin: 2.4rem 0;
}
.p-single__content .wp-block-gallery.columns-2,
.p-single__content .wp-block-gallery.has-nested-images.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.p-single__content .wp-block-gallery.columns-3,
.p-single__content .wp-block-gallery.has-nested-images.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.p-single__content .wp-block-gallery.columns-4,
.p-single__content .wp-block-gallery.has-nested-images.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.p-single__content .wp-block-gallery.columns-5,
.p-single__content .wp-block-gallery.has-nested-images.columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.p-single__content .wp-block-gallery.columns-6,
.p-single__content .wp-block-gallery.has-nested-images.columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
@media screen and (max-width: 767px) {
  .p-single__content .wp-block-gallery.columns-3, .p-single__content .wp-block-gallery.columns-4, .p-single__content .wp-block-gallery.columns-5, .p-single__content .wp-block-gallery.columns-6,
  .p-single__content .wp-block-gallery.has-nested-images.columns-3,
  .p-single__content .wp-block-gallery.has-nested-images.columns-4,
  .p-single__content .wp-block-gallery.has-nested-images.columns-5,
  .p-single__content .wp-block-gallery.has-nested-images.columns-6 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-single__content .wp-block-gallery figure.wp-block-image:not(#_):not(#__),
.p-single__content .wp-block-gallery .wp-block-image:not(#_):not(#__),
.p-single__content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#_):not(#__),
.p-single__content .wp-block-gallery.has-nested-images .wp-block-image:not(#_):not(#__) {
  width: auto;
  margin: 0;
}
.p-single__content .wp-block-gallery figure.wp-block-image:not(#_):not(#__) img,
.p-single__content .wp-block-gallery .wp-block-image:not(#_):not(#__) img,
.p-single__content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#_):not(#__) img,
.p-single__content .wp-block-gallery.has-nested-images .wp-block-image:not(#_):not(#__) img {
  flex: none;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.p-single__content .wp-block-gallery img[style*=aspect-ratio]:not(#_):not(#__),
.p-single__content .wp-block-gallery.has-nested-images img[style*=aspect-ratio]:not(#_):not(#__) {
  flex: 1 0 0%;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}
.p-single__content .wp-block-gallery .blocks-gallery-caption,
.p-single__content .wp-block-gallery.has-nested-images .blocks-gallery-caption {
  grid-column: 1/-1;
  text-align: center;
  font-size: 1.3rem;
  color: #666;
  margin-top: 0.4rem;
}
.p-single__content .wp-block-gallery.is-narrow-400,
.p-single__content .wp-block-gallery.has-nested-images.is-narrow-400 {
  max-width: 400px;
  margin-inline: auto;
}
.p-single__content .wp-block-gallery.is-narrow-500,
.p-single__content .wp-block-gallery.has-nested-images.is-narrow-500 {
  max-width: 500px;
  margin-inline: auto;
}
.p-single__content .wp-block-gallery.is-narrow-600,
.p-single__content .wp-block-gallery.has-nested-images.is-narrow-600 {
  max-width: 600px;
  margin-inline: auto;
}
.p-single__content .wp-block-gallery.is-narrow-700,
.p-single__content .wp-block-gallery.has-nested-images.is-narrow-700 {
  max-width: 700px;
  margin-inline: auto;
}
.p-single__content .wp-block-gallery.is-narrow-800,
.p-single__content .wp-block-gallery.has-nested-images.is-narrow-800 {
  max-width: 800px;
  margin-inline: auto;
}
.p-single__content .wp-block-table {
  margin: 2.4rem 0;
  overflow-x: auto;
}
.p-single__content .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #d8d8d8;
}
.p-single__content .wp-block-table th, .p-single__content .wp-block-table td {
  padding: 1rem 1.5rem;
  border: 1px solid #d8d8d8;
  font-size: 1.5rem;
  line-height: 1.6;
  vertical-align: middle;
}
.p-single__content .wp-block-table thead th {
  background: #388e66;
  color: #fff;
  font-weight: 700;
}
.p-single__content .wp-block-table tfoot td {
  background: #f7f7f4;
  font-weight: 700;
}
.p-single__content .wp-block-table.is-style-stripes tbody tr:nth-child(even) {
  background: #f7f7f4;
}
.p-single__content .wp-block-table figcaption {
  margin-top: 0.8rem;
}
.p-single__content .wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  justify-content: flex-start;
  margin: 2.4rem 0;
}
.p-single__content .wp-block-button__link, .p-single__content .wp-block-file__button,
.p-single__content .wp-element-button {
  display: inline-block;
  padding: 1.2rem 3rem;
  background: #388e66;
  color: #fff;
  text-decoration: none;
  border: 1px solid #388e66;
  border-radius: 999px;
  font-weight: 700;
  transition: opacity 250ms;
}
.p-single__content .wp-block-button__link:hover, .p-single__content .wp-block-file__button:hover,
.p-single__content .wp-element-button:hover {
  opacity: 0.8;
  color: #fff;
}
.p-single__content .wp-block-button.is-style-outline .wp-block-button__link, .p-single__content .wp-block-button.is-style-outline .wp-block-file__button {
  background: transparent;
  color: #388e66;
}
.p-single__content .wp-block-button.is-style-outline .wp-block-button__link:hover, .p-single__content .wp-block-button.is-style-outline .wp-block-file__button:hover {
  background: #388e66;
  color: #fff;
  opacity: 1;
}
.p-single__content hr,
.p-single__content .wp-block-separator {
  margin: 4rem auto;
  border: 0;
  border-top: 1px solid #d8d8d8;
  max-width: 12rem;
}
.p-single__content hr.is-style-wide,
.p-single__content .wp-block-separator.is-style-wide {
  max-width: 100%;
}
.p-single__content hr.is-style-dots,
.p-single__content .wp-block-separator.is-style-dots {
  max-width: 100%;
  border: 0;
  background: none;
  text-align: center;
  height: auto;
  line-height: 1;
  font-size: 2.4rem;
  color: #999;
}
.p-single__content hr.is-style-dots::before,
.p-single__content .wp-block-separator.is-style-dots::before {
  content: "···";
  letter-spacing: 1em;
}
.p-single__content .wp-block-spacer {
  margin: 0;
}
.p-single__content .wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  margin: 2.4rem 0;
}
@media screen and (max-width: 767px) {
  .p-single__content .wp-block-columns {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.p-single__content .wp-block-column {
  flex: 1 1 0;
  min-width: 0;
}
.p-single__content .wp-block-column > *:first-child {
  margin-top: 0;
}
.p-single__content .wp-block-column > *:last-child {
  margin-bottom: 0;
}
.p-single__content .wp-block-group.has-background {
  padding: 2.4rem;
  border-radius: 0.5rem;
}
.p-single__content .wp-block-cover {
  margin: 2.4rem 0;
  padding: 4rem 2rem;
  color: #fff;
  text-align: center;
}
.p-single__content .wp-block-cover .wp-block-cover__inner-container > *:first-child {
  margin-top: 0;
}
.p-single__content .wp-block-cover .wp-block-cover__inner-container > *:last-child {
  margin-bottom: 0;
}
.p-single__content .wp-block-media-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 2.4rem;
  align-items: center;
  margin: 2.4rem 0;
}
.p-single__content .wp-block-media-text__media {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}
.p-single__content .wp-block-media-text__media img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.p-single__content .wp-block-media-text__content {
  grid-column: 2;
  grid-row: 1;
}
.p-single__content .wp-block-media-text__content > *:first-child {
  margin-top: 0;
}
.p-single__content .wp-block-media-text__content > *:last-child {
  margin-bottom: 0;
}
.p-single__content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  grid-column: 2;
}
.p-single__content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  grid-column: 1;
}
@media screen and (max-width: 767px) {
  .p-single__content .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 1fr;
  }
  .p-single__content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  .p-single__content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }
}
.p-single__content .wp-block-embed {
  margin: 2.4rem 0;
}
.p-single__content .wp-block-embed__wrapper {
  position: relative;
}
.p-single__content .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper {
  aspect-ratio: 16/9;
}
.p-single__content .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.p-single__content .wp-block-embed.wp-has-aspect-ratio.wp-embed-aspect-4-3 .wp-block-embed__wrapper {
  aspect-ratio: 4/3;
}
.p-single__content .wp-block-embed.wp-has-aspect-ratio.wp-embed-aspect-1-1 .wp-block-embed__wrapper {
  aspect-ratio: 1/1;
}
.p-single__content .wp-block-embed.wp-has-aspect-ratio.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
  aspect-ratio: 21/9;
}
.p-single__content .wp-block-file {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.2rem;
  margin: 2.4rem 0;
}
.p-single__content .wp-block-file a:not(.wp-block-file__button) {
  color: #388e66;
  text-decoration: underline;
}
.p-single__content .wp-block-file__button {
  background: #388e66;
  color: #fff;
  padding: 0.8rem 1.8rem;
  font-size: 1.4rem;
  border-radius: 999px;
  text-decoration: none;
}
.p-single__content .wp-block-details {
  margin: 2.4rem 0;
  padding: 1.4rem 2rem;
  border: 1px solid #d8d8d8;
  border-radius: 0.5rem;
}
.p-single__content .wp-block-details summary {
  cursor: pointer;
  font-weight: 700;
  list-style: revert;
}
.p-single__content .wp-block-details summary + * {
  margin-top: 1.2rem;
}
.p-single__content .has-pale-cyan-blue-background-color {
  background-color: #abe6ff;
}
.p-single__content .has-pale-cyan-blue-color {
  color: #abe6ff;
}
.p-single__content .has-vivid-red-background-color {
  background-color: #cf2e2e;
}
.p-single__content .has-vivid-red-color {
  color: #cf2e2e;
}
.p-single__content .has-background {
  padding: 1.6rem;
  border-radius: 0.3rem;
}
.p-single__back {
  margin-top: 5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-single__back {
    margin-top: 3rem;
  }
}

.p-privacy__conts-wrap {
  padding-top: 7.1rem;
}
@media screen and (max-width: 767px) {
  .p-privacy__conts-wrap {
    padding-top: 5.1rem;
  }
}
.p-privacy__head-txt {
  padding-bottom: 5.5rem;
  border-bottom: 1px solid #4a4a4a;
}
@media screen and (max-width: 767px) {
  .p-privacy__head-txt {
    padding-bottom: 3.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-privacy__lists .p-privacy__num:nth-child(1) {
    padding-top: 3.5rem;
  }
}
.p-privacy__num {
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-privacy__num {
    font-size: 2.2rem;
  }
}
.p-privacy__num {
  font-weight: bold;
  line-height: 1;
  padding: 4rem 0 3rem;
}
@media screen and (max-width: 767px) {
  .p-privacy__num {
    padding: 7rem 0 2.5rem;
  }
}

.privacy__conts-wrap {
  padding-top: 7.1rem;
}
@media screen and (max-width: 767px) {
  .privacy__conts-wrap {
    padding-top: 5.1rem;
  }
}
.privacy__head-txt {
  padding-bottom: 5.5rem;
  border-bottom: 1px solid #4a4a4a;
}
@media screen and (max-width: 767px) {
  .privacy__head-txt {
    padding-bottom: 3.5rem;
  }
}
@media screen and (max-width: 767px) {
  .privacy__lists .privacy__num:nth-child(1) {
    padding-top: 3.5rem;
  }
}
.privacy__num {
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .privacy__num {
    font-size: 2.2rem;
  }
}
.privacy__num {
  font-weight: bold;
  line-height: 1;
  padding: 4rem 0 3rem;
}
@media screen and (max-width: 767px) {
  .privacy__num {
    padding: 7rem 0 2.5rem;
  }
}

.p-privacy-contact__conts-wrap,
.privacy-contact__conts-wrap {
  padding: 0 3rem 3rem 3rem;
  background: #fff;
  border: 1px solid #282828;
  height: 22rem;
  overflow-y: scroll;
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-privacy-contact__conts-wrap,
  .privacy-contact__conts-wrap {
    padding: 0 1rem 1rem 1rem;
    height: 15rem;
  }
}
@media screen and (max-width: 767px) {
  .p-privacy-contact__lists .p-privacy-contact__num:nth-child(1),
  .p-privacy-contact__lists .privacy-contact__num:nth-child(1),
  .privacy-contact__lists .p-privacy-contact__num:nth-child(1),
  .privacy-contact__lists .privacy-contact__num:nth-child(1) {
    padding-top: 1.5rem;
  }
}
.p-privacy-contact__txt-wrap,
.privacy-contact__txt-wrap {
  line-height: 1.33;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-privacy-contact__txt-wrap,
  .privacy-contact__txt-wrap {
    font-size: 1.2rem;
  }
}
.p-privacy-contact__num,
.privacy-contact__num {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-privacy-contact__num,
  .privacy-contact__num {
    font-size: 1.4rem;
  }
}
.p-privacy-contact__num,
.privacy-contact__num {
  font-weight: bold;
  line-height: 1;
  padding: 1.5em 0 1em;
}
@media screen and (max-width: 767px) {
  .p-privacy-contact__num,
  .privacy-contact__num {
    padding: 1em 0 0.5em;
  }
}

.p-sub-view__bg,
.sub-view__bg {
  height: 32rem;
}
@media screen and (max-width: 767px) {
  .p-sub-view__bg,
  .sub-view__bg {
    height: 16rem;
  }
}
.p-sub-view__bg.bg--feature,
.sub-view__bg.bg--feature {
  background: url("../images/common/bg-feature.jpg") no-repeat center center/cover;
}
.p-sub-view__bg.bg--blog,
.sub-view__bg.bg--blog {
  background: url("../images/common/bg-blog.jpg") no-repeat center center/cover;
}
.p-sub-view__bg.bg--works,
.sub-view__bg.bg--works {
  background: url("../images/common/bg-works.jpg") no-repeat center center/cover;
}
.p-sub-view__bg.bg--qa,
.sub-view__bg.bg--qa {
  background: url("../images/common/bg-qa.jpg") no-repeat center center/cover;
}
.p-sub-view__bg.bg--contact,
.sub-view__bg.bg--contact {
  background: url("../images/common/bg-qa.jpg") no-repeat center center/cover;
}
.p-sub-view__bg.bg--method,
.sub-view__bg.bg--method {
  background: url("../images/common/bg-method.jpg") no-repeat center center/cover;
}
.p-sub-view__bg.bg--recruit,
.sub-view__bg.bg--recruit {
  background: url("../images/common/bg-recruit.jpg") no-repeat center center/cover;
}
.p-sub-view__bg.bg--about,
.sub-view__bg.bg--about {
  background: url("../images/common/bg-about.jpg") no-repeat center center/cover;
}

.p-sub-mv {
  position: relative;
}
.p-sub-mv__inner {
  position: relative;
}
.p-sub-mv__bg {
  position: relative;
  width: 100%;
  aspect-ratio: 1200/275;
  background-color: #f4f4f4;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__bg {
    aspect-ratio: auto;
    height: 12rem;
    border-radius: 0.5rem;
  }
}
.p-sub-mv__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 54.0833333333%;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(132, 132, 132, 0.48) 18%, rgb(0, 0, 0) 100%);
  opacity: 0.5;
  mix-blend-mode: multiply;
  border-radius: 1.5rem;
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__bg::after {
    width: 24rem;
    border-radius: 0.5rem;
  }
}
.p-sub-mv__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__img {
    border-radius: 0.5rem;
  }
}
.p-sub-mv__title {
  position: absolute;
  top: 50%;
  left: 5rem;
  transform: translateY(-50%);
  color: #fff;
  font-size: clamp(2.8rem, 0.7341772152rem + 2.6898734177vw, 4.5rem);
  font-weight: 500;
  line-height: 1.2;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__title {
    left: 1.2rem;
    font-size: 3rem;
  }
}
.p-sub-mv__subtitle {
  display: block;
  margin-top: 0.4rem;
  font-size: clamp(1.4rem, 0.9139240506rem + 0.6329113924vw, 1.8rem);
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__subtitle {
    font-size: 1.4rem;
  }
}
.p-sub-mv__deco {
  position: absolute;
  left: -3.5rem;
  bottom: -5.1rem;
  width: 10.5rem;
  height: auto;
  z-index: 3;
  pointer-events: none;
  background: url("../images/common/decoration/risu.png") no-repeat left bottom/contain;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__deco {
    width: 5.3rem;
    height: 4.2rem;
    aspect-ratio: auto;
    left: -2rem;
    bottom: -1.536rem;
  }
}
.p-sub-mv__breadcrumb {
  margin-top: 1rem;
  text-align: right;
  font-size: clamp(1rem, 0.7569620253rem + 0.3164556962vw, 1.2rem);
  color: #333;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__breadcrumb {
    margin-top: 0.5rem;
  }
}
.p-sub-mv__breadcrumb-list {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-sub-mv__breadcrumb-item {
  display: inline-flex;
  align-items: center;
  color: #333;
}
.p-sub-mv__breadcrumb-item:not(:last-child)::after {
  content: ">";
  margin: 0 0.8rem;
}
.p-sub-mv__breadcrumb-item a {
  color: inherit;
  transition: color 250ms;
}
.p-sub-mv__breadcrumb-item a:hover {
  color: #388e66;
}

.p-page-lead {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 54rem;
  align-items: start;
  gap: 5rem;
}
@media screen and (max-width: 1023px) {
  .p-page-lead {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-page-lead {
    gap: 2rem;
  }
}
.p-page-lead__ttl {
  position: relative;
  font-size: clamp(3.5rem, 2.9512195122rem + 1.4634146341vw, 5rem);
  font-weight: 500;
  color: #388e66;
  line-height: 1.6;
  margin: 0 0 3rem;
}
@media screen and (max-width: 767px) {
  .p-page-lead__ttl {
    margin: 0 0 2rem;
  }
}
.p-page-lead__txt {
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  margin: 0;
}
.p-page-lead__numlist {
  list-style: none;
  margin: 0.5em 0 0;
  padding: 0;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.75;
  counter-reset: numlist;
}
.p-page-lead__numlist li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.3em;
  counter-increment: numlist;
}
.p-page-lead__numlist li + li {
  margin-top: 0.5em;
}
.p-page-lead__numlist li::before {
  content: counter(numlist) ".";
}
.p-page-lead__photo {
  position: relative;
  margin: 0;
  border-radius: 1.5rem;
  overflow: visible;
}
.p-page-lead__photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 1.5rem;
}

.p-wave-section {
  position: relative;
  background: #388e66;
  color: #fff;
  margin: calc(13.5rem + 10rem) 0;
  padding: 8rem 0;
}
@media screen and (max-width: 767px) {
  .p-wave-section {
    margin: calc(6rem + 5rem) 0;
    padding: 4rem 0;
  }
}
.p-wave-section::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 1px;
  height: 13.5rem;
  background: url("../images/common/decoration/wave.png") no-repeat center top/100% 100%;
  transform: translateY(-100%);
}
@media screen and (max-width: 767px) {
  .p-wave-section::before {
    height: 6rem;
    background-image: url("../images/common/decoration/wave-sp.png");
  }
}
.p-wave-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  height: 13.5rem;
  background: url("../images/common/decoration/wave-end.png") no-repeat center top/100% 100%;
  transform: translateY(100%);
}
@media screen and (max-width: 767px) {
  .p-wave-section::after {
    height: 6rem;
    background-image: url("../images/common/decoration/wave-end-sp.png");
  }
}
.p-wave-section--top-only::after {
  display: none;
}
.p-wave-section--bottom-only::before {
  display: none;
}
.p-wave-section__inner {
  position: relative;
  z-index: 1;
}

.p-facility-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 0.5rem;
  padding: 1rem 1rem 5rem;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-facility-card {
    padding: 0.5rem 0.5rem 4rem;
  }
}
.p-facility-card:hover {
  opacity: 0.85;
}
.p-facility-card--sm {
  flex-direction: row;
  align-items: stretch;
  min-height: 12.6rem;
  gap: 1.5rem;
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .p-facility-card--sm {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    gap: 0;
    padding: 0.5rem 0.5rem 4rem;
  }
}
.p-facility-card__media {
  position: relative;
  margin: 0;
  background: rgba(56, 142, 102, 0.08);
  border-radius: 0.5rem;
  flex-shrink: 0;
  width: 100%;
}
.p-facility-card__media img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 0.5rem;
  transition: transform 0.3s ease;
}
.p-facility-card:hover .p-facility-card__media img {
  transform: scale(1.1);
}
.p-facility-card--lg .p-facility-card__media img {
  aspect-ratio: 354/192;
}
.p-facility-card--sm .p-facility-card__media {
  flex: 0 0 14rem;
  align-self: center;
}
@media screen and (max-width: 767px) {
  .p-facility-card--sm .p-facility-card__media {
    flex: 0 0 auto;
    width: 100%;
    align-self: stretch;
  }
}
.p-facility-card--sm .p-facility-card__media img {
  aspect-ratio: 140/106;
}
@media screen and (max-width: 767px) {
  .p-facility-card--sm .p-facility-card__media img {
    aspect-ratio: 354/192;
  }
}
.p-facility-card__media-frame {
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}
.p-facility-card__loc {
  position: absolute;
  top: -3rem;
  left: -1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  background: #dc572f;
  color: #fff;
  font-size: clamp(1.2rem, 1.0170731707rem + 0.487804878vw, 1.7rem);
  font-weight: 700;
  z-index: 2;
}
.p-facility-card__loc--komono {
  background: #dc572f;
}
.p-facility-card__loc--suzuka {
  background: #e49c43;
}
.p-facility-card__loc--yokkaichi {
  background: #3671ab;
}
.p-facility-card--sm .p-facility-card__loc {
  top: -1rem;
  left: -1rem;
  width: 5.6rem;
  height: 5.6rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-facility-card--sm .p-facility-card__loc {
    top: -25px;
    left: -12px;
    width: 44px;
    height: 44px;
    font-size: clamp(1.2rem, 1.0170731707rem + 0.487804878vw, 1.7rem);
  }
}
@media screen and (max-width: 767px) {
  .p-facility-card__loc {
    top: -25px;
    left: -12px;
    width: 44px;
    height: 44px;
  }
}
.p-facility-card__body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 2rem 1rem 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-facility-card__body {
    padding: 1rem 0.5rem 0;
  }
}
.p-facility-card--sm .p-facility-card__body {
  padding: 0;
  justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-facility-card--sm .p-facility-card__body {
    padding: 1rem 0.5rem 0;
    justify-content: flex-start;
    gap: 0;
  }
}
.p-facility-card__cat {
  margin: 0;
  font-size: clamp(1.2rem, 1.0536585366rem + 0.3902439024vw, 1.6rem);
  font-weight: 700;
  color: #388e66;
  line-height: 1;
  text-align: center;
}
.p-facility-card--sm .p-facility-card__cat {
  font-size: clamp(1rem, 0.9268292683rem + 0.1951219512vw, 1.2rem);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-facility-card--sm .p-facility-card__cat {
    font-size: clamp(1.2rem, 1.0536585366rem + 0.3902439024vw, 1.6rem);
    text-align: center;
  }
}
.p-facility-card__name {
  margin: 0.5rem 0 0;
  font-size: clamp(1.9rem, 1.643902439rem + 0.6829268293vw, 2.6rem);
  font-weight: 700;
  line-height: 1.2;
  color: #388e66;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-facility-card__name {
    margin: 0.6rem 0 0;
  }
}
.p-facility-card--sm .p-facility-card__name {
  margin: 0;
  font-size: clamp(1.6rem, 1.3804878049rem + 0.5853658537vw, 2.2rem);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-facility-card--sm .p-facility-card__name {
    margin: 0.6rem 0 0;
    font-size: clamp(1.9rem, 1.643902439rem + 0.6829268293vw, 2.6rem);
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-facility-card--kodomoen .p-facility-card__name {
    font-size: 1.6rem;
  }
}
.p-facility-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.5rem 0 1.3rem;
  padding: 0;
  list-style: none;
  max-height: 6.1rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-facility-card__tags {
    display: block;
    margin: 0.7rem 0 0;
    max-height: none;
    line-height: 1.6;
  }
}
.p-facility-card__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem 0.7rem;
  background: #388e66;
  color: #fff;
  border-radius: 0.5rem;
  font-size: clamp(1.2rem, 1.0536585366rem + 0.3902439024vw, 1.6rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-facility-card__tag {
    display: inline-block;
    padding: 0.4rem 0.5rem 0.5rem;
  }
}
.p-facility-card__desc {
  margin: 0;
  max-width: 160px;
  font-size: clamp(1.1rem, 1.0634146341rem + 0.0975609756vw, 1.2rem);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .p-facility-card__desc {
    margin: 0.6rem 0 0 -0.5rem;
    max-width: none;
    width: calc(100% + 1rem);
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
.p-facility-card__more {
  position: absolute;
  right: 1rem;
  bottom: 1.3rem;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}
.p-facility-card__more-txt {
  font-size: clamp(1.2rem, 1.1268292683rem + 0.1951219512vw, 1.4rem);
  font-weight: 700;
  line-height: 1;
}
.p-facility-card--sm .p-facility-card__more-txt {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-facility-card--sm .p-facility-card__more-txt {
    display: inline;
  }
}
.p-facility-card__more-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #388e66;
  flex-shrink: 0;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-facility-card__more-arrow {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.p-facility-card__more-arrow::before {
  content: "";
  width: 11px;
  height: 9px;
  background-color: #388e66;
  -webkit-mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-facility-card__more-arrow::before {
    width: 8px;
    height: 6px;
  }
}
.p-facility-card:hover .p-facility-card__more-arrow {
  background-color: #388e66;
  border-color: #388e66;
}
.p-facility-card:hover .p-facility-card__more-arrow::before {
  background-color: #fff;
}
.p-facility-card__more-arrow--standalone {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}

.p-privacy__intro {
  padding-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-privacy__intro {
    padding-top: 3rem;
  }
}
.p-privacy__lead {
  font-size: clamp(1.4rem, 1.1569620253rem + 0.3164556962vw, 1.6rem);
  margin: 0 0 6rem;
}
.p-privacy__group + .p-privacy__group {
  margin-top: 5rem;
}
.p-privacy__group--terms {
  padding-left: 2.5rem;
}
.p-privacy__item + .p-privacy__item {
  margin-top: 3rem;
}
.p-privacy__txt {
  margin: 0;
}

.p-disclosure__section--first {
  padding-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-disclosure__section--first {
    padding-top: 3rem;
  }
}
.p-disclosure__section + .p-disclosure__section {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-disclosure__section + .p-disclosure__section {
    margin-top: 6rem;
  }
}
.p-disclosure__sect-ttl {
  font-size: clamp(3.5rem, 1.6772151899rem + 2.3734177215vw, 5rem);
  font-weight: 500;
  color: #388e66;
  line-height: 1.4;
  margin: 0 0 3rem;
}
@media screen and (max-width: 767px) {
  .p-disclosure__sect-ttl {
    margin-bottom: 2rem;
  }
}
.p-disclosure__lead {
  font-size: clamp(1.4rem, 1.1569620253rem + 0.3164556962vw, 1.6rem);
  margin: 0 0 3rem;
}
@media screen and (max-width: 767px) {
  .p-disclosure__lead {
    margin-bottom: 2rem;
  }
}
.p-disclosure__numbered-list {
  list-style: none;
  counter-reset: c-section-ttl-num;
  margin: 0;
  padding: 0;
}
.p-disclosure__numbered-item {
  padding-left: 2.8rem;
  margin-bottom: 2.5rem;
}
.p-disclosure__numbered-item:last-child {
  margin-bottom: 0;
}
.p-disclosure__numbered-item p {
  font-size: clamp(1.3rem, 1.2171270718rem + 0.2209944751vw, 1.6rem);
  margin: 0 0 3rem;
}
.p-disclosure__numbered-item p:last-child {
  margin-bottom: 0;
}
.p-disclosure__bullet-list {
  list-style: disc;
  padding-left: 2rem;
  margin: 0;
  font-size: clamp(1.3rem, 1.2171270718rem + 0.2209944751vw, 1.6rem);
}
.p-disclosure__pdf-group {
  margin-bottom: 3rem;
}
.p-disclosure__pdf-group:last-child {
  margin-bottom: 0;
}
.p-disclosure__pdf-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .p-disclosure__pdf-list {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.p-disclosure__pdf-list--single {
  grid-template-columns: repeat(3, 1fr);
  gap: 1.4rem 1.5rem;
}
@media screen and (max-width: 1023px) {
  .p-disclosure__pdf-list--single {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-disclosure__pdf-list--single {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.p-disclosure__important-grid {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-disclosure__important-grid {
    gap: 3rem;
  }
}
.p-disclosure__important-group {
  display: flex;
  flex-direction: column;
}

.p-company__lead {
  padding-top: 10rem;
}
@media screen and (max-width: 767px) {
  .p-company__lead {
    padding-top: 3rem;
  }
}
.p-company__lead {
  margin: 0 0 10rem;
}
@media screen and (max-width: 767px) {
  .p-company__lead {
    margin-bottom: 5rem;
  }
}
.p-company__lead-photo img {
  aspect-ratio: 540/340;
}
.p-company__lead .p-page-lead__ttl {
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-company__lead .p-page-lead__ttl {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) {
  .p-company__lead-txt br:not(:nth-of-type(3)) {
    display: none;
  }
}
.p-company__lead-bird {
  position: absolute;
  right: 0;
  top: -6.9rem;
  width: 9.297rem;
  height: 10.85rem;
  z-index: 1;
  pointer-events: none;
  transform: rotate(-14.85deg);
  transform-origin: center;
}
.p-company__lead-bird img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-company__lead-bird {
    right: 2.1rem;
    top: -0.9rem;
    width: 3.555rem;
    height: 4.149rem;
  }
}
.p-company__keywords {
  margin: calc(13.5rem + 10rem) 0 calc(13.5rem + 4.3rem);
  padding: 0;
}
@media screen and (max-width: 1299px) {
  .p-company__keywords {
    padding: 4rem 0;
    margin: calc(13.5rem + 10rem) 0 calc(13.5rem + 8rem);
  }
}
@media screen and (max-width: 767px) {
  .p-company__keywords {
    padding: 0;
    margin: calc(6rem + 3rem) 0 calc(6rem + 5rem);
  }
}
.p-company__keywords-inner {
  position: relative;
  z-index: 1;
}
.p-company__keywords-area {
  position: relative;
  min-height: 100rem;
}
@media screen and (max-width: 1299px) {
  .p-company__keywords-area {
    position: static;
    min-height: 0;
  }
}
.p-company__keywords-deco {
  position: absolute;
  pointer-events: none;
  z-index: 10;
}
.p-company__keywords-deco img {
  display: block;
  width: 100%;
  height: auto;
}
.p-company__keywords-deco--trees {
  top: 50%;
  left: 50%;
  transform: translateY(-100%) translate(-18.4rem, -10.3rem);
  width: 8.7rem;
}
.p-company__keywords-deco--mushroom {
  top: 50%;
  left: 50%;
  transform: translateY(-100%) translate(56.6rem, -6rem);
  width: 8.1rem;
}
@media screen and (max-width: 1299px) {
  .p-company__keywords-deco {
    display: none;
  }
}
.p-company__keywords-ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  writing-mode: vertical-rl;
  min-width: 23rem;
  min-height: 45rem;
  padding: 3.6rem;
  border-radius: 1.5rem;
  background: #388e66;
  margin: 0;
  line-height: 1;
  letter-spacing: 0.2em;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 1299px) {
  .p-company__keywords-ttl {
    position: static;
    transform: none;
    writing-mode: horizontal-tb;
    min-width: 0;
    min-height: 0;
    padding: 0;
    margin: 0 auto 3rem;
    display: block;
  }
}
.p-company__keywords-ttl-sub, .p-company__keywords-ttl-main {
  display: block;
  font-size: clamp(3rem, 2.5609756098rem + 1.1707317073vw, 4.2rem);
  font-weight: 700;
  color: #FCD13E;
  letter-spacing: 0.1em;
}
.p-company__keywords-ttl-main {
  margin-block-start: 1rem;
}
.p-company__keywords-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1299px) {
  .p-company__keywords-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-company__keywords-list {
    grid-template-columns: 1fr;
  }
}
.p-company__keywords-item {
  position: absolute;
  width: 32rem;
  background: #fff;
  color: #000;
  border-radius: 1.5rem;
  padding: 3rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.p-company__keywords-item:nth-child(1) {
  top: 50%;
  left: 50%;
  transform: translateY(-100%) translate(-53rem, -11rem);
  width: 56.7rem;
  height: auto;
  background: #EBFFF5;
}
.p-company__keywords-item:nth-child(6) {
  top: 50%;
  left: 50%;
  transform: translateY(-100%) translate(-4rem, 49.5rem);
  width: 46.5rem;
  height: 36.4rem;
  background: #F6F6F6;
  align-items: stretch;
}
.p-company__keywords-item:nth-child(6) .p-company__keywords-item-photo {
  flex: 0 0 14.6rem;
  width: 14.6rem;
  margin-top: auto;
}
.p-company__keywords-item:nth-child(6) .p-company__keywords-item-photo img {
  aspect-ratio: 146/203;
}
.p-company__keywords-item:nth-child(4) {
  top: 50%;
  left: 50%;
  transform: translateY(-100%) translate(12rem, 11.2rem);
  width: 43rem;
  height: auto;
  background: #EBFFF5;
}
.p-company__keywords-item:nth-child(4) .p-company__keywords-item-side {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
}
.p-company__keywords-item:nth-child(4) .p-company__keywords-item-photo {
  flex: 0 0 auto;
  width: 16.8rem;
}
.p-company__keywords-item:nth-child(4) .p-company__keywords-item-photo img {
  aspect-ratio: 168/144;
}
.p-company__keywords-item:nth-child(2) {
  top: 50%;
  left: 50%;
  transform: translateY(-100%) translate(6rem, -21rem);
  width: 43.8rem;
  height: auto;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
.p-company__keywords-item:nth-child(2) .p-company__keywords-item-ttl {
  border-bottom: none;
  padding-bottom: 0;
  margin: 0;
}
.p-company__keywords-item:nth-child(2) .p-company__keywords-item-head {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #388e66;
  margin-bottom: 1rem;
}
.p-company__keywords-item:nth-child(2) .p-company__keywords-item-photo {
  flex: 0 0 15.8rem;
}
.p-company__keywords-item:nth-child(2) .p-company__keywords-item-photo img {
  aspect-ratio: 158/94;
}
.p-company__keywords-item:nth-child(3) {
  top: 50%;
  left: 50%;
  transform: translateY(-100%) translate(-63rem, 22rem);
  width: 51.2rem;
  height: auto;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}
.p-company__keywords-item:nth-child(3) .p-company__keywords-item-bottom {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.p-company__keywords-item:nth-child(3) .p-company__keywords-item-photo {
  flex: 0 0 15.5rem;
  width: 15.5rem;
}
.p-company__keywords-item:nth-child(3) .p-company__keywords-item-photo img {
  aspect-ratio: 155/166;
}
.p-company__keywords-item:nth-child(5) {
  top: 50%;
  left: 50%;
  transform: translateY(-100%) translate(-46.5rem, 49rem);
  width: 40rem;
  height: auto;
  background: #EBFFF5;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
.p-company__keywords-item:nth-child(5) .p-company__keywords-item-ttl {
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1299px) {
  .p-company__keywords-item:nth-child(n) {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: none;
    width: 100%;
    max-width: none;
    height: auto;
    padding: 2rem;
    flex-direction: column;
    align-items: stretch;
    gap: 1.2rem;
    background: #fff;
  }
  .p-company__keywords-item:nth-child(n) .p-company__keywords-item-photo {
    flex: 0 0 auto;
    width: 100%;
    margin-top: 0;
    border-radius: 5px;
  }
  .p-company__keywords-item:nth-child(n) .p-company__keywords-item-photo img {
    aspect-ratio: 295/149;
    object-fit: cover;
  }
  .p-company__keywords-item:nth-child(n) .p-company__keywords-item-head,
  .p-company__keywords-item:nth-child(n) .p-company__keywords-item-body,
  .p-company__keywords-item:nth-child(n) .p-company__keywords-item-side,
  .p-company__keywords-item:nth-child(n) .p-company__keywords-item-bottom {
    display: contents;
  }
  .p-company__keywords-item:nth-child(1) {
    order: 1;
    background: #EBFFF5;
    position: relative;
  }
  .p-company__keywords-item:nth-child(1)::after {
    content: "";
    position: absolute;
    bottom: -0.9rem;
    right: -1.4rem;
    width: 7.4rem;
    aspect-ratio: 280/222;
    background: url("../images/common/decoration/trees-pair.png") no-repeat center/contain;
    pointer-events: none;
    z-index: 10;
  }
  .p-company__keywords-item:nth-child(3) {
    order: 2;
  }
  .p-company__keywords-item:nth-child(5) {
    order: 3;
    background: #EBFFF5;
  }
  .p-company__keywords-item:nth-child(5) .p-company__keywords-item-ttl {
    letter-spacing: 0;
  }
  .p-company__keywords-item:nth-child(4) {
    order: 5;
    background: #EBFFF5;
  }
  .p-company__keywords-item:nth-child(4) .p-company__keywords-item-note {
    margin-top: -0.8rem;
  }
  .p-company__keywords-item:nth-child(2) {
    order: 4;
  }
  .p-company__keywords-item:nth-child(2) .p-company__keywords-item-ttl {
    border-bottom: 1px solid #388e66;
    padding-bottom: 0.8rem;
    margin: 0;
  }
  .p-company__keywords-item:nth-child(2) .p-company__keywords-item-ttl br {
    display: none;
  }
  .p-company__keywords-item:nth-child(6) {
    order: 6;
    background: #F6F6F6;
    position: relative;
  }
  .p-company__keywords-item:nth-child(6) .p-company__keywords-item-ttl br {
    display: none;
  }
  .p-company__keywords-item:nth-child(6)::after {
    content: "";
    position: absolute;
    bottom: -4.1rem;
    left: -0.9rem;
    width: 8.1rem;
    aspect-ratio: 154/152;
    background: url("../images/common/decoration/mushroom.png") no-repeat center/contain;
    pointer-events: none;
    z-index: 10;
  }
}
.p-company__keywords-item-body {
  flex: 1 1 auto;
  min-width: 0;
}
@media screen and (max-width: 1299px) {
  .p-company__keywords-item-body {
    display: contents;
  }
}
@media screen and (max-width: 1299px) {
  .p-company__keywords-item-head, .p-company__keywords-item-side, .p-company__keywords-item-bottom {
    display: contents;
  }
}
.p-company__keywords-item-photo {
  flex: 0 0 20.7rem;
  margin: 0;
  border-radius: 1rem;
  overflow: hidden;
}
.p-company__keywords-item-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 207/118;
  object-fit: cover;
}
@media screen and (max-width: 1299px) {
  .p-company__keywords-item-photo {
    order: 3;
  }
}
.p-company__keywords-item-ttl {
  font-size: clamp(3rem, 2.5609756098rem + 1.1707317073vw, 4.2rem);
  font-weight: 700;
  color: #388e66;
  line-height: 1.2;
  margin: 0 0 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #388e66;
}
@media screen and (max-width: 1299px) {
  .p-company__keywords-item-ttl {
    order: 1;
    text-align: center;
    padding-bottom: 0.8rem;
    margin: 0;
  }
}
.p-company__keywords-item > .p-company__keywords-item-ttl {
  text-align: center;
}
.p-company__keywords-item-ttl-sm {
  font-size: clamp(2.3rem, 2.043902439rem + 0.6829268293vw, 3rem);
}
.p-company__keywords-item-txt {
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  margin: 0;
}
@media screen and (max-width: 1299px) {
  .p-company__keywords-item-txt {
    order: 2;
  }
}
.p-company__keywords-item-note {
  font-size: clamp(1.1rem, 1.0634146341rem + 0.0975609756vw, 1.2rem);
  color: #666;
}
@media screen and (max-width: 1299px) {
  .p-company__keywords-item-note {
    order: 3;
  }
}
.p-company__facilities-cta {
  padding: 0 0 4rem;
  overflow-x: clip;
}
@media screen and (max-width: 767px) {
  .p-company__facilities-cta {
    padding: 0 0 5rem;
  }
}
.p-company__facilities-cta-inner {
  display: grid;
  grid-template-columns: 47rem 1fr;
  gap: 0;
}
@media screen and (max-width: 1023px) {
  .p-company__facilities-cta-inner {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__facilities-cta-body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.p-company__facilities-cta-ttl {
  color: #388e66;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 4.5rem;
  display: inline-flex;
  align-items: baseline;
  gap: 0.8rem;
}
@media screen and (max-width: 1023px) {
  .p-company__facilities-cta-ttl {
    margin-bottom: 2rem;
  }
}
.p-company__facilities-cta-num {
  font-size: clamp(6rem, 4.5365853659rem + 3.9024390244vw, 10rem);
}
.p-company__facilities-cta-num-ja {
  font-size: clamp(2.8rem, 1.9951219512rem + 2.1463414634vw, 5rem);
}
.p-company__facilities-cta-txt {
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  margin: 0 0 3.5rem;
}
@media screen and (max-width: 1023px) {
  .p-company__facilities-cta-txt {
    width: 100%;
  }
  .p-company__facilities-cta-txt br {
    display: none;
  }
}
.p-company__facilities-cta-photos {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1023px) {
  .p-company__facilities-cta-photos {
    justify-content: center;
  }
}
.p-company__facilities-cta-cluster {
  --main-w: clamp(24.5rem, 13.7073170732rem + 28.7804878049vw, 54rem);
}
@media screen and (max-width: 1023px) {
  .p-company__facilities-cta-cluster {
    --main-w: clamp(35.8rem, -19.0141176471rem + 71.3725490196vw, 54rem);
  }
}
@media screen and (max-width: 767px) {
  .p-company__facilities-cta-cluster {
    --main-w: clamp(24.5rem, 13.7073170732rem + 28.7804878049vw, 54rem);
  }
}
@media (min-width: 1024px) {
  .p-company__facilities-cta-cluster {
    --main-w: clamp(32rem, -27.914893617rem + 58.5106382979vw, 54rem);
  }
}
.p-company__facilities-cta-cluster {
  --main-h: calc(var(--main-w) * 340 / 540);
  --sub-w: calc(var(--main-w) * 272 / 540);
  --sub-left-ovf: calc(var(--main-w) * 202.11 / 540);
  --sub-bottom-ovf: calc(var(--main-w) * 61.73 / 540);
  --grass-w: clamp(4.8rem, 1.9829268293rem + 7.512195122vw, 12.5rem);
  --grass-top: clamp(1.86rem, 1.0404878049rem + 2.1853658537vw, 4.1rem);
  --grass-left-ovf: clamp(6.63rem, 3.7141463415rem + 7.7756097561vw, 14.6rem);
  --stump-w: clamp(4.3rem, 1.2634146341rem + 8.0975609756vw, 12.6rem);
  --stump-right-ovf: clamp(2.86rem, 1.6014634146rem + 3.356097561vw, 6.3rem);
  --stump-bottom-ovf: clamp(2.54rem, 1.4204878049rem + 2.9853658537vw, 5.6rem);
  position: relative;
  width: calc(var(--sub-left-ovf) + var(--main-w) + var(--stump-right-ovf));
  height: calc(var(--main-h) + max(var(--sub-bottom-ovf), var(--stump-bottom-ovf)));
  flex-shrink: 0;
  margin-right: 0;
}
@media screen and (max-width: 1023px) {
  .p-company__facilities-cta-cluster {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-company__facilities-cta-cluster {
    width: var(--main-w);
    height: var(--main-h);
  }
}
.p-company__facilities-cta-main {
  position: absolute;
  top: 0;
  left: var(--sub-left-ovf);
  width: var(--main-w);
  margin: 0;
  border-radius: 1.5rem;
  overflow: hidden;
}
.p-company__facilities-cta-main img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 540/340;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-company__facilities-cta-main {
    left: 0;
    border-radius: 5px;
  }
  .p-company__facilities-cta-main img {
    aspect-ratio: 245/154;
  }
}
.p-company__facilities-cta-sub {
  position: absolute;
  left: 0;
  bottom: calc(max(var(--sub-bottom-ovf), var(--stump-bottom-ovf)) - var(--sub-bottom-ovf));
  width: var(--sub-w);
  margin: 0;
  border-radius: 1.5rem;
  overflow: hidden;
  transform: rotate(-5deg);
}
@media screen and (max-width: 767px) {
  .p-company__facilities-cta-sub {
    left: calc(-1 * var(--sub-left-ovf));
    bottom: calc(-1 * var(--sub-bottom-ovf));
  }
}
.p-company__facilities-cta-sub img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 272.35/185.7;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-company__facilities-cta-sub {
    border-radius: 5px;
  }
  .p-company__facilities-cta-sub img {
    aspect-ratio: 123/84;
  }
}
.p-company__facilities-cta-grass {
  position: absolute;
  top: var(--grass-top);
  left: calc(var(--sub-left-ovf) - var(--grass-left-ovf));
  width: var(--grass-w);
  pointer-events: none;
}
.p-company__facilities-cta-grass img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-company__facilities-cta-grass {
    left: calc(-1 * var(--grass-left-ovf));
  }
  .p-company__facilities-cta-grass img {
    aspect-ratio: 48/25;
  }
}
.p-company__facilities-cta-stump {
  position: absolute;
  right: 0;
  bottom: calc(max(var(--sub-bottom-ovf), var(--stump-bottom-ovf)) - var(--stump-bottom-ovf));
  width: var(--stump-w);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-company__facilities-cta-stump {
    right: calc(-1 * var(--stump-right-ovf));
    bottom: calc(-1 * var(--stump-bottom-ovf));
  }
}
.p-company__facilities-cta-stump img {
  display: block;
  width: 100%;
  height: auto;
}
.p-company__philosophy {
  margin-top: 6rem;
  height: 66rem;
  padding: 22.1rem 0 14.4rem;
  background: url("../images/company/philosophy-bg.png") no-repeat center top/cover;
}
@media screen and (max-width: 767px) {
  .p-company__philosophy {
    margin-top: 4rem;
    height: calc(0.976 * min(100vw, 500px));
    background-image: url("../images/company/philosophy-bg-sp.png");
    padding: calc(0.2293333333 * min(100vw, 500px)) 0 calc(0.1253333333 * min(100vw, 500px));
  }
}
.p-company__philosophy-body {
  max-width: 50rem;
}
@media screen and (max-width: 767px) {
  .p-company__philosophy-body {
    width: 65%;
    min-width: 224px;
    max-width: none;
    margin-right: auto;
  }
}
.p-company__philosophy-ttl {
  font-size: clamp(3.2rem, 2.5414634146rem + 1.756097561vw, 5rem);
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin: 0 0 4.5rem;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}
@media screen and (max-width: 767px) {
  .p-company__philosophy-ttl {
    letter-spacing: 0;
    margin-bottom: 2rem;
  }
}
.p-company__philosophy-txt {
  font-size: clamp(1.2rem, 1.0536585366rem + 0.3902439024vw, 1.6rem);
  color: #fff;
  margin: 0;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}
@media screen and (max-width: 767px) {
  .p-company__philosophy-txt {
    letter-spacing: -0.03em;
  }
  .p-company__philosophy-txt br:not(:nth-of-type(3)):not(:nth-of-type(4)) {
    display: none;
  }
}
.p-company__overview {
  padding: 4rem 0;
}
@media screen and (max-width: 767px) {
  .p-company__overview {
    padding: 1rem 0;
  }
}
.p-company__overview-inner {
  max-width: 98rem;
  margin-inline: max(2rem, (100% - 98rem) / 2);
  padding: 1rem;
  background: #fff;
  border-radius: 0.5rem;
}
.p-company__overview-frame {
  border: 1px solid #388e66;
  border-radius: 0.5rem;
}
.p-company__overview-body {
  padding: 7rem 12.4rem;
}
@media screen and (max-width: 767px) {
  .p-company__overview-body {
    padding: 2.2rem 2.2rem 3.3rem;
  }
}
.p-company__overview-ttl {
  font-size: clamp(3.2rem, 2.5414634146rem + 1.756097561vw, 5rem);
  font-weight: 500;
  color: #388e66;
  line-height: 1.4;
  margin: 0 0 4rem;
  text-align: left;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-company__overview-ttl {
    margin: 0 0 3rem;
    letter-spacing: 0;
  }
}
.p-company__overview-table {
  margin: 0;
  padding: 0;
}
.p-company__overview-row {
  display: grid;
  grid-template-columns: 10% 1fr;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .p-company__overview-row {
    grid-template-columns: 23% 1fr;
  }
}
.p-company__overview-th {
  padding: 2rem 0;
  border-bottom: 2px solid #388e66;
  font-weight: 700;
  color: #388e66;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
}
.p-company__overview-td {
  padding: 2rem 0 2rem 2.8rem;
  border-bottom: 2px solid #EBEBEB;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.6;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-company__overview-td {
    padding: 2rem 0 2rem 1rem;
  }
}
.p-company__overview-row:first-child .p-company__overview-th {
  border-top: 2px solid #388e66;
}
.p-company__overview-row:first-child .p-company__overview-td {
  border-top: 2px solid #EBEBEB;
}
.p-company__overview-row--address .p-company__overview-td {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-company__overview-row--address .p-company__overview-td {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-company__overview-addr {
  margin: 0;
}
.p-company__history {
  position: relative;
  padding: 10rem 0 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-company__history {
    padding: 6rem 0 0;
  }
}
.p-company__history-inner {
  position: relative;
  max-width: 92rem;
  margin-inline: auto;
  padding-inline: 2rem;
}
.p-company__history-deco {
  position: absolute;
  top: 1.3rem;
  right: -23.3rem;
  width: 30.1rem;
  pointer-events: none;
}
.p-company__history-deco img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 301/154;
}
@media screen and (max-width: 767px) {
  .p-company__history-deco {
    top: 2.3rem;
    right: 0.8rem;
    width: 13.2rem;
  }
  .p-company__history-deco img {
    aspect-ratio: 132/76;
  }
}
.p-company__history-mushroom {
  position: absolute;
  left: -10.3rem;
  bottom: 26rem;
  width: 7.7rem;
  pointer-events: none;
}
.p-company__history-mushroom img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 77/76;
}
@media screen and (max-width: 767px) {
  .p-company__history-mushroom {
    display: none;
  }
}
.p-company__history-ttl {
  font-size: clamp(3.2rem, 2.5414634146rem + 1.756097561vw, 5rem);
  font-weight: 500;
  color: #388e66;
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin: 0 0 4rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-company__history-ttl {
    letter-spacing: 0;
    margin-bottom: 2rem;
  }
}
.p-company__history-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.p-company__history-list::before {
  content: "";
  position: absolute;
  left: 10.2rem;
  top: 2.5rem;
  bottom: 0;
  width: 1px;
  background: #000;
}
@media screen and (max-width: 767px) {
  .p-company__history-list::before {
    left: 6.5rem;
    top: 2rem;
  }
}
.p-company__history-item {
  display: grid;
  grid-template-columns: 14.2rem 1fr;
  padding: 1.4rem 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-company__history-item {
    grid-template-columns: 8rem 1fr;
    padding: 1rem 0;
  }
}
.p-company__history-item::before {
  content: "";
  position: absolute;
  left: 10.2rem;
  top: 2.4rem;
  width: 1rem;
  height: 1rem;
  background: #000;
  border-radius: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-company__history-item::before {
    left: 6.5rem;
    top: 1.6rem;
  }
}
.p-company__history-date {
  color: #388e66;
  line-height: 1;
}
.p-company__history-year {
  display: block;
  font-size: clamp(2rem, 1.6341463415rem + 0.9756097561vw, 3rem);
  font-weight: 700;
  line-height: 1;
  color: #388e66;
}
@media screen and (max-width: 767px) {
  .p-company__history-year {
    letter-spacing: 0;
  }
}
.p-company__history-era {
  display: block;
  font-size: clamp(0.8rem, 0.6536585366rem + 0.3902439024vw, 1.2rem);
  font-weight: 700;
  line-height: 1;
  color: #388e66;
  margin-top: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-company__history-era {
    letter-spacing: 0;
  }
}
.p-company__history-content {
  display: grid;
  grid-template-columns: 6.6rem 1fr;
  align-items: baseline;
}
@media screen and (max-width: 767px) {
  .p-company__history-content {
    grid-template-columns: 5rem 1fr;
  }
}
.p-company__history-month {
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  color: #388e66;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .p-company__history-month {
    letter-spacing: 0;
  }
}
.p-company__history-text {
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  font-weight: 700;
  line-height: 1.6;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-company__history-text {
    letter-spacing: 0;
  }
}

.p-facilities {
  overflow-x: clip;
}
.p-facilities__intro {
  padding-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-facilities__intro {
    padding-top: 3rem;
  }
}
.p-facilities__lead {
  margin: 0;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-facilities__lead {
    text-align: left;
  }
}
.p-facilities__grid {
  margin-top: 4rem;
  padding-bottom: 8rem;
}
.p-facilities__grid > .l-inner {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-facilities__grid {
    margin-top: 3rem;
    padding-bottom: 5rem;
  }
}
.p-facilities__grid-deco {
  position: absolute;
  right: -3.8rem;
  bottom: -10.9rem;
  width: 12.5rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-facilities__grid-deco {
    right: 1.5rem;
    bottom: 2.2rem;
    width: 9.8rem;
  }
}
.p-facilities__grid-deco img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 125/64;
}

.p-facility-mv {
  position: relative;
}
.p-facility-mv__inner {
  position: relative;
}
.p-facility-mv__bg {
  position: relative;
  width: 100%;
  height: 27.5rem;
  background-color: #f4f4f4;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-facility-mv__bg {
    height: 12rem;
    border-radius: 0.5rem;
  }
}
.p-facility-mv__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 54.0833333333%;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(132, 132, 132, 0.48) 18%, rgb(0, 0, 0) 100%);
  opacity: 0.5;
  mix-blend-mode: multiply;
  border-radius: 1.5rem;
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-facility-mv__bg::after {
    width: 100%;
    border-radius: 0.5rem;
  }
}
.p-facility-mv__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-facility-mv__img {
    border-radius: 0.5rem;
  }
}
.p-facility-mv__cat {
  position: absolute;
  top: 6.8rem;
  left: 5rem;
  margin: 0;
  color: #fff;
  font-size: clamp(1.4rem, 1.0707317073rem + 0.8780487805vw, 2.3rem);
  font-weight: 500;
  line-height: 1;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-facility-mv__cat {
    top: 3.6rem;
    left: 1.5rem;
  }
}
.p-facility-mv__title {
  position: absolute;
  top: 10.6rem;
  left: 5rem;
  margin: 0;
  color: #fff;
  font-size: clamp(2.8rem, 2.1780487805rem + 1.6585365854vw, 4.5rem);
  font-weight: 500;
  line-height: 1;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-facility-mv__title {
    top: 5.6rem;
    left: 1.5rem;
  }
}
.p-facility-mv__tags {
  position: absolute;
  top: 17rem;
  left: 5rem;
  right: 5rem;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 0.4rem 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.p-facility-mv__tags > :first-child {
  grid-column: 1;
  grid-row: 1/-1;
  justify-self: start;
}
.p-facility-mv__tags > :nth-child(n+2) {
  grid-column: 2;
  justify-self: start;
}
@media screen and (max-width: 767px) {
  .p-facility-mv__tags {
    position: static;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1rem;
  }
}
.p-facility-mv__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.6rem 1.6rem 0.8rem;
  background: #388e66;
  color: #fff;
  border-radius: 7rem;
  font-size: clamp(1.1rem, 0.9170731707rem + 0.487804878vw, 1.6rem);
  font-weight: 500;
  line-height: 1.4;
  white-space: normal;
  word-break: break-word;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .p-facility-mv__tag {
    padding: 0.6rem 1.4rem 0.8rem;
    line-height: 1.3;
  }
}
.p-facility-mv__note {
  position: absolute;
  top: 22.5rem;
  left: 5rem;
  right: 5rem;
  margin: 0;
  color: #fff;
  font-size: clamp(1rem, 0.8536585366rem + 0.3902439024vw, 1.4rem);
  font-weight: 500;
  line-height: 1.4;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-facility-mv__note {
    position: static;
    margin-top: 0.8rem;
    color: #000;
  }
  .p-facility-mv__note br {
    display: none;
  }
}
.p-facility-mv__deco {
  position: absolute;
  left: -3.5rem;
  bottom: -5.1rem;
  width: 10.5rem;
  height: 8.3rem;
  z-index: 3;
  pointer-events: none;
  background: url("../images/common/decoration/risu.png") no-repeat left bottom/contain;
}
.p-facility-mv__deco img {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-facility-mv__deco {
    left: -2rem;
    bottom: -1.536rem;
    width: 5.3rem;
    height: 4.2rem;
  }
}
.p-facility-mv__breadcrumb {
  margin-top: 1rem;
  text-align: right;
  font-size: clamp(1rem, 0.9268292683rem + 0.1951219512vw, 1.2rem);
  color: #333;
}
@media screen and (max-width: 767px) {
  .p-facility-mv__breadcrumb {
    margin-top: 0.5rem;
  }
}
.p-facility-mv__breadcrumb-list {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-facility-mv__breadcrumb-item {
  display: inline-flex;
  align-items: center;
  color: #333;
}
.p-facility-mv__breadcrumb-item:not(:last-child)::after {
  content: ">";
  margin: 0 0.8rem;
}
.p-facility-mv__breadcrumb-item a {
  color: inherit;
  transition: color 250ms;
}
.p-facility-mv__breadcrumb-item a:hover {
  color: #388e66;
}

@counter-style fullwidth-decimal {
  system: numeric;
  symbols: "０" "１" "２" "３" "４" "５" "６" "７" "８" "９";
  suffix: "";
}
.p-facility-detail {
  overflow-x: clip;
}
.p-facility-detail__lead {
  padding-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__lead {
    padding-top: 3rem;
  }
}
.p-facility-detail__lead {
  margin: 0 0 12rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__lead {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-facility-detail__lead .p-page-lead__ttl {
    font-size: 3rem;
  }
}
.p-facility-detail__lead-photo img {
  aspect-ratio: 540/309;
}
.p-facility-detail__lead-grass {
  position: absolute;
  right: -5.1rem;
  bottom: -3.6rem;
  width: 13.8rem;
  height: 6.4rem;
  pointer-events: none;
  z-index: 1;
}
.p-facility-detail__lead-grass img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__lead-grass {
    right: -1.2rem;
    bottom: -2.7rem;
    width: 8.4rem;
    height: 4.9rem;
  }
}
.p-facility-detail__services {
  margin: 0 0 15rem;
}
.p-facility-detail__services > .l-inner {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__services {
    margin-bottom: 6rem;
  }
}
.p-facility-detail__services-deco {
  position: absolute;
  right: -3.1rem;
  bottom: -12.1rem;
  width: 19.9rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__services-deco {
    display: none;
  }
}
.p-facility-detail__services-deco img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 199/155;
}
.p-facility-detail__services-ttl {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin: 0 0 4rem;
  color: #388e66;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__services-ttl {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    margin-bottom: 2.4rem;
  }
}
.p-facility-detail__services-ttl-main {
  font-size: clamp(3.5rem, 2.9512195122rem + 1.4634146341vw, 5rem);
  font-weight: 500;
}
.p-facility-detail__services-ttl-sub {
  font-size: clamp(2.5rem, 2.3170731707rem + 0.487804878vw, 3rem);
  font-weight: 500;
}
.p-facility-detail__services-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__services-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 1.1rem;
  }
}
.p-facility-detail__services-item {
  flex: 0 0 auto;
  min-width: 28.5rem;
  height: 9.6rem;
  background: #388e66;
  color: #fff;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__services-item {
    flex: none;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 1.5rem 0.6rem;
  }
  .p-facility-detail__services-item:last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
  .p-facility-detail__services-item--no-cap {
    grid-column: 1/-1;
    height: 5.5rem;
    flex-direction: row;
    justify-content: center;
  }
}
.p-facility-detail__services-item-ttl {
  margin: 0;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  line-height: 1.4;
}
.p-facility-detail__services-item-cap {
  margin: 0.4rem 0 0;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  line-height: 1.4;
}
.p-facility-detail__intro {
  margin: 0;
}
.p-facility-detail__intro-ttl {
  margin: 0 0 4rem;
  color: #388e66;
  font-size: clamp(3.5rem, 2.9512195122rem + 1.4634146341vw, 5rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__intro-ttl {
    margin-bottom: 2.4rem;
  }
}
.p-facility-detail__intro-list {
  list-style: none;
  margin: 0 0 4rem;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4.2rem 5rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__intro-list {
    grid-template-columns: 1fr;
    gap: 4rem;
    margin-bottom: 3rem;
  }
}
.p-facility-detail__intro-item {
  display: flex;
  flex-direction: column;
}
.p-facility-detail__intro-img {
  margin: 0 0 2rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.p-facility-detail__intro-img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 575/300;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__intro-img {
    margin-bottom: 1.2rem;
  }
}
.p-facility-detail__intro-item-ttl {
  margin: 0 0 1rem;
  color: #388e66;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  line-height: 1.4;
}
.p-facility-detail__intro-item-txt {
  margin: 0;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.75;
}
.p-facility-detail__intro-item-btn {
  align-self: flex-start;
  margin-top: 2.6rem;
  width: 22rem;
  height: 5rem;
  padding: 0 15px 0 33px;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__intro-item-btn {
    max-width: 188px;
    height: 42px;
    padding: 0 10.45px 0 16px;
    font-size: 12px;
  }
}
.p-facility-detail__intro-item-btn .c-arrow-btn__arrow {
  width: 1.9rem;
  height: 1.9rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__intro-item-btn .c-arrow-btn__arrow {
    width: 17.56px;
    height: 17.56px;
  }
}
.p-facility-detail__intro-item-btn .c-arrow-btn__arrow::before {
  width: 7px;
  height: 7px;
  -webkit-mask-image: url("../images/common/plus.svg");
  mask-image: url("../images/common/plus.svg");
}
@media screen and (max-width: 767px) {
  .p-facility-detail__intro-item-btn .c-arrow-btn__arrow::before {
    width: 6px;
    height: 6px;
  }
}
@media screen and (max-width: 767px) {
  .p-facility-detail__intro-item-btn .c-arrow-btn__txt {
    font-size: 12px;
  }
}
.p-facility-detail__recommend {
  margin: calc(13.5rem + 10rem) 0;
  padding: 3rem 0 2rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend {
    margin: calc(6rem + 4rem) 0 6rem;
    padding: 3rem 0 5rem;
  }
}
.p-facility-detail__recommend-inner {
  position: relative;
  z-index: 1;
}
.p-facility-detail__recommend-ttl {
  margin: 0 0 3rem;
  font-size: 5rem;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-ttl {
    margin: 0 0 2rem;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
}
.p-facility-detail__recommend-ttl-sub {
  display: inline-block;
  font-size: clamp(2.5rem, 2.3170731707rem + 0.487804878vw, 3rem);
  font-weight: 500;
  letter-spacing: 0.05em;
}
.p-facility-detail__recommend-icons {
  list-style: none;
  margin: 0 0 5rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-icons {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 6rem;
  }
}
.p-facility-detail__recommend-icons-item {
  position: relative;
  background: #F7FFC1;
  border-radius: 1rem;
  padding: 4.4rem 2.3rem 2.3rem;
  margin-top: 4.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-icons-item {
    padding: 3rem 2rem 2rem;
    margin-top: 3.8rem;
  }
}
.p-facility-detail__recommend-icons-icon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8.8rem;
  height: 8.8rem;
  margin: 0;
  border-radius: 50%;
  background: #F7FFC1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-icons-icon {
    width: 7.6rem;
    height: 7.6rem;
  }
}
.p-facility-detail__recommend-icons-icon img {
  display: block;
}
.p-facility-detail__recommend-icons-item:nth-child(1) .p-facility-detail__recommend-icons-icon img {
  width: 61px;
  height: 57px;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-icons-item:nth-child(1) .p-facility-detail__recommend-icons-icon img {
    width: 53px;
    height: 49px;
  }
}
.p-facility-detail__recommend-icons-item:nth-child(2) .p-facility-detail__recommend-icons-icon img {
  width: 57px;
  height: 50px;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-icons-item:nth-child(2) .p-facility-detail__recommend-icons-icon img {
    width: 53px;
    height: 46px;
  }
}
.p-facility-detail__recommend-icons-item:nth-child(3) .p-facility-detail__recommend-icons-icon img {
  width: 55px;
  height: 45.01px;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-icons-item:nth-child(3) .p-facility-detail__recommend-icons-icon img {
    width: 55px;
    height: 44px;
  }
}
.p-facility-detail__recommend-icons-txt {
  margin: 0;
  align-self: stretch;
  text-align: left;
  font-size: clamp(1.8rem, 1.7268292683rem + 0.1951219512vw, 2rem);
  font-weight: 400;
  line-height: 2;
  color: #000;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 40' preserveAspectRatio='none'><rect x='0' y='38' width='4' height='2' fill='%23D8D8D8'/></svg>");
  background-size: 8px 1lh;
  background-repeat: repeat;
}
.p-facility-detail__recommend-icons-txt strong {
  font-weight: 700;
  color: #388E66;
}
.p-facility-detail__recommend-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto auto;
  gap: 2rem;
  counter-reset: recommend;
}
@media screen and (max-width: 1023px) {
  .p-facility-detail__recommend-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-list {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 1.6rem;
  }
}
.p-facility-detail__recommend-item {
  position: relative;
  background: #fff;
  border-radius: 1rem;
  padding: 2rem;
  color: #000;
  box-shadow: 7px 7px 0 0 #2A6E4E;
  grid-row: span 2;
  display: grid;
  grid-template-rows: subgrid;
  row-gap: 1.3rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-item {
    grid-row: auto;
    display: block;
    row-gap: 0;
    padding: 1rem 5rem 1.5rem 2rem;
    cursor: pointer;
  }
}
.p-facility-detail__recommend-item:nth-last-child(2):not(.p-facility-detail__recommend-item--image) {
  grid-template-rows: auto auto;
  align-content: start;
}
.p-facility-detail__recommend-item--image {
  padding: 0;
  overflow: hidden;
}
.p-facility-detail__recommend-item--image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  grid-row: 1/-1;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-item--image {
    display: none;
  }
}
.p-facility-detail__recommend-item-head {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-item-head {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 1rem;
    row-gap: 0.7rem;
    align-items: center;
  }
}
.p-facility-detail__recommend-num {
  flex: 0 0 auto;
  width: clamp(3rem, 2.5243902439rem + 1.2682926829vw, 4.3rem);
  height: clamp(3rem, 2.5243902439rem + 1.2682926829vw, 4.3rem);
  border-radius: 50%;
  background: #388e66;
  color: #fff;
  font-size: clamp(1.8rem, 1.543902439rem + 0.6829268293vw, 2.5rem);
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.3rem;
}
.p-facility-detail__recommend-item-ttl {
  flex: 1 1 auto;
  margin: 0;
  padding-top: clamp(0.45rem, 0.3768292683rem + 0.1951219512vw, 0.65rem);
  color: #388E66;
  font-size: clamp(1.4rem, 1.1804878049rem + 0.5853658537vw, 2rem);
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-item-ttl {
    display: contents;
  }
}
.p-facility-detail__recommend-item-ttl-label, .p-facility-detail__recommend-item-ttl-lead {
  display: block;
}
.p-facility-detail__recommend-item-ttl-label::after {
  content: "：";
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-item-ttl-label {
    grid-column: 2;
    grid-row: 1;
  }
  .p-facility-detail__recommend-item-ttl-label::after {
    content: none;
  }
  .p-facility-detail__recommend-item-ttl-lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: 0;
  }
}
.p-facility-detail__recommend-item:nth-child(6) .p-facility-detail__recommend-item-ttl {
  letter-spacing: -0.02em;
}
.p-facility-detail__recommend-item:nth-child(6) .p-facility-detail__recommend-item-txt {
  letter-spacing: -0.01em;
}
.p-facility-detail__recommend-toggle {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-toggle {
    display: block;
    position: absolute;
    top: 50%;
    right: 1.3rem;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: #2A6E4E;
    border: none;
    padding: 0;
    cursor: pointer;
  }
  .p-facility-detail__recommend-toggle::before, .p-facility-detail__recommend-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
  }
  .p-facility-detail__recommend-toggle::before {
    width: 0.8rem;
    height: 1px;
    transform: translate(-50%, -50%);
  }
  .p-facility-detail__recommend-toggle::after {
    width: 1px;
    height: 0.8rem;
    transform: translate(-50%, -50%);
    transition: transform 250ms ease;
  }
  .p-facility-detail__recommend-toggle[aria-expanded=true]::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
}
.p-facility-detail__recommend-toggle-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-item-body {
    display: grid;
    grid-template-rows: 0fr;
    margin-top: 0;
    opacity: 0;
    transition: grid-template-rows 300ms ease, opacity 200ms ease, margin-top 300ms ease;
  }
  .p-facility-detail__recommend-item-body > * {
    overflow: hidden;
    min-height: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-item.is-open .p-facility-detail__recommend-item-body {
    grid-template-rows: 1fr;
    margin-top: 0.7rem;
    opacity: 1;
  }
}
.p-facility-detail__recommend-item-txt {
  margin: 0;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.6;
  color: #000;
  white-space: pre-line;
}
.p-facility-detail__recommend-list-wrap {
  position: relative;
}
.p-facility-detail__recommend-deco {
  position: absolute;
  right: -2.8rem;
  bottom: 2.2rem;
  width: 26.391rem;
  height: 31.988rem;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend-deco {
    right: -1.5rem;
    bottom: -7rem;
    width: 5.391rem;
    height: 8.294rem;
  }
}
.p-facility-detail__recommend-deco picture,
.p-facility-detail__recommend-deco img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page-shirayuri .p-facility-detail .p-facility-detail__recommend-deco, .page-suzuka .p-facility-detail .p-facility-detail__recommend-deco, .page-komono_seijuji .p-facility-detail .p-facility-detail__recommend-deco {
  bottom: -28rem;
}
@media screen and (max-width: 767px) {
  .page-shirayuri .p-facility-detail .p-facility-detail__recommend-deco, .page-suzuka .p-facility-detail .p-facility-detail__recommend-deco, .page-komono_seijuji .p-facility-detail .p-facility-detail__recommend-deco {
    bottom: -7rem;
  }
}
.page-komorebi .p-facility-detail .p-facility-detail__recommend-deco {
  bottom: -13rem;
}
@media screen and (max-width: 767px) {
  .page-komorebi .p-facility-detail .p-facility-detail__recommend-deco {
    bottom: -7rem;
  }
}
.p-facility-detail__interior {
  margin: 0 0 15rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__interior {
    margin: 10.4rem 0 6rem;
  }
}
.p-facility-detail__interior-ttl {
  margin: 0 0 3rem;
  color: #388e66;
  font-size: clamp(3.5rem, 2.9512195122rem + 1.4634146341vw, 5rem);
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__interior-ttl {
    margin-bottom: 2rem;
  }
}
.p-facility-detail__interior-lead {
  margin: 0 0 1.5rem;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  .p-facility-detail__interior-lead {
    margin-bottom: 2rem;
    line-height: 2;
  }
}
.p-facility-detail__interior-tabs {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem;
  margin: 0 0 1.5rem;
}
@media screen and (max-width: 1023px) {
  .p-facility-detail__interior-tabs {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-facility-detail__interior-tabs {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
  }
}
.p-facility-detail__interior-tab {
  height: 5rem;
  background: #fff;
  border: 1px solid #388e66;
  border-radius: 0.5rem;
  color: #388e66;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
  transition: background-color 250ms ease, color 250ms ease;
}
@media screen and (min-width: 1024px) and (max-width: 1184px) {
  .p-facility-detail__interior-tab {
    font-size: clamp(1.4rem, -1.16rem + 2.5vw, 1.8rem);
  }
}
.p-facility-detail__interior-tab:hover, .p-facility-detail__interior-tab.is-active {
  background: #388e66;
  color: #fff;
}
.p-facility-detail__interior-viewer {
  width: 100%;
  aspect-ratio: 2/1;
  background: #d9d9d9;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__interior-viewer {
    aspect-ratio: 335/200;
  }
}
.p-facility-detail__interior-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.p-facility-detail__interior-nav {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__interior-nav {
    gap: 3.6rem;
    margin-top: 1rem;
  }
}
.p-facility-detail__interior-nav-btn {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__interior-nav-btn {
    gap: 0.5rem;
  }
}
.p-facility-detail__interior-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: #388e66;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__interior-nav-icon {
    width: 3.3rem;
    height: 3.3rem;
  }
}
.p-facility-detail__interior-nav-icon::before {
  content: "";
  display: block;
  width: 22.1px;
  height: 15.79px;
  background-color: #fff;
  -webkit-mask: url("../images/common/arrow-02.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-02.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__interior-nav-icon::before {
    width: 12.9px;
    height: 8.64px;
  }
}
.p-facility-detail__interior-nav-btn--prev .p-facility-detail__interior-nav-icon::before {
  transform: scaleX(-1);
}
.p-facility-detail__fee-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 0 0 2rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-table-wrap {
    -webkit-overflow-scrolling: touch;
    margin-bottom: 0.5rem;
  }
}
.p-facility-detail__fee-table-wrap:has(+ .p-facility-detail__fee-caption) {
  margin-bottom: 0;
}
.p-facility-detail__fee-table-wrap--narrow .p-facility-detail__fee-table {
  max-width: 65.1rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-table-wrap--pc-only {
    display: none;
  }
}
.p-facility-detail__fee-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #388e66;
  table-layout: fixed;
}
.p-facility-detail__fee-table th,
.p-facility-detail__fee-table td {
  border: 1px solid #388e66;
  text-align: center;
  font-size: 2rem;
  line-height: 1.4;
  padding: 1.6rem 0.8rem;
  vertical-align: middle;
}
.p-facility-detail__fee-table thead th {
  background: #388e66;
  color: #fff;
  font-weight: 700;
  height: 6.4rem;
}
.p-facility-detail__fee-table thead th:first-child {
  width: 28.5rem;
}
.p-facility-detail__fee-table tbody th {
  background: #fcffe8;
  color: #388e66;
  font-weight: 700;
  width: 28.5rem;
}
.p-facility-detail__fee-table tbody td {
  background: #fff;
  color: #000;
  font-weight: 400;
}
.p-facility-detail__fee-table tbody td:not(:last-child) {
  border-right-color: #DAEDE4;
}
.p-facility-detail__fee-table tbody tr:not(:last-child) td {
  border-bottom-color: #DAEDE4;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-table {
    min-width: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-table--pc {
    display: none;
  }
}
.p-facility-detail__fee-table--items {
  table-layout: auto;
}
.p-facility-detail__fee-table--items th,
.p-facility-detail__fee-table--items td {
  text-align: left;
  font-size: clamp(1.3rem, 1.1902439024rem + 0.2926829268vw, 1.6rem);
  font-weight: 400;
  padding: 1rem 1.6rem;
  vertical-align: middle;
}
.p-facility-detail__fee-table--items thead th {
  background: #388e66;
  color: #fff;
  text-align: left;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  height: 6.4rem;
  padding: 1rem 1.6rem;
}
.p-facility-detail__fee-table--items .p-facility-detail__fee-table-cat th {
  background: #fcffe8;
  color: #388e66;
  font-weight: 700;
  text-align: left;
  height: auto;
  border-top: 1px solid #388e66;
  border-bottom: 1px solid #388e66;
}
.p-facility-detail__fee-table--items tbody tr:has(+ .p-facility-detail__fee-table-cat) td {
  border-bottom-color: #388e66;
}
.p-facility-detail__fee-table--items .p-facility-detail__fee-table-cost {
  text-align: center;
  color: #000;
  font-weight: 400;
  white-space: nowrap;
  width: 24rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-table--items .p-facility-detail__fee-table-cost {
    width: 13rem;
  }
}
.p-facility-detail__fee-table--items .p-facility-detail__fee-table-cost-amount {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-table--items .p-facility-detail__fee-table-cost-amount {
    font-size: 1.4rem;
  }
}
.p-facility-detail__fee-table--items .p-facility-detail__fee-table-cost-unit {
  font-size: clamp(1.3rem, 1.1902439024rem + 0.2926829268vw, 1.6rem);
}
.p-facility-detail__fee-table--items small {
  display: block;
  margin-top: 0.2rem;
  font-size: clamp(1.1rem, 1.0634146341rem + 0.0975609756vw, 1.2rem);
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-table--items th,
  .p-facility-detail__fee-table--items td {
    padding: 0.8rem 1rem;
  }
}
.p-facility-detail__fee-table--sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-table--sp {
    display: table;
    width: 100%;
    table-layout: auto;
  }
  .p-facility-detail__fee-table--sp th,
  .p-facility-detail__fee-table--sp td {
    font-size: 1.2rem;
    padding: 0.8rem 0.4rem;
    line-height: 1.4;
  }
  .p-facility-detail__fee-table--sp tbody td {
    font-size: 1.4rem;
    font-weight: 400;
  }
  .p-facility-detail__fee-table--sp thead th:first-child,
  .p-facility-detail__fee-table--sp tbody th {
    width: 76px;
    min-width: 76px;
    white-space: nowrap;
  }
  .p-facility-detail__fee-table--sp thead th:not(:first-child),
  .p-facility-detail__fee-table--sp tbody td {
    min-width: 85px;
  }
  .p-facility-detail__fee-table--sp thead th {
    height: 5.4rem;
  }
  .p-facility-detail__fee-table--sp thead th:not(:first-child) {
    background: #FCFFE8;
    color: #388e66;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1.3;
  }
  .p-facility-detail__fee-table--sp tbody th {
    background: #388e66;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 1rem;
  }
  .p-facility-detail__fee-table--sp tbody tr:not(:last-child) th {
    border-bottom-color: #DAEDE4;
  }
  .p-facility-detail__fee-table--sp thead th:first-child {
    border-bottom-color: #DAEDE4;
  }
  .p-facility-detail__fee-table--sp thead th:not(:first-child) {
    border-bottom-color: #388e66;
  }
}
.p-facility-detail__fee-note {
  margin: 0 0 6rem;
  font-size: clamp(1rem, 0.7804878049rem + 0.5853658537vw, 1.6rem);
  line-height: 1.75;
  color: #000;
  text-align: left;
}
.p-facility-detail__fee-note p {
  margin: 0;
}
.p-facility-detail__fee-note--gap p + p {
  margin-top: 1.5em;
}
.p-facility-detail__fee-caption {
  margin: 0;
  font-size: clamp(1rem, 0.9268292683rem + 0.1951219512vw, 1.2rem);
  line-height: 1.75;
  color: #000;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-caption {
    text-align: left;
    margin-top: 0.5rem;
  }
}
.p-facility-detail__fee-table-wrap + .p-facility-detail__fee-note {
  margin-top: 0;
}
.p-facility-detail__price {
  margin: 0 0 15rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__price {
    margin-bottom: 4rem;
  }
}
.p-facility-detail__recommend + .p-facility-detail__price {
  margin-top: 23.5rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__recommend + .p-facility-detail__price {
    margin-top: 10.4rem;
  }
}
.p-facility-detail__price-ttl, .p-facility-detail__daycare-ttl, .p-facility-detail__homecare-ttl {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem 1rem;
  margin: 0 0 3rem;
  color: #388e66;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__price-ttl, .p-facility-detail__daycare-ttl, .p-facility-detail__homecare-ttl {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-bottom: 2rem;
  }
}
.p-facility-detail__price-ttl-main, .p-facility-detail__daycare-ttl, .p-facility-detail__homecare-ttl-main {
  font-size: clamp(3.5rem, 2.9512195122rem + 1.4634146341vw, 5rem);
  font-weight: 500;
}
.p-facility-detail__price-ttl-sub, .p-facility-detail__homecare-ttl-sub {
  font-size: clamp(1.8rem, 1.3609756098rem + 1.1707317073vw, 3rem);
  font-weight: 700;
}
.p-facility-detail__price-ttl-sub + .p-facility-detail__price-ttl-sub {
  margin-left: -3rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__price-ttl-sub + .p-facility-detail__price-ttl-sub {
    margin-left: 0;
  }
}
.p-facility-detail__intro-lead {
  margin: -1rem 0 4rem;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.75;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__intro-lead {
    margin: -0.5rem 0 2.4rem;
  }
}
.p-facility-detail__price-intro {
  margin: 0 0 4rem;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.75;
}
.p-facility-detail__price-intro > p {
  margin: 0 0 0.8rem;
}
.p-facility-detail__price-intro-list {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  counter-reset: price-intro;
}
.p-facility-detail__price-intro-list li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.3em;
  margin: 0 0 0.5em;
  counter-increment: price-intro;
}
.p-facility-detail__price-intro-list li::before {
  content: counter(price-intro) ".";
}
.p-facility-detail__price-intro-list li small {
  display: block;
  grid-column: 2;
  margin-top: 0.2em;
  font-size: clamp(1.1rem, 1.0634146341rem + 0.0975609756vw, 1.2rem);
}
.p-facility-detail__price-block {
  margin-top: 15rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__price-block {
    margin-top: 6rem;
  }
}
.p-facility-detail__price-block-ttl {
  margin: 0 0 1rem;
  color: #388e66;
  font-size: clamp(1.8rem, 1.6536585366rem + 0.3902439024vw, 2.2rem);
  font-weight: 700;
  line-height: 1.5;
}
.p-facility-detail__price-detail {
  margin: 0 0 2rem;
}
.p-facility-detail__price-detail-ttl {
  margin: 0 0 1.2rem;
  padding: 0.8rem 1.6rem;
  background: #388e66;
  color: #fff;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  line-height: 1.4;
  border-radius: 0.5rem;
}
.p-facility-detail__price-detail-group {
  margin: 0 0 1.6rem;
}
.p-facility-detail__price-detail-cat {
  margin: 0 0 0.4rem;
  padding: 0.4rem 1rem;
  background: #FCFFE8;
  color: #388e66;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  font-weight: 700;
  line-height: 1.4;
  border-radius: 0.3rem;
}
.p-facility-detail__price-detail-list {
  margin: 0;
}
.p-facility-detail__price-detail-row {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  padding: 0.8rem 1rem;
  border-bottom: 1px dashed #DAEDE4;
}
.p-facility-detail__price-detail-row:last-child {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__price-detail-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    padding: 0.6rem 0.5rem;
  }
}
.p-facility-detail__price-detail-item {
  flex: 1 1 auto;
  margin: 0;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.6;
}
.p-facility-detail__price-detail-note {
  display: block;
  margin-top: 0.2rem;
  font-size: clamp(1rem, 0.9268292683rem + 0.1951219512vw, 1.2rem);
  line-height: 1.75;
  color: #000;
  text-align: left;
}
.p-facility-detail__price-detail-cost {
  flex: 0 0 auto;
  margin: 0;
  color: #388e66;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  font-weight: 700;
  line-height: 1.6;
  white-space: nowrap;
}
.p-facility-detail__price-footnote {
  margin: 0 0 0;
  font-size: clamp(1.1rem, 1.0634146341rem + 0.0975609756vw, 1.2rem);
  line-height: 1.75;
  color: #000;
}
.p-facility-detail__price-sub-ttl {
  margin: 0 0 1.5rem;
  color: #388e66;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem 1.2rem;
}
.p-facility-detail__price-sub-ttl small {
  font-size: clamp(1.3rem, 1.1902439024rem + 0.2926829268vw, 1.6rem);
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__price-sub-ttl {
    margin-bottom: 1rem;
  }
}
.p-facility-detail__fee-table-wrap + .p-facility-detail__price-sub-ttl {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-table-wrap + .p-facility-detail__price-sub-ttl {
    margin-top: 3rem;
  }
}
.p-facility-detail__fee-band-ttl {
  margin: 0 0 1rem;
  font-size: clamp(1.3rem, 1.1902439024rem + 0.2926829268vw, 1.6rem);
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-band-ttl {
    margin-bottom: 0.8rem;
  }
}
.p-facility-detail__fee-table-wrap + .p-facility-detail__fee-band-ttl {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-table-wrap + .p-facility-detail__fee-band-ttl {
    margin-top: 3rem;
  }
}
.p-facility-detail__price-example {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__price-example {
    margin-top: 2.4rem;
  }
}
.p-facility-detail__price-example-ttl {
  margin: 0 0 0.5rem;
  font-size: clamp(1.4rem, 1.2536585366rem + 0.3902439024vw, 1.8rem);
  font-weight: 700;
  color: #000;
  line-height: 1.6;
}
.p-facility-detail__price-example-row {
  margin: 0;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__price-example-row {
    margin-bottom: 0.2rem;
  }
}
.p-facility-detail__price-example-note {
  margin: 0 0 1.6rem;
  font-size: clamp(1rem, 0.9268292683rem + 0.1951219512vw, 1.2rem);
  line-height: 1.75;
}
.p-facility-detail__price-example-row-with-note {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 1rem;
}
.p-facility-detail__price-example-row-with-note .p-facility-detail__price-example-note {
  margin: 0;
}
.p-facility-detail__price-example-list {
  list-style: none;
  margin: 0.6rem 0 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__price-example-list {
    margin-top: 1.3rem;
  }
}
.p-facility-detail__price-example-result {
  position: relative;
  padding-left: 2.8rem;
  margin: 0;
  color: #388e66;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  font-weight: 700;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__price-example-result {
    padding-left: 3.099rem;
  }
}
.p-facility-detail__price-example-result::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  background: #388e66;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__price-example-result::before {
    top: 0.2rem;
    width: 2.099rem;
    height: 2.099rem;
  }
}
.p-facility-detail__price-example-result::after {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 0.45em;
  width: 0.9rem;
  height: 1.9rem;
  background-color: #fff;
  -webkit-mask: url("../images/common/arrow-02.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-02.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__price-example-result::after {
    left: 0.55rem;
    top: 1rem;
    width: 1rem;
    height: 0.5rem;
  }
}
.p-facility-detail__daycare {
  margin: 0 0 15rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__daycare {
    margin-top: 6rem;
    margin-bottom: 4rem;
  }
}
.p-facility-detail__daycare .p-facility-detail__fee-table-wrap:not(.p-facility-detail__fee-table-wrap--narrow) .p-facility-detail__fee-table--pc tbody tr:nth-child(-n+5) th {
  color: #000;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__daycare .p-facility-detail__fee-table-wrap:not(.p-facility-detail__fee-table-wrap--narrow) .p-facility-detail__fee-table--sp thead th:nth-child(n+2):nth-child(-n+6) {
    color: #000;
    font-weight: 400;
  }
}
.p-facility-detail__homecare {
  margin: 0 0 10rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__homecare {
    margin-top: 6rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-facility-detail__homecare-ttl {
    display: block;
  }
}
.p-facility-detail__access {
  margin: calc(13.5rem + 10rem) 0 calc(13.5rem + 5rem);
  padding: 3rem 0 5rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__access {
    margin: calc(6rem + 4.4rem) 0 calc(6rem + 4rem);
    padding: 3rem 0 5rem;
  }
}
.p-facility-detail__access-inner {
  position: relative;
  z-index: 1;
}
.p-facility-detail__access-ttl {
  margin: 0 0 4.5rem;
  color: #fff;
  font-size: clamp(3rem, 2.2682926829rem + 1.9512195122vw, 5rem);
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__access-ttl {
    margin-bottom: 2rem;
  }
}
.p-facility-detail__access-body {
  display: flex;
  align-items: stretch;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__access-body {
    flex-direction: column;
    gap: 0;
  }
}
.p-facility-detail__access-map {
  flex: 765 1 0;
  min-width: 0;
  height: 45rem;
  background: #eaeaea;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__access-map {
    flex: none;
    width: 100%;
    height: auto;
    aspect-ratio: 335/221;
    margin-bottom: 0.6rem;
  }
}
.p-facility-detail__access-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.p-facility-detail__access-info {
  flex: 415 1 0;
  min-width: 0;
  height: 45rem;
  background: #fff;
  color: #000;
  border-radius: 0 5rem 5rem 0;
  padding: 4rem;
  text-align: center;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__access-info {
    flex: none;
    width: 100%;
    height: auto;
    margin-top: 0.6rem;
    padding: 3rem;
    border-radius: 0 0 3rem 3rem;
  }
}
.p-facility-detail__access-info-cat {
  margin: 0 0 0.4rem;
  color: #388e66;
  font-size: clamp(1.6rem, 1.343902439rem + 0.6829268293vw, 2.3rem);
  font-weight: 500;
  line-height: 1.3;
}
.p-facility-detail__access-info-name {
  margin: 0 0 1.7rem;
  padding-bottom: 1.7rem;
  color: #388e66;
  font-size: clamp(3rem, 2.6341463415rem + 0.9756097561vw, 4rem);
  font-weight: 500;
  line-height: 1.3;
  border-bottom: 1px solid #388e66;
}
.p-facility-detail__access-info-list {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.p-facility-detail__access-info-list li {
  position: relative;
  padding-left: 1.3em;
  font-size: clamp(1.3rem, 1.1902439024rem + 0.2926829268vw, 1.6rem);
  line-height: 2;
}
.p-facility-detail__access-info-list li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #000;
  font-size: 1em;
  line-height: inherit;
}
.p-facility-detail__access-info-btn {
  align-self: center;
  margin-top: 2.1rem;
}
.p-facility-detail__cta {
  margin: 0 0 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__cta {
    margin: 11rem 0 5rem;
  }
}
.p-facility-detail__cta-inner {
  display: flex;
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__cta-inner {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.p-facility-detail__cta-btn {
  flex: 1 1 0;
  position: relative;
  display: flex;
  align-items: center;
  gap: 2rem;
  height: 12rem;
  background: #fff;
  border-radius: 0.5rem;
  padding: 0 4rem;
  color: #388e66;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  text-decoration: none;
  transition: background-color 250ms ease, color 250ms ease;
}
.p-facility-detail__cta-btn:hover {
  background: #388e66;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__cta-btn {
    flex: 0 0 auto;
    height: 7rem;
    padding: 0 2rem;
    gap: 1rem;
  }
}
.p-facility-detail__cta-btn-icon {
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__cta-btn-icon {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.p-facility-detail__cta-btn-icon img {
  display: block;
  transition: filter 250ms ease;
}
.p-facility-detail__cta-btn:nth-of-type(1) .p-facility-detail__cta-btn-icon img {
  width: 54px;
  height: 33px;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__cta-btn:nth-of-type(1) .p-facility-detail__cta-btn-icon img {
    width: 31.49px;
    height: 19.42px;
  }
}
.p-facility-detail__cta-btn:nth-of-type(2) .p-facility-detail__cta-btn-icon img {
  width: 47px;
  height: 39px;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__cta-btn:nth-of-type(2) .p-facility-detail__cta-btn-icon img {
    width: 27.65px;
    height: 22.94px;
  }
}
.p-facility-detail__cta-btn:hover .p-facility-detail__cta-btn-icon img {
  filter: brightness(0) invert(1);
}
.p-facility-detail__cta-btn-txt {
  flex: 1 1 auto;
  line-height: 1.4;
}
.p-facility-detail__cta-btn-arrow {
  flex: 0 0 auto;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background: #388e66;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 250ms ease;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__cta-btn-arrow {
    width: 2.3rem;
    height: 2.3rem;
  }
}
.p-facility-detail__cta-btn-arrow::before {
  content: "";
  display: block;
  width: 1.3rem;
  height: 0.7rem;
  background-color: #fff;
  -webkit-mask: url("../images/common/arrow-02.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-02.svg") no-repeat center/contain;
  transition: background-color 250ms ease;
}
.p-facility-detail__cta-btn:hover .p-facility-detail__cta-btn-arrow {
  background: #fff;
}
.p-facility-detail__cta-btn:hover .p-facility-detail__cta-btn-arrow::before {
  background-color: #388e66;
}
.p-facility-detail__fee-table tr.is-highlight th, .p-facility-detail__fee-table tr.is-highlight td {
  background: #388e66;
  color: #fff;
  font-weight: 700;
  border-right-color: #388e66;
  border-bottom-color: #388e66;
}
.p-facility-detail__fee-table--bracket {
  table-layout: auto;
}
.p-facility-detail__fee-table--bracket thead th:first-child,
.p-facility-detail__fee-table--bracket tbody th {
  width: auto;
}
.p-facility-detail__fee-table--bracket th, .p-facility-detail__fee-table--bracket td {
  white-space: nowrap;
  font-size: clamp(1.4rem, 1.1804878049rem + 0.5853658537vw, 2rem);
  padding: 1.2rem 0.6rem;
}
.p-facility-detail__fee-table--bracket tbody td:first-of-type {
  white-space: normal;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-table--bracket {
    min-width: 48rem;
  }
  .p-facility-detail__fee-table--bracket th, .p-facility-detail__fee-table--bracket td {
    padding: 0.8rem 0.4rem;
    line-height: 1.4;
  }
}
.p-facility-detail__fee-table-wrap--narrow .p-facility-detail__fee-table th, .p-facility-detail__fee-table-wrap--narrow .p-facility-detail__fee-table td {
  font-size: clamp(1.4rem, 1.1804878049rem + 0.5853658537vw, 2rem);
  padding: 1.2rem 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-facility-detail__fee-table-wrap--narrow .p-facility-detail__fee-table tbody th,
  .p-facility-detail__fee-table-wrap--narrow .p-facility-detail__fee-table thead th:first-child {
    width: auto;
  }
}

.p-rehab-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 4rem 2rem;
  overflow-y: auto;
}
.p-rehab-modal.is-open {
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-rehab-modal {
    padding: 2rem 1.5rem;
  }
}
.p-rehab-modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.p-rehab-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 1000px;
  background: #fff;
  border-radius: 0.5rem;
  margin: auto 0;
}
.p-rehab-modal__close {
  position: absolute;
  top: -3.5rem;
  right: -3.5rem;
  width: 7.881rem;
  height: 7.881rem;
  border: none;
  box-shadow: inset 0 0 0 3px #fff;
  background: #388E66;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-rehab-modal__close {
    top: -2rem;
    right: -1rem;
    width: 5.3rem;
    height: 5.3rem;
  }
}
.p-rehab-modal__close:hover {
  opacity: 0.85;
}
.p-rehab-modal__close-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.3rem;
  height: 0;
  transform: translate(-50%, -50%);
}
.p-rehab-modal__close-icon::before, .p-rehab-modal__close-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.3rem;
  height: 5px;
  background: #fff;
  border-radius: 2.5px;
  transform-origin: center;
}
@media screen and (max-width: 767px) {
  .p-rehab-modal__close-icon::before, .p-rehab-modal__close-icon::after {
    width: 2.4rem;
  }
}
.p-rehab-modal__close-icon::before {
  transform: translateY(-50%) rotate(-45deg);
}
.p-rehab-modal__close-icon::after {
  transform: translateY(-50%) rotate(-135deg);
}
@media screen and (max-width: 767px) {
  .p-rehab-modal__close-icon {
    width: 2.4rem;
  }
}
.p-rehab-modal__inner {
  padding: 50px;
}
@media screen and (max-width: 767px) {
  .p-rehab-modal__inner {
    padding: 5rem 2rem 4rem;
  }
}
.p-rehab-modal__ttl {
  margin: 0 0 3rem;
  padding: 1rem 2rem;
  background: #388e66;
  color: #fff;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  line-height: 1.4;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .p-rehab-modal__ttl {
    margin: 0 0 1rem;
    padding: 1rem;
  }
}
.p-rehab-modal__cards {
  list-style: none;
  margin: 0 0 5rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.9rem 1.5rem;
}
@media screen and (max-width: 1023px) {
  .p-rehab-modal__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-rehab-modal__cards {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 3rem;
  }
}
.p-rehab-modal__card {
  background: #F5F5EE;
  border-radius: 0.5rem;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .p-rehab-modal__card {
    padding: 1.5rem 2rem;
  }
}
.p-rehab-modal__card-ttl {
  margin: 0 0 1rem;
  padding-bottom: 1rem;
  color: #388e66;
  font-size: clamp(1.5rem, 1.3902439024rem + 0.2926829268vw, 1.8rem);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #388e66;
}
.p-rehab-modal__card-txt {
  margin: 0;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  color: #000;
}
.p-rehab-modal__section-ttl {
  margin: 0 0 2rem;
  padding: 0.8rem 2rem;
  background: #388e66;
  color: #fff;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  line-height: 1.4;
}
.p-rehab-modal__list {
  list-style: none;
  margin: 0 0 5rem;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .p-rehab-modal__list {
    margin-bottom: 3rem;
  }
}
.p-rehab-modal__list:last-child {
  margin: 0;
}
.p-rehab-modal__list li {
  position: relative;
  padding-left: 15px;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 2;
  color: #000;
}
.p-rehab-modal__list li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 10px;
  height: 10px;
  background: #388e66;
  border-radius: 50%;
}

body.has-modal-open {
  overflow: hidden;
}

.p-guide__mv-title {
  top: 11.6rem;
  left: 5rem;
}
@media screen and (max-width: 767px) {
  .p-guide__mv-title {
    top: 50%;
    left: 1.5rem;
    transform: translateY(-50%);
    line-height: 1.25;
  }
}
.p-guide__lead {
  text-align: center;
  margin: 8rem 0;
}
@media screen and (max-width: 767px) {
  .p-guide__lead {
    margin: 4rem 0;
  }
}
.p-guide__lead-txt {
  margin: 0 0 3rem;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  color: #000;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-guide__lead-txt {
    margin-bottom: 2.5rem;
  }
}
.p-guide__anchor-btns {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-guide__anchor-btns {
    gap: 9px;
  }
}
.p-guide__anchor-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-width: 28.2rem;
  padding: 1.9rem 3rem;
  background: #fff;
  border-radius: 1rem;
  text-decoration: none;
  transition: opacity 250ms ease;
}
.p-guide__anchor-btn:hover {
  opacity: 0.85;
}
@media screen and (max-width: 767px) {
  .p-guide__anchor-btn {
    flex: 1 1 0;
    min-width: 0;
    padding: 1.5rem;
    align-items: stretch;
    justify-content: flex-start;
  }
}
.p-guide__anchor-btn-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  line-height: 1;
}
.p-guide__anchor-btn-main {
  color: #388e66;
  font-size: clamp(1.5rem, 1.3902439024rem + 0.2926829268vw, 1.8rem);
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}
.p-guide__anchor-btn-sub {
  font-size: clamp(1.3rem, 1.2634146341rem + 0.0975609756vw, 1.4rem);
  font-weight: 400;
}
.p-guide__anchor-btn-arrow {
  flex: 0 0 auto;
  position: relative;
  width: 3rem;
  height: 3rem;
  background: #388e66;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .p-guide__anchor-btn-arrow {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
  }
}
.p-guide__anchor-btn-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 15px;
  background-color: #fff;
  -webkit-mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  transform: translate(-50%, -50%) rotate(90deg);
}
.p-guide__section {
  margin: 0;
  scroll-margin-top: calc(9.6rem + 2rem);
}
@media screen and (max-width: 767px) {
  .p-guide__section {
    scroll-margin-top: calc(6rem + 2rem);
  }
}
.p-guide__section-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  margin: 0 0 5rem;
  color: #388e66;
  font-size: clamp(2.8rem, 1.9951219512rem + 2.1463414634vw, 5rem);
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-guide__section-ttl {
    margin-bottom: 5rem;
    gap: 2rem;
    line-height: 1.5;
    align-items: flex-end;
  }
  .p-guide__section-ttl .p-guide__section-ttl-deco {
    margin-bottom: 5px;
  }
}
.p-guide__section-ttl-deco {
  display: inline-block;
  width: clamp(5rem, 3.243902439rem + 4.6829268293vw, 9.8rem);
  height: clamp(4rem, 2.6829268293rem + 3.512195122vw, 7.6rem);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  flex-shrink: 0;
}
.p-guide__section-ttl-deco--left {
  background-image: url("../images/common/decoration/home-1.png");
}
.p-guide__section-ttl-deco--right {
  background-image: url("../images/common/decoration/home-2.png");
}
.p-guide__cards {
  list-style: none;
  margin: 0 0 7rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 1023px) {
  .p-guide__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-guide__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 1.9rem;
    margin-bottom: 3rem;
  }
}
.p-guide__cards--single {
  grid-template-columns: minmax(0, 37.4rem);
  justify-content: start;
}
@media screen and (max-width: 767px) {
  .p-guide__cards--single {
    grid-template-columns: minmax(0, 50%);
    justify-content: center;
  }
}
.p-guide__flow-block {
  background: #F1F1E3;
  padding: clamp(4rem, 2.5365853659rem + 3.9024390244vw, 8rem) clamp(2rem, -10.1518987342rem + 15.8227848101vw, 12rem) clamp(2rem, -0.1951219512rem + 5.8536585366vw, 8rem);
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .p-guide__flow-block {
    margin-bottom: 1rem;
  }
}
.p-guide__flow-block--short .p-guide__flow-step {
  padding-top: 3.5rem;
  padding-bottom: 2.8rem;
}
.p-guide__flow-ttl {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 3rem;
  color: #333;
  font-size: clamp(2rem, 1.5609756098rem + 1.1707317073vw, 3.2rem);
  font-weight: 700;
  line-height: 1.4;
}
.p-guide__flow-ttl-dot {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border: 5px solid #388e66;
  border-radius: 50%;
  background: transparent;
  box-sizing: content-box;
}
@media screen and (max-width: 767px) {
  .p-guide__flow-ttl-dot {
    width: 8.4px;
    height: 8.4px;
    border: 0;
    background: transparent;
    box-shadow: inset 0 0 0 2.4px #388e66;
  }
}
.p-guide__flow {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-guide__flow {
    gap: 2rem;
  }
}
.p-guide__flow-step {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5rem;
  padding-top: 4.4rem;
  padding-bottom: 4rem;
  border-bottom: 1px dashed #333;
}
@media screen and (max-width: 1023px) {
  .p-guide__flow-step {
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-guide__flow-step {
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem;
    padding-top: 4.4rem;
    padding-bottom: 2rem;
  }
  .p-guide__flow-step:first-child {
    padding-top: 0;
  }
}
.p-guide__flow-step + .p-guide__flow-step::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 15px;
  height: 14px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 19 18'><path d='M0 0 L15 0 L7.5 14 Z' fill='%23B8C5BF' stroke='%23B8C5BF' stroke-width='3' stroke-linejoin='round'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(-50%);
}
.p-guide__flow-step-head {
  flex: 0 0 30rem;
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-guide__flow-step-head {
    flex: 0 0 auto;
    gap: 1rem;
  }
}
.p-guide__flow-step-num {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  background: #fff;
  border-radius: 50%;
  color: #388e66;
  font-size: clamp(1.4rem, 1.2415853659rem + 0.4224390244vw, 1.833rem);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-guide__flow-step-num {
    width: 35px;
    height: 35px;
  }
}
.p-guide__flow-step-ttl {
  margin: 0;
  color: #388e66;
  font-size: clamp(1.8rem, 1.5804878049rem + 0.5853658537vw, 2.4rem);
  font-weight: 700;
  line-height: 1.4;
}
.p-guide__flow-step-body {
  flex: 1 1 0;
  min-width: 0;
}
.p-guide__flow-step-body > * + * {
  margin-top: 1rem;
}
.p-guide__flow-step-txt {
  margin: 0;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.75;
  color: #000;
}
.p-guide__flow-step-tel {
  margin: 0;
  color: #388e66;
  font-weight: 700;
  font-size: 2.4rem;
}
.p-guide__flow-step-tel span {
  font-size: 1.8rem;
}
.p-guide__flow-side {
  display: flex;
  gap: 4rem;
  align-items: flex-start;
}
@media screen and (max-width: 1023px) {
  .p-guide__flow-side {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .p-guide__flow-side {
    gap: 0;
  }
}
.p-guide__flow--narrow {
  flex: 1 1 0;
  min-width: 0;
}
@media screen and (max-width: 1023px) {
  .p-guide__flow--narrow {
    width: 100%;
  }
}
.p-guide__flow--narrow .p-guide__flow-step {
  gap: 2rem;
}
.p-guide__flow--narrow .p-guide__flow-step .p-guide__flow-step-head {
  flex: 1 1 0;
}
.p-guide__flow-aside {
  margin-top: 3rem;
  flex: 0 0 clamp(46rem, 29.6595744681rem + 15.9574468085vw, 52rem);
  background: #fff;
  border-radius: 1rem;
  padding: 4rem;
}
@media screen and (max-width: 1023px) {
  .p-guide__flow-aside {
    flex: 1 1 auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-guide__flow-aside {
    padding: 2rem;
  }
}
.p-guide__flow-aside-txt {
  margin: 0 0 3rem;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.75;
  color: #333;
}
.p-guide__flow-aside-tel {
  margin: 1.5rem 0 0;
  color: #388e66;
  font-weight: 700;
  font-size: 2.4rem;
}
.p-guide__flow-aside-tel span {
  font-size: 1.8rem;
}
.p-guide__notes {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.p-guide__notes li {
  position: relative;
  padding-left: 1.4rem;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.5;
  color: #333;
}
.p-guide__notes li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  background: #388e66;
  border-radius: 50%;
}
.p-guide__pdf-block {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-guide__pdf-block {
    margin-top: 4rem;
  }
}
.p-guide__pdf-ttl {
  margin: 0 0 3rem;
  color: #333;
  font-size: clamp(1.8rem, 1.5804878049rem + 0.5853658537vw, 2.4rem);
  font-weight: 700;
  line-height: 1.15;
}
@media screen and (max-width: 767px) {
  .p-guide__pdf-ttl {
    margin-bottom: 2rem;
  }
}
.p-guide__pdf-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 1399px) {
  .p-guide__pdf-list--col4 > li, .p-guide__pdf-list--col3 > li {
    flex: 1 1 0;
    min-width: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-guide__pdf-list--col4 > li, .p-guide__pdf-list--col3 > li {
    flex: 1 1 calc(50% - 5px);
  }
}
@media screen and (max-width: 767px) {
  .p-guide__pdf-list {
    gap: 0.5rem;
    flex-direction: column;
  }
  .p-guide__pdf-list > li {
    width: 100%;
  }
}
.p-guide__pdf-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 232px;
  height: 67px;
  padding: 0 clamp(1rem, -3.085106383rem + 3.9893617021vw, 2.5rem);
  background: #388e66;
  color: #fff;
  border-radius: 1rem;
  text-decoration: none;
  transition: opacity 250ms ease;
}
.p-guide__pdf-btn:hover {
  opacity: 0.85;
  color: #fff;
}
.p-guide__pdf-btn--solo {
  margin-top: 2rem;
}
@media screen and (max-width: 1399px) {
  .p-guide__pdf-btn {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-guide__pdf-btn {
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .p-guide__pdf-btn {
    width: 100%;
    height: 57px;
    padding: 10px 20px 10px 15px;
    border-radius: 5px;
    justify-content: space-between;
  }
}
.p-guide__pdf-btn-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(1.5rem, 1.3902439024rem + 0.2926829268vw, 1.8rem);
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.p-guide__pdf-btn-label small {
  align-self: flex-start;
  font-size: clamp(1.2rem, 1.1268292683rem + 0.1951219512vw, 1.4rem);
  font-weight: 400;
}
.p-guide__pdf-btn-icon {
  flex: 0 0 auto;
  width: 3.1rem;
  height: 3.9rem;
  background-color: currentColor;
  -webkit-mask: url("../images/common/icon-pdf.svg") no-repeat center/contain;
  mask: url("../images/common/icon-pdf.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-guide__pdf-btn-icon {
    width: 2.1rem;
    height: 2.7rem;
  }
}
.p-guide__strip {
  width: 100%;
  overflow: hidden;
  margin: 8rem 0;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 436' preserveAspectRatio='none'><path d='M0,30 Q350,-10 700,30 T1400,30 L1400,406 Q1050,446 700,406 T0,406 Z' fill='black'/></svg>") no-repeat center/100% 100%;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 436' preserveAspectRatio='none'><path d='M0,30 Q350,-10 700,30 T1400,30 L1400,406 Q1050,446 700,406 T0,406 Z' fill='black'/></svg>") no-repeat center/100% 100%;
}
@media screen and (max-width: 767px) {
  .p-guide__strip {
    margin: 3rem 0 8rem;
    -webkit-mask: none;
    mask: none;
  }
}
.p-guide__strip--before-cta {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-guide__strip--before-cta {
    margin-bottom: 4rem;
  }
}
.p-guide__strip-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}
@media screen and (max-width: 767px) {
  .p-guide__strip-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.712vw;
  }
  .p-guide__strip-list > li:nth-child(n+3) {
    margin-top: -6.2vw;
  }
}
.p-guide__strip-item {
  overflow: hidden;
}
.p-guide__strip-item img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 350/436;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-guide__strip-item img {
    aspect-ratio: 187/160;
  }
}
@media screen and (max-width: 767px) {
  .p-guide__strip-item:nth-child(odd) {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200' preserveAspectRatio='none'><path d='M0,15 Q50,-5 100,15 L100,185 Q50,165 0,185 Z' fill='black'/></svg>") no-repeat center/100% 100%;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200' preserveAspectRatio='none'><path d='M0,15 Q50,-5 100,15 L100,185 Q50,165 0,185 Z' fill='black'/></svg>") no-repeat center/100% 100%;
  }
  .p-guide__strip-item:nth-child(even) {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200' preserveAspectRatio='none'><path d='M0,15 Q50,35 100,15 L100,185 Q50,205 0,185 Z' fill='black'/></svg>") no-repeat center/100% 100%;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200' preserveAspectRatio='none'><path d='M0,15 Q50,35 100,15 L100,185 Q50,205 0,185 Z' fill='black'/></svg>") no-repeat center/100% 100%;
  }
}
.p-guide__cta-wrap {
  padding-block: 0 15rem;
}
@media screen and (max-width: 767px) {
  .p-guide__cta-wrap {
    padding-block: 0 8rem;
  }
}
.p-guide__cta {
  display: flex;
  gap: clamp(2rem, -1.6455696203rem + 4.746835443vw, 5rem);
}
@media screen and (max-width: 767px) {
  .p-guide__cta {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.p-guide__cta-btn {
  position: relative;
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 2rem;
  min-height: 120px;
  padding: 20px 30px;
  background: #fff;
  color: #388e66;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  border-radius: 5px;
  text-decoration: none;
  transition: opacity 250ms ease;
}
.p-guide__cta-btn:hover {
  opacity: 0.85;
  color: #388e66;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .p-guide__cta-btn {
    gap: 1rem;
    padding: 20px 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-guide__cta-btn {
    flex: 0 0 auto;
    min-height: 0;
    height: 63px;
    padding: 8px 15px;
    gap: 1.2rem;
    border-radius: 10px;
    font-size: 1.8rem;
  }
}
.p-guide__cta-btn-icon {
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.p-guide__cta-btn-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-guide__cta-btn-icon {
    width: 40px;
    height: 40px;
  }
}
.p-guide__cta-btn-txt {
  flex: 1 1 auto;
  line-height: 1.4;
}
.p-guide__cta-btn-arrow {
  flex: 0 0 auto;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background: #388e66;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-guide__cta-btn-arrow {
    width: 30px;
    height: 30px;
  }
}
.p-guide__cta-btn-arrow::before {
  content: "";
  display: block;
  width: 1.3rem;
  height: 0.7rem;
  background-color: #fff;
  -webkit-mask: url("../images/common/arrow-02.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-02.svg") no-repeat center/contain;
}
.p-guide__faq {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-guide__faq {
    margin: 0 0 3rem;
  }
}
.p-guide__faq-ttl {
  margin: 0 0 4rem;
  color: #388e66;
  font-size: clamp(3.2rem, 2.5414634146rem + 1.756097561vw, 5rem);
  font-weight: 500;
  text-align: left;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-ttl {
    margin-bottom: 3rem;
  }
}
.p-guide__faq-tabs {
  list-style: none;
  margin: 0 0 4rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (max-width: 1399px) {
  .p-guide__faq-tabs > li {
    flex: 1 1 0;
    min-width: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-guide__faq-tabs > li {
    flex: 1 1 calc(50% - 1rem);
  }
}
@media screen and (max-width: 767px) {
  .p-guide__faq-tabs {
    margin-bottom: 2rem;
    flex-direction: column;
    gap: 0.5rem;
  }
  .p-guide__faq-tabs > li {
    width: 100%;
    flex: 0 0 auto;
  }
}
.p-guide__faq-tab {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 285px;
  padding: 2rem;
  background: #fff;
  border: 0;
  border-radius: 1rem;
  cursor: pointer;
  transition: opacity 250ms ease;
}
.p-guide__faq-tab:hover {
  opacity: 0.85;
}
@media screen and (max-width: 1399px) {
  .p-guide__faq-tab {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-guide__faq-tab {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-guide__faq-tab {
    flex: 0 0 auto;
    width: 100%;
    height: 60px;
    padding: 0 15px;
  }
}
.p-guide__faq-tab-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  line-height: 1;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-tab-label {
    flex-direction: row;
    align-items: baseline;
    gap: 0;
    white-space: nowrap;
  }
}
.p-guide__faq-tab-main {
  color: #388e66;
  font-size: clamp(1.5rem, 1.3902439024rem + 0.2926829268vw, 1.8rem);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-tab-main {
    font-size: 16px;
  }
}
.p-guide__faq-tab-sub {
  font-size: clamp(1.3rem, 1.2634146341rem + 0.0975609756vw, 1.4rem);
  font-weight: 400;
  color: #333;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-tab-sub {
    font-size: 14px;
  }
}
.p-guide__faq-tab-arrow {
  flex: 0 0 auto;
  position: relative;
  width: 3rem;
  height: 3rem;
  background: #388e66;
  border-radius: 50%;
  transition: background-color 250ms ease;
}
.p-guide__faq-tab-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.3rem;
  height: 0.7rem;
  background-color: #fff;
  -webkit-mask: url("../images/common/arrow-02.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-02.svg") no-repeat center/contain;
  transform: translate(-50%, -50%) rotate(90deg);
  transition: background-color 250ms ease;
}
.p-guide__faq-panels {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-panels {
    gap: 1rem;
  }
}
.p-guide__faq-panel {
  background: #F1F1E3;
  border-radius: 1rem;
  padding: clamp(2rem, -5.2911392405rem + 9.4936708861vw, 8rem);
  scroll-margin-top: 2rem;
}
.p-guide__faq-panel-ttl {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0 0 6rem;
  color: #333;
  font-size: clamp(2rem, 1.5609756098rem + 1.1707317073vw, 3.2rem);
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-panel-ttl {
    margin-bottom: 3rem;
    gap: 0.5rem;
  }
}
.p-guide__faq-panel-ttl-dot {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border: 5px solid #388e66;
  border-radius: 50%;
  background: transparent;
  box-sizing: content-box;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-panel-ttl-dot {
    width: 8.4px;
    height: 8.4px;
    border: 0;
    box-shadow: inset 0 0 0 2.4px #388e66;
  }
}
.p-guide__faq-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-list {
    gap: 2rem;
  }
}
.p-guide__faq-item {
  border-bottom: 1px dashed #BFBFBF;
  padding-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-item {
    padding-bottom: 2rem;
  }
}
.p-guide__faq-item.is-open {
  border-bottom: none;
}
.p-guide__faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 0 2rem;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  color: inherit;
  font: inherit;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-q {
    padding: 0;
  }
}
.p-guide__faq-q-mark, .p-guide__faq-a-mark {
  flex: 0 0 auto;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 0;
  color: transparent;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-q-mark, .p-guide__faq-a-mark {
    width: 30px;
    height: 30px;
  }
}
.p-guide__faq-q-mark {
  background-image: url("../images/common/faq-q.svg");
}
.p-guide__faq-a-mark {
  background-image: url("../images/common/faq-a.svg");
}
.p-guide__faq-q-txt {
  flex: 1 1 auto;
  font-size: clamp(1.6rem, 1.4536585366rem + 0.3902439024vw, 2rem);
  font-weight: 700;
  color: #333;
  line-height: 1.5;
}
.p-guide__faq-q-toggle {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-q-toggle {
    width: 15px;
    height: 15px;
  }
}
.p-guide__faq-q-toggle::before, .p-guide__faq-q-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #388e66;
  transform: translate(-50%, -50%);
  transition: transform 250ms ease;
}
.p-guide__faq-q-toggle::before {
  width: 100%;
  height: 2px;
}
.p-guide__faq-q-toggle::after {
  width: 2px;
  height: 100%;
}
.p-guide__faq-item.is-open .p-guide__faq-q-toggle::after {
  transform: translate(-50%, -50%) scaleY(0);
}
.p-guide__faq-a {
  display: none;
  align-items: center;
  gap: 2rem;
  margin-top: 2.5rem;
  padding: 2rem;
  background: #fff;
  border-radius: 1rem;
}
@media screen and (max-width: 767px) {
  .p-guide__faq-a {
    gap: 1.5rem;
    margin-top: 1.5rem;
    padding: 1.5rem;
  }
}
.p-guide__faq-item.is-open .p-guide__faq-a {
  display: flex;
}
.p-guide__faq-a-txt {
  flex: 1 1 auto;
  margin: 0;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 2;
  color: #333;
  white-space: pre-line;
}

.p-news__tabs {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.967rem;
  margin-bottom: calc(17px + 1rem);
}
@media screen and (max-width: 767px) {
  .p-news__tabs {
    grid-template-columns: repeat(3, 1fr);
    gap: 17.5px 10px;
    margin-bottom: 1rem;
  }
}
.p-news__tab {
  appearance: none;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 1.3rem 1rem;
  border-radius: 0.5rem;
  font-size: clamp(1.2rem, 1.1268292683rem + 0.1951219512vw, 1.4rem);
  font-weight: 700;
  cursor: pointer;
  transition: background 250ms, color 250ms, border-color 250ms;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.p-news__tab:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-news__tab {
    line-height: 1;
    padding: 1.2rem 1rem 1.3rem;
  }
}
.p-news__tab[aria-selected=true], .p-news__tab[aria-current=page] {
  background: #333;
  color: #fff;
  border-color: #333;
}
.p-news__tab[aria-selected=true]::after, .p-news__tab[aria-current=page]::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 15.5px solid transparent;
  border-right: 15.5px solid transparent;
  border-top: 17px solid #333;
}
@media screen and (max-width: 767px) {
  .p-news__tab {
    line-height: 1;
    padding: 1rem 1rem 1.3rem;
  }
  .p-news__tab[aria-selected=true]::after, .p-news__tab[aria-current=page]::after {
    bottom: -10px;
    border-left-width: 11px;
    border-right-width: 11px;
    border-top-width: 13px;
  }
}
.p-news__lists {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-news__item {
  border-bottom: 1px dashed #d8d8d8;
}
.p-news__link {
  display: grid;
  grid-template-columns: 9rem 12.5rem 1fr 3.2rem;
  align-items: center;
  gap: 2rem;
  padding: 2rem 0;
  color: #fff;
  text-decoration: none;
}
.p-news__link:hover {
  opacity: 1;
  color: #fff;
}
.p-news__link:hover .p-news__arrow {
  background-color: #333;
}
.p-news__link:hover .p-news__arrow::before {
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-news__link {
    grid-template-columns: auto auto 1fr 2.8rem;
    grid-template-areas: "date cat  .   ." "ttl  ttl  ttl arrow";
    column-gap: 2rem;
    row-gap: 0.8rem;
    padding: 2rem 0;
  }
}
.p-news__date {
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-news__date {
    grid-area: date;
  }
}
.p-news__cat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.5rem;
  padding: 0 1.4rem;
  background: #fff;
  color: #000;
  font-size: clamp(1.2rem, 1.1268292683rem + 0.1951219512vw, 1.4rem);
  font-weight: 400;
  border-radius: 999px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-news__cat {
    grid-area: cat;
    align-self: center;
    justify-self: start;
    width: auto;
    min-width: 120px;
    height: auto;
    padding: 0.6rem 1.6rem;
  }
}
.p-news__item-ttl {
  margin: 0;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  font-weight: 400;
  line-height: 1.6;
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 767px) {
  .p-news__item-ttl {
    grid-area: ttl;
    -webkit-line-clamp: 3;
    line-height: 1.85;
  }
}
.p-news__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background: #fff;
  transition: background 250ms;
  margin-left: auto;
}
.p-news__arrow::before {
  content: "";
  width: 11px;
  height: 9px;
  background-color: #388e66;
  -webkit-mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-news__arrow {
    grid-area: arrow;
    align-self: center;
    width: 2.4rem;
    height: 2.4rem;
  }
}
.p-news__empty {
  padding: 2.4rem;
  text-align: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  list-style: none;
}

.p-info-news {
  padding: 8rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-info-news {
    padding: 4rem 0 6rem;
  }
}
.p-info-news .p-news__tabs {
  gap: 2.1rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 1023px) {
  .p-info-news .p-news__tabs {
    gap: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-info-news .p-news__tabs {
    gap: 1.8rem 1rem;
    margin-bottom: calc(13px + 1.5rem);
  }
}
.p-info-news .p-news__tab {
  background: #fff;
  border-color: #388e66;
  color: #388e66;
  font-size: clamp(1.2rem, 1.0536585366rem + 0.3902439024vw, 1.6rem);
}
.p-info-news .p-news__tab:hover, .p-info-news .p-news__tab[aria-selected=true], .p-info-news .p-news__tab[aria-current=page] {
  background: #388e66;
  color: #fff;
  border-color: #388e66;
}
.p-info-news .p-news__tab:hover::after, .p-info-news .p-news__tab[aria-selected=true]::after, .p-info-news .p-news__tab[aria-current=page]::after {
  border-top-color: #388e66;
}
.p-info-news .p-news__link {
  grid-template-columns: auto auto 1fr auto;
  gap: 0 2.2rem;
  color: #000;
}
.p-info-news .p-news__link:hover {
  opacity: 0.7;
  color: #000;
}
.p-info-news .p-news__link:hover .p-news__arrow {
  background-color: #388e66;
}
.p-info-news .p-news__link:hover .p-news__arrow::before {
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-info-news .p-news__link {
    grid-template-columns: auto auto 1fr auto;
    grid-template-areas: "date cat  .    ." "body body body arrow";
    column-gap: 2.2rem;
    row-gap: 1rem;
    padding: 1.8rem 0;
    align-items: center;
  }
}
.p-info-news .p-news__item {
  border-bottom: 2px dashed #D8D8D8;
}
.p-info-news .p-news__item:first-child {
  border-top: 2px dashed #D8D8D8;
}
.p-info-news .p-news__date {
  font-size: clamp(1.6rem, 1.6rem + 0vw, 1.6rem);
  color: #388e66;
}
@media screen and (max-width: 767px) {
  .p-info-news .p-news__date {
    align-self: center;
  }
}
.p-info-news .p-news__cat {
  width: auto;
  min-width: 120px;
  background: #fff;
  color: #000;
  border: 1px solid #388e66;
}
@media screen and (max-width: 767px) {
  .p-info-news .p-news__cat {
    height: auto;
    padding: 0.5rem 1.4rem;
  }
}
.p-info-news .p-news__item-ttl {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .p-info-news .p-news__item-ttl {
    -webkit-line-clamp: 2;
    line-height: 1.5;
  }
}
.p-info-news .p-news__arrow {
  width: 2.4rem;
  height: 2.4rem;
  background: #388e66;
}
.p-info-news .p-news__arrow::before {
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-info-news .p-news__arrow {
    justify-self: end;
  }
  .p-info-news .p-news__arrow::before {
    width: 9px;
    height: 8px;
  }
}
.p-info-news .p-news__empty {
  background: #F1F1E3;
  color: #000;
}
.p-info-news__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
@media screen and (max-width: 767px) {
  .p-info-news__body {
    grid-area: body;
    gap: 0.6rem;
  }
}
.p-info-news__excerpt {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 767px) {
  .p-info-news__excerpt {
    -webkit-line-clamp: 2;
  }
}
.p-info-news__pager {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-info-news__pager {
    margin-top: 3rem;
  }
}
.p-info-news__pager .page-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
.p-info-news__pager li {
  display: inline-flex;
}
.p-info-news__pager a, .p-info-news__pager span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  color: #388e66;
  background: transparent;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: background-color 250ms ease, color 250ms ease;
}
.p-info-news__pager a.current, .p-info-news__pager a:hover, .p-info-news__pager span.current, .p-info-news__pager span:hover {
  width: 36px;
  height: 36px;
  background: #388e66;
  color: #fff;
}
.p-info-news__pager .dots {
  min-width: 0;
  background: transparent;
}
.p-info-news__pager .dots:hover {
  background: transparent;
}

.p-contact:has(.snow-monkey-form[data-screen=confirm]) .p-contact__intro,
.p-contact:has(.snow-monkey-form[data-screen=confirm]) .p-contact__cards, .p-contact:has(.snow-monkey-form[data-screen=complete]) .p-contact__intro,
.p-contact:has(.snow-monkey-form[data-screen=complete]) .p-contact__cards {
  display: none;
}
.p-contact__intro {
  padding-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-contact__intro {
    padding-top: 3rem;
  }
}
.p-contact__lead {
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 2;
  text-align: left;
  margin: 0 0 3rem;
}
.p-contact__cards {
  margin-top: 1.5rem;
}
.p-contact__card-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .p-contact__card-list {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }
}
.p-contact__card {
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-contact__card {
    border-radius: 0.5rem;
  }
}
.p-contact__card-ttl {
  background: #388e66;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  padding: 0.4rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-contact__card-ttl {
    padding: 1rem 2rem 0.8rem;
  }
}
.p-contact__card-list-items {
  list-style: none;
  margin: 0;
  padding: 1rem 1.8rem 2rem;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 0.2em;
}
@media screen and (max-width: 767px) {
  .p-contact__card-list-items {
    padding: 1rem 2rem;
    column-gap: 0;
  }
}
.p-contact__card-list-items li {
  position: relative;
  padding-left: 1em;
  flex: 0 1 auto;
  min-width: calc(50% - 1rem);
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .p-contact__card-list-items li {
    min-width: 100%;
  }
}
.p-contact__card-list-items li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.p-contact__form-section {
  margin-top: calc(13.5rem + 8rem);
  padding-top: calc(14rem - 13.5rem);
  padding-bottom: 0;
  margin-bottom: 13.5rem;
}
@media screen and (max-width: 767px) {
  .p-contact__form-section {
    margin-top: calc(6rem + 4rem);
    padding-top: 2rem;
    padding-bottom: 5.6rem;
    margin-bottom: 6.3rem;
  }
  .p-contact__form-section:has(.snow-monkey-form[data-screen=confirm]), .p-contact__form-section:has(.snow-monkey-form[data-screen=complete]) {
    margin-top: calc(6rem + 2rem);
  }
}
.p-contact__form-inner {
  max-width: 76rem;
  margin-inline: max(3rem, (100% - 76rem) / 2);
}
.p-contact .input-title,
.p-contact .confirm-title,
.p-contact .complete-title {
  text-align: center;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
  margin: 0 0 5rem;
}
@media screen and (max-width: 767px) {
  .p-contact .input-title,
  .p-contact .confirm-title,
  .p-contact .complete-title {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 2.4rem;
  }
}
.p-contact .form-note {
  color: #fff;
  font-size: clamp(1.2rem, 1.0536585366rem + 0.3902439024vw, 1.6rem);
  line-height: 1.8;
  text-align: left;
  margin: 0 0 3rem;
}
.p-contact .complete-title {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .p-contact .complete-title {
    margin-bottom: 3rem;
  }
}
.p-contact .complete-subtitle {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  margin: 0 0 3rem;
}
@media screen and (max-width: 767px) {
  .p-contact .complete-subtitle {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
}
.p-contact .complete-text {
  color: #fff;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 2;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-contact .complete-text.has-text-align-center {
    text-align: left;
  }
}
.p-contact .complete-tel {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-contact .complete-tel.has-text-align-center {
    text-align: left;
  }
}
.p-contact .complete-tel .tel-prefix {
  font-size: 1.4rem;
  font-weight: 700;
  margin-right: 0.2em;
}
.p-contact .complete-tel-inline {
  font-size: 1.8rem;
  font-weight: 700;
  color: inherit;
  text-decoration: none;
}
.p-contact .complete-tel-inline .tel-prefix {
  font-size: 1.4rem;
  font-weight: 700;
  margin-right: 0.2em;
}
.p-contact .complete-text + .complete-text,
.p-contact .complete-text + .complete-tel,
.p-contact .complete-tel + .complete-text,
.p-contact .complete-tel + .complete-tel {
  margin-top: 2em;
}
.p-contact .complete-text--lead + .complete-tel {
  margin-top: 0.5em;
}
@media screen and (max-width: 767px) {
  .p-contact .complete-text--sp-no-gap + .complete-text,
  .p-contact .complete-text--sp-no-gap + .complete-tel {
    margin-top: 0;
  }
}
.p-contact .snow-monkey-form .confirm-title,
.p-contact .snow-monkey-form .complete-title {
  display: none;
}
.p-contact .snow-monkey-form[data-screen=confirm] .input-title,
.p-contact .snow-monkey-form[data-screen=confirm] .form-note {
  display: none;
}
.p-contact .snow-monkey-form[data-screen=confirm] .confirm-title {
  display: block;
}
.p-contact .snow-monkey-form[data-screen=complete] .input-title,
.p-contact .snow-monkey-form[data-screen=complete] .form-note {
  display: none;
}
.p-contact .snow-monkey-form[data-screen=complete] .complete-title {
  display: block;
}
.p-contact .policy-link {
  margin: 0 0 1rem;
  font-size: inherit;
  color: #fff;
}
.p-contact .policy-link a {
  color: inherit;
  text-decoration: underline;
}
.p-contact .policy-link a:hover {
  opacity: 0.8;
}
.p-contact .smf-item.required .smf-item__label__text::after, .p-contact .form-note__badge {
  display: inline-block;
  background: #f7ffc1;
  color: #388e66;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  padding: 0.4em 0.8em;
  border-radius: 2px;
  vertical-align: middle;
}
.p-contact .form-note__badge {
  margin: 0 0.2em;
}
.p-contact .smf-item.required .smf-item__label__text::after {
  content: "必須";
  margin-left: 0.6em;
}
.p-contact__form-placeholder {
  text-align: center;
  color: #888;
  font-size: clamp(1.3rem, 1.2634146341rem + 0.0975609756vw, 1.4rem);
  margin: 0;
}
.p-contact .smf-form {
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
}
.p-contact .smf-item {
  display: grid;
  grid-template-columns: 22rem 1fr;
  gap: 2rem 3rem;
  padding: 1.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-contact .smf-item {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 1rem 0;
  }
}
.p-contact .smf-item:first-of-type {
  padding-top: 0;
}
.p-contact .smf-item__label {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
.p-contact .smf-item__label__required {
  display: inline-block;
  background: #dc572f;
  color: #fff;
  font-size: clamp(1.1rem, 1.0634146341rem + 0.0975609756vw, 1.2rem);
  font-weight: 700;
  line-height: 1;
  padding: 0.4em 0.8em;
  border-radius: 0.4rem;
}
.p-contact input[type=text],
.p-contact input[type=email],
.p-contact input[type=tel],
.p-contact textarea {
  width: 100%;
  background: #fff;
  border: none;
  border-radius: 5px;
  font-family: inherit;
  font-size: inherit;
  color: #000;
}
.p-contact input[type=text]:focus,
.p-contact input[type=email]:focus,
.p-contact input[type=tel]:focus,
.p-contact textarea:focus {
  outline: none;
}
.p-contact input[type=text]:focus-visible,
.p-contact input[type=email]:focus-visible,
.p-contact input[type=tel]:focus-visible,
.p-contact textarea:focus-visible {
  outline: 2px solid #388e66;
  outline-offset: 2px;
}
.p-contact input[type=text]::placeholder,
.p-contact input[type=email]::placeholder,
.p-contact input[type=tel]::placeholder,
.p-contact textarea::placeholder {
  color: #b1b1b1;
  font-weight: 400;
}
.p-contact textarea {
  min-height: 16rem;
  resize: vertical;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .p-contact textarea {
    min-height: 15rem;
  }
}
.p-contact .smf-form .smf-text-control__control,
.p-contact .smf-form .smf-textarea-control__control,
.p-contact .smf-form .smf-select-control__control {
  padding: 1rem 2rem;
  background: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .p-contact .smf-form .smf-text-control__control,
  .p-contact .smf-form .smf-textarea-control__control,
  .p-contact .smf-form .smf-select-control__control {
    padding: 1rem 1.5rem;
    font-size: 16px;
  }
}
.p-contact .smf-radio-buttons-control,
.p-contact .smf-form .smf-radio-buttons-control__control {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.2rem 2rem;
}
@media screen and (max-width: 767px) {
  .p-contact .smf-radio-buttons-control,
  .p-contact .smf-form .smf-radio-buttons-control__control {
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }
}
.p-contact .smf-checkboxes-control {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p-contact .smf-radio-button-control__label,
.p-contact .smf-checkboxes-control__label {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
  word-break: keep-all;
  overflow-wrap: anywhere;
  white-space: nowrap;
}
.p-contact .snow-monkey-form input[type=checkbox],
.p-contact .snow-monkey-form .smf-checkbox-control__control {
  margin: 0;
}
.p-contact .snow-monkey-form input[type=checkbox]:checked,
.p-contact .snow-monkey-form .smf-checkbox-control__control:checked {
  background-color: #dc572f;
  border-color: #dc572f;
}
.p-contact .snow-monkey-form input[type=radio],
.p-contact .snow-monkey-form .smf-radio-button-control__control {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}
.p-contact .snow-monkey-form input[type=radio]::before,
.p-contact .snow-monkey-form .smf-radio-button-control__control::before {
  display: none !important;
}
.p-contact .snow-monkey-form input[type=radio]:checked,
.p-contact .snow-monkey-form .smf-radio-button-control__control:checked {
  background: #fff;
  border-color: #fff;
}
.p-contact .snow-monkey-form input[type=radio]:checked::after,
.p-contact .snow-monkey-form .smf-radio-button-control__control:checked::after {
  content: "";
  position: absolute;
  inset: 3px;
  background: #dc572f;
  border-radius: 50%;
}
.p-contact .snow-monkey-form input[type=radio]:focus,
.p-contact .snow-monkey-form .smf-radio-button-control__control:focus {
  outline: none;
}
.p-contact .snow-monkey-form input[type=radio]:focus-visible,
.p-contact .snow-monkey-form .smf-radio-button-control__control:focus-visible {
  outline: 2px solid #388e66;
  outline-offset: 2px;
}
.p-contact .smf-form .smf-radio-button-control {
  align-items: center;
}
.p-contact .smf-checkbox-control {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}
.p-contact .smf-checkbox-control__label {
  line-height: 1;
}
.p-contact .wp-block-group.postal-code-row,
.p-contact .postal-code-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  margin-bottom: 1rem;
}
.p-contact .wp-block-group.postal-code-row > .post-mark,
.p-contact .postal-code-row > .post-mark {
  margin: 0 0.5rem 0 0;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p-contact .wp-block-group.postal-code-row > .post-mark,
  .p-contact .postal-code-row > .post-mark {
    font-weight: 700;
  }
}
.p-contact .wp-block-group.postal-code-row > .smf-placeholder,
.p-contact .postal-code-row > .smf-placeholder {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}
.p-contact .wp-block-group.postal-code-row .smf-text-control,
.p-contact .wp-block-group.postal-code-row .smf-text-control__control,
.p-contact .postal-code-row .smf-text-control,
.p-contact .postal-code-row .smf-text-control__control {
  width: 100%;
  max-width: 100%;
}
.p-contact .wp-block-group.postal-code-row > .zip-note,
.p-contact .postal-code-row > .zip-note {
  margin: 0;
  flex: 0 0 auto;
  font-size: clamp(1.2rem, 1.1268292683rem + 0.1951219512vw, 1.4rem);
  white-space: nowrap;
}
.p-contact .snow-monkey-form .smf-action:empty {
  display: none;
}
.p-contact .snow-monkey-form .smf-action {
  display: flex;
  justify-content: center;
  gap: 4rem;
  max-width: 48rem;
  margin: 5.45rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-contact .snow-monkey-form .smf-action {
    gap: 1.5rem;
  }
}
.p-contact .snow-monkey-form .smf-action .smf-button-control + .smf-button-control {
  margin-left: 0;
}
.p-contact .snow-monkey-form .smf-action .smf-button-control {
  flex: 0 0 22rem;
}
.p-contact .snow-monkey-form .smf-action:has(.smf-button-control + .smf-button-control) .smf-button-control {
  flex: 1 1 0;
  min-width: 0;
}
.p-contact .smf-button-control {
  display: inline-block;
}
.p-contact .snow-monkey-form .smf-button-control__control {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  appearance: none;
  border: none;
  cursor: pointer;
  padding-left: 3.3rem;
  width: 100%;
  height: 5rem;
  background: #fff;
  color: #388e66;
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  border-radius: 32px;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}
.p-contact .snow-monkey-form .smf-button-control__control:hover {
  background: #333;
  color: #fff;
}
.p-contact .snow-monkey-form .smf-button-control__control:focus {
  outline: none;
}
.p-contact .snow-monkey-form .smf-button-control__control:focus-visible {
  outline: 2px solid #388e66;
  outline-offset: 2px;
}
.p-contact .snow-monkey-form .smf-button-control__control::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.2rem;
  transform: translateY(-50%);
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  background: #388e66;
}
.p-contact .snow-monkey-form .smf-button-control__control::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.65rem;
  transform: translateY(-50%);
  width: 8px;
  height: 6px;
  background-color: #fff;
  -webkit-mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  mask: url("../images/common/arrow-01.svg") no-repeat center/contain;
  z-index: 1;
}
.p-contact .snow-monkey-form .smf-button-control__control[data-action=back] {
  padding-left: 4.5rem;
  padding-right: 2rem;
  justify-content: flex-end;
}
.p-contact .snow-monkey-form .smf-button-control__control[data-action=back]::after {
  right: auto;
  left: 1.2rem;
}
.p-contact .snow-monkey-form .smf-button-control__control[data-action=back]::before {
  right: auto;
  left: 1.65rem;
  transform: translateY(-50%) scaleX(-1);
}
.p-contact .smf-sending {
  display: none;
}
.p-contact .smf-complete {
  text-align: center;
  font-size: clamp(1.4rem, 1.3268292683rem + 0.1951219512vw, 1.6rem);
  line-height: 1.9;
  color: #000;
}

.p-kyushoku .p-facility-detail__intro-list {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1023px) {
  .p-kyushoku .p-facility-detail__intro-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-kyushoku .p-facility-detail__intro-list {
    grid-template-columns: 1fr;
  }
}

.p-r-top-mv {
  position: relative;
  z-index: 2;
  margin-top: 11.6em;
  overflow-x: clip;
  font-size: min(0.7142857143vw, 10px);
}
@media screen and (max-width: 767px) {
  .p-r-top-mv {
    margin-top: 5em;
    font-size: 2.6666666667vw;
  }
}

.p-r-top-mv__wrapper {
  position: relative;
}

.p-r-top-mv__wave-bg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 635px;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__wave-bg {
    max-height: unset;
  }
}

.p-r-top-mv__inner {
  position: absolute;
  inset: 0;
}

.p-r-top-mv__container {
  position: relative;
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
}

.p-r-top-mv__img {
  position: absolute;
  height: auto;
  border-radius: 5px;
}
.p-r-top-mv__img.--01 {
  top: -3em;
  left: 5.7em;
  width: 46em;
}
.p-r-top-mv__img.--02 {
  top: 19em;
  left: 44.6em;
  width: 21.5em;
}
.p-r-top-mv__img.--03 {
  top: -5.1em;
  right: 38.9em;
  width: 28em;
}
.p-r-top-mv__img.--04 {
  top: -11.6em;
  right: 0em;
  width: 28.4em;
}
.p-r-top-mv__img.--05 {
  bottom: 3.4em;
  right: 5em;
  z-index: 1;
  width: 56.5em;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__img.--01 {
    top: -3em;
    left: 0;
    width: 22.9em;
    border-radius: 0 0.5em 0.5em 0;
  }
  .p-r-top-mv__img.--02 {
    top: unset;
    bottom: 4.89em;
    left: 2.99em;
    width: 10.26em;
  }
  .p-r-top-mv__img.--03 {
    top: 10.5em;
    right: 2.03em;
    z-index: 1;
    width: 9.37em;
  }
  .p-r-top-mv__img.--04 {
    top: -5em;
    right: -0.03em;
    width: 12.7em;
    border-radius: 0.5em 0 0.5em 0.5em;
  }
  .p-r-top-mv__img.--05 {
    bottom: -1.8em;
    right: 0;
    width: 20.6em;
    border-radius: 0.5em 0 0 0.5em;
  }
}

.p-r-top-mv__wave-front {
  position: absolute;
  bottom: -0.5em;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 266px;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__wave-front {
    bottom: -1.5em;
    max-height: unset;
  }
}

.p-r-top-mv__catch {
  position: absolute;
  top: 5.5em;
  left: 50%;
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: flex-start;
  column-gap: 0.5em;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 2em rgba(51, 51, 51, 0.2509803922));
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__catch {
    top: 8.5em;
  }
}

.p-r-top-mv__catch-line {
  border-radius: 2px;
  padding: 0.5em;
  writing-mode: vertical-rl;
  background-color: #fff;
  font-size: 2.4em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.09em;
  color: #388e66;
}
.p-r-top-mv__catch-line .ls-minus {
  letter-spacing: -0.45em;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__catch-line {
    padding: 0.375em 0.375em 0.5em;
    border-radius: 0.2em;
    font-size: 1.6em;
    letter-spacing: 0.12em;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .p-r-top-mv__catch-line {
    padding: 0.375em 0.375em 0.5em;
    font-size: 1.6rem;
    letter-spacing: 0.12em;
    white-space: nowrap;
  }
}

.p-r-top-mv__contents {
  position: relative;
  z-index: 1;
  max-width: 1340px;
  margin: -19.8em auto 0;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__contents {
    margin-top: -1.3em;
    padding: 0 5.3333333333%;
  }
}

.p-r-top-mv__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5em;
}

.p-r-top-mv__title-ja {
  padding-left: 0.25em;
  font-size: 2.2em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__title-ja {
    font-size: 1.4em;
    line-height: 1.2857142857;
  }
}

.p-r-top-mv__title-en {
  background: linear-gradient(91.1deg, #82d06e 1.17%, #44b9a3 98.25%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Prompt", sans-serif;
  font-size: 9.6em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__title-en {
    font-size: 5.4em;
  }
}

.p-r-top-mv__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3em;
  max-width: 1084px;
  margin: 0.9em auto 0;
  padding: 0 30px;
  font-size: min(0.9225092251vw, 10px);
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__list {
    gap: 5px;
    margin-top: 9px;
    padding: 0;
    font-size: 1rem;
  }
}

.p-r-top-mv__item {
  overflow: clip;
  border-radius: 1em;
  background-color: #fff;
}
.p-r-top-mv__item:nth-child(1) {
  --head-color: #38bca6;
  --point-color: #388e66;
}
.p-r-top-mv__item:nth-child(2) {
  --head-color: #9cbb4e;
  --point-color: #9cbb4e;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__item {
    border-radius: 10px;
  }
}

.p-r-top-mv__link {
  display: block;
  height: 100%;
}

.p-r-top-mv__head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2em;
  padding: 1.5em 2.5em;
  background-color: var(--head-color);
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__head {
    position: relative;
    display: block;
    padding: 35px 2px 40px 0;
  }
}

.p-r-top-mv__head-text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2em;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__head-text {
    flex-direction: column;
    gap: 5px;
  }
}

.p-r-top-mv__head-name {
  font-size: 1.6em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__head-name {
    font-size: 1.4rem;
  }
}

.p-r-top-mv__head-value {
  font-size: 2.6em;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__head-value {
    font-size: 2rem;
  }
}

.p-r-top-mv__arrow {
  width: 3.5em;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__arrow {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 25px;
  }
}

.p-r-top-mv__body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1em 2em;
  padding: 2em 3em;
}
@media screen and (max-width: 767px) {
  .p-r-top-mv__body {
    display: none;
  }
}

.p-r-top-mv__job {
  display: flex;
  align-items: center;
  gap: 0.4444444444em;
  font-size: 1.8em;
  line-height: 1.5;
  color: #333;
}
.p-r-top-mv__job::before {
  content: "";
  flex-shrink: 0;
  width: 0.3333333333em;
  height: 0.3333333333em;
  border-radius: 50%;
  background-color: var(--point-color);
}

.p-r-top-news {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto 1fr;
  max-width: 1200px;
  margin: -110px auto 0;
  padding: 163px 30px 77px;
  column-gap: 5em;
  font-size: min(0.7936507937vw, 10px);
}
@media screen and (max-width: 1259px) {
  .p-r-top-news {
    font-size: max(0.7936507937vw, 7.5px);
  }
}
@media screen and (max-width: 1000px) {
  .p-r-top-news {
    margin-top: -60px;
    padding-top: 113px;
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-news {
    grid-template-columns: 100%;
    padding: 100px 5.3333333333% 74px;
    font-size: 1rem;
  }
}

.p-r-top-news__title {
  display: flex;
  flex-direction: column;
  gap: 0.2380952381em;
  writing-mode: vertical-rl;
  font-size: 4.2em;
  font-weight: 500;
  line-height: 0.9761904762;
  letter-spacing: 0.1428em;
  color: #388e66;
}
@media screen and (max-width: 767px) {
  .p-r-top-news__title {
    flex-direction: row;
    gap: 0;
    writing-mode: horizontal-tb;
    font-size: 3.2rem;
    line-height: 1.46875;
    letter-spacing: 0;
  }
}

.p-r-top-news__list {
  margin-top: -2em;
}
@media screen and (max-width: 767px) {
  .p-r-top-news__list {
    margin-top: 10px;
  }
}

.p-r-top-news__item {
  padding-left: 2em;
  background-image: repeating-linear-gradient(90deg, #d8d8d8, #d8d8d8 3px, transparent 3px, transparent 6px);
  background-position: left -1.5px bottom;
  background-repeat: repeat-x;
  background-size: 600% 1px;
}
@media screen and (max-width: 767px) {
  .p-r-top-news__item {
    padding-left: 0;
  }
}

.p-r-top-news__link {
  display: flex;
  align-items: center;
  padding: 2em 0;
  color: #333;
}
@media screen and (max-width: 767px) {
  .p-r-top-news__link {
    flex-wrap: wrap;
    padding: 20px 0;
    row-gap: 10px;
  }
}

.p-r-top-news__date {
  flex-shrink: 0;
  min-width: 6.25em;
  font-size: 1.6em;
}

.p-r-top-news__category {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.9285714286em;
  height: 2.5em;
  margin-right: 1.0714285714em;
  border-radius: 9999px;
  background-color: #333;
  font-size: 1.4em;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-top-news__category {
    width: 8.5714285714em;
    height: 2.2142857143em;
  }
}

.p-r-top-news__heading {
  margin-right: 1.875em;
  font-size: 1.6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-news__heading {
    width: calc(100% - 41px);
    margin-right: 15px;
    font-size: 1.4rem;
    line-height: 1.8571428571;
    -webkit-line-clamp: 2;
  }
}

.p-r-top-news__arrow {
  width: 2.5em;
  height: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-r-top-news__arrow {
    width: 26px;
  }
}

.p-r-top-news__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 73px;
  font-size: 1.6em;
}

.p-r-top-message {
  position: relative;
  z-index: 0;
  padding: 15.4285714286% 0 28.6428571429%;
  overflow-x: clip;
  background-color: #38bca6;
  color: #fff;
  font-size: min(0.7936507937vw, 10px);
}
.p-r-top-message::after {
  content: "";
  position: absolute;
  bottom: 6.2142857143vw;
  left: 0;
  z-index: -1;
  width: 100%;
  aspect-ratio: 1400/408;
  transform: rotate(180deg);
  background: linear-gradient(357.29deg, #38bca6 2.37%, rgba(56, 188, 166, 0) 93.74%);
}
@media screen and (max-width: 1259px) {
  .p-r-top-message {
    font-size: max(0.7936507937vw, 7.5px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-message {
    margin: 14.2933333333% 0 49.4666666667%;
    padding: 120px 0 20%;
    font-size: 1rem;
  }
  .p-r-top-message::after {
    display: none;
  }
}

.p-r-top-message__bg {
  position: absolute;
  left: 0;
  bottom: -2.5vw;
  z-index: -1;
  width: 100%;
  height: auto;
  opacity: 0.9;
}
@media screen and (max-width: 767px) {
  .p-r-top-message__bg {
    bottom: -49.4666666667vw;
    opacity: 1;
  }
}

.p-r-top-message__wave {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
}
.p-r-top-message__wave.--top {
  top: -9.2142857143vw;
  transform: scale(-1, -1);
}
.p-r-top-message__wave.--bottom {
  bottom: -8.0857142857vw;
}
@media screen and (max-width: 767px) {
  .p-r-top-message__wave.--top {
    top: 1px;
    width: 100%;
    transform: translateY(-100%);
  }
  .p-r-top-message__wave.--bottom {
    display: none;
  }
}

.p-r-top-message__container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .p-r-top-message__container {
    padding: 0 5.3333333333%;
  }
}

.p-r-top-message__title {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media screen and (max-width: 767px) {
  .p-r-top-message__title {
    gap: 10px;
  }
}

.p-r-top-message__title-ja {
  padding-left: 0.25em;
  font-size: 2em;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-message__title-ja {
    font-size: 1.8rem;
    padding-left: 5px;
  }
}

.p-r-top-message__title-en {
  font-family: "Prompt", sans-serif;
  font-size: 8.6em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-r-top-message__title-en {
    font-size: 5.6rem;
  }
}

.p-r-top-message__catch {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5em;
  margin: 2.4em 0 5em;
}
@media screen and (max-width: 767px) {
  .p-r-top-message__catch {
    gap: 5px;
    margin: 15px 0 30px;
  }
}

.p-r-top-message__catch-line {
  padding-left: 0.3571428571em;
  background-color: #fff;
  font-size: 2.8em;
  font-weight: 700;
  line-height: 1.5;
  color: #333;
}
.p-r-top-message__catch-line:last-of-type {
  padding-right: 0.1785714286em;
}
@media screen and (max-width: 767px) {
  .p-r-top-message__catch-line {
    padding-left: 10px;
    font-size: 2rem;
    line-height: 1.5;
  }
  .p-r-top-message__catch-line:first-of-type {
    padding-right: 10px;
  }
  .p-r-top-message__catch-line:last-of-type {
    padding-right: 5px;
  }
}

.p-r-top-message__text {
  margin-top: 1.875em;
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-top-message__text {
    margin-top: 20px;
    font-size: 1.6rem;
  }
}

.p-r-top-message__area {
  position: absolute;
  top: -8.1em;
  right: 1.56em;
  width: 39.6166666667%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-top-message__area {
    top: -137px;
    right: 20.3px;
    width: 259.7px;
  }
}

.p-r-top-message__illust-01 {
  position: absolute;
  top: -15.9285714286vw;
  left: 7.4em;
  width: 23.4em;
  height: auto;
}
@media screen and (max-width: 1400px) {
  .p-r-top-message__illust-01 {
    top: -22.3em;
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-message__illust-01 {
    top: -207px;
    left: 5.3333333333%;
    width: 165.6px;
  }
}

.p-r-top-message__illust-02 {
  position: absolute;
  bottom: 0.14em;
  right: 8.5714285714%;
  width: 34.5em;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-top-message__illust-02 {
    right: 5.3333333333%;
    bottom: -53.44vw;
    width: 200px;
  }
}

.p-r-top-number {
  position: relative;
  z-index: 1;
  max-width: 1260px;
  margin: 0 auto;
  padding: 33px 30px 0;
  font-size: min(0.7936507937vw, 10px);
}
@media screen and (max-width: 1259px) {
  .p-r-top-number {
    font-size: max(0.7936507937vw, 7.5px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-number {
    padding: 75.5px 5.3333333333% 62px;
  }
}

.p-r-top-number__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
}
@media screen and (max-width: 767px) {
  .p-r-top-number__title {
    gap: 10px;
  }
}

.p-r-top-number__title-ja {
  padding-left: 0.25em;
  font-size: 2em;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-number__title-ja {
    font-size: 1.8rem;
    padding-left: 5px;
  }
}

.p-r-top-number__title-en {
  background: linear-gradient(92.04deg, #82d06e 3.33%, #44b9a3 97.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Prompt", sans-serif;
  font-size: 8.6em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-r-top-number__title-en {
    font-size: 5.4rem;
  }
}

.p-r-top-number__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
  margin-top: 3em;
  padding-right: 1em;
}
@media screen and (max-width: 959px) {
  .p-r-top-number__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-number__list {
    gap: 10px;
    margin-top: 20px;
    padding-right: 0;
  }
}

.p-r-top-number__item {
  padding: 3em 2em 3.4em;
  background-color: #fff;
  border-radius: 0.5em;
}
@media screen and (max-width: 767px) {
  .p-r-top-number__item {
    padding: 15px 6.1538461538%;
    border-radius: 5px;
  }
}

.p-r-top-number__head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0.6em;
}
@media screen and (max-width: 767px) {
  .p-r-top-number__head {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    gap: 5px;
  }
  .p-r-top-number__head picture {
    margin-left: auto;
  }
}

.p-r-top-number__data {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5em;
}

.p-r-top-number__dt {
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1;
  color: #388e66;
}
@media screen and (max-width: 767px) {
  .p-r-top-number__dt {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 50px;
    font-size: 16px;
    line-height: 1.5;
  }
}

.p-r-top-number__dd {
  display: flex;
  align-items: flex-end;
  gap: 0.5em;
}
@media screen and (max-width: 767px) {
  .p-r-top-number__dd {
    gap: 3px;
  }
}

.p-r-top-number__amount {
  margin-right: -0.05em;
  font-family: "Prompt", sans-serif;
  font-size: 6.4em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #388e66;
}
@media screen and (max-width: 767px) {
  .p-r-top-number__amount {
    font-size: 3.8rem;
  }
}

.p-r-top-number__unit {
  padding-bottom: 0.6666666667em;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-number__unit {
    padding-bottom: 0.5em;
    font-size: 1.4rem;
  }
}

.p-r-top-number__icon {
  width: 9em;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-top-number__icon {
    width: 50px;
  }
}

.p-r-top-number__text {
  margin-top: 0.3125em;
  text-align: center;
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-top-number__text {
    margin-top: 15px;
    padding: 0 5px;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.75;
  }
}

.p-r-top-voice {
  position: relative;
  z-index: 0;
  padding: 16.2142857143% 0 41.9%;
  margin-top: -6%;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice {
    margin: 14.2933333333% 0;
    padding: 20px 0;
    background: linear-gradient(180deg, #82d06e 0%, #44b9a3 100%);
  }
  .p-r-top-voice::before, .p-r-top-voice::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    padding-top: 14.2933333333%;
  }
  .p-r-top-voice::before {
    top: 1px;
    background: url("../images/recruit/top/voice-wave-top.svg") no-repeat center top/100% auto;
    transform: translateY(-100%);
  }
  .p-r-top-voice::after {
    bottom: 1px;
    background: url("../images/recruit/top/voice-wave-bottom.svg") no-repeat center bottom/100% auto;
    transform: translateY(100%);
  }
}

.p-r-top-voice__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__bg {
    display: none;
  }
}

.p-r-top-voice__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 3.0158730159%;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 30px;
  font-size: min(0.7936507937vw, 10px);
  color: #fff;
}
@media screen and (max-width: 1259px) {
  .p-r-top-voice__container {
    font-size: max(0.7936507937vw, 7.5px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__container {
    flex-direction: column;
    padding: 0 5.3333333333%;
  }
}

.p-r-top-voice__head {
  position: relative;
  width: 36.8333333333%;
  padding-bottom: 7.7em;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__head {
    width: 100%;
    padding-bottom: 0;
  }
}

.p-r-top-voice__title {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__title {
    gap: 10px;
  }
}

.p-r-top-voice__title-ja {
  padding-left: 0.25em;
  font-size: 2em;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__title-ja {
    font-size: 1.8rem;
    padding-left: 5px;
  }
}

.p-r-top-voice__title-en {
  font-family: "Prompt", sans-serif;
  font-size: 8.6em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__title-en {
    font-size: 5.6rem;
  }
}

.p-r-top-voice__description {
  margin-top: 2.6666666667em;
  font-size: 2.4em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__description {
    margin-top: 20px;
    font-size: 1.6rem;
  }
}

.p-r-top-voice__btn {
  position: absolute;
  top: 25.3125em;
  left: 30px;
  display: inline-flex;
  align-items: center;
  gap: 0.3125em;
  padding: 0.75em 0.9375em 0.75em 1.25em;
  border-radius: 9999px;
  background-color: #fff;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1;
  color: #333;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__btn {
    position: static;
    display: flex;
    justify-content: space-between;
    width: 190px;
    height: 44px;
    margin: 40px auto 0;
    padding: 12px 15px 12px 20px;
    font-size: 14px;
  }
}

.p-r-top-voice__btn-arrow {
  width: 1.25em;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__btn-arrow {
    width: 20px;
  }
}

.p-r-top-voice__mushroom {
  position: absolute;
  right: 16.2447257384%;
  bottom: -12.1em;
  width: 60.1809954751%;
  height: auto;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__mushroom {
    top: 7px;
    right: 0;
    width: 120px;
  }
}

.p-r-top-voice__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6em 11.1111111111%;
  width: 60%;
  margin-top: 0.7em;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__list {
    grid-template-columns: 100%;
    gap: 40px;
    width: 100%;
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  .p-r-top-voice__item:nth-child(even) {
    margin-top: -5em;
  }
}
.p-r-top-voice__link {
  display: block;
  color: #fff;
}
@media (any-hover: hover) {
  .p-r-top-voice__link:hover {
    opacity: 1;
  }
  .p-r-top-voice__link:hover .p-r-top-voice__profile {
    opacity: 0.7;
  }
}

.p-r-top-voice__img-wrapper {
  position: relative;
}

.p-r-top-voice__img {
  display: block;
  width: 100%;
  height: auto;
}

.p-r-top-voice__catch {
  position: absolute;
  top: -0.53em;
  right: 2.04em;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 0.58em;
}
@media screen and (min-width: 768px) {
  .p-r-top-voice__catch {
    align-items: stretch;
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__catch {
    top: 10px;
    right: 15px;
    gap: 5px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .p-r-top-voice__catch {
    top: 10px;
    right: 15px;
    gap: 5px;
  }
}

.p-r-top-voice__catch-line {
  padding: 0.46em;
  border-radius: 2.3px;
  background-color: #fff;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  direction: ltr;
  unicode-bidi: isolate;
  flex-shrink: 0;
  box-shadow: 0 0 23.02px rgba(51, 51, 51, 0.2509803922);
  font-size: min(1.5873015873vw, 20px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #388e66;
}
.p-r-top-voice__catch-line.pb-0 {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-r-top-voice__catch-line {
    white-space: nowrap;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__catch-line {
    padding: 0.375em;
    font-size: 1.6rem;
    line-height: 1.0625;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .p-r-top-voice__catch-line {
    padding: 0.375em;
    font-size: 1.6rem;
    line-height: 1.0625;
    white-space: nowrap;
  }
}

.p-r-top-voice__profile {
  position: relative;
  margin-top: 2em;
  transition: opacity 0.3s;
}
.p-r-top-voice__profile::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5em;
  height: 5em;
  background: url("../images/recruit/top/voice-arrow.png") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__profile {
    margin-top: 10px;
  }
  .p-r-top-voice__profile::after {
    bottom: -10px;
    width: 40px;
    height: 40px;
  }
}

.p-r-top-voice__data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1em;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__data {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
}

.p-r-top-voice__label {
  padding: 0.25em 0.75em;
  border-radius: 9999px;
  background-color: #f5f5ee;
  font-size: 1.6em;
  line-height: 1;
  color: #388e66;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__label {
    padding: 4px 12px;
    font-size: 1.4rem;
  }
}

.p-r-top-voice__place {
  font-size: 1.6em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__place {
    font-size: 1.4rem;
  }
}

.p-r-top-voice__name {
  margin-top: 0.8333333333em;
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-voice__name {
    margin-top: 10px;
    padding-left: 5px;
    font-size: 2rem;
  }
}

.p-r-top-talk {
  position: relative;
  margin-top: -31.5428571429%;
  font-size: min(0.7142857143vw, 10px);
}
@media screen and (max-width: 767px) {
  .p-r-top-talk {
    margin-top: -5.6%;
    font-size: 1rem;
  }
}

.p-r-top-talk__bg {
  display: block;
  width: 100%;
  height: auto;
}

.p-r-top-talk__content {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: translateX(-50%);
  height: 100%;
  padding-top: 0.95em;
}
@media screen and (max-width: 767px) {
  .p-r-top-talk__content {
    position: static;
    transform: none;
    margin-top: -46.6px;
    padding-top: 0;
    padding-bottom: 14.0266666667%;
    background: url("../images/recruit/top/talk-bg.svg") no-repeat center bottom/100% auto;
  }
}

.p-r-top-talk__catch {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em;
}
@media screen and (max-width: 767px) {
  .p-r-top-talk__catch {
    gap: 0;
  }
}

.p-r-top-talk__catch-line {
  padding: 0.46em;
  border-radius: 2.3px;
  background-color: #f5f5ee;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .p-r-top-talk__catch-line {
    padding: 6px;
    font-size: 1.4em;
    line-height: 1.0714285714;
  }
  .p-r-top-talk__catch-line:last-of-type {
    margin-top: -2px;
  }
}

.p-r-top-talk__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  margin-top: 3.5em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-r-top-talk__title {
    gap: 10px;
    margin-top: 20px;
  }
}

.p-r-top-talk__title-ja {
  padding-left: 0.25em;
  font-size: 2em;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-talk__title-ja {
    padding-left: 5px;
    font-size: 1.8rem;
  }
}

.p-r-top-talk__title-en {
  background: linear-gradient(92.04deg, #82d06e 3.33%, #44b9a3 97.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Prompt", sans-serif;
  font-size: 8.6em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-r-top-talk__title-en {
    font-size: 5.4rem;
    letter-spacing: 0.03em;
  }
}

.p-r-top-talk__description {
  margin-top: 0.5em;
  font-size: 2em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-top-talk__description {
    margin-top: 5px;
    font-size: 1.6rem;
  }
}

.p-r-top-talk__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3125em;
  width: 8.75em;
  height: 2.75em;
  padding-left: 0.3125em;
  margin-top: 1.25em;
  border-radius: 9999px;
  background-color: #388e66;
  font-size: max(1.6em, 12px);
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.p-r-top-talk__btn::after {
  content: "";
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  background: url("../images/recruit/top/talk-arrow.png") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-r-top-talk__btn {
    gap: 10px;
    width: 120px;
    height: 40px;
    padding-left: 10px;
    margin-top: 10px;
    font-size: 12px;
  }
}

.p-r-top-talk__bird {
  position: absolute;
  height: auto;
}
.p-r-top-talk__bird.--01 {
  top: -3.0784186649%;
  left: 26.4285714286%;
  width: 9.2142857143%;
}
.p-r-top-talk__bird.--02 {
  bottom: -5.3629293584%;
  right: 28.5%;
  width: 7.0357142857%;
  transform: rotate(14.58deg);
}
@media screen and (max-width: 767px) {
  .p-r-top-talk__bird.--01 {
    top: unset;
    bottom: calc(171px + 14.2933333333vw);
    left: 7px;
    width: 66px;
  }
  .p-r-top-talk__bird.--02 {
    right: 22.4px;
    bottom: -5.96px;
    width: 49.8px;
  }
}

.p-r-top-course {
  position: relative;
  z-index: 1;
  max-width: 1144px;
  margin: 11.98em auto 0;
  padding: 0 60px;
  font-size: min(0.7936507937vw, 10px);
}
@media screen and (max-width: 1259px) {
  .p-r-top-course {
    font-size: max(0.7936507937vw, 7.5px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-course {
    margin: 60.4px 0 0;
    padding: 0;
  }
}

.p-r-top-course__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-r-top-course__title {
    gap: 10px;
  }
}

.p-r-top-course__title-ja {
  padding-left: 0.25em;
  font-size: 2em;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-course__title-ja {
    padding-left: 0;
    font-size: 1.8rem;
  }
}

.p-r-top-course__title-en {
  display: flex;
  gap: 0.3em;
  background: linear-gradient(92.04deg, #82d06e 3.33%, #44b9a3 97.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Prompt", sans-serif;
  font-size: 8.6em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
.p-r-top-course__title-en span {
  margin-right: -0.05em;
}
@media screen and (max-width: 767px) {
  .p-r-top-course__title-en {
    flex-direction: column;
    gap: 0;
    font-size: 5.4rem;
    letter-spacing: 0.03em;
  }
  .p-r-top-course__title-en span {
    margin-right: -0.03em;
  }
}

.p-r-top-course__container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
  margin-top: 4em;
}
@media screen and (min-width: 740px) and (max-width: 767px) {
  .p-r-top-course__container {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-course__container {
    display: flex;
    gap: 5px;
    overflow-x: scroll;
    margin-top: 34px;
    padding: 0 9.0666666667% 31px;
  }
}

.p-r-top-course__section {
  border-radius: 10px;
  background-color: #fff;
  overflow-x: visible;
}
.p-r-top-course__section:first-of-type {
  border-radius: 10px 10px 10px 0;
}
.p-r-top-course__section:first-of-type .p-r-top-course__heading {
  background-color: #38bca6;
}
.p-r-top-course__section:first-of-type .p-r-top-course__item::after {
  background-image: url("../images/recruit/top/course-arrow-01.svg");
}
.p-r-top-course__section:last-of-type {
  overflow-x: clip;
}
.p-r-top-course__section:last-of-type .p-r-top-course__heading {
  background-color: #9cbb4e;
}
.p-r-top-course__section:last-of-type .p-r-top-course__item::after {
  background-image: url("../images/recruit/top/course-arrow-02.svg");
}
@media screen and (min-width: 768px) {
  .p-r-top-course__section:last-of-type .p-r-top-course__common {
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-course__section {
    flex-shrink: 0;
    width: 300px;
  }
}

.p-r-top-course__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
}

.p-r-top-course__heading {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 19.5em;
  height: 2.5em;
  margin: -1.25em auto 0;
  border-radius: 9999px;
  font-size: 2em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-top-course__heading {
    width: 220px;
    height: 26px;
    margin-top: -15px;
    font-size: 1.6rem;
  }
}

.p-r-top-course__description {
  margin-top: 0.9375em;
  padding: 0 1.875em;
  font-size: 1.6em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-r-top-course__description {
    margin-top: 10px;
    padding: 0 15px;
    font-size: 1.4rem;
  }
}

.p-r-top-course__flow {
  display: grid;
  grid-template-columns: 100%;
  gap: 1em;
  margin-top: 3em;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .p-r-top-course__flow {
    gap: 0;
    margin-top: 9px;
  }
}

.p-r-top-course__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 123px;
  margin: 0 3em;
}
.p-r-top-course__item:first-of-type {
  min-height: 14.6em;
}
.p-r-top-course__item:nth-child(2), .p-r-top-course__item:nth-child(3) {
  background-image: repeating-linear-gradient(90deg, #f5f5ee, #f5f5ee 8px, transparent 8px, transparent 14px);
  background-position: left -4px bottom;
  background-repeat: repeat-x;
  background-size: 1400% 2px;
}
.p-r-top-course__item:not(:last-of-type)::after {
  content: "";
  position: absolute;
  bottom: -0.84em;
  left: 50%;
  width: 1.39em;
  height: 1.34em;
  transform: translateX(-50%);
  background: no-repeat center/contain;
}
@media screen and (max-width: 1023px) {
  .p-r-top-course__item br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-course__item {
    min-height: 115px;
    margin: 0 2px;
    padding: 0 12.5px;
  }
  .p-r-top-course__item:first-of-type {
    min-height: 112px;
    padding-top: 6px;
  }
  .p-r-top-course__item:nth-child(2), .p-r-top-course__item:nth-child(3) {
    background-image: repeating-linear-gradient(90deg, #f5f5ee, #f5f5ee 7px, transparent 7px, transparent 12px);
    background-position: left -3.5px bottom;
    background-repeat: repeat-x;
    background-size: 1200% 2px;
  }
  .p-r-top-course__item:not(:last-of-type)::after {
    bottom: -4.7px;
    width: 8.75px;
    height: 8.48px;
  }
}

.p-r-top-course__label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.1em;
  width: 2.8em;
  border-radius: 5px 0 0 5px;
  background-color: #333;
  transform: translateX(-100%);
  font-family: "Prompt", "Noto Sans JP", sans-serif;
  font-size: 2em;
  line-height: 1;
  color: #fff;
}
.p-r-top-course__label span {
  padding-right: 0.2em;
  writing-mode: vertical-rl;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-course__label {
    gap: 1.75px;
    top: 1.5px;
    bottom: 2.5px;
    left: -2px;
    width: 34px;
    border-radius: 4.4px 0 0 4.4px;
    font-size: 1.4rem;
  }
  .p-r-top-course__label span {
    font-size: 1.2rem;
  }
}

.p-r-top-course__common {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 10em;
  width: 215.6599552573%;
  height: 100%;
  padding: 5.5em 11.8343195266%;
  background: url("../images/recruit/top/course-common-bg.png") no-repeat center/100% 100%;
}
@media screen and (max-width: 767px) {
  .p-r-top-course__common {
    position: static;
    gap: 15px;
    width: 100%;
    padding: 17.5px 10.5px;
    background-image: url("../images/recruit/top/course-common-bg@sp.png");
  }
}

.p-r-top-course__common-label {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  background: linear-gradient(180deg, #82d06e 0%, #44b9a3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 3.5em;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-r-top-course__common-label {
    width: 28px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.p-r-top-course__common-text {
  font-size: 1.6em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-r-top-course__common-text {
    font-size: 1.4rem;
  }
}

.p-r-top-course__text {
  padding: 2.1875em 0 2.8125em;
  text-align: center;
  font-size: 1.6em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-r-top-course__text {
    padding: 20px 0 22px;
    text-align: left;
    font-size: 1.4rem;
  }
}

.p-r-top-salary {
  position: relative;
  z-index: 0;
  padding: 8em 0 15.3571428571%;
  background-color: #f1f1e3;
  font-size: min(0.7936507937vw, 10px);
}
@media screen and (max-width: 1259px) {
  .p-r-top-salary {
    font-size: max(0.7936507937vw, 7.5px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-salary {
    padding: 0;
    background: none;
  }
}

.p-r-top-salary__wave {
  content: "";
  position: absolute;
  z-index: -1;
  top: -6.4285714286vw;
  left: 0;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__wave {
    position: static;
    margin-bottom: -1px;
  }
}

.p-r-top-salary__container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__container {
    padding: 15px 5.3333333333% 30px;
    background-color: #f1f1e3;
  }
}

.p-r-top-salary__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__title {
    gap: 10px;
  }
}

.p-r-top-salary__title-ja {
  padding-left: 0.25em;
  font-size: 2em;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__title-ja {
    padding-left: 5px;
    font-size: 1.8rem;
  }
}

.p-r-top-salary__title-en {
  display: flex;
  gap: 0.3em;
  background: linear-gradient(92.04deg, #82d06e 3.33%, #44b9a3 97.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Prompt", sans-serif;
  font-size: 8.6em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__title-en {
    flex-direction: column;
    gap: 0;
    font-size: 4.6rem;
    letter-spacing: 0.03em;
  }
}

.p-r-top-salary__nav {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__nav {
    display: flex;
    gap: 5px;
    max-width: 335px;
    margin: 30px auto 0;
  }
}

.p-r-top-salary__btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 8px 10px 12px;
  border-radius: 9999px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  color: #cecece;
  transition: background-color 0.3s, color 0.3s;
}
.p-r-top-salary__btn.is-active {
  background-color: var(--btn-color);
  color: #fff;
}
.p-r-top-salary__btn.is-active .p-r-top-salary__btn-arrow::before {
  opacity: 0;
}
.p-r-top-salary__btn.is-active .p-r-top-salary__btn-arrow::after {
  opacity: 1;
}

.p-r-top-salary__btn-arrow {
  position: relative;
  width: 16px;
  height: 16px;
}
.p-r-top-salary__btn-arrow::before, .p-r-top-salary__btn-arrow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center/contain;
  transition: opacity 0.3s;
}
.p-r-top-salary__btn-arrow::before {
  background-image: url("../images/recruit/top/salary-arrow.png");
}
.p-r-top-salary__btn-arrow.--01::after {
  background-image: url("../images/recruit/top/salary-arrow-01.png");
}
.p-r-top-salary__btn-arrow.--02::after {
  background-image: url("../images/recruit/top/salary-arrow-02.png");
}
.p-r-top-salary__btn-arrow.--03::after {
  background-image: url("../images/recruit/top/salary-arrow-03.png");
}
.p-r-top-salary__btn-arrow::after {
  opacity: 0;
}

.p-r-top-salary__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5%;
  margin-top: 4em;
}
@media screen and (max-width: 1259px) {
  .p-r-top-salary__list {
    font-size: max(0.7936507937vw, 6px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__list {
    grid-template-columns: 100%;
    gap: 0;
    margin-top: 20px;
  }
}

.p-r-top-salary__item {
  display: flex;
  flex-direction: column;
  overflow: clip;
  border-radius: 8px;
  background-color: #f5f5ee;
}
.p-r-top-salary__item:nth-child(1) {
  --item-gradation: linear-gradient(102.7deg, #81d06f 3.58%, #60c57e 97.76%);
  --item-color: #81d06f;
}
.p-r-top-salary__item:nth-child(2) {
  --item-gradation: linear-gradient(102.7deg, #38bca6 3.58%, #30a2b4 97.76%);
  --item-color: #30a2b4;
}
.p-r-top-salary__item:nth-child(3) {
  --item-gradation: linear-gradient(102.7deg, #388e66 3.58%, #1d553b 97.76%);
  --item-color: #388e66;
}
@media screen and (min-width: 768px) {
  .p-r-top-salary__item {
    display: flex !important;
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__item:not(:first-of-type) {
    display: none;
  }
}

.p-r-top-salary__head {
  position: relative;
  padding: 3em 1em 2.3em 3em;
  background-image: var(--item-gradation);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__head {
    padding: 20px 10px 20px 20px;
  }
}

.p-r-top-salary__years {
  display: flex;
  gap: 0.625em;
  font-size: 1.6em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__years {
    gap: 8px;
    font-size: 1.4rem;
  }
}

.p-r-top-salary__age {
  display: flex;
  align-items: center;
  gap: 0.625em;
}
.p-r-top-salary__age::before {
  content: "";
  flex-shrink: 0;
  width: 1px;
  height: 0.75em;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__age {
    gap: 8px;
  }
  .p-r-top-salary__age::before {
    height: 10px;
  }
}

.p-r-top-salary__position {
  margin-top: 0.5357142857em;
  font-size: 2.8em;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__position {
    margin-top: 10px;
    font-size: 2.4rem;
  }
}

.p-r-top-salary__salary {
  display: flex;
  align-items: flex-end;
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__salary {
    margin-top: 20px;
  }
}

.p-r-top-salary__salary-prefix {
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__salary-prefix {
    font-size: 1.2rem;
  }
}

.p-r-top-salary__salary-amount {
  margin-right: -0.05em;
  margin-bottom: 0.09375em;
  margin-left: 0.15625em;
  font-family: "Prompt", sans-serif;
  font-size: 3.2em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__salary-amount {
    margin-bottom: 0;
    margin-left: 5px;
    font-size: 2.8rem;
  }
}

.p-r-top-salary__salary-unit {
  margin-left: 0.125em;
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__salary-unit {
    margin-bottom: 1px;
    margin-left: 5px;
    font-size: 1.2rem;
  }
}

.p-r-top-salary__salary-note {
  font-size: 1.4em;
  line-height: 2.1428571429em;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__salary-note {
    font-size: 1.2rem;
    line-height: 2;
  }
}

.p-r-top-salary__icon {
  position: absolute;
  top: 1em;
  right: 2em;
  width: 8em;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__icon {
    top: 8.5px;
    right: 21px;
    width: 65px;
  }
}

.p-r-top-salary__allowance {
  padding: 3em 3em 2em;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__allowance {
    padding: 20px 20px 15px;
  }
}

.p-r-top-salary__heading {
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__heading {
    font-size: 1.6rem;
  }
}

.p-r-top-salary__allowance-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
  margin-top: 1.5em;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__allowance-list {
    gap: 8px 15px;
    margin-top: 10px;
  }
}

.p-r-top-salary__allowance-item {
  display: flex;
  align-items: center;
  gap: 0.4444444444em;
  font-size: 1.8em;
  line-height: 1.5;
}
.p-r-top-salary__allowance-item::before {
  content: "";
  flex-shrink: 0;
  width: 0.3333333333em;
  height: 0.3333333333em;
  border-radius: 50%;
  background-color: var(--item-color);
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__allowance-item {
    gap: 8px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .p-r-top-salary__allowance-item::before {
    width: 6px;
    height: 6px;
  }
}

.p-r-top-salary__allowance-note {
  margin-top: 1.0714285714em;
  font-size: 1.4em;
  line-height: 1.7857142857em;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__allowance-note {
    margin-top: 10px;
    font-size: 1.2rem;
    line-height: 1.75;
  }
}

.p-r-top-salary__data {
  display: grid;
  grid-template-columns: 100%;
  gap: 1em;
  margin: auto 3em 0;
  padding: 2em 0 3em;
  border-top: 1px solid #d9d9d9;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__data {
    gap: 10px;
    margin: auto 20px 0;
    padding: 15px 0 28px;
  }
}

.p-r-top-salary__data-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2em 0;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__data-row {
    padding: 2px 0;
  }
}

.p-r-top-salary__value {
  display: flex;
  align-items: flex-end;
  gap: 0.2em;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__value {
    gap: 2px;
  }
}

.p-r-top-salary__value-amount {
  margin-right: -0.05em;
  font-family: "Prompt", sans-serif;
  font-size: 3.2em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  color: var(--item-color);
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__value-amount {
    font-size: 2.8rem;
  }
}

.p-r-top-salary__unit {
  font-size: 1.6em;
  line-height: 1.6875;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__unit {
    font-size: 1.2rem;
    line-height: 2;
  }
}

.p-r-top-salary__note {
  margin-top: 1.0714285714em;
  font-size: 1.4em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__note {
    margin-top: 15px;
    font-size: 1.4rem;
    line-height: 1.7857142857;
  }
}

.p-r-top-salary__wave-bottom {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-r-top-salary__wave-bottom {
    display: block;
    width: 100%;
    height: auto;
    margin-top: -1px;
    transform: scale(-1, -1);
  }
}

.p-r-top-work {
  position: relative;
  margin-top: -5.5%;
}
@media screen and (max-width: 767px) {
  .p-r-top-work {
    margin-top: 50.8px;
  }
  .p-r-top-work::after {
    content: "";
    display: block;
    height: 14.4vw;
    background-color: #44b9a3;
  }
}

.p-r-top-work__wave-top {
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__wave-top {
    position: static;
    margin-bottom: -2px;
  }
}

.p-r-top-work__wrapper {
  padding-bottom: 14.2928571429%;
  overflow-x: clip;
  background: linear-gradient(180deg, transparent, transparent 5.4285714286vw, #82d06e 5.4285714286vw, #44b9a3 100%);
  font-size: min(0.7936507937vw, 10px);
  color: #fff;
}
@media screen and (max-width: 1259px) {
  .p-r-top-work__wrapper {
    font-size: max(0.7936507937vw, 7.5px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-work__wrapper {
    padding-bottom: 30px;
    background: linear-gradient(180deg, #82d06e 0%, #44b9a3 100%);
    font-size: 1rem;
  }
}

.p-r-top-work__head {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  padding: calc(12.9em + 5.5vw) 10.0714285714% 0;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__head {
    padding: 93.2px 5.3333333333% 0;
  }
}

.p-r-top-work__illust {
  position: absolute;
  top: 3.6em;
  right: 23.1857142857%;
  width: 22.1714285714%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__illust {
    top: 0;
    left: 5.3333333333%;
    width: 210px;
  }
}

.p-r-top-work__picture {
  position: absolute;
  height: auto;
  border-radius: 10px;
}
.p-r-top-work__picture.--01 {
  top: -3.8em;
  left: 8.5714285714%;
  width: 34.9285714286%;
}
.p-r-top-work__picture.--02 {
  top: 54.9em;
  left: 5%;
  width: 25.5714285714%;
}
.p-r-top-work__picture.--03 {
  top: 58.8em;
  right: -0.9285714286%;
  width: 18.2142857143%;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__picture.--01 {
    top: 251.2px;
    left: 5.3333333333%;
    width: 44.9333333333%;
    z-index: 1;
  }
  .p-r-top-work__picture.--02 {
    top: 290.9px;
    left: unset;
    right: 5.3333333333%;
    width: 46.16%;
  }
  .p-r-top-work__picture.--03 {
    display: none;
  }
}

.p-r-top-work__catch {
  position: absolute;
  top: 3em;
  right: 10.6428571429%;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 1em;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__catch {
    top: -50px;
    right: 5.3333333333%;
    gap: 10px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .p-r-top-work__catch {
    top: -90px;
    right: 20px;
    gap: 10px;
  }
}

.p-r-top-work__catch-line {
  padding: 0.4166666667em;
  border-radius: 2.3px;
  background-color: #fff;
  writing-mode: vertical-rl;
  font-size: 2.4em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08333em;
  color: #388e66;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__catch-line {
    padding: 10px;
    font-size: 2rem;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .p-r-top-work__catch-line {
    padding: 10px;
    font-size: 2rem;
    letter-spacing: 0.1em;
    white-space: nowrap;
  }
}

.p-r-top-work__head-inner {
  max-width: 50.0894454383%;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__head-inner {
    max-width: 100%;
  }
}

.p-r-top-work__title {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__title {
    gap: 10px;
  }
}

.p-r-top-work__title-ja {
  padding-left: 0.25em;
  font-size: 2em;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__title-ja {
    font-size: 1.8rem;
    padding-left: 5px;
  }
}

.p-r-top-work__title-en {
  font-family: "Prompt", sans-serif;
  font-size: 8.6em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__title-en {
    font-size: 5.6rem;
  }
}

.p-r-top-work__description {
  display: flex;
  flex-direction: column;
  gap: 1.875em;
  margin-top: 2.5em;
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__description {
    gap: 20px;
    margin-top: 92%;
    font-size: 1.6rem;
  }
}

.p-r-top-work__container {
  max-width: 1260px;
  margin: 17.6em auto 0;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__container {
    margin-top: 40px;
    padding: 0 5.3333333333%;
  }
}

.p-r-top-work__figure {
  display: block;
  width: 86.333%;
  max-width: 103.6em;
  height: auto;
  margin: 0 auto;
  padding-left: 2.25%;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__figure {
    width: 105.9701492537%;
    max-width: unset;
    margin: 0 -2.9850746269%;
    padding-left: 0;
  }
}

.p-r-top-work__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
  margin-top: 6.09em;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__list {
    grid-template-columns: 100%;
    gap: 5px;
    margin-top: 40px;
  }
}

.p-r-top-work__item {
  padding: 3em;
  border-radius: 5px;
  background-color: #45a97a;
}
@media screen and (max-width: 767px) {
  .p-r-top-work__item {
    padding: 20px;
  }
}

.p-r-top-work__heading {
  display: flex;
  align-items: center;
  gap: 0.4166666667em;
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1;
}
.p-r-top-work__heading::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 4px solid #fff;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .p-r-top-work__heading {
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-work__heading {
    gap: 10px;
    font-size: 1.8rem;
    cursor: pointer;
  }
  .p-r-top-work__heading::before {
    width: 10px;
    height: 10px;
    border-width: 2.5px;
  }
  .p-r-top-work__heading::after {
    content: "";
    width: 15px;
    height: 15px;
    margin-left: auto;
    background: url("../images/recruit/top/work-toggle-open.svg") no-repeat center/contain;
  }
  .p-r-top-work__heading.is-opened::after {
    background-image: url("../images/recruit/top/work-toggle-close.svg");
  }
}

.p-r-top-work__text {
  position: relative;
  margin-top: 1.25em;
  padding-top: 0.9375em;
  font-size: 1.6em;
  line-height: 2;
}
.p-r-top-work__text::before {
  content: "";
  position: absolute;
  top: -0.5px;
  right: 0.3125em;
  left: 0.3125em;
  height: 1px;
  border-radius: 9999px;
  background-color: #bfdccf;
}
@media screen and (min-width: 768px) {
  .p-r-top-work__text {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .p-r-top-work__text {
    display: none;
    margin-top: 0;
    padding-top: 30px;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.75;
  }
  .p-r-top-work__text::before {
    top: 14.5px;
    right: 0;
    left: 0;
  }
}

.p-r-top-job {
  position: relative;
  margin-top: -5%;
  font-size: min(0.7142857143vw, 10px);
}
@media screen and (max-width: 767px) {
  .p-r-top-job {
    margin-top: -5.3333333333%;
  }
}

.p-r-top-job__bg {
  display: block;
  width: 100%;
  height: auto;
}

.p-r-top-job__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 52.5%;
  padding: 0 3em 2.92em 3.3em;
}
@media screen and (max-width: 767px) {
  .p-r-top-job__inner {
    position: static;
    width: 100%;
    margin-top: -5.3333333333%;
    padding: calc(35px + 5.3333333333%) 5.3333333333%;
    background-color: #fff;
  }
}

.p-r-top-job__content {
  position: relative;
  width: 100%;
  max-width: 53.8em;
}
@media screen and (max-width: 767px) {
  .p-r-top-job__content {
    max-width: 100%;
  }
}

.p-r-top-job__tree {
  position: absolute;
  top: -0.4em;
  right: 0;
  width: 8.1em;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-top-job__tree {
    top: 16.1px;
    width: 44.7px;
  }
}

.p-r-top-job__title {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media screen and (max-width: 767px) {
  .p-r-top-job__title {
    gap: 10px;
  }
}

.p-r-top-job__title-ja {
  padding-left: 0.25em;
  font-size: 2em;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-job__title-ja {
    font-size: 1.8rem;
    padding-left: 5px;
  }
}

.p-r-top-job__title-en {
  background: linear-gradient(92.04deg, #82d06e 3.33%, #44b9a3 97.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Prompt", sans-serif;
  font-size: 8.6em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-r-top-job__title-en {
    font-size: 5.4rem;
    letter-spacing: 0.03em;
  }
}

.p-r-top-job__list {
  margin-top: 1.5em;
}
@media screen and (max-width: 767px) {
  .p-r-top-job__list {
    margin-top: 10px;
  }
}

.p-r-top-job__item:not(:last-of-type) {
  background-image: repeating-linear-gradient(90deg, #d7d7cd, #d7d7cd 8px, transparent 8px, transparent 14px);
  background-position: left -4px bottom;
  background-repeat: repeat-x;
  background-size: 1400% 2px;
}
@media screen and (max-width: 767px) {
  .p-r-top-job__item:not(:last-of-type) {
    background-image: repeating-linear-gradient(90deg, #d7d7cd, #d7d7cd 4px, transparent 4px, transparent 7px);
    background-position: left -2px bottom;
    background-size: 700% 1px;
  }
}

.p-r-top-job__link {
  display: flex;
  align-items: center;
  gap: 3em;
  padding: 2.5em 2em;
  color: #333;
}
.p-r-top-job__link::after {
  content: "";
  flex-shrink: 0;
  width: 4em;
  height: 4em;
  margin-left: auto;
  background: url("../images/recruit/top/job-arrow-01.png") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-r-top-job__link {
    gap: 15px;
    padding: 20px 0;
  }
  .p-r-top-job__link::after {
    width: 30px;
    height: 30px;
  }
}

.p-r-top-job__icon {
  width: 6em;
  height: 6em;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-r-top-job__icon {
    width: 40px;
    height: 40px;
  }
}

.p-r-top-job__link-text {
  font-size: 2.6em;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-top-job__link-text {
    font-size: 1.8rem;
  }
}

.p-r-top-job__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3125em;
  margin-top: 0.9375em;
  padding: 0.75em 0.9375em 0.75em 1.25em;
  border-radius: 9999px;
  background-color: #388e66;
  font-size: max(1.6em, 12px);
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.p-r-top-job__btn::after {
  content: "";
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  background: url("../images/recruit/top/job-arrow-02.png") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-r-top-job__btn {
    gap: 10px;
    margin-top: 10px;
    padding: 10px 10px 10px 20px;
    font-size: 1.2rem;
  }
  .p-r-top-job__btn::after {
    width: 20px;
    height: 20px;
  }
}

.p-r-head {
  position: relative;
  z-index: 0;
  padding-top: 160px;
}
.p-r-head::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  height: 263px;
  background-color: #f1f1e3;
}
@media screen and (max-width: 1000px) {
  .p-r-head {
    padding-top: 110px;
  }
  .p-r-head::before {
    height: 213px;
  }
}
@media screen and (max-width: 767px) {
  .p-r-head {
    padding-top: 90px;
  }
  .p-r-head.--voice::before, .p-r-head.--talk::before {
    height: 250px;
  }
  .p-r-head.--info::before {
    height: 172px;
  }
  .p-r-head.--detail::before {
    height: 431px;
  }
}

.p-r-head__wave {
  position: absolute;
  top: 262px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1000px) {
  .p-r-head__wave {
    top: 212px;
  }
}
@media screen and (max-width: 767px) {
  .p-r-head__wave.--voice, .p-r-head__wave.--talk {
    top: 245px;
  }
  .p-r-head__wave.--info {
    top: 170px;
  }
  .p-r-head__wave.--detail {
    top: 429px;
  }
}

.p-r-head__container {
  position: relative;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 30px;
  font-size: min(0.7936507937vw, 10px);
}
@media screen and (max-width: 1259px) {
  .p-r-head__container {
    font-size: max(0.7936507937vw, 7.5px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-head__container {
    padding: 0 5.3333333333%;
    font-size: 1rem;
  }
}

.p-r-head__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
}
@media screen and (max-width: 767px) {
  .p-r-head__title {
    gap: 10px;
  }
}

.p-r-head__title-ja {
  padding-left: 0.25em;
  font-size: 2em;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-head__title-ja {
    padding-left: 5px;
    font-size: 1.6rem;
  }
}

.p-r-head__title-en {
  background: linear-gradient(92.04deg, #82d06e 3.33%, #44b9a3 97.03%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Prompt", sans-serif;
  font-size: 8.6em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-r-head__title-en {
    font-size: 5.4rem;
  }
}

.p-r-head__breadcrumb {
  display: flex;
  gap: 0.75em;
  margin-top: 1em;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .p-r-head__breadcrumb {
    gap: 5.5px;
    margin-top: 10px;
  }
}

.p-r-head__breadcrumb-item:not(:last-of-type) {
  display: flex;
  align-items: center;
  gap: 0.75em;
}
.p-r-head__breadcrumb-item:not(:last-of-type)::after {
  content: "";
  width: 0.5em;
  height: 0.9em;
  margin-top: 0.3em;
  background: url("../images/recruit/common/breadcrumb-arrow.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-r-head__breadcrumb-item:not(:last-of-type) {
    gap: 5.5px;
  }
  .p-r-head__breadcrumb-item:not(:last-of-type)::after {
    width: 4px;
    height: 7px;
  }
}

.p-r-head__breadcrumb-link {
  display: block;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1;
  color: #333;
}
@media screen and (max-width: 767px) {
  .p-r-head__breadcrumb-link {
    font-size: 1.4rem;
  }
}

.p-r-head__catch {
  position: absolute;
  top: 1.5em;
  right: 11.6em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
  .p-r-head__catch {
    top: 124px;
    right: 8%;
    gap: 5px;
  }
}

.p-r-head__catch-line {
  flex-shrink: 0;
  padding: 0.4545454545em;
  border-radius: 2px;
  background-color: #fff;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  white-space: nowrap;
  color: #388e66;
}
.p-r-head__catch-line.pb-0 {
  padding-bottom: 0;
}
.p-r-head__catch-line .horizontal {
  writing-mode: horizontal-tb;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .p-r-head__catch-line {
    padding: 6px;
    font-size: 1.6rem;
    line-height: 1.375;
    letter-spacing: 0.125em;
  }
  .p-r-head__catch-line .horizontal {
    line-height: 1.125;
    letter-spacing: 0;
  }
  .p-r-head__catch-line:nth-child(2) {
    min-height: 186px;
  }
}

.p-r-head__description {
  position: absolute;
  top: 4.8125em;
  right: 1.875em;
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 900px) {
  .p-r-head__description {
    position: static;
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .p-r-head__description {
    font-size: 1.4rem;
  }
}

.p-r-head__img {
  position: absolute;
  top: 1.8em;
  right: 9.2063492063%;
  width: 46.0317460317%;
  height: auto;
  border-radius: 5px;
}
@media screen and (max-width: 1023px) {
  .p-r-head__img {
    width: 42.8571428571%;
  }
}
@media screen and (max-width: 767px) {
  .p-r-head__img {
    position: static;
    display: block;
    width: 100%;
    margin-top: 30px;
  }
}

.p-r-head__bird {
  position: absolute;
  top: -3.4em;
  right: 5.3em;
  width: 7em;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-head__bird.--voice, .p-r-head__bird.--talk {
    top: 173px;
    left: 12.8%;
    width: 100px;
  }
  .p-r-head__bird.--info {
    top: 44px;
    right: 5.3066666667%;
    width: 57.1px;
  }
  .p-r-head__bird.--detail {
    top: 114px;
    right: 2.64%;
    width: 57.1px;
  }
}

.p-r-voice {
  position: relative;
  padding-bottom: 11.8571428571%;
  font-size: min(0.7936507937vw, 10px);
}
.p-r-voice::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  padding-top: 14.2857142857%;
  transform: scaleX(-1);
  background: url("../images/recruit/voice/wave.svg") no-repeat bottom/100% auto;
}
@media screen and (max-width: 1259px) {
  .p-r-voice {
    font-size: max(0.7936507937vw, 7.5px);
  }
}

.p-r-voice__section {
  position: relative;
  z-index: 0;
  padding: 0 30px 2px;
}
.p-r-voice__section::before {
  content: "";
  position: absolute;
  top: -2px;
  right: 0;
  left: 0;
  z-index: -1;
  padding-top: 14.2857142857%;
  background: #f1f1e3 no-repeat bottom/100% auto;
}
.p-r-voice__section:nth-child(odd)::before {
  background-color: #f5f5ee;
  background-image: url("../images/recruit/voice/wave.svg");
}
.p-r-voice__section:nth-child(even) {
  background-color: #f1f1e3;
}
.p-r-voice__section:nth-child(even)::before {
  background-image: url("../images/recruit/voice/wave-light.svg");
}
.p-r-voice__section:nth-child(1) {
  padding-top: 13.1em;
}
.p-r-voice__section:nth-child(1)::before {
  display: none;
}
.p-r-voice__section:nth-child(2) {
  padding-top: 13.3em;
}
.p-r-voice__section:nth-child(3) {
  padding-top: 14.1em;
}
.p-r-voice__section:nth-child(4) {
  padding-top: 14.6em;
}
@media screen and (max-width: 767px) {
  .p-r-voice__section {
    padding: 80px 5.3333333333% 21px;
    padding-top: 80px !important;
  }
  .p-r-voice__section:nth-child(1) {
    margin-top: 185.6px;
  }
  .p-r-voice__section:nth-child(2), .p-r-voice__section:nth-child(3), .p-r-voice__section:nth-child(4) {
    margin-top: 27px;
    margin-top: 7.2%;
  }
  .p-r-voice__section:nth-child(2)::before, .p-r-voice__section:nth-child(3)::before, .p-r-voice__section:nth-child(4)::before {
    top: -28px;
    top: -7.4666666667vw;
  }
}

.p-r-voice__container {
  max-width: 1110px;
  margin: 0 auto;
}

.p-r-voice__main {
  position: relative;
  display: grid;
  grid-template-columns: 29.7297297297% 1fr;
  gap: 10.2702702703%;
}
@media screen and (max-width: 767px) {
  .p-r-voice__main {
    grid-template-columns: 100%;
    gap: 10px;
  }
}

.p-r-voice__profile-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .p-r-voice__profile-img {
    border-radius: 5px;
  }
}

.p-r-voice__catch {
  position: absolute;
  top: 6em;
  left: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5em;
}
@media screen and (max-width: 767px) {
  .p-r-voice__catch {
    position: static;
    gap: 5px;
    margin-top: -15px;
  }
}

.p-r-voice__catch-line {
  padding: 0 0.3571428571em;
  border-radius: 2px;
  background: linear-gradient(90.32deg, #82d06e 1.67%, #44b9a3 101.4%);
  font-size: 2.8em;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
}
.p-r-voice__catch-line.pr-0 {
  padding-right: 0 !important;
}
@media screen and (max-width: 767px) {
  .p-r-voice__catch-line {
    padding: 0 6px;
    font-size: 2rem;
  }
}

.p-r-voice__place {
  display: flex;
  align-items: center;
  gap: 1.5em;
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .p-r-voice__place {
    gap: 10px;
    margin-top: 20px;
  }
}

.p-r-voice__place-label {
  flex-shrink: 0;
  padding: 0.1875em 0.75em 0.3125em;
  border-radius: 9999px;
  background-color: #fff;
  font-size: 1.6em;
  line-height: 1;
  color: #388e66;
}
@media screen and (max-width: 1023px) {
  .p-r-voice__place-label {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 767px) {
  .p-r-voice__place-label {
    padding: 4px 8px;
    font-size: 1.4rem;
  }
}

.p-r-voice__place-name {
  flex-shrink: 0;
  font-size: 1.6em;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .p-r-voice__place-name {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 767px) {
  .p-r-voice__place-name {
    font-size: 1.4rem;
  }
}

.p-r-voice__position {
  margin: 0.625em 0 0 0.4166666667em;
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-voice__position {
    margin: 10px 0 0 10px;
    font-size: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .p-r-voice__content {
    padding-top: 14.9em;
  }
}

.p-r-voice__text {
  margin-top: 1.875em;
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-voice__text {
    margin-top: 20px;
    font-size: 1.6rem;
  }
}

.p-r-voice__toggle-area {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-r-voice__toggle-area {
    display: block !important;
  }
}

.p-r-voice__toggle-btn {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-r-voice__toggle-btn {
    display: flex;
    align-items: center;
    gap: 9.5px;
    width: fit-content;
    margin: 20px auto 0;
    padding: 10px 9.5px 10px 20px;
    border-radius: 9999px;
    background-color: #388e66;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
  }
  .p-r-voice__toggle-btn::after {
    content: "";
    width: 11px;
    height: 11px;
    background: url("../images/recruit/voice/icon-toggle-open.svg") no-repeat center/contain;
  }
  .p-r-voice__toggle-btn.is-opened::after {
    background-image: url("../images/recruit/voice/icon-toggle-close.svg");
  }
  .p-r-voice__toggle-btn.is-opened .p-r-voice__toggle-btn-text:nth-child(1) {
    display: none;
  }
  .p-r-voice__toggle-btn.is-opened .p-r-voice__toggle-btn-text:nth-child(2) {
    display: inline;
  }
}

.p-r-voice__toggle-btn-text:nth-child(2) {
  display: none;
}

.p-r-voice__sub {
  display: grid;
  grid-template-columns: 815fr 287fr;
  gap: 1em;
  margin-top: 8em;
}
@media screen and (max-width: 767px) {
  .p-r-voice__sub {
    grid-template-columns: 215fr 115fr;
    gap: 5px;
    margin-top: 40px;
  }
}

.p-r-voice__sub-img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .p-r-voice__sub-img {
    border-radius: 5px;
  }
}

.p-r-talk {
  position: relative;
  margin-top: 6em;
  font-size: min(0.7936507937vw, 10px);
}
@media screen and (max-width: 1259px) {
  .p-r-talk {
    font-size: max(0.7936507937vw, 7.5px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-talk {
    margin-top: 230px;
    font-size: 1rem;
  }
}

.p-r-talk__container {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .p-r-talk__container {
    padding: 0 5.3333333333%;
  }
}

.p-r-talk__catch {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5em;
}
@media screen and (max-width: 767px) {
  .p-r-talk__catch {
    gap: 0;
  }
}

.p-r-talk__catch-line {
  font-size: 3.6em;
  font-weight: 700;
  line-height: 1.5;
  color: #388e66;
}
@media screen and (max-width: 767px) {
  .p-r-talk__catch-line {
    font-size: 2.8rem;
  }
}

.p-r-talk__description {
  margin-top: 1.875em;
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-talk__description {
    margin-top: 1.25em;
    font-size: 1.6rem;
  }
}

.p-r-talk__members {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2em;
  margin-top: 6em;
}
@media screen and (max-width: 767px) {
  .p-r-talk__members {
    grid-template-columns: repeat(2, 1fr);
    gap: 32.8px 2.9850746269%;
    margin-top: 40px;
  }
}

.p-r-talk__member {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.p-r-talk__member:nth-child(1) {
  --member-color: #dc572f;
}
.p-r-talk__member:nth-child(2) {
  --member-color: #e39d4b;
}
.p-r-talk__member:nth-child(3) {
  --member-color: #3695ab;
}
.p-r-talk__member:nth-child(4) {
  --member-color: #9cbb4e;
}

.p-r-talk__member-img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .p-r-talk__member-img {
    border-radius: 5.7px;
  }
}

.p-r-talk__member-position {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.3333333333em;
  height: 2em;
  margin: -0.9444444444em auto 0;
  padding-bottom: 0.0555555556em;
  outline: 6px solid #f5f5ee;
  border-radius: 9999px;
  background-color: var(--member-color);
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-talk__member-position {
    width: 95px;
    height: 24px;
    margin-top: -11.4px;
    padding-bottom: 1px;
    outline-width: 3px;
    font-size: 1.4rem;
  }
}

.p-r-talk__member-years {
  margin-top: 0.75em;
  font-size: 1.6em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-talk__member-years {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

.p-r-talk__member-name {
  margin-top: 0.4166666667em;
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1;
  color: var(--member-color);
}
@media screen and (max-width: 767px) {
  .p-r-talk__member-name {
    margin-top: 5.7px;
    font-size: 2rem;
  }
}

.p-r-talk__section {
  max-width: 1144px;
  padding: 0 60px;
  margin: 0 auto;
}
.p-r-talk__section.--01 {
  margin-top: 7em;
}
.p-r-talk__section.--02 {
  margin-top: 3.5em;
}
.p-r-talk__section.--03 {
  margin-top: 3.7em;
}
.p-r-talk__section.--04 {
  margin-top: 9.1em;
}
@media screen and (max-width: 767px) {
  .p-r-talk__section {
    padding: 0 5.3333333333%;
  }
  .p-r-talk__section.--01 {
    margin-top: 77.8px;
  }
  .p-r-talk__section.--02, .p-r-talk__section.--03, .p-r-talk__section.--04 {
    margin-top: 40px;
  }
}

.p-r-talk__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.9em;
}
@media screen and (max-width: 767px) {
  .p-r-talk__title {
    gap: 15px;
  }
}

.p-r-talk__title-sub {
  display: flex;
  align-items: flex-end;
  gap: 0.4em;
  padding: 1.5em 2em 1em;
  border-bottom: 2px solid #38bca6;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  color: #38bca6;
}
@media screen and (max-width: 767px) {
  .p-r-talk__title-sub {
    gap: 2.7px;
    padding: 0 10px 8.7px;
    border-bottom: 1.3px solid #38bca6;
  }
}

.p-r-talk__title-question {
  margin-bottom: 0.09375em;
  font-size: 3.2em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-talk__title-question {
    margin-bottom: 2px;
    font-size: 2.4rem;
  }
}

.p-r-talk__title-number {
  font-size: 4.6em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-talk__title-number {
    font-size: 3.6rem;
  }
}

.p-r-talk__title-main {
  text-align: center;
  font-size: 3.2em;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-r-talk__title-main {
    font-size: 2.4rem;
  }
}

.p-r-talk__list {
  display: grid;
  grid-template-columns: 100%;
  gap: 3em;
  margin-top: 4em;
}
@media screen and (max-width: 767px) {
  .p-r-talk__list {
    gap: 10px;
    margin-top: 40px;
  }
}

.p-r-talk__item {
  display: grid;
  grid-template-columns: 10em 1fr;
  align-items: flex-start;
  gap: 2.9296875%;
}
@media screen and (max-width: 767px) {
  .p-r-talk__item {
    grid-template-columns: 60px 1fr;
    gap: 20px;
  }
}

.p-r-talk__name {
  margin-top: 0.2777777778em;
  text-align: center;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-talk__name {
    margin-top: 5px;
    font-size: 1rem;
  }
}

.p-r-talk__speech {
  position: relative;
  padding: 1.25em;
  background-color: #fff;
  border-radius: 10px;
  font-size: 1.6em;
  line-height: 2;
}
.p-r-talk__speech::before {
  content: "";
  position: absolute;
  top: 2.6875em;
  left: -0.875em;
  width: 1.125em;
  height: 1.25em;
  background: url("../images/recruit/talk/speech-tail.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-r-talk__speech {
    padding: 15px;
    font-size: 1.4em;
  }
  .p-r-talk__speech::before {
    top: 25px;
    left: -10.7px;
    width: 12px;
    height: 13.33px;
  }
}

.p-r-talk__box {
  width: 87.890625%;
  margin: 2.7em 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p-r-talk__box {
    width: 100%;
    margin-top: 27px;
  }
}

.p-r-talk__box-head {
  padding: 0.7083333333em 1.0416666667em 0.6666666667em;
  border-radius: 10px 10px 0 0;
  background-color: #388e66;
  text-align: center;
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-talk__box-head {
    padding: 13px 25px 10px;
    font-size: 1.8em;
    line-height: 1.5;
  }
}

.p-r-talk__box-body {
  padding: 3em;
  border: 3px solid #388e66;
  border-top: none;
  border-radius: 0 0 10px 10px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-talk__box-body {
    padding: 15px;
  }
}

.p-r-talk__box-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2em;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-r-talk__box-list.--01 {
    max-width: 62em;
  }
}
@media screen and (max-width: 767px) {
  .p-r-talk__box-list {
    justify-content: flex-start;
    gap: 10px 15px;
  }
}

.p-r-talk__box-item {
  display: flex;
  align-items: center;
  gap: 0.4444444444em;
  font-size: 1.8em;
  line-height: 1.5;
}
.p-r-talk__box-item::before {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #388e66;
}
@media screen and (max-width: 767px) {
  .p-r-talk__box-item {
    gap: 8px;
    font-size: 1.6rem;
  }
}

.p-r-talk__wide-img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 8em;
}
@media screen and (max-width: 767px) {
  .p-r-talk__wide-img {
    margin-top: 40px;
  }
}

.p-r-talk__end {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .p-r-talk__end {
    margin-bottom: 9.3333333333%;
  }
  .p-r-talk__end::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10.6666666667vw;
    width: 100%;
    height: 50%;
    z-index: -1;
    background-color: #f1f1e3;
  }
}

.p-r-talk__end-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23.6428571429%;
  padding-top: 1.9em;
  transform: translateX(-50%);
  font-size: min(0.7142857143vw, 10px);
}
@media screen and (max-width: 767px) {
  .p-r-talk__end-content {
    top: unset;
    left: 0;
    bottom: -14.8px;
    z-index: 1;
    width: 100%;
    padding-top: 0;
    transform: none;
  }
}

.p-r-talk__end-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6944444444em;
  text-align: center;
  font-size: 3.6em;
  font-weight: 700;
  line-height: 1.35;
  color: #388e66;
}
.p-r-talk__end-link::after {
  content: "";
  flex-shrink: 0;
  width: 1.3611111111em;
  height: 1.3611111111em;
  background: url("../images/recruit/talk/btn-arrow.png") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-r-talk__end-link {
    flex-direction: row;
    gap: 9px;
    padding: 15px 15px 15px 20px;
    border-radius: 9999px;
    background-color: #388e66;
    font-size: 1.6rem;
    line-height: 1;
    color: #fff;
  }
  .p-r-talk__end-link::after {
    width: 20px;
    height: 20px;
    background-image: url("../images/recruit/talk/btn-arrow@sp.png");
  }
}

.p-r-info {
  position: relative;
  padding: 8em 0 13.7em;
  font-size: min(0.7936507937vw, 10px);
}
@media screen and (max-width: 1259px) {
  .p-r-info {
    font-size: max(0.7936507937vw, 7.5px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-info {
    padding: 10px 0 85px;
  }
}

.p-r-info__container {
  max-width: 1084px;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .p-r-info__container {
    padding: 0 5.3333333333%;
  }
}

.p-r-info__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3em;
}
@media screen and (max-width: 767px) {
  .p-r-info__list {
    grid-template-columns: 100%;
    gap: 10px;
  }
}

.p-r-info__item {
  overflow: clip;
  border-radius: 1em;
  background-color: #fff;
}
.p-r-info__item:nth-child(1) {
  --head-color: #38bca6;
  --point-color: #388e66;
}
.p-r-info__item:nth-child(2) {
  --head-color: #9cbb4e;
  --point-color: #9cbb4e;
}
@media screen and (max-width: 767px) {
  .p-r-info__item {
    border-radius: 10px;
  }
}

.p-r-info__link {
  display: block;
  height: 100%;
}

.p-r-info__head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2em;
  padding: 1.5em 2.5em;
  background-color: var(--head-color);
}
@media screen and (max-width: 767px) {
  .p-r-info__head {
    position: relative;
    display: block;
    padding: 15px;
  }
}

.p-r-info__head-text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2em;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-info__head-text {
    gap: 20px;
  }
}

.p-r-info__head-name {
  font-size: 1.6em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-info__head-name {
    font-size: 1.2rem;
  }
}

.p-r-info__head-value {
  font-size: 2.6em;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-info__head-value {
    font-size: 1.8rem;
  }
}

.p-r-info__arrow {
  width: 3.5em;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-info__arrow {
    position: absolute;
    bottom: 11px;
    right: 15px;
    width: 25px;
  }
}

.p-r-info__body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.5em 2em;
  padding: 3em;
}
@media screen and (max-width: 767px) {
  .p-r-info__body {
    gap: 10px 15px;
    padding: 15px 20px;
  }
}

.p-r-info__job {
  display: flex;
  align-items: center;
  gap: 0.4444444444em;
  font-size: 1.8em;
  line-height: 1.5;
  color: #333;
}
.p-r-info__job::before {
  content: "";
  flex-shrink: 0;
  width: 0.3333333333em;
  height: 0.3333333333em;
  border-radius: 50%;
  background-color: var(--point-color);
}
@media screen and (max-width: 767px) {
  .p-r-info__job {
    gap: 8px;
    font-size: 1.6rem;
  }
  .p-r-info__job::before {
    width: 6px;
    height: 6px;
  }
}

.p-r-info__flow {
  margin-top: -110px;
  padding-top: calc(6em + 110px);
}
@media screen and (max-width: 1000px) {
  .p-r-info__flow {
    margin-top: -70px;
    padding-top: calc(6em + 70px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-info__flow {
    margin-top: -60px;
    padding-top: 110px;
  }
}

.p-r-info__heading {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-left: -2px;
  font-size: 3.2em;
  font-weight: 700;
  line-height: 1.15625;
}
.p-r-info__heading::before {
  content: "";
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-top: 2px;
  border-radius: 50%;
  border: 4px solid #388e66;
}
@media screen and (max-width: 767px) {
  .p-r-info__heading {
    gap: 9px;
    margin-left: -1px;
    font-size: 2rem;
    line-height: 1.15;
  }
  .p-r-info__heading::before {
    width: 8.5px;
    height: 8.5px;
    border-width: 2.5px;
  }
}

.p-r-info__flow-section:first-of-type {
  --section-color: #e39d4b;
  margin-top: 4em;
}
.p-r-info__flow-section:last-of-type {
  --section-color: #3695ab;
  margin-top: 5em;
}
@media screen and (max-width: 767px) {
  .p-r-info__flow-section:first-of-type {
    margin-top: 30px;
  }
  .p-r-info__flow-section:last-of-type {
    margin-top: 38.6px;
  }
}

.p-r-info__label {
  display: inline-block;
  padding: 0.45em 1em 0.55em;
  border-radius: 9999px;
  background-color: var(--section-color);
  font-size: 2em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-info__label {
    padding: 9px 20px 11px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .p-r-info__flow-wrapper {
    margin: 0 -5.9701492537%;
    padding: 0 5.9701492537%;
    overflow-x: scroll;
  }
}

.p-r-info__flow-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4.6em;
  margin-top: 2em;
  padding-bottom: 4em;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .p-r-info__flow-list {
    display: flex;
    width: fit-content;
    gap: 31.3px;
    margin-top: 20px;
    padding-bottom: 38px;
  }
}

.p-r-info__flow-desc {
  margin-top: 0.5em;
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-info__flow-desc {
    margin-top: 16px;
    font-size: 1.6rem;
  }
}

.p-r-info__step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
  padding: 2em;
  border-radius: 5px;
  background-color: #fff;
}
.p-r-info__step:not(:last-of-type)::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.75em);
  right: -3.05em;
  width: 1.4em;
  height: 1.5em;
  background: url("../images/recruit/info/flow-arrow.svg") no-repeat center/contain;
}
.p-r-info__step:last-of-type .p-r-info__period::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-r-info__step {
    flex-shrink: 0;
    gap: 6.7px;
    width: 111.9px;
    padding: 13.3px;
  }
  .p-r-info__step:not(:last-of-type)::after {
    right: -20.4px;
    width: 9.5px;
    height: 9.8px;
  }
}

.p-r-info__step-icon {
  width: 62.5%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-r-info__step-icon {
    width: 53.3px;
  }
}

.p-r-info__step-text {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2.4444444444em;
  text-align: center;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.2222222222;
}
@media screen and (max-width: 767px) {
  .p-r-info__step-text {
    min-height: 2.4416666667em;
    font-size: 1.2rem;
    line-height: 1.2;
  }
}

.p-r-info__step-note {
  position: absolute;
  bottom: -1.8333333333em;
  left: 0;
  font-size: 1.2em;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-r-info__step-note {
    bottom: -7px;
    font-size: 1.2rem;
    transform: translateY(100%);
    white-space: wrap;
  }
}

.p-r-info__period {
  position: absolute;
  bottom: -4.5555555556em;
  left: -1.2777777778em;
  display: flex;
  align-items: center;
  gap: 0.2222222222em;
  padding: 0.5555555556em;
  transform: translateX(-50%);
  background-color: #f5f5ee;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.15;
}
.p-r-info__period::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateX(100%);
  width: 100%;
  height: 1px;
  background-image: repeating-linear-gradient(90deg, #bfbfbf, #bfbfbf 3px, transparent 3px, transparent 6px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
@media screen and (max-width: 767px) {
  .p-r-info__period {
    bottom: -80.5px;
    left: -15.65px;
    gap: 3.3px;
    padding: 8.23px;
    font-size: 1.4rem;
  }
  .p-r-info__period::after {
    background-image: repeating-linear-gradient(90deg, #bfbfbf, #bfbfbf 2px, transparent 2px, transparent 4px);
  }
}

.p-r-info__period-value {
  font-family: "Prompt", sans-serif;
  font-size: 1.7777777778em;
  font-weight: 500;
  line-height: 1;
  color: var(--section-color);
}
@media screen and (max-width: 767px) {
  .p-r-info__period-value {
    font-size: 2.4rem;
  }
}

.p-r-info__wide-img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 3em;
}
@media screen and (max-width: 767px) {
  .p-r-info__wide-img {
    margin-top: 25.3px;
  }
}

.p-r-info__qa {
  margin-top: -110px;
  padding-top: calc(1.98em + 110px);
}
@media screen and (max-width: 1000px) {
  .p-r-info__qa {
    margin-top: -70px;
    padding-top: calc(1.98em + 70px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-info__qa {
    margin-top: -60px;
    padding-top: 100.4px;
  }
}

.p-r-info__qa-list {
  margin-top: 3em;
}
@media screen and (max-width: 767px) {
  .p-r-info__qa-list {
    margin-top: 10px;
  }
}

.p-r-info__qa-item {
  padding-bottom: 0.5em;
  background-image: repeating-linear-gradient(90deg, #bfbfbf, #bfbfbf 4px, transparent 4px, transparent 8px);
  background-position: left -2px bottom;
  background-repeat: repeat-x;
  background-size: 800% 1px;
}
.p-r-info__qa-item.is-opened {
  background: none;
}
.p-r-info__qa-item.is-opened .p-r-info__qa-head::after {
  background-image: url("../images/recruit/info/toggle-close.svg");
}
@media screen and (max-width: 767px) {
  .p-r-info__qa-item {
    padding-bottom: 5px;
  }
}

.p-r-info__qa-head {
  display: flex;
  align-items: center;
  gap: 2em;
  padding: 3em 2em 2.5em;
  cursor: pointer;
}
.p-r-info__qa-head::after {
  content: "";
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  margin-left: auto;
  background: url("../images/recruit/info/toggle-open.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-r-info__qa-head {
    gap: 15px;
    padding: 20px 15px 15px;
  }
  .p-r-info__qa-head::after {
    width: 15px;
    height: 15px;
  }
}

.p-r-info__icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.9444444444em;
  height: 1.9444444444em;
  padding-top: 1px;
  border-radius: 50%;
  font-family: "Prompt", sans-serif;
  font-size: 1.8em;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-info__icon {
    width: 25px;
    height: 25px;
    font-size: 1.29rem;
  }
}
.p-r-info__icon.--q {
  background-color: #388e66;
}
.p-r-info__icon.--a {
  background-color: #dc572f;
}

.p-r-info__question {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-r-info__question {
    font-size: 1.6rem;
  }
}

.p-r-info__qa-body {
  display: none;
  padding-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .p-r-info__qa-body {
    padding-bottom: 10px;
  }
}

.p-r-info__answer {
  display: flex;
  align-items: center;
  gap: 2em;
  padding: 2em;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-info__answer {
    gap: 20px;
    padding: 15px;
  }
}

.p-r-info__answer-text {
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-info__answer-text {
    font-size: 1.4rem;
  }
}

.p-r-info__btn {
  display: flex;
  align-items: center;
  gap: 0.3125em;
  width: fit-content;
  margin: 3.75em auto 0;
  padding: 0.75em 0.9375em 0.75em 1.25em;
  border-radius: 9999px;
  background-color: #388e66;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.p-r-info__btn::after {
  content: "";
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  background: url("../images/recruit/info/btn-arrow.png") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-r-info__btn {
    gap: 10px;
    margin-top: 30px;
    padding: 12px 15px 12px 20px;
    font-size: 1.4rem;
  }
  .p-r-info__btn::after {
    width: 20px;
    height: 20px;
  }
}

.p-r-detail {
  position: relative;
  z-index: 1;
  margin-top: 13em;
  font-size: min(0.7936507937vw, 10px);
}
@media screen and (max-width: 1259px) {
  .p-r-detail {
    font-size: max(0.7936507937vw, 7.5px);
  }
}
@media screen and (max-width: 767px) {
  .p-r-detail {
    margin-top: 39px;
  }
}

.p-r-detail__container {
  max-width: 1084px;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .p-r-detail__container {
    padding: 0 5.3333333333%;
  }
}

.p-r-detail__title {
  font-size: 4.6em;
  font-weight: 700;
  line-height: 1;
  color: var(--theme-color);
}
@media screen and (max-width: 767px) {
  .p-r-detail__title {
    font-size: 2.4rem;
  }
}

.p-r-detail__heading {
  display: flex;
  align-items: center;
  gap: 0.5625em;
  margin-top: 3.1666666667em;
  margin-left: -0.0625em;
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1.1666666667;
}
.p-r-detail__heading::before {
  content: "";
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  margin-top: 2px;
  border-radius: 50%;
  border: 3px solid var(--theme-color);
}
@media screen and (max-width: 767px) {
  .p-r-detail__heading {
    gap: 8.5px;
    margin-top: 30px;
    font-size: 2rem;
    line-height: 1.15;
  }
  .p-r-detail__heading::before {
    width: 8.5px;
    height: 8.5px;
    border-width: 2.5px;
  }
}

.p-r-detail__description {
  margin-top: 1.5em;
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-detail__description {
    font-size: 1.6rem;
  }
}

.p-r-detail__table {
  display: block;
  margin-top: 3em;
  padding: 5em 8em;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-detail__table {
    margin-top: 30px;
    padding: 0;
    background: none;
  }
}

.p-r-detail__tbody {
  display: block;
}

.p-r-detail__tr {
  display: flex;
}
.p-r-detail__tr:not(:first-of-type) {
  margin-top: 3em;
}
@media screen and (min-width: 768px) {
  .p-r-detail__tr:nth-child(2) .p-r-detail__th {
    padding-top: 1em;
  }
  .p-r-detail__tr:not(:last-of-type) {
    padding-bottom: 3em;
    background-image: repeating-linear-gradient(90deg, #bfbfbf, #bfbfbf 4px, transparent 4px, transparent 8px);
    background-position: left -2px bottom;
    background-repeat: repeat-x;
    background-size: 800% 1px;
  }
}
@media screen and (max-width: 767px) {
  .p-r-detail__tr {
    flex-direction: column;
    align-items: normal;
  }
  .p-r-detail__tr:not(:first-of-type) {
    margin-top: 20px;
  }
}

.p-r-detail__th {
  flex-shrink: 0;
  width: 9.5555555556em;
  padding: 1.3888888889em 5.5555555556em 1.3888888889em 0;
  text-align: center;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-r-detail__th {
    width: 100%;
    padding: 15px;
    background-color: #fff;
    font-size: 1.6rem;
  }
}

.p-r-detail__td {
  flex-grow: 1;
  padding: 2em 0;
}
@media screen and (max-width: 767px) {
  .p-r-detail__td {
    padding: 20px 0;
  }
}

.p-r-detail__job-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em 3em;
}
@media screen and (max-width: 767px) {
  .p-r-detail__job-list {
    gap: 15px 30px;
  }
}

.p-r-detail__job-item {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 1.6em;
  line-height: 1.5;
}
.p-r-detail__job-item::before {
  content: "";
  flex-shrink: 0;
  margin-top: 1px;
  width: 0.375em;
  height: 0.375em;
  border-radius: 50%;
  background-color: var(--theme-color);
}
@media screen and (max-width: 767px) {
  .p-r-detail__job-item {
    gap: 8px;
    font-size: 1.6rem;
  }
}

.p-r-detail__dt {
  margin-top: 1.875em;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1;
}
.p-r-detail__dt:first-of-type {
  margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
  .p-r-detail__dt {
    margin-top: 40px;
    font-size: 1.6rem;
  }
}

.p-r-detail__dd {
  margin-top: 0.9375em;
  font-size: 1.6em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-r-detail__dd {
    font-size: 1.6rem;
  }
}

.p-r-detail__label {
  display: inline-block;
  margin-bottom: 0.9375em;
  padding: 0.625em 1.25em;
  border-radius: 9999px;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.p-r-detail__label.--yellow {
  background-color: #e39d4b;
}
.p-r-detail__label.--blue {
  background-color: #3695ab;
}
@media screen and (max-width: 767px) {
  .p-r-detail__label {
    padding: 8px 15px;
    font-size: 1.6rem;
  }
}

.p-r-detail__text {
  font-size: 1.6em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-r-detail__text {
    font-size: 1.6rem;
  }
}

.p-r-detail__td-section:not(:first-of-type) {
  margin-top: 3em;
}
@media screen and (max-width: 767px) {
  .p-r-detail__td-section:not(:first-of-type) {
    margin-top: 40px;
  }
}

.p-r-detail__list {
  display: grid;
  grid-template-columns: 100%;
  gap: 1.5em;
  --point-color: var(--theme-color);
}
.p-r-detail__list.--yellow {
  --point-color: #e39d4b;
}
.p-r-detail__list.--blue {
  --point-color: #3695ab;
}
@media screen and (max-width: 767px) {
  .p-r-detail__list {
    gap: 15px;
  }
}

.p-r-detail__list-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
  font-size: 1.6em;
  line-height: 1.5;
}
.p-r-detail__list-item::before {
  content: "";
  flex-shrink: 0;
  width: 0.375em;
  height: 0.375em;
  margin-top: 0.625em;
  border-radius: 50%;
  background-color: var(--point-color);
}
@media screen and (max-width: 767px) {
  .p-r-detail__list-item {
    font-size: 1.6rem;
  }
}

.p-r-form .smf-item.is-entry-meta {
  display: none;
}

.p-r-form {
  position: relative;
  z-index: 0;
  margin-top: min(-7.8571428571%, -110px);
  padding: max(16%, 187px) 30px 14.8571428571%;
  background-color: #388e66;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-r-form {
    margin-top: 48px;
    padding: 14.4% 0 14.4%;
    background-color: transparent;
  }
}
.p-r-form.--thanks {
  margin-top: 2em;
}

.p-r-form__wave {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  height: auto;
}
.p-r-form__wave.--top {
  top: min(-3.0714285714vw, -43px);
}
.p-r-form__wave.--bottom {
  bottom: -9.1428571429vw;
  transform: scaleY(-1);
}
@media screen and (max-width: 767px) {
  .p-r-form__wave.--top {
    top: 2px;
  }
  .p-r-form__wave.--bottom {
    bottom: 2px;
  }
}

@media screen and (max-width: 767px) {
  .p-r-form__wrapper {
    padding: 20px 5.3333333333% 18px;
    background-color: #388e66;
  }
}

.p-r-form .snow-monkey-form {
  max-width: 762px;
  margin: 0 auto;
}
.p-r-form .snow-monkey-form .hidden-input {
  display: none;
}
.p-r-form .snow-monkey-form .p-r-form__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .p-r-form__title {
    margin-bottom: 3rem;
  }
}
.p-r-form .snow-monkey-form .p-r-form__title-en {
  font-family: "Prompt", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.125;
}
.p-r-form .snow-monkey-form .p-r-form__title-ja {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.1388888889;
}
.p-r-form .snow-monkey-form .p-r-form__description {
  font-size: 1.6rem;
  line-height: 2;
}
.p-r-form .snow-monkey-form .p-r-form__description + .p-r-form__description {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: -0.7rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 959px) {
  .p-r-form .snow-monkey-form .p-r-form__description {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .p-r-form__description {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .p-r-form .snow-monkey-form .p-r-form__description + .p-r-form__description {
    margin-top: 0.7rem;
    margin-bottom: 4rem;
  }
}
.p-r-form .snow-monkey-form .required-label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.7rem;
  height: 1.9rem;
  padding-bottom: 0.1rem;
  border-radius: 2px;
  background-color: #f7ffc1;
  font-size: 1.2rem;
  line-height: 1;
  color: #388e66;
}
.p-r-form .snow-monkey-form .smf-item {
  padding: 1rem 2.1rem;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-item {
    flex-direction: column;
    margin-top: 2rem;
    padding: 0;
  }
}
.p-r-form .snow-monkey-form .smf-item__col--label {
  flex: 0 0 21.9rem;
  max-width: 21.9rem;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-item__col--label {
    flex: unset;
    max-width: 100%;
    padding-bottom: 0.4rem;
  }
}
.p-r-form .snow-monkey-form .smf-item__label__text {
  padding: 1rem 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-item__label__text {
    padding: 0;
    line-height: 2;
  }
}
.p-r-form .snow-monkey-form .smf-item.required .smf-item__label__text {
  display: flex;
  align-items: flex-end;
  column-gap: 1rem;
}
.p-r-form .snow-monkey-form .smf-item.required .smf-item__label__text::after {
  content: "必須";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.7rem;
  height: 1.9rem;
  margin-top: 0.1rem;
  padding-bottom: 0.1rem;
  border-radius: 2px;
  background-color: #f7ffc1;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
  color: #388e66;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-item.required .smf-item__label__text {
    column-gap: 1.2rem;
    align-items: center;
  }
  .p-r-form .snow-monkey-form .smf-item.required .smf-item__label__text::after {
    margin-top: 0;
  }
  .p-r-form .snow-monkey-form .smf-item.required .smf-item__label__text br {
    display: none;
  }
}
.p-r-form .snow-monkey-form .smf-item__col--controls {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  max-width: unset;
}
.p-r-form .snow-monkey-form .smf-text-control__control,
.p-r-form .snow-monkey-form .smf-select-control__control,
.p-r-form .snow-monkey-form .smf-textarea-control__control {
  padding: 0.4rem 2rem;
  border-radius: 5px;
  font-size: 16px;
  line-height: 2;
  background-color: #fff;
  border: none;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-text-control__control,
  .p-r-form .snow-monkey-form .smf-select-control__control,
  .p-r-form .snow-monkey-form .smf-textarea-control__control {
    padding: 1rem 1.5rem;
  }
}
.p-r-form .snow-monkey-form .smf-text-control__control::placeholder,
.p-r-form .snow-monkey-form .smf-select-control__control::placeholder,
.p-r-form .snow-monkey-form .smf-textarea-control__control::placeholder {
  color: #b1b1b1;
}
.p-r-form .snow-monkey-form .smf-text-control__control:focus-visible,
.p-r-form .snow-monkey-form .smf-select-control__control:focus-visible,
.p-r-form .snow-monkey-form .smf-textarea-control__control:focus-visible {
  outline: 2px solid -webkit-focus-ring-color;
}
.p-r-form .snow-monkey-form .smf-textarea-control__control {
  resize: none;
  height: 14rem;
  padding: 0.8rem 2rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-textarea-control__control {
    height: 15rem;
    padding: 1.4rem 1.5rem;
  }
}
.p-r-form .snow-monkey-form .smf-text-control__control {
  width: 100%;
}
.p-r-form .snow-monkey-form .smf-radio-buttons-control__control {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 3rem;
  padding: 0.8rem 0;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-radio-buttons-control__control {
    flex-direction: column;
    gap: 0;
    padding: 0;
  }
}
.p-r-form .snow-monkey-form .smf-radio-buttons-control__control > .smf-label {
  margin-right: 0 !important;
}
.p-r-form .snow-monkey-form .smf-form .smf-radio-button-control {
  align-items: center;
}
.p-r-form .snow-monkey-form input[type=radio],
.p-r-form .snow-monkey-form .smf-radio-button-control__control {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}
.p-r-form .snow-monkey-form input[type=radio]::before,
.p-r-form .snow-monkey-form .smf-radio-button-control__control::before {
  display: none !important;
}
.p-r-form .snow-monkey-form input[type=radio]:checked,
.p-r-form .snow-monkey-form .smf-radio-button-control__control:checked {
  background: #fff;
  border-color: #fff;
}
.p-r-form .snow-monkey-form input[type=radio]:checked::after,
.p-r-form .snow-monkey-form .smf-radio-button-control__control:checked::after {
  content: "";
  position: absolute;
  inset: 3px;
  background: #dc572f;
  border-radius: 50%;
}
.p-r-form .snow-monkey-form input[type=radio]:focus,
.p-r-form .snow-monkey-form .smf-radio-button-control__control:focus {
  outline: none;
}
.p-r-form .snow-monkey-form input[type=radio]:focus-visible,
.p-r-form .snow-monkey-form .smf-radio-button-control__control:focus-visible {
  outline: 2px solid #388e66;
  outline-offset: 2px;
}
.p-r-form .snow-monkey-form .smf-radio-button-control__label {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
  word-break: keep-all;
  overflow-wrap: anywhere;
  white-space: nowrap;
  font-size: 1.6rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-radio-button-control__label {
    line-height: 2;
  }
}
.p-r-form .snow-monkey-form .postal-code-row {
  display: grid;
  grid-template-columns: 1.9rem 1fr;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .postal-code-row {
    grid-template-columns: auto 1fr;
    gap: 1rem;
  }
}
.p-r-form .snow-monkey-form .acceptance {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .p-r-form .snow-monkey-form .acceptance .smf-item__col--label {
    visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .acceptance {
    margin-top: 2rem;
  }
}
.p-r-form .snow-monkey-form .policy-link {
  margin: 0 0 1rem;
  font-size: inherit;
  color: #fff;
}
.p-r-form .snow-monkey-form .policy-link a {
  color: inherit;
  text-decoration: underline;
}
.p-r-form .snow-monkey-form .policy-link a:hover {
  opacity: 0.8;
}
.p-r-form .snow-monkey-form [data-name=acceptance] .smf-checkbox-control__label {
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
}
.p-r-form .snow-monkey-form .smf-checkbox-control {
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-checkbox-control {
    align-items: center;
  }
}
.p-r-form .snow-monkey-form .smf-checkbox-control__control {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 15px;
  height: 15px;
  margin-top: 1rem;
  border-radius: 2px;
  border: none;
  box-shadow: none;
  background-color: #fff;
  cursor: pointer;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-checkbox-control__control {
    width: 20px;
    height: 20px;
    margin-top: 0.2rem;
    border-radius: 5px;
  }
}
.p-r-form .snow-monkey-form .smf-checkbox-control__control::before {
  display: none !important;
}
.p-r-form .snow-monkey-form .smf-checkbox-control__control:checked {
  background-color: #dc572f;
  border-color: #dc572f;
}
.p-r-form .snow-monkey-form .smf-checkbox-control__control:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 45%;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-checkbox-control__control:checked::after {
    width: 6px;
    height: 11px;
    border-width: 0 2.5px 2.5px 0;
  }
}
.p-r-form .snow-monkey-form .smf-checkbox-control__control:focus-visible {
  outline-offset: 2px;
  outline: 2px solid -webkit-focus-ring-color;
}
.p-r-form .snow-monkey-form .smf-action {
  margin: 60px 0 0;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-action {
    margin-top: 56px;
  }
}
.p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=confirm],
.p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=complete],
.p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=back] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 22rem;
  height: 5rem;
  margin: 0 auto;
  border: none;
  border-radius: 9999px;
  background-color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  color: #388e66;
}
.p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=confirm]:focus-visible,
.p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=complete]:focus-visible,
.p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=back]:focus-visible {
  outline: auto;
  outline: auto -webkit-focus-ring-color;
}
@media (any-hover: hover) {
  .p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=confirm],
  .p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=complete],
  .p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=back] {
    transition: opacity 0.3s;
  }
  .p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=confirm]:hover,
  .p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=complete]:hover,
  .p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=back]:hover {
    opacity: 0.75;
  }
}
.p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=confirm],
.p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=complete] {
  padding: 0 13px 0 33px;
}
.p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=confirm]::after,
.p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=complete]::after {
  content: "";
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  background: url("../images/recruit/info/form-btn-arrow.png") no-repeat center/contain;
}
.p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=back] {
  padding: 0 33px 0 13px;
}
.p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=back]::before {
  content: "";
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  background: url("../images/recruit/info/form-btn-arrow.png") no-repeat center/contain;
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=complete],
  .p-r-form .snow-monkey-form .smf-action .smf-button-control__control[data-action=back] {
    width: 16rem;
  }
}
.p-r-form .snow-monkey-form[data-screen=confirm] .hidden-input {
  display: block;
}
.p-r-form .snow-monkey-form[data-screen=confirm] .hidden-confirm {
  display: none;
}
.p-r-form .snow-monkey-form[data-screen=confirm] .confirm-title {
  text-align: center;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.2666666667;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form[data-screen=confirm] .confirm-title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.5;
  }
}
.p-r-form .snow-monkey-form[data-screen=confirm] .acceptance .smf-item__col--label {
  visibility: visible;
}
.p-r-form .snow-monkey-form[data-screen=confirm] .smf-action {
  display: flex;
  justify-content: center;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-r-form .snow-monkey-form[data-screen=confirm] .smf-action {
    gap: 1.5rem;
  }
  .p-r-form .snow-monkey-form[data-screen=confirm] .smf-action .smf-button-control + .smf-button-control {
    margin: 0;
  }
}

#autozip {
  display: none !important;
}

.p-r-form__thanks-title {
  text-align: center;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.2666666667;
}
@media screen and (max-width: 767px) {
  .p-r-form__thanks-title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.5;
  }
}

.p-r-form__thanks-catch {
  margin-top: 3rem;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.04;
}
@media screen and (max-width: 767px) {
  .p-r-form__thanks-catch {
    font-size: 1.8rem;
    line-height: 1.4444444444;
  }
}

.p-r-form__thanks-text {
  margin-top: 3rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-r-form__thanks-text {
    margin-top: 2rem;
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
}
.p-r-form__thanks-text .tel-link {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}
@media (any-hover: hover) {
  .p-r-form__thanks-text .tel-link {
    pointer-events: none;
  }
}
.p-r-form__thanks-text .tel-link .tel-prefix {
  font-size: 1.4rem;
  font-weight: 700;
  margin-right: 0.2em;
}

.p-r-form__thanks-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 22rem;
  height: 5rem;
  margin: 3.6rem auto 0;
  padding: 0 13px 0 33px;
  border: none;
  border-radius: 9999px;
  background-color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  color: #388e66;
}
.p-r-form__thanks-btn::after {
  content: "";
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  background: url("../images/recruit/info/form-btn-arrow.png") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-r-form__thanks-btn {
    margin-top: 5.6rem;
    margin-bottom: 2rem;
  }
}
@media (any-hover: hover) {
  .p-r-form__thanks-btn {
    transition: opacity 0.3s;
  }
  .p-r-form__thanks-btn:hover {
    opacity: 0.75;
  }
}

/*----------------------------
Object / Utility
- 末尾に配置（!important で上書き優先度を確保）
------------------------------*/
.u-color--white {
  color: #fff !important;
}
.u-color--key {
  color: #388e66 !important;
}
.u-color--text {
  color: #000 !important;
}

.u-bg--white {
  background: #fff !important;
}
.u-bg--gray {
  background: #f4f4f4 !important;
}
.u-bg--cream {
  background: #f5f5ee !important;
}
.u-bg--key {
  background: #388e66 !important;
}

.u-color--white {
  color: #fff !important;
}

.u-txt--center {
  text-align: center !important;
}
.u-txt--left {
  text-align: left !important;
}
.u-txt--right {
  text-align: right !important;
}

.u-pt10-5 {
  padding-top: 1rem !important;
}
@media screen and (max-width: 767px) {
  .u-pt10-5 {
    padding-top: 0.5rem !important;
  }
}

.u-pt20-10 {
  padding-top: 2rem !important;
}
@media screen and (max-width: 767px) {
  .u-pt20-10 {
    padding-top: 1rem !important;
  }
}

.u-pt30-15 {
  padding-top: 3rem !important;
}
@media screen and (max-width: 767px) {
  .u-pt30-15 {
    padding-top: 1.5rem !important;
  }
}

.u-pt40-20 {
  padding-top: 4rem !important;
}
@media screen and (max-width: 767px) {
  .u-pt40-20 {
    padding-top: 2rem !important;
  }
}

.u-pt50-25 {
  padding-top: 5rem !important;
}
@media screen and (max-width: 767px) {
  .u-pt50-25 {
    padding-top: 2.5rem !important;
  }
}

.u-pt60-30 {
  padding-top: 6rem !important;
}
@media screen and (max-width: 767px) {
  .u-pt60-30 {
    padding-top: 3rem !important;
  }
}

.u-mt10-5 {
  margin-top: 1rem !important;
}
@media screen and (max-width: 767px) {
  .u-mt10-5 {
    margin-top: 0.5rem !important;
  }
}

.u-mt20-10 {
  margin-top: 2rem !important;
}
@media screen and (max-width: 767px) {
  .u-mt20-10 {
    margin-top: 1rem !important;
  }
}

.u-mt30-15 {
  margin-top: 3rem !important;
}
@media screen and (max-width: 767px) {
  .u-mt30-15 {
    margin-top: 1.5rem !important;
  }
}

.u-mt40-20 {
  margin-top: 4rem !important;
}
@media screen and (max-width: 767px) {
  .u-mt40-20 {
    margin-top: 2rem !important;
  }
}

.u-mt50-25 {
  margin-top: 5rem !important;
}
@media screen and (max-width: 767px) {
  .u-mt50-25 {
    margin-top: 2.5rem !important;
  }
}

.u-mt60-30 {
  margin-top: 6rem !important;
}
@media screen and (max-width: 767px) {
  .u-mt60-30 {
    margin-top: 3rem !important;
  }
}

.u-pb10-5 {
  padding-bottom: 1rem !important;
}
@media screen and (max-width: 767px) {
  .u-pb10-5 {
    padding-bottom: 0.5rem !important;
  }
}

.u-pb20-10 {
  padding-bottom: 2rem !important;
}
@media screen and (max-width: 767px) {
  .u-pb20-10 {
    padding-bottom: 1rem !important;
  }
}

.u-pb30-15 {
  padding-bottom: 3rem !important;
}
@media screen and (max-width: 767px) {
  .u-pb30-15 {
    padding-bottom: 1.5rem !important;
  }
}

.u-pb40-20 {
  padding-bottom: 4rem !important;
}
@media screen and (max-width: 767px) {
  .u-pb40-20 {
    padding-bottom: 2rem !important;
  }
}

.u-pb50-25 {
  padding-bottom: 5rem !important;
}
@media screen and (max-width: 767px) {
  .u-pb50-25 {
    padding-bottom: 2.5rem !important;
  }
}

.u-pb60-30 {
  padding-bottom: 6rem !important;
}
@media screen and (max-width: 767px) {
  .u-pb60-30 {
    padding-bottom: 3rem !important;
  }
}

.u-mb10-5 {
  margin-bottom: 1rem !important;
}
@media screen and (max-width: 767px) {
  .u-mb10-5 {
    margin-bottom: 0.5rem !important;
  }
}

.u-mb20-10 {
  margin-bottom: 2rem !important;
}
@media screen and (max-width: 767px) {
  .u-mb20-10 {
    margin-bottom: 1rem !important;
  }
}

.u-mb30-15 {
  margin-bottom: 3rem !important;
}
@media screen and (max-width: 767px) {
  .u-mb30-15 {
    margin-bottom: 1.5rem !important;
  }
}

.u-mb40-20 {
  margin-bottom: 4rem !important;
}
@media screen and (max-width: 767px) {
  .u-mb40-20 {
    margin-bottom: 2rem !important;
  }
}

.u-mb50-25 {
  margin-bottom: 5rem !important;
}
@media screen and (max-width: 767px) {
  .u-mb50-25 {
    margin-bottom: 2.5rem !important;
  }
}

.u-mb60-30 {
  margin-bottom: 6rem !important;
}
@media screen and (max-width: 767px) {
  .u-mb60-30 {
    margin-bottom: 3rem !important;
  }
}

.u-m10-5 {
  margin: 1rem 0 !important;
}
@media screen and (max-width: 767px) {
  .u-m10-5 {
    margin: 0.5rem 0 !important;
  }
}

.u-m20-10 {
  margin: 2rem 0 !important;
}
@media screen and (max-width: 767px) {
  .u-m20-10 {
    margin: 1rem 0 !important;
  }
}

.u-m30-15 {
  margin: 3rem 0 !important;
}
@media screen and (max-width: 767px) {
  .u-m30-15 {
    margin: 1.5rem 0 !important;
  }
}

.u-m40-20 {
  margin: 4rem 0 !important;
}
@media screen and (max-width: 767px) {
  .u-m40-20 {
    margin: 2rem 0 !important;
  }
}

.u-m50-25 {
  margin: 5rem 0 !important;
}
@media screen and (max-width: 767px) {
  .u-m50-25 {
    margin: 2.5rem 0 !important;
  }
}

.u-m60-30 {
  margin: 6rem 0 !important;
}
@media screen and (max-width: 767px) {
  .u-m60-30 {
    margin: 3rem 0 !important;
  }
}

.u-p10-5 {
  padding: 1rem 0 !important;
}
@media screen and (max-width: 767px) {
  .u-p10-5 {
    padding: 0.5rem 0 !important;
  }
}

.u-p20-10 {
  padding: 2rem 0 !important;
}
@media screen and (max-width: 767px) {
  .u-p20-10 {
    padding: 1rem 0 !important;
  }
}

.u-p30-15 {
  padding: 3rem 0 !important;
}
@media screen and (max-width: 767px) {
  .u-p30-15 {
    padding: 1.5rem 0 !important;
  }
}

.u-p40-20 {
  padding: 4rem 0 !important;
}
@media screen and (max-width: 767px) {
  .u-p40-20 {
    padding: 2rem 0 !important;
  }
}

.u-p50-25 {
  padding: 5rem 0 !important;
}
@media screen and (max-width: 767px) {
  .u-p50-25 {
    padding: 2.5rem 0 !important;
  }
}

.u-p60-30 {
  padding: 6rem 0 !important;
}
@media screen and (max-width: 767px) {
  .u-p60-30 {
    padding: 3rem 0 !important;
  }
}

.u-pc,
.pc {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .u-pc,
  .pc {
    display: none !important;
  }
}

.u-pc-inline,
.pc-inline {
  display: inline !important;
}
@media screen and (max-width: 767px) {
  .u-pc-inline,
  .pc-inline {
    display: none !important;
  }
}

.u-pc-flex,
.pc-flex {
  display: flex !important;
}
@media screen and (max-width: 767px) {
  .u-pc-flex,
  .pc-flex {
    display: none !important;
  }
}

.u-tab,
.tab {
  display: none !important;
}
@media screen and (max-width: 1023px) {
  .u-tab,
  .tab {
    display: block !important;
  }
}

.u-tab-inline,
.tab-inline {
  display: none !important;
}
@media screen and (max-width: 1023px) {
  .u-tab-inline,
  .tab-inline {
    display: inline !important;
  }
}

.u-tab-flex,
.tab-flex {
  display: none !important;
}
@media screen and (max-width: 1023px) {
  .u-tab-flex,
  .tab-flex {
    display: flex !important;
  }
}

.u-sp,
.sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-sp,
  .sp {
    display: block !important;
  }
}

.u-sp-inline,
.sp-inline {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-sp-inline,
  .sp-inline {
    display: inline !important;
  }
}

.u-sp-flex,
.sp-flex {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-sp-flex,
  .sp-flex {
    display: flex !important;
  }
}

.u-display--ib {
  display: inline-block;
  font-weight: inherit;
}

.u-br--sp,
.point-br--sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-br--sp,
  .point-br--sp {
    display: block !important;
  }
}
.u-br--tab,
.point-br--tab {
  display: none !important;
}
@media screen and (max-width: 1023px) {
  .u-br--tab,
  .point-br--tab {
    display: block !important;
  }
}
.u-br--pc,
.point-br--pc {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .u-br--pc,
  .point-br--pc {
    display: none !important;
  }
}

.u-sr-only,
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.u-skip-link {
  position: absolute !important;
  top: -100px !important;
  left: 0 !important;
  background: #388e66 !important;
  color: #fff !important;
  padding: 1rem 2rem !important;
  z-index: 9999 !important;
  text-decoration: none !important;
}
.u-skip-link:focus {
  top: 0 !important;
}