@charset "UTF-8";
/* フォントファミリー
---------------------------------------------------------------------------*/
/* カラー
---------------------------------------------------------------------------*/
/* base
---------------------------------------------------------------------------*/
html {
  font-size: 100%;
}
@media screen and (max-width: 1010px) {
  html {
    font-size: 1.584vw;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 100%;
  }
}
@media screen and (max-width: 375px) {
  html {
    font-size: 4.267vw;
  }
}

body {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0em;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body.no-scroll {
  overflow: hidden;
  height: 100%;
}

a {
  color: inherit;
}

ul li {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.is-pc {
  display: block;
}
@media (max-width: 767px) {
  .is-pc {
    display: none;
  }
}

.is-sp {
  display: none;
}
@media (max-width: 767px) {
  .is-sp {
    display: block;
  }
}

.clear {
  clear: both;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/* アニメーション
---------------------------------------------------------------------------*/
.js-fadein {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}

.js-scrollin {
  opacity: 1;
  transform: translateY(0);
}

/* フォントファミリー
---------------------------------------------------------------------------*/
/* カラー
---------------------------------------------------------------------------*/
/* フォントファミリー
---------------------------------------------------------------------------*/
/* カラー
---------------------------------------------------------------------------*/
/* layout
---------------------------------------------------------------------------*/
/* セクション
---------------------------------------------------------------------------*/
.l-section {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  padding-block: 3.75rem;
}
@media (max-width: 767px) {
  .l-section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-block: 2.5rem;
  }
}

/* インナー幅
---------------------------------------------------------------------------*/
.l-inner {
  max-width: 80rem;
  padding-right: 4.375rem;
  padding-left: 4.375rem;
  padding-inline: 4.375rem;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .l-inner {
    max-width: 100%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    padding-inline: 0.625rem;
  }
}

/* header
---------------------------------------------------------------------------*/
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  transition: transform 0.3s ease;
  z-index: 10;
}

.l-header.is-hide {
  transform: translateY(-100%);
}

.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 5rem;
  padding-left: 0.75rem;
}
@media (max-width: 767px) {
  .l-header__inner {
    height: 3.75rem;
    padding-left: 0.625rem;
    padding-right: 0.75rem;
  }
}

.l-header__block {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .l-header__block {
    position: relative;
    z-index: 2000;
  }
}

.l-header__title {
  font-size: 1.125rem;
  font-size: clamp(0.875rem, 1.41vw, 1.125rem);
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  margin-left: 1.25rem;
}
@media (max-width: 767px) {
  .l-header__title {
    font-size: 0.875rem;
  }
}

/* フォントファミリー
---------------------------------------------------------------------------*/
/* カラー
---------------------------------------------------------------------------*/
/* component
---------------------------------------------------------------------------*/
/* logo
---------------------------------------------------------------------------*/
.c-logo__link {
  display: block;
  transition: 0.3s;
}
.c-logo__link img {
  width: 7.25rem;
  width: clamp(4.65rem, 9.05vw, 7.25rem);
  height: auto;
}
@media (max-width: 767px) {
  .c-logo__link img {
    width: 4.625rem;
  }
}
@media (min-width: 768px) {
  .c-logo__link:hover {
    opacity: 0.7;
  }
}

/* ナビゲーション
---------------------------------------------------------------------------*/
.c-globalNav {
  height: 100%;
}

.c-globalNav__list {
  display: flex;
  align-items: center;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  height: 100%;
}
@media (max-width: 767px) {
  .c-globalNav__list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: unset;
  }
}

.c-globalNav__item {
  position: relative;
  width: clamp(9rem, 11.8vw, 10rem);
  height: 100%;
  font-size: clamp(0.9375rem, 1.25vw, 1rem);
  font-weight: bold;
  line-height: 1.1875;
  text-align: center;
  color: #fff;
  background-color: #2778BE;
  transition: 0.3s;
}
.c-globalNav__item::before {
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  content: "";
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  background: #fff;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .c-globalNav__item::before {
    background: none;
    clip-path: none;
    border-right: 1px solid #2778BE;
    border-bottom: 1px solid #2778BE;
    width: 0.5rem;
    height: 0.5rem;
    transform: rotate(-45deg);
    bottom: 50%;
    right: 1rem;
    translate: 0 50%;
  }
}
@media (min-width: 768px) {
  .c-globalNav__item:hover {
    color: #2778BE;
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  .c-globalNav__item:hover::before {
    background: #2778BE;
  }
}
@media (max-width: 767px) {
  .c-globalNav__item {
    position: relative;
    font-size: 1rem;
    font-weight: 400;
    border-bottom: 1px solid #3C74B9;
    width: 100%;
    height: auto;
    background-color: unset;
    color: #2778BE;
    text-align: left;
  }
}

.c-globalNav__item.nav-bg__green {
  background-color: #01A242;
}
@media (min-width: 768px) {
  .c-globalNav__item.nav-bg__green:hover {
    color: #01A242;
    background-color: #fff;
  }
  .c-globalNav__item.nav-bg__green:hover::before {
    background: #01A242;
  }
}
@media (max-width: 767px) {
  .c-globalNav__item.nav-bg__green {
    background-color: unset;
  }
}

.c-globalNav__item.nav-bg__orange {
  background-color: #F29400;
}
@media (min-width: 768px) {
  .c-globalNav__item.nav-bg__orange:hover {
    color: #F29400;
    background-color: #fff;
  }
  .c-globalNav__item.nav-bg__orange:hover::before {
    background: #F29400;
  }
}
@media (max-width: 767px) {
  .c-globalNav__item.nav-bg__orange {
    background-color: unset;
  }
}

.c-globalNav__item.nav-bg__pink {
  background-color: #EC7AA1;
}
@media (min-width: 768px) {
  .c-globalNav__item.nav-bg__pink:hover {
    color: #EC7AA1;
    background-color: #fff;
  }
  .c-globalNav__item.nav-bg__pink:hover::before {
    background: #EC7AA1;
  }
}
@media (max-width: 767px) {
  .c-globalNav__item.nav-bg__pink {
    background-color: unset;
  }
}

.c-globalNav__item.globalNav__border {
  border-bottom: unset;
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(to right, #E385B3, #FCD000, #ED7105);
     border-image: linear-gradient(to right, #E385B3, #FCD000, #ED7105);
  border-image-slice: 1;
}

.c-globalNav__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .c-globalNav__link {
    display: block;
    padding: 0.5rem 0.75rem;
  }
}

@media (max-width: 767px) {
  .c-globalNav__sns {
    display: flex;
    margin-top: 0.75rem;
  }
}

.c-globalNav__snsItem.icon-x img {
  width: 1.375rem;
  height: auto;
}

.c-globalNav__snsItem.icon-instagram img {
  width: 1.625rem;
  height: auto;
}
@media (max-width: 767px) {
  .c-globalNav__snsItem.icon-instagram img {
    margin-left: 3.125rem;
  }
}

/* ハンバーガーボタン
---------------------------------------------------------------------------*/
.c-hamburger {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(to bottom, #6CB6E5, #6CA8E5);
  border: none;
  padding-top: 0.35rem;
  cursor: pointer;
  z-index: 1001;
  display: none;
}
.c-hamburger__bar {
  width: 1.3125rem;
  height: 1px;
  background-color: #fff;
  transition: 0.3s;
  margin: 2.5px 0;
}
.c-hamburger__text {
  font-size: 0.5rem;
  font-family: "Aboreto", system-ui;
  line-height: 1;
  color: #fff;
  margin-top: 0.125rem;
  transition: 0.3s;
}
.c-hamburger.is-active .c-hamburger__bar {
  width: 1.625rem;
}
.c-hamburger.is-active .c-hamburger__bar:nth-child(1) {
  transform: rotate(30deg) translate(3px, 5px);
}
.c-hamburger.is-active .c-hamburger__bar:nth-child(2) {
  opacity: 0;
}
.c-hamburger.is-active .c-hamburger__bar:nth-child(3) {
  transform: rotate(-30deg) translate(3px, -5px);
}
@media (max-width: 767px) {
  .c-hamburger {
    display: flex;
  }
}

.c-globalNav {
  position: fixed;
  top: 0;
  right: -100%;
  right: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: white;
  z-index: 1000;
  padding: 6rem 1.25rem;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.95);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.c-globalNav.is-open {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
@media (min-width: 768px) {
  .c-globalNav {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    padding: 0;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
  }
}

/* ボタン
---------------------------------------------------------------------------*/
.c-button {
  text-align: center;
}

.c-button__link {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border: 1px solid;
  -o-border-image: linear-gradient(to right bottom, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C) 1;
     border-image: linear-gradient(to right bottom, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C) 1;
  padding: 0.875rem 4.0625rem 0.625rem;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.c-button__link::before {
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  content: "";
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  background: #FCD000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
  transition: 0.3s;
  z-index: 3;
}
.c-button__link::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(to right, #E385B3, #FCD000, #ED7105);
  z-index: 0;
  opacity: 0;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .c-button__link:hover {
    border: 1px solid transparent;
  }
  .c-button__link:hover::before {
    background: #fff;
  }
  .c-button__link:hover::after {
    opacity: 1;
  }
  .c-button__link:hover .c-button__text {
    background: none;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: #fff;
  }
}

.c-button__text {
  position: relative;
  font-size: 1.125rem;
  font-family: "Aboreto", system-ui;
  background: linear-gradient(to right, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 3;
}

/* 下層ページタイトル
---------------------------------------------------------------------------*/
.c-pageTitle {
  color: #fff;
}

.c-pageTitle__en {
  position: relative;
  display: block;
  font-family: "Aboreto", system-ui;
  font-size: clamp(1.125rem, 1.56vw, 1.25rem);
  margin-bottom: clamp(1.125rem, 2vw, 1.5rem);
}
@media (max-width: 767px) {
  .c-pageTitle__en {
    font-size: 1.125rem;
    margin-bottom: 1.125rem;
  }
}
.c-pageTitle__en::before {
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  content: "";
  display: inline-block;
  width: 2rem;
  height: 1px;
  background-color: #fff;
}

.c-pageTitle__ja {
  font-size: clamp(2rem, 4.17vw, 3.75rem);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: clamp(1.9375rem, 3.9vw, 3.5rem);
}
@media (max-width: 767px) {
  .c-pageTitle__ja {
    font-size: 2rem;
    line-height: 1.1875;
    margin-bottom: 1.9375rem;
  }
}

.c-pageTitle__text {
  font-family: "PT Serif", serif;
  font-size: clamp(1.5rem, 2.225vw, 2rem);
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .c-pageTitle__text {
    font-size: 1.5rem;
    line-height: 1.33;
  }
}

/* 下層ページセクションタイトル
---------------------------------------------------------------------------*/
.c-page__sectionTitle {
  position: relative;
  font-family: "PT Serif", serif;
  font-size: 2rem;
  font-weight: bold;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-right: auto;
  margin-left: auto;
  margin-inline: auto;
  margin-bottom: 5.625rem;
}
@media (max-width: 767px) {
  .c-page__sectionTitle {
    font-size: 1.375rem;
    margin-bottom: 2.75rem;
  }
}
.c-page__sectionTitle::before {
  position: absolute;
  bottom: -1.875rem;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: inline-block;
  width: 4rem;
  height: 2px;
  background-color: #585D61;
}
@media (max-width: 767px) {
  .c-page__sectionTitle::before {
    bottom: -1.25rem;
    width: 3.125rem;
  }
}

/* faq
---------------------------------------------------------------------------*/
.c-faq {
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .c-faq {
    padding-block: 3.75rem;
  }
}
.c-faq .c-faq__list {
  display: flex;
  flex-direction: column;
  max-width: 62.5rem;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .c-faq .c-faq__list {
    max-width: 100%;
  }
}
.c-faq .c-faq__list > * + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .c-faq .c-faq__list > * + * {
    margin-top: 0.75rem;
  }
}
.c-faq .lib-acc {
  border: 2px solid #155083;
  padding: 2.1875rem 1.5rem;
}
@media (max-width: 767px) {
  .c-faq .lib-acc {
    padding: 1.375rem 0.75rem;
  }
}
.c-faq .lib-acc .lib-acc__trig {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .c-faq .lib-acc .lib-acc__trig {
    font-size: 1rem;
    line-height: 2;
  }
}
.c-faq .lib-acc__icon {
  position: relative;
  display: inline-block;
  width: 2.625rem;
  height: 2.625rem;
  background-color: #155083;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .c-faq .lib-acc__icon {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.c-faq .lib-acc__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.75rem;
  height: 0.75rem;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: transform 0.3s ease;
}
@media (max-width: 767px) {
  .c-faq .lib-acc__icon::before {
    width: 0.4375rem;
    height: 0.4375rem;
  }
}
.c-faq .is-active .lib-acc__icon::before {
  top: 60%;
  transform: translate(-50%, -50%) rotate(-135deg);
}
.c-faq .lib-acc .lib-acc__contents {
  display: none;
  font-size: 1.125rem;
  line-height: 1.77;
  padding-top: 1.5rem;
  padding-bottom: 0.4375rem;
  border-top: 1px solid #155083;
  margin-top: 2.1875rem;
}
@media (max-width: 767px) {
  .c-faq .lib-acc .lib-acc__contents {
    font-size: 1rem;
    line-height: 1.5;
    padding-top: 0.625rem;
    padding-bottom: unset;
    margin-top: 0.5rem;
  }
}
.c-faq a {
  text-decoration: underline;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .c-faq a:hover {
    opacity: 0.7;
  }
}

/* フォントファミリー
---------------------------------------------------------------------------*/
/* カラー
---------------------------------------------------------------------------*/
/* page-top
---------------------------------------------------------------------------*/
/* トップページセクションタイトル
---------------------------------------------------------------------------*/
.p-topTitle {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .p-topTitle {
    align-items: center;
  }
}

.p-topTitle__label {
  font-family: "Aboreto", system-ui;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .p-topTitle__label {
    font-size: 1.125rem;
  }
}

.p-topTitle__heading {
  font-family: "PT Serif", serif;
  font-size: 2rem;
  margin-top: 0.5625rem;
}
@media (max-width: 767px) {
  .p-topTitle__heading {
    font-size: 1.125rem;
    margin-top: 0.5rem;
  }
}

.top-titleColor__y {
  color: #FCD000;
}

.top-titleColor__o {
  color: #ED7105;
}

.top-titleColor__r {
  color: #E73840;
}

.top-titleColor__p {
  color: #E385B3;
}

.top-titleColor__purple {
  color: #7B70B0;
}

.top-titleColor__g {
  color: #308D9A;
}

.top-titleColor__lg {
  color: #00A23F;
}

/* fv
---------------------------------------------------------------------------*/
.p-topFv {
  position: relative;
  height: 46.875vw;
  overflow: hidden;
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 767px) {
  .p-topFv {
    height: 164.5333333333vw;
    max-height: 100dvh;
  }
}

.p-topFv__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.p-topFv__video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.p-topFv__poster {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  aspect-ratio: 1280/600;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
@media (max-width: 767px) {
  .p-topFv__poster {
    aspect-ratio: 375/617;
  }
}
.p-topFv__poster picture,
.p-topFv__poster img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.p-topFv__poster.fadeOut {
  opacity: 0;
  visibility: hidden;
}

.p-topFv__videoItem {
  position: absolute;
  width: 177.77777778vh;
  min-width: 100%;
  height: 56.25vw;
  min-height: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  transform: translate(-50%, -50%);
  aspect-ratio: 1280/600;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 767px) {
  .p-topFv__videoItem {
    width: 100vw;
    height: 140dvh;
    aspect-ratio: 375/617;
  }
}
.p-topFv__videoItem.fadeIn {
  opacity: 1;
}

.p-topFv__copy {
  position: absolute;
  bottom: 4.5rem;
  left: 8.75rem;
  z-index: 4;
}
@media (max-width: 767px) {
  .p-topFv__copy {
    bottom: 3.125rem;
    left: 0.9375rem;
  }
}

.p-topFv__copyText {
  font-size: 3.5rem;
  font-family: "PT Serif", serif;
  line-height: 1.196;
  color: #fff;
  text-shadow: rgba(1, 22, 41, 0.8) 0px 0px 0.3rem;
}
@media (max-width: 767px) {
  .p-topFv__copyText {
    font-size: 1.875rem;
    line-height: 1.33;
  }
}

/* news
---------------------------------------------------------------------------*/
.p-topNews {
  background: url(../images/p-topNews-bg.jpg) no-repeat center center/cover;
}

.p-topNews__content {
  background-color: rgba(255, 255, 255, 0.4);
  color: #fff;
  max-width: 56.25rem;
  display: flex;
  align-items: center;
  padding: 2.625rem 4rem;
  margin-right: auto;
  margin-left: auto;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .p-topNews__content {
    max-width: 100%;
    flex-direction: column;
    padding: 2.5rem 0.625rem;
  }
}
.p-topNews__content .p-topTitle {
  flex-shrink: 0;
}

.p-topNews__list {
  display: flex;
  flex-direction: column;
  margin-left: 2.5rem;
}
@media (max-width: 767px) {
  .p-topNews__list {
    margin-left: unset;
    margin-top: 1.25rem;
  }
}

.p-topNews__item + .p-topNews__item {
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .p-topNews__item + .p-topNews__item {
    margin-top: 1rem;
  }
}

@media (min-width: 768px) {
  .p-topNews__item a:hover {
    color: #2778BE;
  }
}

.p-topNews__link {
  display: flex;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .p-topNews__link {
    flex-direction: column;
  }
}

.p-topNews__date {
  font-family: "Aboreto", system-ui;
  font-size: 0.9375rem;
}
@media (max-width: 767px) {
  .p-topNews__date {
    font-size: 0.875rem;
  }
}

.p-topNews__text {
  font-size: 1.125rem;
  line-height: 1.375;
  margin: -0.375rem 0 -0.375rem 0.75rem;
}
@media (max-width: 767px) {
  .p-topNews__text {
    font-size: 1rem;
    margin: 0.25rem 0 0 0;
  }
}

/* about
---------------------------------------------------------------------------*/
.p-topAbout.l-section {
  padding-top: 4.75rem;
  padding-bottom: 6.25rem;
  background: url(../images/p-topAbout-bg.jpg) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .p-topAbout.l-section {
    padding-top: 2.5rem;
    padding-bottom: 3.75rem;
  }
}
.p-topAbout.l-section .p-topTitle {
  text-align: center;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-topAbout.l-section .p-topTitle {
    margin-bottom: 1.75rem;
  }
}
.p-topAbout.l-section .p-topTitle__heading {
  color: #585D61;
}

.p-topAbout__list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .p-topAbout__list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.p-topAbout__item {
  position: relative;
  overflow: hidden;
}
.p-topAbout__item::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0;
  content: "";
  background: url(../images/p-topAbout01bg.jpg) no-repeat center center/cover;
  transition: 0.3s;
  z-index: 0;
}
@media (min-width: 768px) {
  .p-topAbout__item:hover::before {
    transform: scale(1.1, 1.1);
  }
}

.p-topAbout__item.top-about__item02::before {
  background: url(../images/p-topAbout02bg.jpg) no-repeat center center/cover;
}

.p-topAbout__item.top-about__item03::before {
  background: url(../images/p-topAbout03bg.jpg) no-repeat center center/cover;
}

.p-topAbout__link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 6.35rem;
  padding-bottom: 6.35rem;
  padding-block: 6.35rem;
  z-index: 1;
}
@media (max-width: 767px) {
  .p-topAbout__link {
    padding-top: 4.125rem;
    padding-bottom: 4.125rem;
    padding-block: 4.125rem;
  }
}

.p-topAbout__img {
  width: 5rem;
  height: auto;
}
@media (max-width: 767px) {
  .p-topAbout__img {
    width: 3.375rem;
  }
}

.p-topAbout__item.top-about__item02 .p-topAbout__img {
  width: 5.625rem;
}
@media (max-width: 767px) {
  .p-topAbout__item.top-about__item02 .p-topAbout__img {
    width: 3.625rem;
  }
}

.p-topAbout__item.top-about__item03 .p-topAbout__img {
  width: 5rem;
}
@media (max-width: 767px) {
  .p-topAbout__item.top-about__item03 .p-topAbout__img {
    width: 3.25rem;
  }
}

.p-topAbout__text {
  font-size: 1.25rem;
  line-height: 1.2;
  color: #fff;
  margin-top: 0.625rem;
}
@media (max-width: 767px) {
  .p-topAbout__text {
    font-size: 1rem;
  }
}

/* interview
---------------------------------------------------------------------------*/
.p-topInterview.l-section {
  padding-top: 5rem;
  padding-bottom: 6.25rem;
  background: url(../images/p-topInterview-bg.jpg) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .p-topInterview.l-section {
    padding-block: 2.5rem;
  }
}
.p-topInterview.l-section .p-topTitle {
  padding-top: 0.5rem;
  padding-bottom: 0.75rem;
  text-align: center;
  background: linear-gradient(to right, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #00A23F);
  color: #fff;
}
@media (max-width: 767px) {
  .p-topInterview.l-section .p-topTitle {
    padding-block: 0.625rem;
  }
}
.p-topInterview.l-section .p-topTitle__heading {
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
}

.p-topInterview_slideWrapper {
  position: relative;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-topInterview_slideWrapper {
    margin-bottom: 2.5rem;
  }
}

.p-topInterview_slide {
  margin-top: 4.875rem;
  padding-top: 0.6875rem;
  padding-left: 6.4vw;
  padding-right: 1.25rem;
  /* スライダー右の余白 */
  overflow: hidden;
}
@media (max-width: 767px) {
  .p-topInterview_slide {
    margin-top: 2.25rem;
    padding-left: 1.625rem;
  }
}

.swiper-slide {
  position: relative;
  width: 17.5rem;
  flex-shrink: 0;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .swiper-slide:hover {
    opacity: 0.7;
  }
}
.swiper-slide::before {
  position: absolute;
  top: -2.6%;
  left: -3.57%;
  content: "";
  display: inline-block;
  width: 100%;
  height: 83%;
  background: url(../images/p-topInterview-frame.png) no-repeat top center/contain;
  pointer-events: none;
}
.swiper-slide img {
  display: block;
  height: auto;
  width: 100%;
}

.p-topInterview__link {
  display: block;
}

.p-topInterview__content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #585D61;
  padding: 0.75rem 1rem;
  background-color: #fff;
}
@media (max-width: 767px) {
  .p-topInterview__content {
    padding: 0.75rem 1rem;
  }
}

.p-topInterview__name {
  font-size: 1.25rem;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .p-topInterview__name {
    font-size: 1.25rem;
  }
}

.p-topInterview__meta {
  display: flex;
  flex-direction: column;
  margin-left: 1.375rem;
}

.p-topInterview__position {
  font-size: 0.875rem;
  color: #3888CD;
  border: 1px solid #3888CD;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: 0.375rem 0.5rem;
}
@media (max-width: 767px) {
  .p-topInterview__position {
    font-size: 0.875rem;
  }
}

.p-topInterview__join {
  font-size: 0.875rem;
  margin-top: 0.375rem;
}
@media (max-width: 767px) {
  .p-topInterview__join {
    font-size: 0.875rem;
  }
}

.p-topInterview__prev,
.p-topInterview__next {
  position: absolute;
  top: -2.5rem;
  z-index: 10;
  cursor: pointer;
}
@media (max-width: 767px) {
  .p-topInterview__prev,
  .p-topInterview__next {
    top: -1.25rem;
  }
}

.p-topInterview__prev {
  left: unset;
  right: 10rem;
}
@media (max-width: 767px) {
  .p-topInterview__prev {
    right: 3.875rem;
  }
}

.p-topInterview__prev::after {
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .p-topInterview__prev::after {
    font-size: 0.875rem;
  }
}

.p-topInterview__next {
  right: 6.25rem;
}
@media (max-width: 767px) {
  .p-topInterview__next {
    right: 1.25rem;
  }
}

.p-topInterview__next::after {
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .p-topInterview__next::after {
    font-size: 0.875rem;
  }
}

/* message
---------------------------------------------------------------------------*/
.p-topMessage {
  padding-top: 9.875rem;
  padding-bottom: 9.875rem;
  padding-block: 9.875rem;
  background: url(../images/p-topMessage-bg.jpg) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .p-topMessage {
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-block: 6rem;
  }
}

.p-topMessage__text {
  font-size: 2rem;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  .p-topMessage__text {
    font-size: 0.875rem;
  }
}

/* フォントファミリー
---------------------------------------------------------------------------*/
/* カラー
---------------------------------------------------------------------------*/
/* 全ページ共通recruitCTA
---------------------------------------------------------------------------*/
.p-recruitCta {
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
  background: url(../images/cta-bg.jpg) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .p-recruitCta {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-block: 2.5rem;
  }
}

.p-recruitCta__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}
@media (max-width: 767px) {
  .p-recruitCta__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
  }
}

.p-recruitCta__item {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5625rem 1.5625rem 2.375rem;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
.p-recruitCta__item > * + * {
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .p-recruitCta__item {
    padding: 1.125rem 0.9375rem 1.625rem;
  }
  .p-recruitCta__item > * + * {
    margin-top: 0.75rem;
  }
}

.p-recruitCta__img {
  width: 100%;
}

.p-recruitCta__title {
  font-size: 1.625rem;
  font-weight: 500;
  color: #2778BE;
}
@media (max-width: 767px) {
  .p-recruitCta__title {
    font-size: 1rem;
  }
}

.p-recruitCta__link {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border: 1px solid;
  -o-border-image: linear-gradient(to right bottom, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C) 1;
     border-image: linear-gradient(to right bottom, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C) 1;
  padding: 0.875rem 4.0625rem 0.625rem;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .p-recruitCta__link {
    padding: 0.625rem 3.75rem;
  }
}
.p-recruitCta__link::before {
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  content: "";
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  background: #FCD000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
  transition: 0.3s;
  z-index: 3;
}
@media (max-width: 767px) {
  .p-recruitCta__link::before {
    bottom: 0.1875rem;
    right: 0.1875rem;
    width: 0.375rem;
    height: 0.375rem;
  }
}
.p-recruitCta__link::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(to right, #E385B3, #FCD000, #ED7105);
  z-index: 0;
  opacity: 0;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .p-recruitCta__link:hover {
    border: none;
  }
  .p-recruitCta__link:hover::before {
    background: #fff;
  }
  .p-recruitCta__link:hover::after {
    opacity: 1;
  }
  .p-recruitCta__link:hover .p-recruitCta__more {
    background: none;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: #fff;
  }
}

.p-recruitCta__more {
  position: relative;
  font-size: 1.125rem;
  font-family: "Aboreto", system-ui;
  background: linear-gradient(to right, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 3;
}
@media (max-width: 767px) {
  .p-recruitCta__more {
    font-size: 0.875rem;
  }
}

/* フォントファミリー
---------------------------------------------------------------------------*/
/* カラー
---------------------------------------------------------------------------*/
/* page-referral
---------------------------------------------------------------------------*/
/* ページタイトル
---------------------------------------------------------------------------*/
.p-referral__title {
  position: relative;
  padding-top: 5rem;
}
@media (max-width: 767px) {
  .p-referral__title {
    padding-top: 3.75rem;
  }
}
.p-referral__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 128/60;
}
@media (max-width: 767px) {
  .p-referral__title img {
    aspect-ratio: 375/440;
  }
}
.p-referral__title .c-pageTitle {
  position: absolute;
  top: 20.3vw;
  left: 9.85vw;
}
@media (max-width: 767px) {
  .p-referral__title .c-pageTitle {
    top: unset;
    bottom: 1.5rem;
    left: 1.25rem;
  }
}

/* リファラル採用とは
---------------------------------------------------------------------------*/
.p-referral__about {
  background: url(../images/referral/p-referral__aboutBg.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-referral__about {
    background: url(../images/referral/sp-p-referral__aboutBg.jpg) no-repeat center center/cover;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-block: 3.75rem;
  }
}
.p-referral__about .p-referral__aboutContent {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 767px) {
  .p-referral__about .p-referral__aboutContent {
    flex-direction: column;
  }
}
.p-referral__about .p-referral__aboutContent img {
  width: 52.78%;
  height: auto;
}
@media (max-width: 767px) {
  .p-referral__about .p-referral__aboutContent img {
    width: 100%;
  }
}
.p-referral__about .p-referral__aboutText {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  color: #585D61;
  width: 48.15%;
  margin-left: 4.63%;
}
@media (max-width: 767px) {
  .p-referral__about .p-referral__aboutText {
    width: 100%;
    font-size: 1rem;
    line-height: 2;
    margin-left: unset;
    margin-top: 1.125rem;
  }
}

/* メッセージ
---------------------------------------------------------------------------*/
.p-referral__message {
  background: url(../images/referral/p-referral__messageBg.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-referral__message {
    background: url(../images/referral/sp-p-referral__messageBg.jpg) no-repeat center center/cover;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-block: 3.75rem;
  }
}
.p-referral__message .p-referral__messageText {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  color: #585D61;
}
@media (max-width: 767px) {
  .p-referral__message .p-referral__messageText {
    font-size: 1rem;
    line-height: 2;
  }
}

/* リファラル採用のメリット
---------------------------------------------------------------------------*/
.p-referral__merit {
  background: url(../images/referral/p-referral__meritBg.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-referral__merit {
    background: url(../images/referral/sp-p-referral__meritBg.jpg) no-repeat center center/cover;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-block: 3.75rem;
  }
}
.p-referral__merit .p-referral__meritList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem 2.5rem;
  max-width: 61.25rem;
  margin-inline: auto;
}
@media (max-width: 1140px) {
  .p-referral__merit .p-referral__meritList {
    grid-template-columns: repeat(2, 1fr);
    max-width: 40rem;
  }
}
@media (max-width: 767px) {
  .p-referral__merit .p-referral__meritList {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
    max-width: 31.25rem;
    width: 100%;
  }
}
.p-referral__merit .p-referral__meritItem {
  border: 1px solid #155083;
  padding: 0.625rem;
  background-color: #fff;
}
@media (max-width: 767px) {
  .p-referral__merit .p-referral__meritItem {
    padding: 0.375rem;
  }
}
.p-referral__merit .p-referral__meritTextWrap {
  border: 1px solid #155083;
  padding: 1.625rem 1.1875rem 1.25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .p-referral__merit .p-referral__meritTextWrap {
    padding: 1.625rem 1.375rem;
  }
}
.p-referral__merit .p-referral__meritItemTitle {
  color: #155083;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.5;
  white-space: nowrap;
  text-align: center;
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .p-referral__merit .p-referral__meritItemTitle {
    font-size: 1.125rem;
    line-height: 1.33;
    min-height: unset;
  }
}
.p-referral__merit .p-referral__meritText {
  font-size: 1rem;
  line-height: 1.5;
  padding-inline: 0.125rem;
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .p-referral__merit .p-referral__meritText {
    font-size: 1rem;
    padding-inline: unset;
    margin-top: 0.75rem;
  }
}

/* 社員インタビュー
---------------------------------------------------------------------------*/
.p-referral__interview {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-referral__interview {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-block: 3.75rem;
  }
}
.p-referral__interview::before {
  position: absolute;
  top: 2.625rem;
  right: 0;
  content: "";
  display: inline-block;
  width: 13rem;
  height: 19.9375rem;
  background: url(../images/referral/p-referral__circle.jpg) no-repeat center left/cover;
  z-index: -1;
}
@media (max-width: 767px) {
  .p-referral__interview::before {
    top: 4.5rem;
    width: 4.625rem;
    height: 12.25rem;
  }
}
.p-referral__interview::after {
  position: absolute;
  bottom: 5.125rem;
  left: 0;
  content: "";
  display: inline-block;
  width: 16.25rem;
  height: 22.0625rem;
  background: url(../images/referral/p-referral__triangle.jpg) no-repeat center right/cover;
  z-index: -1;
}
@media (max-width: 767px) {
  .p-referral__interview::after {
    bottom: 0.625rem;
    width: 7.75rem;
    height: 12.75rem;
  }
}
.p-referral__interview .p-referral__interviewList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
  max-width: 65rem;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .p-referral__interview .p-referral__interviewList {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.875rem;
    max-width: 100%;
  }
}
.p-referral__interview .p-referral__interviewItem {
  display: flex;
  flex-direction: column;
  border: 5px solid;
  -o-border-image: linear-gradient(to right bottom, #FCD000, #F9E602, #00A23F, #308D9A, #7B70B0, #E385B3) 1;
     border-image: linear-gradient(to right bottom, #FCD000, #F9E602, #00A23F, #308D9A, #7B70B0, #E385B3) 1;
  padding: 1.8125rem 1.5625rem 1.9375rem;
  background-color: #fff;
}
@media (max-width: 767px) {
  .p-referral__interview .p-referral__interviewItem {
    border: 4px solid;
    -o-border-image: linear-gradient(to right bottom, #FCD000, #F9E602, #00A23F, #308D9A, #7B70B0, #E385B3) 1;
       border-image: linear-gradient(to right bottom, #FCD000, #F9E602, #00A23F, #308D9A, #7B70B0, #E385B3) 1;
    padding: 1.8125rem 1.5625rem 1.9375rem;
    padding: 1.75rem 0.75rem;
  }
}
.p-referral__interview .p-referral__interviewItem > * + * {
  margin-top: 0.625rem;
}
@media (max-width: 767px) {
  .p-referral__interview .p-referral__interviewItem > * + * {
    margin-top: 0.75rem;
  }
}
.p-referral__interview .p-referral__interviewItem img {
  width: 8.75rem;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .p-referral__interview .p-referral__interviewItem img {
    width: 5.625rem;
  }
}
.p-referral__interview .p-referral__interviewName {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.33;
  margin-top: 0.625rem;
}
@media (max-width: 767px) {
  .p-referral__interview .p-referral__interviewName {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0.9375rem;
  }
}
.p-referral__interview .p-referral__large {
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.09;
}
@media (max-width: 767px) {
  .p-referral__interview .p-referral__large {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}
.p-referral__interview .p-referral__interviewText {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* 応募から採用までの流れ
---------------------------------------------------------------------------*/
.p-referral__flow {
  background: url(../images/referral/p-referral__flowBg.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-referral__flow {
    background: url(../images/referral/sp-p-referral__flowBg.jpg) no-repeat center center/cover;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-block: 3.75rem;
  }
}
.p-referral__flow .c-page__sectionTitle {
  margin-bottom: 7.75rem;
}
@media (max-width: 767px) {
  .p-referral__flow .c-page__sectionTitle {
    margin-bottom: 4.5rem;
  }
}
.p-referral__flow .p-referral__flowList {
  display: flex;
  flex-wrap: wrap;
  max-width: 54.6875rem;
  margin-inline: auto;
  justify-content: center;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .p-referral__flow .p-referral__flowList > *:not(:nth-child(1)):not(:nth-child(4)) {
    margin-left: 2.5rem;
  }
  .p-referral__flow .p-referral__flowList > *:nth-child(n+4) {
    margin-top: 4.5rem;
  }
}
@media (max-width: 767px) {
  .p-referral__flow .p-referral__flowList {
    margin-bottom: 0.875rem;
  }
  .p-referral__flow .p-referral__flowList > *:not(:nth-child(1)):not(:nth-child(3)):not(:nth-child(5)) {
    margin-left: 2.5rem;
  }
  .p-referral__flow .p-referral__flowList > *:nth-child(n+3) {
    margin-top: 2.125rem;
  }
}
@media (max-width: 600px) {
  .p-referral__flow .p-referral__flowList > * {
    margin-left: unset !important;
  }
  .p-referral__flow .p-referral__flowList > * + * {
    margin-top: 2.125rem;
  }
}
.p-referral__flow .p-referral__flowItem {
  position: relative;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(25, 89, 144, 0.16);
  max-width: 16.5625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.6875rem 1.375rem 1.875rem 1.4375rem;
}
@media (max-width: 600px) {
  .p-referral__flow .p-referral__flowItem {
    max-width: 31.25rem;
    width: 100%;
    padding: 2rem 0.5625rem 1.5rem;
  }
}
.p-referral__flow .p-referral__flowItem > * + * {
  margin-top: 1rem;
}
@media (max-width: 600px) {
  .p-referral__flow .p-referral__flowItem > * + * {
    margin-top: 0.5rem;
  }
}
.p-referral__flow .p-referral__flowItem img {
  width: 4.125rem;
  height: auto;
}
@media (max-width: 600px) {
  .p-referral__flow .p-referral__flowItem img {
    width: 2.875rem;
  }
}
.p-referral__flow .p-referral__flowItem:nth-child(2) img {
  width: 4.875rem;
}
@media (max-width: 600px) {
  .p-referral__flow .p-referral__flowItem:nth-child(2) img {
    width: 2.8125rem;
  }
}
.p-referral__flow .p-referral__flowItem:nth-child(3) img {
  width: 5.75rem;
}
@media (max-width: 600px) {
  .p-referral__flow .p-referral__flowItem:nth-child(3) img {
    width: 2.875rem;
  }
}
.p-referral__flow .p-referral__flowItem:nth-child(4) img {
  width: 6.75rem;
}
@media (max-width: 600px) {
  .p-referral__flow .p-referral__flowItem:nth-child(4) img {
    width: 3.375rem;
  }
}
.p-referral__flow .p-referral__flowItem:nth-child(5) img {
  width: 6.25rem;
}
@media (max-width: 600px) {
  .p-referral__flow .p-referral__flowItem:nth-child(5) img {
    width: 3.5rem;
  }
}
.p-referral__flow .p-referral__flowNum {
  position: absolute;
  top: -1.875rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  color: #fff;
  font-size: 1.375rem;
  font-weight: bold;
  background: linear-gradient(to right bottom, #5E9ACE, #9DC0DE);
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .p-referral__flow .p-referral__flowNum {
    top: -1.25rem;
    font-size: 1.125rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}
.p-referral__flow .p-referral__flowTitle {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .p-referral__flow .p-referral__flowTitle {
    font-size: 1.125rem;
    margin-bottom: unset;
    margin-top: 0.25rem;
  }
}
.p-referral__flow .p-referral__flowText {
  font-size: 1rem;
  line-height: 1.25;
  text-align: center;
}
.p-referral__flow .p-referral__flowAnnotation {
  max-width: 54.6875rem;
  margin-right: auto;
  margin-left: auto;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .p-referral__flow .p-referral__flowAnnotation {
    max-width: 100%;
  }
}
.p-referral__flow .p-referral__flowAnnotation > * + * {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .p-referral__flow .p-referral__flowAnnotation > * + * {
    margin-top: 0.3125rem;
  }
}
.p-referral__flow .p-referral__flowAnnotationText {
  font-size: 0.875rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .p-referral__flow .p-referral__flowAnnotationText {
    font-size: 0.6875rem;
  }
}

/* フォントファミリー
---------------------------------------------------------------------------*/
/* カラー
---------------------------------------------------------------------------*/
/* page-alumni
---------------------------------------------------------------------------*/
/* ページタイトル
---------------------------------------------------------------------------*/
.p-alumni__title {
  position: relative;
  padding-top: 5rem;
}
@media (max-width: 767px) {
  .p-alumni__title {
    padding-top: 3.75rem;
  }
}
.p-alumni__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 128/60;
}
@media (max-width: 767px) {
  .p-alumni__title img {
    aspect-ratio: 375/440;
  }
}
.p-alumni__title .c-pageTitle {
  position: absolute;
  top: 20.3vw;
  left: 9.85vw;
}
@media (max-width: 767px) {
  .p-alumni__title .c-pageTitle {
    top: unset;
    bottom: 1.5rem;
    left: 1.25rem;
  }
}

/* アルムナイ採用とは
---------------------------------------------------------------------------*/
.p-alumni__about {
  background: url(../images/alumni/p-alumni__aboutBg.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-alumni__about {
    background: url(../images/alumni/sp-p-alumni__aboutBg.jpg) no-repeat center center/cover;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-block: 3.75rem;
  }
}
.p-alumni__about .p-alumni__aboutContent {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 767px) {
  .p-alumni__about .p-alumni__aboutContent {
    flex-direction: column;
  }
}
.p-alumni__about .p-alumni__aboutContent img {
  width: 52.78%;
  height: auto;
}
@media (max-width: 767px) {
  .p-alumni__about .p-alumni__aboutContent img {
    width: 100%;
  }
}
.p-alumni__about .p-alumni__aboutText {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  color: #585D61;
  width: 48.15%;
  margin-left: 4.63%;
}
@media (max-width: 767px) {
  .p-alumni__about .p-alumni__aboutText {
    width: 100%;
    font-size: 1rem;
    line-height: 2;
    margin-left: 0;
    margin-top: 1.125rem;
  }
}

/* メッセージ
---------------------------------------------------------------------------*/
.p-alumni__message {
  background: url(../images/alumni/p-alumni__messageBg.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-alumni__message {
    background: url(../images/alumni/sp-p-alumni__messageBg.jpg) no-repeat center center/cover;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-block: 3.75rem;
  }
}
.p-alumni__message .c-page__sectionTitle {
  color: #fff;
}
.p-alumni__message .c-page__sectionTitle::before {
  background-color: #fff;
}
.p-alumni__message .p-alumni__messageText {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-alumni__message .p-alumni__messageText {
    font-size: 1rem;
    line-height: 2;
  }
}

/* 募集要項
---------------------------------------------------------------------------*/
.p-alumni__job {
  background: url(../images/alumni/p-alumni__jobBg.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-alumni__job {
    background: url(../images/alumni/sp-p-alumni__jobBg.jpg) no-repeat center center/cover;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-block: 3.75rem;
  }
}
.p-alumni__job .p-alumni__jobList {
  display: grid;
  grid-template-columns: 20% 80%;
  row-gap: 1.5rem;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2;
}
@media (max-width: 767px) {
  .p-alumni__job .p-alumni__jobList {
    grid-template-columns: 100%;
    row-gap: 0.5rem;
    font-size: 1rem;
    line-height: 1.5;
  }
}
.p-alumni__job .p-alumni__jobTitle {
  border-bottom: 2px solid #585D61;
  padding: 0 0 1.5rem 2.25rem;
}
@media (max-width: 767px) {
  .p-alumni__job .p-alumni__jobTitle {
    border-bottom: unset;
    padding: unset;
  }
}
.p-alumni__job .p-alumni__jobDescription {
  border-bottom: 2px solid #B0B4B7;
  padding: 0 1rem 1.5rem 1.125rem;
}
@media (max-width: 767px) {
  .p-alumni__job .p-alumni__jobDescription {
    padding: 0 0 1rem;
    margin-bottom: 0.75rem;
  }
  .p-alumni__job .p-alumni__jobDescription:last-child {
    margin-bottom: unset;
  }
}
.p-alumni__job .p-alumni__jobLink {
  text-decoration: underline;
}
.p-alumni__job .p-alumni__jobAnnotation {
  color: #585D61;
  display: block;
  font-size: 0.6875rem;
  line-height: 1.45;
  margin-top: 0.875rem;
}

/* アルムナイコミュニティ
---------------------------------------------------------------------------*/
.p-alumni__community {
  background: url(../images/alumni/p-alumni__communityBg.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
  /* アイコン */
}
@media (max-width: 767px) {
  .p-alumni__community {
    background: url(../images/alumni/sp-p-alumni__communityBg.jpg) no-repeat center center/cover;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-block: 3.75rem;
  }
}
.p-alumni__community .p-alumni__communityIntro {
  color: #585D61;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__communityIntro {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 2rem;
  }
}
.p-alumni__community .p-alumni__communityEntry {
  color: #585D61;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__communityEntry {
    font-size: 1rem;
    line-height: 1.625;
    margin-bottom: 1rem;
  }
}
.p-alumni__community .p-alumni__communityBlue {
  display: block;
  color: #155083;
  font-weight: bold;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__communityBlue {
    font-size: 1.125rem;
  }
}
.p-alumni__community .p-alumni__communityList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
  max-width: 52.625rem;
  margin-right: auto;
  margin-left: auto;
  margin-inline: auto;
  margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__communityList {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
    max-width: 31.25rem;
    margin-bottom: 1rem;
  }
}
.p-alumni__community .p-alumni__communityItem {
  border: 1px solid #155083;
  padding: 0.625rem;
  background-color: #fff;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__communityItem {
    padding: 0.375rem;
  }
}
.p-alumni__community .p-alumni__communityWrap {
  height: 100%;
  border: 1px solid #155083;
  padding: 2.5rem 0.9375rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__communityWrap {
    padding: 1.625rem 1.375rem;
  }
}
.p-alumni__community .p-alumni__communityTitle {
  color: #155083;
  font-size: 1.375rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__communityTitle {
    font-size: 1.125rem;
  }
}
.p-alumni__community .p-alumni__communityText {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__communityText {
    margin-top: 0.75rem;
  }
}
.p-alumni__community .p-alumni__checkbox {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #404040;
  margin-bottom: 1.5rem;
  /* チェックボックス全体：非活性の見た目 */
}
.p-alumni__community .p-alumni__checkbox:has(.checkbox_icon:disabled) {
  opacity: 0.4;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__checkbox {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }
}
.p-alumni__community .p-alumni__checkboxIcon {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #FFFFFF;
  border: solid 2px #707070;
  border-radius: 2px;
  box-shadow: 0 0 0 0 transparent;
  transition-duration: 0.2s;
  transition-property: background-color, border, box-shadow, color;
  margin-top: 0.25rem;
  flex-shrink: 0;
  /* 強制カラーモードが有効のときは、既定のシステムカラー値を設定して、トランジションを無効にする */
  /* アイコン：選択済みの見た目 */
  /* チェックマーク */
  /* 強制カラーモードが有効のときは、既定のシステムカラー値を設定して、トランジションを無効にする */
  /* チェックマーク：選択済みの見た目 */
}
@media (forced-colors: active) {
  .p-alumni__community .p-alumni__checkboxIcon {
    transition: none;
    border-color: CanvasText;
  }
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__checkboxIcon {
    width: 0.875rem;
    height: 0.875rem;
  }
}
.p-alumni__community .p-alumni__checkboxIcon:checked {
  background: #2778BE;
  /* 背景 */
  border-color: #2778BE;
  /* 背景 */
  /* 強制カラーモードが有効のときは、システムカラーを設定 */
  /* アイコン：活性時のホバー演出 */
}
@media (forced-colors: active) {
  .p-alumni__community .p-alumni__checkboxIcon:checked {
    background-color: Canvas;
    border-color: CanvasText;
  }
}
.p-alumni__community .p-alumni__checkboxIcon:checked:hover:enabled {
  /* 強制カラーモードが無効かつ、ホバーが有効のときは、ホバー演出を追加 */
}
@media (forced-colors: none) and (any-hover: hover) {
  .p-alumni__community .p-alumni__checkboxIcon:checked:hover:enabled {
    border-color: #2778BE;
    /* 背景 */
    box-shadow: 0 0 0 4px #BED7ED;
    /* 薄い青色 */
  }
}
.p-alumni__community .p-alumni__checkboxIcon::before {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  -webkit-mask-image: url(../images/alumni/icon.svg);
          mask-image: url(../images/alumni/icon.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #FFFFFF;
  transition: opacity 0.2s;
}
@media (forced-colors: active) {
  .p-alumni__community .p-alumni__checkboxIcon::before {
    transition: none;
    background-color: CanvasText;
  }
}
.p-alumni__community .p-alumni__checkboxIcon:checked::before {
  opacity: 1;
}
.p-alumni__community .p-alumni__checkboxText {
  margin-left: 0.5rem;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__checkboxText {
    margin-left: 0.25rem;
  }
}
.p-alumni__community .p-alumni__checkboxLink {
  color: #3888CD;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .p-alumni__community .p-alumni__checkboxLink:hover {
    opacity: 0.7;
  }
}
.p-alumni__community .p-alumni__communityButton {
  background-color: #fff;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-right: auto;
  margin-left: auto;
  margin-inline: auto;
  margin-bottom: 0.875rem;
}
.p-alumni__community .p-alumni__communityLink {
  position: relative;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  background-color: #2778BE;
  padding: 0.125rem;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__communityLink {
    font-size: 0.875rem;
  }
}
.p-alumni__community .p-alumni__communityLink::before {
  position: absolute;
  top: 50%;
  right: 1.375rem;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  background: url(../images/external-link.svg) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__communityLink::before {
    right: 1.5rem;
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media (min-width: 768px) {
  .p-alumni__community .p-alumni__communityLink:hover {
    opacity: 0.7;
  }
}
.p-alumni__community .p-alumni__communityLink.is-disabled {
  pointer-events: none;
  background-color: #ccc;
  cursor: not-allowed;
}
.p-alumni__community .p-alumni__communityLink.is-disabled::before {
  filter: grayscale(1);
  opacity: 0.4;
}
.p-alumni__community .p-alumni__communityBorder {
  border: 1px solid #fff;
  padding: 1rem 2.75rem 1rem 1.375rem;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__communityBorder {
    padding: 1.125rem 2.375rem 1.125rem 1.5rem;
  }
}
.p-alumni__community .p-alumni__communityInfo {
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 767px) {
  .p-alumni__community .p-alumni__communityInfo {
    font-size: 0.75rem;
    text-align: left;
    line-height: 1.42;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    margin-right: auto;
    margin-left: auto;
    margin-inline: auto;
  }
}

/* 交流会レポート
---------------------------------------------------------------------------*/
.p-alumni__meetup {
  background: linear-gradient(to right, #9DC0DE, #5E9ACE);
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-alumni__meetup {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    padding-block: 3.75rem;
  }
}
.p-alumni__meetup .l-inner {
  max-width: 62.5rem;
}
@media (max-width: 767px) {
  .p-alumni__meetup .l-inner {
    max-width: 100%;
  }
}
.p-alumni__meetup .c-page__sectionTitle {
  color: #fff;
}
.p-alumni__meetup .c-page__sectionTitle::before {
  background-color: #fff;
}
.p-alumni__meetup img {
  width: 100%;
  height: auto;
  margin-bottom: 2.75rem;
}
@media (max-width: 767px) {
  .p-alumni__meetup img {
    margin-bottom: 1.5rem;
  }
}
.p-alumni__meetup .p-alumni__meetupIntro {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .p-alumni__meetup .p-alumni__meetupIntro {
    font-size: 1.125rem;
    line-height: 1.33;
    margin-bottom: 1.125rem;
  }
}
.p-alumni__meetup .p-alumni__meetupText {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.33;
  text-align: center;
  max-width: 50rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .p-alumni__meetup .p-alumni__meetupText {
    font-size: 1rem;
    line-height: 1.5;
    max-width: 100%;
    margin-bottom: 0.875rem;
  }
}
.p-alumni__meetup .p-alumni__meetupButton {
  background-color: #fff;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-right: auto;
  margin-left: auto;
  margin-inline: auto;
}
.p-alumni__meetup .p-alumni__meetupLink {
  position: relative;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: #585D61;
  background-color: #fff;
  padding: 0.125rem;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .p-alumni__meetup .p-alumni__meetupLink {
    font-size: 0.875rem;
  }
}
.p-alumni__meetup .p-alumni__meetupLink::before {
  position: absolute;
  bottom: 0.4375rem;
  right: 0.4375rem;
  content: "";
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  background: #2778BE;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}
@media (max-width: 767px) {
  .p-alumni__meetup .p-alumni__meetupLink::before {
    bottom: 0.375rem;
    right: 0.375rem;
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media (min-width: 768px) {
  .p-alumni__meetup .p-alumni__meetupLink:hover {
    opacity: 0.7;
  }
}
.p-alumni__meetup .p-alumni__meetupBorder {
  border: 1px solid #5E9ACE;
  padding: 1rem 2.75rem 1rem 1.375rem;
}
@media (max-width: 767px) {
  .p-alumni__meetup .p-alumni__meetupBorder {
    padding: 1.125rem 2.375rem 1.125rem 1.5rem;
  }
}

/* 私のアルムナイストーリー
---------------------------------------------------------------------------*/
.p-alumni__interview {
  background: url(../images/alumni/p-alumni__interviewBg.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-alumni__interview {
    background: url(../images/alumni/sp-p-alumni__interviewBg.jpg) no-repeat center center/cover;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-block: 2.5rem;
  }
}
.p-alumni__interview .c-page__sectionTitle {
  background: linear-gradient(to right, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #00A23F);
  color: #fff;
  text-align: center;
  inline-size: unset;
  padding-top: 1.375rem;
  padding-bottom: 3.5rem;
}
@media (max-width: 767px) {
  .p-alumni__interview .c-page__sectionTitle {
    padding-top: 0.6875rem;
    padding-bottom: 1.9375rem;
  }
}
.p-alumni__interview .c-page__sectionTitle::before {
  top: unset;
  bottom: 1.75rem;
  background-color: #fff;
}
@media (max-width: 767px) {
  .p-alumni__interview .c-page__sectionTitle::before {
    bottom: 0.625rem;
  }
}
.p-alumni__interview .p-alumni__interviewList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.125rem;
  max-width: 58.75rem;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .p-alumni__interview .p-alumni__interviewList {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    max-width: 31.25rem;
    padding-left: 1rem;
    padding-right: 0.625rem;
  }
}
.p-alumni__interview .p-alumni__interviewItem {
  position: relative;
  transition: 0.3s;
}
.p-alumni__interview .p-alumni__interviewItem::before {
  position: absolute;
  top: -2.6%;
  left: -3.57%;
  content: "";
  display: inline-block;
  width: 100%;
  height: 83%;
  background: url(../images/p-topInterview-frame.png) no-repeat top center/contain;
  pointer-events: none;
}
@media (min-width: 768px) {
  .p-alumni__interview .p-alumni__interviewItem:hover {
    opacity: 0.7;
  }
}
.p-alumni__interview .p-alumni__interviewItem img {
  width: 100%;
}
.p-alumni__interview .p-alumni__interviewText {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.125rem;
}
@media (max-width: 767px) {
  .p-alumni__interview .p-alumni__interviewText {
    padding: 0.5rem 0.25rem;
  }
}
.p-alumni__interview .p-alumni__interviewText.row-second {
  padding-top: unset;
}
.p-alumni__interview .p-alumni__interviewName {
  color: #585D61;
  font-size: 1.25rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .p-alumni__interview .p-alumni__interviewName {
    font-size: 1rem;
  }
}
.p-alumni__interview .p-alumni__interviewPost {
  color: #3888CD;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #73B4EB;
  padding: 0.25rem 0.5rem;
}
@media (max-width: 767px) {
  .p-alumni__interview .p-alumni__interviewPost {
    font-size: 0.625rem;
    padding: 0.125rem 0.25rem;
  }
}

/* フォントファミリー
---------------------------------------------------------------------------*/
/* カラー
---------------------------------------------------------------------------*/
/* page-archive
---------------------------------------------------------------------------*/
/* アーカイブページタイトル
---------------------------------------------------------------------------*/
.p-archive__title {
  position: relative;
  padding-top: 5rem;
}
@media (max-width: 767px) {
  .p-archive__title {
    padding-top: 3.75rem;
  }
}
.p-archive__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 128/40;
}
@media (max-width: 767px) {
  .p-archive__title img {
    aspect-ratio: 375/230;
  }
}
.p-archive__title .c-pageTitle {
  position: absolute;
  top: 16vw;
  left: 11.05vw;
}
@media (max-width: 767px) {
  .p-archive__title .c-pageTitle {
    top: unset;
    bottom: 4.6875rem;
    left: 1.25rem;
  }
}

.p-archive {
  position: relative;
  padding-top: 2.5rem;
  padding-bottom: 1.875rem;
}
.p-archive::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: inline-block;
  width: 100%;
  height: 20.4375rem;
  background: url(../images/interview/p-archiveBg.jpg) no-repeat center center/cover;
  z-index: -1;
}
.p-archive .p-archive__buttonList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-bottom: 4.375rem;
  max-width: 56.5rem;
}
@media (max-width: 767px) {
  .p-archive .p-archive__buttonList {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.875rem 1.375rem;
    max-width: 31.25rem;
  }
}
.p-archive .p-archive__buttonLink {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: 500;
  height: 3.125rem;
  background-color: #fff;
  border-radius: 1.875rem;
  border: 2px solid #5E9ACE;
}
@media (max-width: 767px) {
  .p-archive .p-archive__buttonLink {
    font-size: 0.875rem;
    height: 2.625rem;
  }
}
.p-archive .p-archive__buttonItem.is-interviewActive .p-archive__buttonLink {
  background: linear-gradient(to right, #5E9ACE, #9DC0DE);
  border: none;
  color: #fff;
}
.p-archive .p-archive__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
  margin-right: auto;
  margin-left: auto;
  margin-inline: auto;
  margin-bottom: 4.25rem;
}
@media (max-width: 767px) {
  .p-archive .p-archive__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.375rem 1.3125rem;
    max-width: 100%;
    padding-left: 0.375rem;
  }
}
.p-archive .p-archive__item {
  position: relative;
  width: 15.6875rem;
  flex-shrink: 0;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .p-archive .p-archive__item {
    min-width: 10.25rem;
  }
}
@media (min-width: 768px) {
  .p-archive .p-archive__item:hover {
    opacity: 0.7;
  }
}
.p-archive .p-archive__item::before {
  position: absolute;
  top: -2.6%;
  left: -3.57%;
  content: "";
  display: inline-block;
  width: 100%;
  height: 83%;
  background: url(../images/p-topInterview-frame.png) no-repeat top center/contain;
  pointer-events: none;
}
.p-archive .p-archive__item img {
  display: block;
  height: auto;
  width: 100%;
  aspect-ratio: 280/288;
}
.p-archive .p-archive__link {
  display: block;
}
.p-archive .p-archive__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #585D61;
  padding: 0.75rem;
  background-color: #fff;
}
@media (max-width: 767px) {
  .p-archive .p-archive__content {
    padding: 0.5rem 0;
  }
}
.p-archive .p-archive__name {
  font-size: 1.125rem;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .p-archive .p-archive__name {
    font-size: 1rem;
  }
}
.p-archive .p-archive__meta {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
}
.p-archive .p-archive__position {
  font-size: 0.75rem;
  font-weight: 500;
  color: #3888CD;
  border: 1px solid #3888CD;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: 0.25rem 0.375rem;
}
@media (max-width: 767px) {
  .p-archive .p-archive__position {
    font-size: 0.625rem;
  }
}
.p-archive .p-archive__join {
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.25rem;
}
@media (max-width: 767px) {
  .p-archive .p-archive__join {
    font-size: 0.625rem;
  }
}
.p-archive .p-archive__annotation {
  font-size: 0.875rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .p-archive .p-archive__annotation {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

/* page-interview
---------------------------------------------------------------------------*/
/* インタビュー詳細ページタイトル
---------------------------------------------------------------------------*/
.p-interview__title {
  position: relative;
  padding-top: 5rem;
}
@media (max-width: 767px) {
  .p-interview__title {
    padding-top: 3.75rem;
  }
}
.p-interview__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 128/60;
}
@media (max-width: 767px) {
  .p-interview__title img {
    aspect-ratio: 375/440;
  }
}
.p-interview__title .c-pageTitle {
  position: absolute;
  top: 16vw;
  left: 11.05vw;
}
@media (max-width: 767px) {
  .p-interview__title .c-pageTitle {
    top: unset;
    bottom: 0.875rem;
    left: 1.25rem;
    width: -webkit-fill-available;
    margin-right: 1.25rem;
  }
}
@media (max-width: 767px) {
  .p-interview__title .c-pageTitle__ja {
    margin-bottom: 0.875rem;
  }
}
.p-interview__title .p-interview__titleMessage {
  display: inline;
  font-size: 2.5vw;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0.32vw 0.62vw;
  line-height: 2.3;
  color: #333;
  background-color: #fff;
}
@media (max-width: 767px) {
  .p-interview__title .p-interview__titleMessage {
    font-size: 1.5rem;
    line-height: 2;
    padding: 0.15rem 0.3125rem;
  }
}
.p-interview__title .p-interview__profile {
  font-weight: 500;
  display: flex;
  flex-direction: column;
  margin-top: 1.9vw;
}
@media (max-width: 767px) {
  .p-interview__title .p-interview__profile {
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    margin-left: auto;
    margin-top: 0.25rem;
  }
}
.p-interview__title .p-interview__profile > * + * {
  margin-top: 0.6vw;
}
@media (max-width: 767px) {
  .p-interview__title .p-interview__profile > * + * {
    margin-top: 0.25rem;
  }
}
.p-interview__title .p-interview__post {
  font-size: 1.405vw;
}
@media (max-width: 767px) {
  .p-interview__title .p-interview__post {
    font-size: 0.75rem;
  }
}
.p-interview__title .p-interview__name {
  font-size: 2.5vw;
}
@media (max-width: 767px) {
  .p-interview__title .p-interview__name {
    font-size: 1rem;
  }
}
.p-interview__title .p-interview__join {
  font-size: 1.405vw;
}
@media (max-width: 767px) {
  .p-interview__title .p-interview__join {
    font-size: 0.75rem;
  }
}

/* 詳細ページセクションタイトル
---------------------------------------------------------------------------*/
.p-interview__sectionTextWrap {
  position: relative;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-left: auto;
}

.p-interview__sectionTitle {
  position: absolute;
  top: -1.75rem;
  left: -11rem;
  font-size: 2rem;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
  z-index: 2;
}
@media (max-width: 1140px) {
  .p-interview__sectionTitle {
    left: 0;
  }
}
@media (max-width: 767px) {
  .p-interview__sectionTitle {
    font-size: 1.5rem;
    top: -7.25rem;
    left: 0;
  }
}

.p-interview__sectionFrame {
  display: block;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  border: 2px solid;
  -o-border-image: linear-gradient(to right, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #00A23F) 1;
     border-image: linear-gradient(to right, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #00A23F) 1;
  padding: 0.625rem 0.5rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .p-interview__sectionFrame {
    border: 1px solid;
    -o-border-image: linear-gradient(to right, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #00A23F) 1;
       border-image: linear-gradient(to right, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #00A23F) 1;
  }
}

/* 入社動機／会社の特徴について
---------------------------------------------------------------------------*/
.p-interview__motive {
  position: relative;
  padding-top: 10.4375rem;
  padding-bottom: 5rem;
}
@media (max-width: 767px) {
  .p-interview__motive {
    padding-top: 9.75rem;
    padding-bottom: 3.75rem;
  }
}
.p-interview__motive::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 21.3125rem;
  height: 38.0625rem;
  background: url(../images/interview/p-interview-circle01.jpg) no-repeat center center/cover;
  z-index: -1;
}
.p-interview__motive .l-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.p-interview__motive .p-interview__sectionTitle {
  top: -5.25rem;
}
@media (max-width: 767px) {
  .p-interview__motive .p-interview__sectionTitle {
    top: -7.25rem;
  }
}
.p-interview__motive .p-interview__motiveText {
  color: #585D61;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  background-color: #F6FCFE;
  padding: 3.75rem 4.375rem;
  max-width: 53.375rem;
}
@media (max-width: 767px) {
  .p-interview__motive .p-interview__motiveText {
    font-size: 1rem;
    line-height: 2;
    padding: 1.875rem 0.75rem;
    max-width: 100%;
  }
}
.p-interview__motive .p-interview__motiveImage {
  width: 35.625rem;
  height: auto;
  margin-top: -2.25rem;
  aspect-ratio: 570/376;
}
@media (max-width: 767px) {
  .p-interview__motive .p-interview__motiveImage {
    width: 100%;
    margin-top: 0;
  }
}

/* 現在の仕事内容／印象に残っていることについて
---------------------------------------------------------------------------*/
.p-interview__description {
  background: url(../images/interview/p-interviewBg02.jpg) no-repeat center center/cover;
  padding-top: 9rem;
  padding-bottom: 5rem;
}
@media (max-width: 767px) {
  .p-interview__description {
    background: url(../images/interview/sp-p-interviewBg02.jpg) no-repeat center center/cover;
    padding-top: 11.25rem;
    padding-bottom: 1.875rem;
  }
}
.p-interview__description .l-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.p-interview__description .p-interview__sectionTextWrap {
  margin-left: 0;
  margin-right: auto;
}
.p-interview__description .p-interview__sectionTitle {
  top: -5.25rem;
  left: unset;
  right: -12.5rem;
}
@media (max-width: 1140px) {
  .p-interview__description .p-interview__sectionTitle {
    right: 0;
  }
}
@media (max-width: 767px) {
  .p-interview__description .p-interview__sectionTitle {
    top: -7.25rem;
    right: unset;
    left: 0;
  }
}
.p-interview__description .p-interview__sectionFrame {
  margin-left: auto;
}
@media (max-width: 767px) {
  .p-interview__description .p-interview__sectionFrame {
    margin-left: unset;
  }
}
.p-interview__description .p-interview__descriptionText {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  color: #585D61;
  background-color: #fff;
  padding: 3.75rem 4.375rem;
  max-width: 53.375rem;
}
@media (max-width: 767px) {
  .p-interview__description .p-interview__descriptionText {
    font-size: 1rem;
    line-height: 2;
    padding: 1.875rem 0.75rem;
  }
}
.p-interview__description .p-interview__descriptionImage {
  width: 35.625rem;
  height: auto;
  margin-top: -2.25rem;
  aspect-ratio: 570/376;
}
@media (max-width: 767px) {
  .p-interview__description .p-interview__descriptionImage {
    width: 100%;
    margin-top: 0;
  }
}

/* 今後の目標について
---------------------------------------------------------------------------*/
.p-interview__goal {
  position: relative;
  padding-top: 6.25rem;
  padding-bottom: 5rem;
}
@media (max-width: 767px) {
  .p-interview__goal {
    padding-top: 8rem;
    padding-bottom: 3.75rem;
  }
}
.p-interview__goal::before {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  display: inline-block;
  width: 21.3125rem;
  height: 37.1875rem;
  background: url(../images/interview/p-interview-circle02.jpg) no-repeat center center/cover;
  z-index: -1;
}
.p-interview__goal .l-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .p-interview__goal .p-interview__sectionTitle {
    top: -4.25rem;
  }
}
.p-interview__goal .p-interview__goalText {
  background: url(../images/interview/p-interview_goalBg.jpg) no-repeat center center/cover;
  color: #585D61;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  padding: 3.75rem 4.375rem;
  max-width: 53.375rem;
}
@media (max-width: 767px) {
  .p-interview__goal .p-interview__goalText {
    background: url(../images/interview/sp-p-interview_goalBg.jpg) no-repeat center center/cover;
    font-size: 1rem;
    line-height: 2;
    padding: 1.875rem 0.75rem;
  }
}
.p-interview__goal .p-interview_goalImage {
  width: 35.625rem;
  height: auto;
  margin-top: -2.25rem;
  aspect-ratio: 570/376;
}
@media (max-width: 767px) {
  .p-interview__goal .p-interview_goalImage {
    width: 100%;
    margin-top: 0;
  }
}

/* 学生／求職者へメッセージ
---------------------------------------------------------------------------*/
.p-interview__message {
  background: url(../images/interview/p-interviewBg04.jpg) no-repeat center center/cover;
  padding-top: 6.25rem;
  padding-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .p-interview__message {
    position: relative;
    background: unset;
    padding-top: 8rem;
    padding-bottom: unset;
  }
}
@media (max-width: 767px) {
  .p-interview__message::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    inset: 0;
    content: "";
    display: inline-block;
    width: 100%;
    height: calc(100% - 13.375rem);
    background: url(../images/interview/sp-p-interviewBg04.jpg) no-repeat center center/cover;
  }
}
.p-interview__message .p-interview__sectionTitle {
  left: unset;
  right: 0;
}
@media (max-width: 767px) {
  .p-interview__message .p-interview__sectionTitle {
    top: -4.25rem;
    right: unset;
    left: 0;
  }
}
.p-interview__message .p-interview__sectionFrame {
  margin-left: auto;
}
.p-interview__message .p-interview__messageContent {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-interview__message .p-interview__messageContent {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.875rem;
  }
}
.p-interview__message .p-interview__sectionTextWrap {
  width: 61.93%;
}
@media (max-width: 767px) {
  .p-interview__message .p-interview__sectionTextWrap {
    width: 100%;
  }
}
.p-interview__message .p-interview__messageText {
  background-color: #fff;
  color: #585D61;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8;
  padding: 3.75rem 4.375rem;
}
@media (max-width: 767px) {
  .p-interview__message .p-interview__messageText {
    font-size: 1rem;
    line-height: 2;
    padding: 1.875rem 0.75rem;
  }
}
.p-interview__message .p-interview_messageImage {
  width: 34.21%;
  height: auto;
  max-width: 24.375rem;
  aspect-ratio: 39/42;
  -o-object-position: top center;
     object-position: top center;
  margin-left: 3.86%;
}
@media (max-width: 767px) {
  .p-interview__message .p-interview_messageImage {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 355/233;
    margin-left: unset;
  }
}
.p-interview__message .p-interview_messageAnnotation {
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .p-interview__message .p-interview_messageAnnotation {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

/* 詳細ページボタン
---------------------------------------------------------------------------*/
.p-interview__button {
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
  text-align: center;
}
@media (max-width: 767px) {
  .p-interview__button {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-block: 2.5rem;
  }
}

.p-interview__buttonLink {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border: 2px solid;
  -o-border-image: linear-gradient(to right bottom, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C) 1;
     border-image: linear-gradient(to right bottom, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C) 1;
  padding: 1.25rem 2.75rem;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .p-interview__buttonLink {
    padding: 1rem 2.5rem;
    border: 1px solid;
    -o-border-image: linear-gradient(to right bottom, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C) 1;
       border-image: linear-gradient(to right bottom, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C) 1;
  }
}
.p-interview__buttonLink::before {
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  content: "";
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  background: #FCD000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
  transition: 0.3s;
  z-index: 3;
}
@media (max-width: 767px) {
  .p-interview__buttonLink::before {
    bottom: 0.375rem;
    right: 0.375rem;
    width: 0.625rem;
    height: 0.625rem;
  }
}
.p-interview__buttonLink::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  inset: 0;
  content: "";
  background: linear-gradient(to right, #E385B3, #FCD000, #ED7105);
  z-index: 0;
  opacity: 0;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .p-interview__buttonLink:hover {
    border: 2px solid #fff;
  }
  .p-interview__buttonLink:hover::before {
    background: #fff;
  }
  .p-interview__buttonLink:hover::after {
    opacity: 1;
  }
  .p-interview__buttonLink:hover .p-interview__buttonText {
    color: #fff;
  }
}

.p-interview__buttonText {
  position: relative;
  font-size: 1.25rem;
  z-index: 2;
}
@media (max-width: 767px) {
  .p-interview__buttonText {
    font-size: 1rem;
  }
}

/* フォントファミリー
---------------------------------------------------------------------------*/
/* カラー
---------------------------------------------------------------------------*/
/* page-domain
---------------------------------------------------------------------------*/
/* ページタイトル
---------------------------------------------------------------------------*/
.p-domain__title {
  position: relative;
  padding-top: 5rem;
}
@media (max-width: 767px) {
  .p-domain__title {
    padding-top: 3.75rem;
  }
}
.p-domain__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 128/40;
}
@media (max-width: 767px) {
  .p-domain__title img {
    aspect-ratio: 375/230;
  }
}
.p-domain__title .c-pageTitle {
  position: absolute;
  top: 16vw;
  left: 11.05vw;
}
@media (max-width: 767px) {
  .p-domain__title .c-pageTitle {
    top: unset;
    bottom: 4.6875rem;
    left: 1.25rem;
  }
}

/* ヒューマングループの事業領域
---------------------------------------------------------------------------*/
.p-domain__about {
  background: url(../images/domain/p-domain_aboutBg.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 3.875rem;
}
@media (max-width: 767px) {
  .p-domain__about {
    background: url(../images/domain/sp-p-domain_aboutBg.jpg) no-repeat center center/cover;
    padding-bottom: 3rem;
  }
}
.p-domain__about .p-domain__aboutTitle {
  background: linear-gradient(to right, #5E9ACE, #9DC0DE);
  padding-top: 3.75rem;
  padding-bottom: 5.125rem;
}
@media (max-width: 767px) {
  .p-domain__about .p-domain__aboutTitle {
    padding-top: 2.5rem;
    padding-bottom: 6.375rem;
  }
}
.p-domain__about .c-page__sectionTitle {
  color: #fff;
}
.p-domain__about .c-page__sectionTitle::before {
  background-color: #fff;
}
.p-domain__about .p-domain__aboutWap {
  background-color: #fff;
  border: 2px solid #5E9ACE;
  padding: 3.375rem;
  max-width: 56.25rem;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-inline: auto;
  margin-top: -6.25rem;
}
@media (max-width: 767px) {
  .p-domain__about .p-domain__aboutWap {
    padding: 2.5rem;
    max-width: 100%;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
  }
}
.p-domain__about .p-domain__aboutText {
  font-size: 1.375rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .p-domain__about .p-domain__aboutText {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 1.875rem;
  }
}
.p-domain__about .p-domain__aboutLink {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border: 1px solid;
  -o-border-image: linear-gradient(to right bottom, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C) 1;
     border-image: linear-gradient(to right bottom, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C) 1;
  padding: 0.875rem 4.25rem 0.875rem 3.175rem;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .p-domain__about .p-domain__aboutLink {
    padding: 0.625rem 3.375rem 0.625rem 2.75rem;
  }
}
.p-domain__about .p-domain__aboutLink::before {
  position: absolute;
  top: 50%;
  right: 2.75rem;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 0.8125rem;
  height: 0.8125rem;
  background: url(../images/external-link-blue.svg) no-repeat center center/cover;
  transition: 0.3s;
  z-index: 3;
}
@media (max-width: 767px) {
  .p-domain__about .p-domain__aboutLink::before {
    right: 1.875rem;
    width: 0.75rem;
    height: 0.75rem;
  }
}
.p-domain__about .p-domain__aboutLink::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(to right, #E385B3, #FCD000, #ED7105);
  z-index: 0;
  opacity: 0;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .p-domain__about .p-domain__aboutLink:hover {
    border: 1px solid #fff;
  }
  .p-domain__about .p-domain__aboutLink:hover::before {
    background: url(../images/external-link.svg) no-repeat center center/cover;
  }
  .p-domain__about .p-domain__aboutLink:hover::after {
    opacity: 1;
  }
  .p-domain__about .p-domain__aboutLink:hover .p-domain__aboutMore {
    background: none;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: #fff;
  }
}
.p-domain__about .p-domain__aboutMore {
  position: relative;
  font-size: 1.5rem;
  font-family: "Aboreto", system-ui;
  background: linear-gradient(to right, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 3;
}
@media (max-width: 767px) {
  .p-domain__about .p-domain__aboutMore {
    font-size: 1.25rem;
  }
}

.p-domain__message .p-domain__messageBg {
  background: url(../images/domain/p-domain_messageBg.jpg) no-repeat center center/cover;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-domain__message .p-domain__messageBg {
    padding-top: 3.75rem;
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 767px) {
  .p-domain__message .c-page__sectionTitle {
    line-height: 1.5;
    text-align: center;
  }
}
.p-domain__message .p-domain__messageText {
  font-size: 1.375rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .p-domain__message .p-domain__messageText {
    font-size: 1rem;
    line-height: 1.75;
  }
}
.p-domain__message picture img {
  width: 100%;
  height: auto;
}

.p-domain__service {
  background: url(../images/domain/p-domain_serviceBg01.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-domain__service {
    background: url(../images/domain/sp-p-domain_serviceBg01.jpg) no-repeat center center/cover;
    padding-top: 3.75rem;
    padding-bottom: 2.5rem;
  }
}
.p-domain__service .p-domain__serviceTitle {
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 0.875rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-domain__service .p-domain__serviceTitle {
    font-size: 1.375rem;
    line-height: 1.45;
    padding-bottom: 0.75rem;
    margin-bottom: 2.75rem;
  }
}
.p-domain__service .p-domain__serviceTitle::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: inline-block;
  width: 3.375rem;
  height: 2px;
  background-color: #155083;
}
@media (max-width: 767px) {
  .p-domain__service .p-domain__serviceTitle::before {
    width: 3.125rem;
  }
}
.p-domain__service .p-domain__serviceList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem 2.5rem;
  max-width: 61.25rem;
  margin-inline: auto;
}
@media (max-width: 1140px) {
  .p-domain__service .p-domain__serviceList {
    grid-template-columns: repeat(2, 1fr);
    max-width: 40rem;
  }
}
@media (max-width: 767px) {
  .p-domain__service .p-domain__serviceList {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
    max-width: 31.25rem;
    width: 100%;
  }
}
.p-domain__service .p-domain__serviceItem {
  border: 1px solid #155083;
  padding: 0.625rem;
  background-color: #fff;
  min-height: 17.5rem;
}
@media (max-width: 767px) {
  .p-domain__service .p-domain__serviceItem {
    padding: 0.375rem;
    min-height: unset;
  }
}
.p-domain__service .p-domain__serviceTextWrap {
  border: 1px solid #155083;
  padding: 1.625rem 0.625rem 1.25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .p-domain__service .p-domain__serviceTextWrap {
    padding: 1.625rem 1.375rem;
  }
}
.p-domain__service .p-domain__serviceItemTitle {
  color: #155083;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .p-domain__service .p-domain__serviceItemTitle {
    font-size: 1.125rem;
    line-height: 1.33;
    min-height: unset;
  }
}
@media (max-width: 555px) {
  .p-domain__service .p-domain__serviceItemTitle {
    max-width: 14.625rem;
    margin-inline: auto;
  }
}
.p-domain__service .p-domain__serviceText {
  font-size: 1rem;
  line-height: 1.5;
  padding-inline: 0.125rem;
  padding-inline: 0.75rem;
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .p-domain__service .p-domain__serviceText {
    font-size: 1rem;
    padding-inline: unset;
    margin-top: 0.75rem;
  }
}

.p-domain__service.p-domain__serviceSecond {
  background: url(../images/domain/p-domain_serviceBg02.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-domain__service.p-domain__serviceSecond {
    background: url(../images/domain/sp-p-domain_serviceBg02.jpg) no-repeat center center/cover;
    padding-top: 2.5rem;
    padding-bottom: 3.75rem;
  }
}
.p-domain__service.p-domain__serviceSecond .p-domain__serviceTitle.serviceSecond {
  margin-top: 10rem;
}
@media (max-width: 767px) {
  .p-domain__service.p-domain__serviceSecond .p-domain__serviceTitle.serviceSecond {
    margin-top: 5rem;
  }
}

/* フォントファミリー
---------------------------------------------------------------------------*/
/* カラー
---------------------------------------------------------------------------*/
/* page-message
---------------------------------------------------------------------------*/
/* ページタイトル
---------------------------------------------------------------------------*/
.p-message__title {
  position: relative;
  padding-top: 5rem;
}
@media (max-width: 767px) {
  .p-message__title {
    padding-top: 3.75rem;
  }
}
.p-message__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 128/60;
}
@media (max-width: 767px) {
  .p-message__title img {
    aspect-ratio: 375/440;
  }
}
.p-message__title .c-pageTitle {
  color: #333;
  position: absolute;
  top: 16vw;
  left: 11.05vw;
}
@media (max-width: 767px) {
  .p-message__title .c-pageTitle {
    top: unset;
    bottom: 1rem;
    left: 1.25rem;
  }
}
.p-message__title .c-pageTitle__en::before {
  background-color: #333;
}
.p-message__title .c-pageTitle__ja {
  margin-bottom: 12.5vw;
}
@media (max-width: 767px) {
  .p-message__title .c-pageTitle__ja {
    margin-bottom: 3.375rem;
  }
}
.p-message__title .p-message__titleMessage {
  position: relative;
  display: inline;
  font-size: 2.5vw;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0.32vw 0.62vw;
  line-height: 2.3;
  color: #333;
  background-color: #fff;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .p-message__title .p-message__titleMessage {
    font-size: 1.5rem;
    line-height: 2;
    padding: 0.15rem 0.3125rem;
  }
}
.p-message__title .p-message__titleMessage::before {
  position: absolute;
  top: -4.5rem;
  left: 0;
  content: "";
  display: inline-block;
  width: 14.25rem;
  height: 4.8125rem;
  background: url(../images/message/message-title-en.png) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .p-message__title .p-message__titleMessage::before {
    top: -2.25rem;
    width: 8rem;
    height: 2.6875rem;
  }
}
.p-message__title .p-message__titleProfile {
  font-weight: 500;
  display: flex;
  flex-direction: column;
  margin-top: 1.9vw;
}
@media (max-width: 767px) {
  .p-message__title .p-message__titleProfile {
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    margin-left: auto;
    margin-right: 0.75rem;
    margin-top: 0.25rem;
  }
}
.p-message__title .p-message__post {
  font-size: 1.405vw;
}
@media (max-width: 767px) {
  .p-message__title .p-message__post {
    font-size: 0.875rem;
  }
}
.p-message__title .p-message__name {
  font-size: 2.5vw;
  margin-top: 0.6vw;
}
@media (max-width: 767px) {
  .p-message__title .p-message__name {
    font-size: 1.5rem;
  }
}

/* 代表メッセージ
---------------------------------------------------------------------------*/
.p-message__intro {
  background: url(../images/message/p-message_intro.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-message__intro {
    background: url(../images/message/sp-p-message_intro.jpg) no-repeat center center/cover;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-block: 2.5rem;
  }
}
.p-message__intro .l-inner {
  max-width: 65rem;
}
@media (max-width: 767px) {
  .p-message__intro .l-inner {
    max-width: 100%;
  }
}
.p-message__intro .p-message__introText {
  background-color: #fff;
  padding: 2.5rem;
  font-size: 1.56vw;
  line-height: 1.7;
  text-align: center;
}
@media (max-width: 767px) {
  .p-message__intro .p-message__introText {
    padding: 1.875rem 0.625rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
  }
}

/* 代表プロフィール
---------------------------------------------------------------------------*/
.p-message__profile {
  background: url(../images/message/p-message_profileBg.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-block: 5rem;
}
@media (max-width: 767px) {
  .p-message__profile {
    background: url(../images/message/sp-p-message_profileBg.jpg) no-repeat center center/cover;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-block: 2.5rem;
  }
}
.p-message__profile .p-message__profileTop {
  display: flex;
  align-items: flex-start;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-message__profile .p-message__profileTop {
    flex-direction: column;
    margin-bottom: 2.5rem;
  }
}
.p-message__profile .p-message__profileTop img {
  width: 50%;
  height: auto;
}
@media (max-width: 767px) {
  .p-message__profile .p-message__profileTop img {
    width: 100%;
  }
}
.p-message__profile .p-message__profileBiography {
  width: 46.49%;
  font-weight: 500;
  margin-left: 3.51%;
}
@media (max-width: 767px) {
  .p-message__profile .p-message__profileBiography {
    width: 100%;
    margin-left: unset;
    margin-top: 1.5rem;
  }
}
.p-message__profile .p-message__profilePost {
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 767px) {
  .p-message__profile .p-message__profilePost {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }
}
.p-message__profile .p-message__profileName {
  font-size: 2.5rem;
  margin-bottom: 1.625rem;
}
@media (max-width: 767px) {
  .p-message__profile .p-message__profileName {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.p-message__profile .p-message__profileBackground {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .p-message__profile .p-message__profileBackground {
    font-size: 1rem;
    line-height: 1.75;
  }
}
.p-message__profile .p-message__profileMessage {
  font-size: 2rem;
  font-weight: bold;
  font-family: "PT Serif", serif;
  color: #2778BE;
  text-align: center;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .p-message__profile .p-message__profileMessage {
    font-size: 1.5rem;
    line-height: 1.75;
    text-align: left;
    margin-bottom: 0.875rem;
  }
}
.p-message__profile .p-message__profileText {
  font-size: 1.5rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .p-message__profile .p-message__profileText {
    font-size: 1rem;
    line-height: 1.75;
  }
}

.p-message__selfing img {
  width: 100%;
  height: auto;
}

/* vision
---------------------------------------------------------------------------*/
.p-message__vision {
  background: url(../images/message/p-message_visionBg.jpg) no-repeat center center/cover;
  padding-top: 5rem;
  padding-bottom: 7.875rem;
}
@media (max-width: 767px) {
  .p-message__vision {
    background: url(../images/message/sp-p-message_visionBg.jpg) no-repeat center center/cover;
    padding-top: 2.5rem;
    padding-bottom: 3.75rem;
  }
}
.p-message__vision .c-page__sectionTitle {
  font-family: "Aboreto", system-ui;
  margin-bottom: 2.625rem;
  background: linear-gradient(to right, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C);
  background: -webkit-linear-gradient(to right, #FCD000, #ED7105, #E73840, #E385B3, #7B70B0, #308D9A, #009B3C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
  .p-message__vision .c-page__sectionTitle {
    margin-bottom: 3.125rem;
  }
}
.p-message__vision .c-page__sectionTitle::before {
  bottom: -0.625rem;
  width: 2rem;
  background-color: #155083;
}
@media (max-width: 767px) {
  .p-message__vision .c-page__sectionTitle::before {
    width: 1.5rem;
    height: 1px;
  }
}
.p-message__vision .p-message__visionContent {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .p-message__vision .p-message__visionContent {
    flex-direction: column;
  }
}
.p-message__vision img {
  flex: 1.075;
}
@media (max-width: 767px) {
  .p-message__vision img {
    flex: 1;
    width: 100%;
    max-width: 31.25rem;
  }
}
.p-message__vision .p-message__visionText {
  flex: 1;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-left: 2.5rem;
}
@media (max-width: 767px) {
  .p-message__vision .p-message__visionText {
    font-size: 1rem;
    line-height: 1.75;
    margin-left: unset;
    margin-top: 1.5rem;
  }
}

/* フォントファミリー
---------------------------------------------------------------------------*/
/* カラー
---------------------------------------------------------------------------*/
/* page-numbers
---------------------------------------------------------------------------*/
/* ページタイトル
---------------------------------------------------------------------------*/
.p-numbers__title {
  position: relative;
  padding-top: 5rem;
}
@media (max-width: 767px) {
  .p-numbers__title {
    padding-top: 3.75rem;
  }
}
.p-numbers__title img {
  width: 100%;
  height: auto;
  aspect-ratio: 128/40;
}
@media (max-width: 767px) {
  .p-numbers__title img {
    aspect-ratio: 375/230;
  }
}
.p-numbers__title .c-pageTitle {
  position: absolute;
  top: 16vw;
  left: 11.05vw;
}
@media (max-width: 767px) {
  .p-numbers__title .c-pageTitle {
    top: unset;
    bottom: 4.6875rem;
    left: 1.25rem;
  }
}

/* 数字で見るヒューマンリソシア
---------------------------------------------------------------------------*/
.p-numbers__content {
  padding-top: 4.375rem;
  padding-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .p-numbers__content {
    padding-top: 3.75rem;
    padding-bottom: 1.25rem;
  }
}
.p-numbers__content .p-numbers__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: clamp(1.875rem, 4.7vw, 3.75rem);
  -moz-column-gap: clamp(1rem, 7.8vw, 6.25rem);
       column-gap: clamp(1rem, 7.8vw, 6.25rem);
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.875rem;
    max-width: 32.5rem;
    margin-right: auto;
    margin-left: auto;
    margin-inline: auto;
    margin-bottom: 2.5rem;
  }
}
.p-numbers__content .p-numbers__item {
  border-top: 1px solid #707070;
  padding-top: clamp(1.25rem, 1.65vw, 1.3125rem);
  padding-left: clamp(0.375rem, 1.25vw, 1rem);
  width: 100%;
  max-width: 100%;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item {
    padding-top: 1.25rem;
    padding-left: 0.375rem;
  }
}
.p-numbers__content .p-numbers__itemTitle {
  font-size: clamp(1.5rem, 3.12vw, 2.5rem);
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__itemTitle {
    font-size: 1.5rem;
  }
}
.p-numbers__content .p-numbers__itemAnnotation {
  display: block;
  font-size: clamp(0.875rem, 1.248vw, 1rem);
  font-weight: 400;
  margin-top: clamp(0.5rem, 0.936vw, 0.75rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__itemAnnotation {
    font-size: 0.875rem;
    margin-top: 0.5rem;
  }
}
.p-numbers__content .p-numbers__wrap {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__wrap {
    margin-top: 0.75rem;
  }
}
.p-numbers__content .p-numbers__value {
  color: #E73840;
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
  margin-right: clamp(0.75rem, 1.716vw, 1.375rem);
}
.p-numbers__content .p-numbers__count {
  display: inline-block;
  font-size: clamp(5rem, 9.36vw, 7.5rem);
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  min-width: clamp(4.6875rem, 14.508vw, 11.625rem);
  text-align: right;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__count {
    font-size: 5rem;
    min-width: 4.6875rem;
  }
}
.p-numbers__content .p-numbers__unit {
  font-size: clamp(2.5rem, 4.212vw, 3.375rem);
  font-weight: 500;
  display: block;
  margin-bottom: clamp(0.25rem, 0.936vw, 0.75rem);
  margin-left: clamp(0.25rem, 2.028vw, 1.625rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__unit {
    font-size: 2.5rem;
    margin-bottom: 0.25rem;
    margin-left: 0.25rem;
  }
}
.p-numbers__content .p-numbers__image {
  width: clamp(8.25rem, 13.338vw, 10.6875rem);
  height: auto;
}
.p-numbers__content .p-numbers__annotation {
  font-size: clamp(0.875rem, 1.248vw, 1rem);
  margin-top: clamp(1rem, 2.028vw, 1.625rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__annotation {
    font-size: 0.875rem;
    line-height: 1.42;
    margin-top: 1rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item01 {
  position: relative;
}
.p-numbers__content .p-numbers__item.p-numbers__item01::before {
  position: absolute;
  top: clamp(1.5rem, 3.12vw, 2.5rem);
  right: clamp(0.25rem, 1.248vw, 1rem);
  content: "";
  display: inline-block;
  width: clamp(8.3125rem, 13.26vw, 10.625rem);
  height: clamp(5.125rem, 8.268vw, 6.625rem);
  background: url(../images/numbers/icon-numbers01.svg) no-repeat center center/cover;
  z-index: -1;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item01::before {
    width: 8.3125rem;
    height: 5.125rem;
    top: 1.5rem;
    right: unset;
    left: 12.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item01 .p-numbers__wrap {
  margin-top: 1.875rem;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item01 .p-numbers__wrap {
    margin-top: 1.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item01 .p-numbers__count {
  min-width: clamp(11.25rem, 20.436vw, 16.375rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item01 .p-numbers__count {
    min-width: 11.25rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item02 .p-numbers__value {
  margin-top: clamp(1rem, 3.12vw, 2.5rem);
  margin-right: unset;
}
.p-numbers__content .p-numbers__item.p-numbers__item02 .p-numbers__count {
  min-width: clamp(5.5rem, 9.984vw, 8rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item02 .p-numbers__count {
    min-width: 5.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item02 .p-numbers__unit {
  margin-left: clamp(1rem, 1.716vw, 1.375rem);
}
.p-numbers__content .p-numbers__item.p-numbers__item02 .p-numbers__rightWrap {
  display: flex;
  margin-top: clamp(-2rem, -1.872vw, -1.5rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item02 .p-numbers__rightWrap {
    margin-top: -2rem;
    margin-left: -2rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item02 .item02-textWrap {
  display: flex;
  flex-direction: column;
}
.p-numbers__content .p-numbers__item.p-numbers__item02 .item02-textBorder {
  display: flex;
  flex-direction: column;
  border-left: 3px solid #96CBD5;
  padding: 0.25rem 0 0.25rem 0.5rem;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item02 .item02-textBorder {
    padding: 0.25rem 0 0.25rem 0.25rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item02 .item02-textBorder > * + * {
  margin-top: clamp(0.25rem, 0.624vw, 0.5rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item02 .item02-textBorder > * + * {
    margin-top: 0.25rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item02 .item02-textBorder.item02-textBorderRed {
  border-left: 3px solid #E4A8E6;
  margin-top: clamp(-0.25rem, 0.936vw, 0.75rem);
}
.p-numbers__content .p-numbers__item.p-numbers__item02 .item02-text {
  font-size: clamp(0.875rem, 1.248vw, 1rem);
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item02 .item02-text {
    font-size: 0.875rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item02 .p-numbers__image {
  position: relative;
  width: clamp(7.5625rem, 15.912vw, 12.75rem);
  margin-left: clamp(-5rem, -8.736vw, -7rem);
  z-index: -1;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item02 .p-numbers__image {
    width: 7.5625rem;
    margin-left: -5rem;
    margin-top: 2.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item03 .p-numbers__wrap {
  margin-top: unset;
  align-items: center;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item03 .p-numbers__wrap {
    margin-top: -0.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item03 .p-numbers__value {
  margin-right: clamp(0.5rem, 1.404vw, 1.125rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item03 .p-numbers__value {
    margin-right: 0.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item03 .p-numbers__count {
  min-width: clamp(9rem, 17.472vw, 14rem);
  margin-top: clamp(1rem, 2.496vw, 2rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item03 .p-numbers__count {
    min-width: 9rem;
    margin-top: 2.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item03 .p-numbers__unit {
  margin-left: unset;
}
.p-numbers__content .p-numbers__item.p-numbers__item03 .p-numbers__image {
  width: clamp(9.0625rem, 14.976vw, 12rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item03 .p-numbers__image {
    width: 9.0625rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item04 .p-numbers__wrap,
.p-numbers__content .p-numbers__item.p-numbers__item05 .p-numbers__wrap {
  margin-top: clamp(-1rem, -3.12vw, -2.5rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item04 .p-numbers__wrap,
  .p-numbers__content .p-numbers__item.p-numbers__item05 .p-numbers__wrap {
    margin-left: 2rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item04 .p-numbers__value,
.p-numbers__content .p-numbers__item.p-numbers__item05 .p-numbers__value {
  margin-right: clamp(2.5rem, 4.993vw, 4rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item04 .p-numbers__value,
  .p-numbers__content .p-numbers__item.p-numbers__item05 .p-numbers__value {
    margin-right: 2.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item04 .p-numbers__count,
.p-numbers__content .p-numbers__item.p-numbers__item05 .p-numbers__count {
  min-width: clamp(2.75rem, 5.616vw, 4.5rem);
  margin-top: clamp(1.75rem, 4.368vw, 3.5rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item04 .p-numbers__count,
  .p-numbers__content .p-numbers__item.p-numbers__item05 .p-numbers__count {
    min-width: 2.75rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item04 .p-numbers__unit,
.p-numbers__content .p-numbers__item.p-numbers__item05 .p-numbers__unit {
  font-size: clamp(5rem, 9.36vw, 7.5rem);
  font-family: "Oswald", sans-serif;
  margin-right: clamp(0.25rem, 2.028vw, 1.625rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item04 .p-numbers__unit,
  .p-numbers__content .p-numbers__item.p-numbers__item05 .p-numbers__unit {
    font-size: 5rem;
    margin-right: 0.25rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item04 .p-numbers__image,
.p-numbers__content .p-numbers__item.p-numbers__item05 .p-numbers__image {
  width: clamp(9.125rem, 17.628vw, 14.125rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item04 .p-numbers__image,
  .p-numbers__content .p-numbers__item.p-numbers__item05 .p-numbers__image {
    width: 9.125rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__itemTitle {
  font-size: clamp(1.5rem, 2.808vw, 2.25rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__itemTitle {
    font-size: 1.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__wrap {
  position: relative;
  justify-content: center;
  margin-top: clamp(2.25rem, 3.51vw, 2.8125rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__wrap {
    justify-content: flex-start;
    margin-top: 2.25rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__image {
  width: clamp(19.3125rem, 30.42vw, 24.375rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__image {
    width: 19.3125rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__valueWrap {
  position: absolute;
  bottom: clamp(-1rem, -2.496vw, -2rem);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  width: clamp(19.3125rem, 30.42vw, 24.375rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__valueWrap {
    bottom: -1rem;
    left: 0.75rem;
    transform: unset;
    width: 19.3125rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__valueLeft {
  flex: 1;
  justify-content: center;
}
.p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__valueRight {
  flex: 1.94;
  justify-content: center;
}
.p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__count {
  font-size: clamp(3rem, 4.68vw, 3.75rem);
  min-width: clamp(3rem, 4.68vw, 3.75rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__count {
    font-size: 3rem;
    min-width: 3rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__unit {
  font-size: clamp(1.75rem, 2.808vw, 2.25rem);
  margin-bottom: clamp(0.125rem, 0.312vw, 0.25rem);
  margin-left: unset;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item06 .p-numbers__unit {
    font-size: 1.75rem;
    margin-bottom: unset;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item07,
.p-numbers__content .p-numbers__item.p-numbers__item09 {
  position: relative;
}
.p-numbers__content .p-numbers__item.p-numbers__item07::before,
.p-numbers__content .p-numbers__item.p-numbers__item09::before {
  position: absolute;
  top: clamp(1rem, 1.716vw, 1.375rem);
  right: clamp(1.25rem, 3.12vw, 2.5rem);
  content: "";
  display: inline-block;
  width: clamp(5.375rem, 11.076vw, 8.875rem);
  height: clamp(5.125rem, 10.53vw, 8.4375rem);
  background: url(../images/numbers/icon-numbers07.svg) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item07::before,
  .p-numbers__content .p-numbers__item.p-numbers__item09::before {
    top: 1.75rem;
    right: unset;
    left: 14rem;
    width: 5.375rem;
    height: 5.125rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__wrap,
.p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__wrap {
  margin-top: clamp(1.5rem, 4.368vw, 3.5rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__wrap,
  .p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__wrap {
    margin-top: 1.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__valueWrap,
.p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__valueWrap {
  position: relative;
  margin-right: clamp(1rem, 2.028vw, 1.625rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__valueWrap,
  .p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__valueWrap {
    margin-right: 1rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__valueWrap:first-child,
.p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__valueWrap:first-child {
  padding-right: 1.75rem;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__valueWrap:first-child,
  .p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__valueWrap:first-child {
    padding-right: 1rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__valueWrap:first-child::before,
.p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__valueWrap:first-child::before {
  position: absolute;
  bottom: clamp(0.25rem, 0.624vw, 0.5rem);
  right: 0;
  content: "";
  display: inline-block;
  width: 1px;
  height: clamp(5rem, 10.296vw, 8.25rem);
  background-color: #9F9F9F;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__valueWrap:first-child::before,
  .p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__valueWrap:first-child::before {
    bottom: 0.25rem;
    height: 5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__label,
.p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__label {
  font-size: clamp(0.875rem, 1.872vw, 1.5rem);
  font-weight: 500;
  padding-right: clamp(1rem, 2.028vw, 1.625rem);
  padding-left: clamp(1rem, 2.028vw, 1.625rem);
  padding-inline: clamp(1rem, 2.028vw, 1.625rem);
  padding-top: clamp(0.375rem, 0.624vw, 0.5rem);
  padding-bottom: clamp(0.375rem, 0.624vw, 0.5rem);
  padding-block: clamp(0.375rem, 0.624vw, 0.5rem);
  background-color: #5E9ACE;
  color: #fff;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__label,
  .p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__label {
    font-size: 0.875rem;
    padding: 0.375rem 1rem;
    margin-bottom: 0.25rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__valueWrap:first-child .p-numbers__label,
.p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__valueWrap:first-child .p-numbers__label {
  background-color: #5EB4CE;
}
.p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__value,
.p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__value {
  margin-right: unset;
}
.p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__count,
.p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__count {
  font-size: clamp(2.875rem, 6.24vw, 5rem);
  min-width: clamp(5.5rem, 13.728vw, 11rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__count,
  .p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__count {
    font-size: 2.875rem;
    min-width: 5.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__unit,
.p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__unit {
  margin-bottom: 0.312vw;
  margin-left: clamp(0.25rem, 0.624vw, 0.5rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item07 .p-numbers__unit,
  .p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__unit {
    margin-bottom: unset;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item08 .p-numbers__wrap,
.p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__wrap {
  margin-top: clamp(1rem, 1.56vw, 1.25rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item08 .p-numbers__wrap,
  .p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__wrap {
    align-items: flex-end;
    margin-top: unset;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item08 .p-numbers__value,
.p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__value {
  margin-top: 2.496vw;
  margin-right: clamp(1.5rem, 2.652vw, 2.125rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item08 .p-numbers__value,
  .p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__value {
    margin-right: 1.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item08 .p-numbers__count,
.p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__count {
  min-width: clamp(10rem, 17.472vw, 14rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item08 .p-numbers__count,
  .p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__count {
    min-width: 10rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item08 .p-numbers__unit,
.p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__unit {
  margin-left: clamp(0.25rem, 1.248vw, 1rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item08 .p-numbers__unit,
  .p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__unit {
    margin-left: 0.25rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item08 .p-numbers__image,
.p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__image {
  width: clamp(5.25rem, 8.97vw, 7.1875rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item08 .p-numbers__image,
  .p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__image {
    width: 5.25rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item09::before {
  top: clamp(1rem, 2.34vw, 1.875rem);
  right: clamp(0.5rem, 1.248vw, 1rem);
  width: clamp(3.3675rem, 7.254vw, 5.8125rem);
  height: clamp(5.0625rem, 10.53vw, 8.4375rem);
  background: url(../images/numbers/icon-numbers09.svg) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item09::before {
    top: 2rem;
    right: unset;
    left: 15rem;
    width: 3.3675rem;
    height: 5.0625rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__wrap {
  margin-top: clamp(0.875rem, 1.248vw, 1rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__wrap {
    margin-top: 0.875rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__count {
  min-width: clamp(4.25rem, 10.92vw, 8.75rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item09 .p-numbers__count {
    min-width: 4.25rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__wrap {
  margin-top: clamp(-0.75rem, -1.872vw, -1.5rem);
}
.p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__value {
  margin-top: clamp(1.5rem, 3.744vw, 3rem);
  margin-right: clamp(1.5rem, 3.744vw, 3rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__value {
    margin-right: 1.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__image {
  width: clamp(3.75rem, 5.928vw, 4.75rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item10 .p-numbers__image {
    width: 3.75rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__itemTitle {
  font-size: clamp(1.5rem, 2.808vw, 2.25rem);
  line-height: 1.33;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__itemTitle {
    font-size: 1.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__wrap {
  align-items: flex-end;
  margin-top: clamp(0.5rem, 1.092vw, 0.875rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__wrap {
    margin-top: 1.5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__valueWrap {
  position: relative;
  width: clamp(6.625rem, 11.076vw, 8.875rem);
  height: clamp(5.75rem, 9.672vw, 7.75rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: clamp(2.125rem, 3.9vw, 3.125rem);
  margin-right: clamp(0.75rem, 1.56vw, 1.25rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__valueWrap {
    width: 6.625rem;
    height: 5.75rem;
    padding-top: 2.125rem;
    margin-right: 0.75rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__valueWrap::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: inline-block;
  width: clamp(6.625rem, 11.076vw, 8.875rem);
  height: clamp(5.75rem, 9.672vw, 7.75rem);
  background: url(../images/numbers/icon-numbers11-01.png) no-repeat center center/contain;
  z-index: -1;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__valueWrap::before {
    width: 6.625rem;
    height: 5.75rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__valueWrap.valueWrap02::before {
  height: clamp(5rem, 8.736vw, 7rem);
  background: url(../images/numbers/icon-numbers11-02.png) no-repeat center center/contain;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__valueWrap.valueWrap02::before {
    height: 5rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__valueWrap.valueWrap03::before {
  background: url(../images/numbers/icon-numbers11-03.png) no-repeat center center/contain;
}
.p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__year {
  font-size: clamp(0.625rem, 0.92vw, 0.875rem);
  font-weight: 500;
  background-color: #6A7577;
  color: #fff;
  padding: 0.312vw 0.624vw;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__year {
    font-size: 0.625rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__value {
  margin-top: clamp(0.25rem, 0.936vw, 0.75rem);
  margin-right: unset;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__value {
    margin-top: 0.25rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__count {
  font-size: clamp(1.8125rem, 3.12vw, 2.5rem);
  min-width: clamp(1.8125rem, 3.12vw, 2.5rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__count {
    font-size: 1.8125rem;
    min-width: 1.8125rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__unit {
  font-size: clamp(0.75rem, 1.404vw, 1.125rem);
  margin-bottom: clamp(0.125rem, 0.312vw, 0.25rem);
  margin-left: 0.312vw;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item11 .p-numbers__unit {
    font-size: 0.75rem;
    margin-bottom: unset;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item12 .p-numbers__itemTitle {
  line-height: 1.375;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item12 .p-numbers__itemTitle {
    line-height: 1.33;
  }
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item12 .p-numbers__value {
    margin-right: 2.875rem;
  }
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item12 .p-numbers__count {
    min-width: 7.6875rem;
  }
}
.p-numbers__content .p-numbers__item.p-numbers__item12 .p-numbers__image {
  width: clamp(8rem, 13.026vw, 10.4375rem);
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__item.p-numbers__item12 .p-numbers__image {
    width: 8rem;
    margin-top: -0.875rem;
  }
}
.p-numbers__content .p-numbers__bottomAnnotation {
  font-size: clamp(0.875rem, 1.248vw, 1rem);
  font-weight: 400;
}
@media (max-width: 767px) {
  .p-numbers__content .p-numbers__bottomAnnotation {
    font-size: 0.875rem;
  }
}/*# sourceMappingURL=style.css.map */