@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Shippori+Mincho&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP&display=swap");
:root { /* マス目サイズ */
}

html {
  font-size: 100%;
}
@media (max-width: 1290px) {
  html {
    font-size: 1.2403100775vw;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 100%;
  }
}
@media (max-width: 430px) {
  html {
    font-size: 3.7209302326vw;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  a,
  button {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  a:hover,
  button:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}

/*****************************
* A Modern CSS Reset (https://github.com/hankchizljaw/modern-css-reset)
* 上記に、ul要素,ol要素,a要素への記述追加
*****************************/
/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  padding: 0;
}

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

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

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

a {
  text-decoration: none;
  color: inherit;
}

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

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

button {
  border: none;
  padding: 0;
  background-color: transparent;
  background-color: initial;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.l-head-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6.25rem;
}
@media screen and (max-width: 768px) {
  .l-head-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.875rem;
  }
}

.l-inner {
  width: 100%;
  max-width: 80.625rem;
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.c-breadcrumb {
  padding: 0.625rem 1.25rem;
  background-color: #fff;
  border-radius: 0.625rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 3.125rem;
}

.c-breadcrumb__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625rem 1.25rem;
}

.c-breadcrumb__item {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0;
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}
.c-breadcrumb__item:not(:last-child):after {
  content: "";
  display: block;
  width: 0.4375rem;
  height: 0.875rem;
  -webkit-mask: url(../images/common/arrow2.svg) no-repeat center/contain;
          mask: url(../images/common/arrow2.svg) no-repeat center/contain;
  background-color: #1945AB;
  scale: -1 1;
}

.c-btn1 {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  color: #6C6C6C;
  font-family: "Noto Serif Display", serif;
  min-width: 7.1875rem;
  text-align: center;
  position: relative;
  padding-bottom: 0.875rem;
}
.c-btn1:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.625rem;
  background: url("../images/mask/btn-bg.svg") no-repeat center/100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1), -webkit-filter 0.65s ease;
  transition: -webkit-transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1), -webkit-filter 0.65s ease;
  transition: transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.65s ease;
  transition: transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.65s ease, -webkit-transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1), -webkit-filter 0.65s ease;
}

.c-btn1:hover:after {
  -webkit-transform: scaleY(2.2);
          transform: scaleY(2.2);
}

.c-card__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 1.25rem;
  background-color: #fff;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.c-card__img {
  width: 100%;
  height: auto;
  aspect-ratio: 280/120;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-card__body {
  margin-top: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.c-card__title {
  font-size: 1.25rem;
  letter-spacing: 0;
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  margin-bottom: 1.25rem;
}

.c-card__date {
  font-size: 0.875rem;
  letter-spacing: 0;
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  margin-top: auto;
}

.c-card2 {
  padding: 0.625rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, .25);
          box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, .25);
}

.c-card2__img {
  width: 100%;
  height: auto;
  aspect-ratio: 420/220;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-card2__body {
  padding: 1.25rem;
  background-color: #fff;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.c-card2__title {
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  font-weight: 500;
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.3125rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #6CB6CD;
}
.c-card2__title:before {
  content: "";
  display: block;
  width: 0.9375rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #6CB6CD;
  translate: 0 0.4375rem;
}

.c-card2__desc {
  margin-top: 0.625rem;
  max-width: calc(100% - 3.75rem);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .c-card2__desc {
    max-width: none;
    max-width: initial;
    padding-inline: 1.25rem;
  }
}

.c-card2__descItem {
  display: grid;
  grid-template-columns: 8.125rem 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .c-card2__descItem {
    grid-template-columns: 1fr;
  }
}
.c-card2__descItem:nth-child(n+2) {
  margin-top: 1.25rem;
}

.c-card2__descItemTitle,
.c-card2__descItemValue {
  font-size: 1rem;
  letter-spacing: 0.1em;
  padding-block: 0.3125rem;
}
.c-card2__descItemTitle:last-child,
.c-card2__descItemValue:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.c-card2__descItemTitle {
  padding-right: 1.25rem;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .c-card2__descItemTitle {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    padding-right: 0;
    border-bottom: 1px solid #6CB6CD;
  }
}

.c-card2__descItemValue {
  border-left: 1px solid #6CB6CD;
  padding-left: 1.25rem;
}
@media screen and (max-width: 768px) {
  .c-card2__descItemValue {
    border-left: none;
    padding-left: 0;
  }
}

.c-form__title {
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0.01em;
  font-weight: 700;
  color: #6C6C6C;
  border-bottom: 1px solid #6CB6CD;
  text-align: right;
  min-width: 10rem;
}
@media screen and (max-width: 768px) {
  .c-form__title {
    min-width: auto;
  }
}

.c-form__req {
  display: inline-block;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  font-family: "Shippori Mincho", serif;
  color: #fff;
  text-align: center;
  padding: 0.1875rem 0.3125rem;
  border-radius: 0.3125rem;
  background-color: #6CB6CD;
  margin-left: 3.125rem;
}
@media screen and (max-width: 768px) {
  .c-form__req {
    margin-left: 0.625rem;
    padding: 0 0.1875rem;
  }
}

.c-form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.125rem;
}
@media screen and (max-width: 768px) {
  .c-form__row {
    display: block;
  }
}
.c-form__row:nth-child(n+2) {
  margin-top: 1.25rem;
}
.c-form__row input:not([type=file]):not([type=submit]) {
  border: 1px solid #6CB6CD;
  border-radius: 0.625rem;
  background-color: #fff;
  outline: none;
}
.c-form__row input:not([type=submit]) {
  color: #6C6C6C;
}
.c-form__row.--textarea .c-form__row2 {
  width: 100%;
}
.c-form__row.--textarea .c-form__row2 textarea {
  width: 100%;
  border: 1px solid #6CB6CD;
  border-radius: 0.625rem;
  background-color: #fff;
  outline: none;
}

.c-form__row2.--name .wpcf7-form-control-wrap {
  display: inline-block;
}
.c-form__row2.--name .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
  margin-left: 0.375rem;
}
.c-form__row2.--name .wpcf7-form-control-wrap input {
  max-width: 12.5rem;
}
@media screen and (max-width: 768px) {
  .c-form__row2.--name .wpcf7-form-control-wrap input {
    max-width: 12rem;
  }
}

.c-form__note {
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  color: #6C6C6C;
}

/* ---- 各項目（label がクリック領域）---- */
.c-form__row2 .wpcf7-list-item label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 0.375rem; /* うっすら枠を付けたいならここで */
}

/* ネイティブ丸は隠す（アクセシブルに） */
@media screen and (max-width: 768px) {
  .c-form__row2 {
    margin-top: 0.625rem;
  }
}
.c-form__row2 .wpcf7-list-item {
  margin-left: 0;
  margin-right: 3rem;
  display: inline-block;
}
.c-form__row2 .wpcf7-list-item input[type=radio] {
  position: absolute; /* 物理的には残す */
  opacity: 0;
  width: 0;
  height: 0;
}

/* ---- 丸の描画（未選択時） ---- */
.c-form__row2 .wpcf7-list-item-label {
  position: relative;
}

/* 外側の丸 */
.c-form__row2 .wpcf7-list-item-label::before {
  content: "";
  display: inline-block;
  width: 1.5625rem; /* 丸サイズ */
  height: 1.5625rem;
  border: 1px solid #6CB6CD; /* 画像の青っぽい枠 */
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  /* ラベルテキストの左に置くため、疑似要素をインライン化 */
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  margin-right: 1.5625rem; /* gap で十分なら不要 */
}

/* 内側の塗り（チェック時に出す） */
.c-form__row2 .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 0.3125rem; /* = (beforeのwidth 20 - 内径 10)/2 + 枠線補正 */
  top: 50%;
  width: 0.9375rem;
  height: 0.9375rem;
  background: #6CB6CD;
  border-radius: 50%;
  -webkit-transform: translateY(calc(-50% - 0.0625rem)) scale(0);
          transform: translateY(calc(-50% - 0.0625rem)) scale(0);
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

/* ---- 状態 ---- */
/* チェックされたら内側の塗りを表示 */
.c-form__row2 .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label::after {
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}

/* キーボード操作のフォーカス可視 */
.c-form__row2 .wpcf7-list-item input[type=radio]:focus-visible + .wpcf7-list-item-label {
  outline: 2px solid #7fc4e6;
  outline-offset: 2px;
  border-radius: 6px;
}

/* ホバー時のわずかな強調（任意） */
.c-form__row2 .wpcf7-list-item label:hover .wpcf7-list-item-label::before {
  -webkit-box-shadow: 0 0 0 3px rgba(88, 167, 211, .15);
          box-shadow: 0 0 0 3px rgba(88, 167, 211, .15);
}

/* 無効状態（任意） */
.c-form__row2 .wpcf7-list-item input[disabled] + .wpcf7-list-item-label {
  opacity: 0.5;
  cursor: not-allowed;
}

.c-form__row2 .wpcf7-list-item-label {
  color: #6C6C6C;
}

input[type=file]:focus {
  outline: 0;
}

.wpcf7-form-control-wrap {
  position: relative;
}
.wpcf7-form-control-wrap .wpcf7-file::before {
  content: "ファイルを選択";
  display: inline-block;
  font-size: 0.875rem;
  color: #6C6C6C;
  letter-spacing: 0.1em;
  border: 1px solid #6CB6CD;
  border-radius: 0.625rem;
  padding: 0.3125rem 0.625rem;
  position: absolute;
  background: #fff;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}
.wpcf7-form-control-wrap input[type=file]::-webkit-file-upload-button {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
  background-color: transparent;
  border: 0;
  margin: 0 20px 0 0;
  opacity: 0;
  visibility: hidden;
}

.c-form__row.--file .wpcf7-form-control-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-form__row.c-form__row--submit {
  margin-top: 3.125rem;
}
.c-form__row.c-form__row--submit p {
  text-align: center;
  width: 100%;
}

.wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0;
}
.wpcf7-acceptance input[type=checkbox] {
  width: 1.5625rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 0.1875rem;
  border: 1px solid #6CB6CD;
  background-color: #fff;
  outline: none;
  margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
}
.wpcf7-acceptance .wpcf7-list-item-label {
  display: inline-block;
  font-size: 0.875rem;
  color: #6C6C6C;
}

.wpcf7-submit {
  display: inline-block;
  padding: 0.8125rem 3rem;
  border-radius: 3.75rem;
  background-color: #fff;
  border: 1px solid #6CB6CD;
  font-size: 1rem;
  letter-spacing: 0;
  color: #6CB6CD;
  font-family: "Roboto", sans-serif;
  text-align: center;
  outline: none;
  margin-top: 1.25rem;
}

.wpcf7-spinner {
  display: none;
}

.mstep__step {
  display: none;
}

.mstep__step.is-current {
  display: block;
}

.mstep__head {
  font-weight: 700;
  margin: 0 0 0.75rem;
}

.mstep__review {
  display: grid;
  grid-template-columns: 10em 1fr;
  gap: 0.5rem 0.75rem;
}

.mstep__review dt {
  color: #666;
}

.mstep__review dd {
  word-break: break-word;
}

.c-form__row--submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
}
@media screen and (max-width: 768px) {
  .c-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-head__en {
  font-size: 0.75rem;
  font-family: "Noto Serif Display", serif;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media screen and (max-width: 768px) {
  .c-head__en {
    -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
            writing-mode: initial;
  }
}

.c-head__ja {
  width: 2.3125rem;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-head__ja {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
  }
}

.p-archive__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.125rem;
  padding: 1.875rem 3.75rem;
  background-color: rgba(167, 204, 255, .2);
  border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-archive__list {
    grid-template-columns: 1fr;
    padding: 1.875rem;
  }
}

.p-archive__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.875rem;
  max-width: 39.375rem;
  margin-inline: auto;
}
.p-archive__pagination .page-numbers {
  font-size: 0.9375rem;
  letter-spacing: 0;
  font-weight: 500;
  line-height: 1.3333333333;
  color: #6c6c6c;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}
.p-archive__pagination .page-numbers.prev {
  grid-template-columns: auto 1fr;
}
.p-archive__pagination .page-numbers.prev:before {
  content: "";
  display: block;
  width: 0.4375rem;
  height: 0.875rem;
  -webkit-mask: url(../images/common/arrow2.svg) no-repeat center/contain;
          mask: url(../images/common/arrow2.svg) no-repeat center/contain;
  background-color: #1945AB;
}
.p-archive__pagination .page-numbers.next {
  grid-template-columns: 1fr auto;
}
.p-archive__pagination .page-numbers.next:after {
  content: "";
  display: block;
  width: 0.4375rem;
  height: 0.875rem;
  -webkit-mask: url(../images/common/arrow2.svg) no-repeat center/contain;
          mask: url(../images/common/arrow2.svg) no-repeat center/contain;
  background-color: #1945AB;
  scale: -1 1;
}

.p-blog-new__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
  padding: 1.875rem 2.1875rem;
  background-color: rgba(167, 204, 255, .2);
  border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-blog-new__list {
    grid-template-columns: 1fr;
    padding: 1.25rem 1.25rem;
    gap: 0.625rem;
  }
}

.p-blog-new__btn {
  margin-top: 1.875rem;
  text-align: right;
}

.p-blog-recommend {
  padding-top: 6.25rem;
  padding-bottom: 9.375rem;
  background: url(../images/mask/img_bg10.jpg) repeat-y center/100% auto;
  position: relative;
}
.p-blog-recommend:before {
  content: "";
  display: block;
  width: 100%;
  height: 3.75vw;
  -webkit-mask: url(../images/mask/vector_recommend_top1.svg) no-repeat center/100% 100%;
          mask: url(../images/mask/vector_recommend_top1.svg) no-repeat center/100% 100%;
  background: url(../images/mask/img_bg10.jpg) no-repeat center/cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  translate: 0 -100%;
}
.p-blog-recommend:after {
  content: "";
  display: block;
  width: 43.2638888889vw;
  height: 2.9861111111vw;
  background: url(../images/mask/vector_recommend_top2.svg) no-repeat center/100% 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 21.63194vw);
  translate: -50% -100%;
}

.p-blog-recommend__list {
  padding: 1.875rem;
  background-color: #6CB6CD;
  border-radius: 1.25rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5625rem;
}
@media screen and (max-width: 768px) {
  .p-blog-recommend__list {
    grid-template-columns: 1fr;
  }
}

.p-company-access {
  padding-top: 6.25rem;
  padding-bottom: 12.0625rem;
  background: url(../images/mask/img_bg8.jpg) no-repeat center/100% 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-company-access {
    background: url(../images/mask/img_bg8Sp.jpg) no-repeat center/100% 100%;
    padding-bottom: 4.375rem;
    padding-top: 3.125rem;
  }
}
.p-company-access:before {
  content: "";
  display: block;
  width: 100%;
  height: 4.1666666667vw;
  -webkit-mask: url(../images/mask/vector_access_top1.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_access_top1.svg) no-repeat center/100% auto;
  background: url(../images/mask/img_bg8.jpg) no-repeat center/100% auto;
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 1;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-company-access:before {
    background: url(../images/mask/img_bg8Sp.jpg) no-repeat center/100% auto;
    height: 4.1860465116vw;
  }
}
.p-company-access:after {
  content: "";
  display: block;
  width: 38.125vw;
  height: 4.1666666667vw;
  background: url(../images/mask/vector_access_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  right: 7.9861111111vw;
  translate: 0 calc(-100% - 1.11111vw);
}
@media screen and (max-width: 768px) {
  .p-company-access:after {
    width: 37.9069767442vw;
    height: 4.1860465116vw;
    right: 7.9069767442vw;
  }
}

.p-company-access__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.875rem;
  max-width: 46.25rem;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .p-company-access__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 1.875rem;
  }
}

.p-company-access__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.p-company-access__name {
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  font-weight: 700;
}

.p-company-access__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  margin-top: 1.25rem;
}

.p-company-access__row {
  display: grid;
  grid-template-columns: 3.4375rem 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.625rem;
}

.p-company-access__text,
.p-company-access__title {
  font-size: 1rem;
  letter-spacing: 0.1em;
}
.p-company-access__text address,
.p-company-access__title address {
  font-style: normal;
}

.p-company-access__map {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .p-company-access__map {
    margin-top: 1.875rem;
  }
}
.p-company-access__map iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 343/269;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-company-access__img {
  max-width: 22.875rem;
}

.p-company-history {
  padding-top: 8.125rem;
  padding-bottom: 10.8125rem;
  background: url(../images/mask/img_bg1.jpg) no-repeat center/100% 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-company-history {
    padding-top: 3.75rem;
    padding-bottom: 3.125rem;
  }
}
.p-company-history:before {
  content: "";
  display: block;
  width: 100%;
  height: 5.4166666667vw;
  background: url(../images/mask/vector_history_top1.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  translate: 0 -99%;
}
@media screen and (max-width: 768px) {
  .p-company-history:before {
    height: 5.3488372093vw;
  }
}
.p-company-history:after {
  content: "";
  display: block;
  width: 100%;
  height: 4.0277777778vw;
  background: url(../images/mask/vector_history_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -99%;
}
@media screen and (max-width: 768px) {
  .p-company-history:after {
    height: 5.3488372093vw;
    translate: 0 -90%;
  }
}

.p-company-history__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 6.25rem;
}
@media screen and (max-width: 768px) {
  .p-company-history__wrap {
    gap: 0.625rem;
  }
}

.p-company-history__imgWrap {
  width: 18.75rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-company-history__imgWrap {
    width: 9.375rem;
  }
}
.p-company-history__imgWrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/mask/vector_history_img.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.p-company-history__imgWrap img {
  width: 100%;
  aspect-ratio: 300/200;
}

.p-company-history__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-company-history__list {
    gap: 1rem;
  }
}

.p-company-history__item {
  position: relative;
  min-height: 4.375rem;
}
@media screen and (max-width: 768px) {
  .p-company-history__item {
    min-height: 7.1875rem;
  }
}
.p-company-history__item:before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% + 1.25rem);
  background-color: #6CB6CD;
  position: absolute;
  left: 0.4375rem;
  top: 0;
}
@media screen and (max-width: 768px) {
  .p-company-history__item:before {
    height: calc(100% + 1rem);
  }
}
.p-company-history__item .year {
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #6CB6CD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
}
.p-company-history__item .year:before {
  content: "";
  display: block;
  width: 0.9375rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #6CB6CD;
}

.p-company-history__text {
  font-size: 1rem;
  letter-spacing: 0.1em;
  margin-top: 0.625rem;
  padding-left: 1.25rem;
}

.p-company-message {
  padding-top: 9.0625rem;
  padding-bottom: 8.4375rem;
  position: relative;
  background: repeating-linear-gradient(0deg, transparent 0 29px, #CEE4CB 29px 30px), repeating-linear-gradient(90deg, transparent 0 29px, #CEE4CB 29px 30px), #F4F4F4;
}
.p-company-message:before {
  content: "";
  display: block;
  width: 100%;
  height: 3.125vw;
  -webkit-mask: url(../images/mask/vector_message_top1.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_message_top1.svg) no-repeat center/100% auto;
  background: transparent;
  background: repeating-linear-gradient(0deg, transparent 0 29px, #CEE4CB 29px 30px), repeating-linear-gradient(90deg, transparent 0 29px, #CEE4CB 29px 30px), #F4F4F4;
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 1;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-company-message:before {
    height: 3.023255814vw;
  }
}
.p-company-message:after {
  content: "";
  display: block;
  width: 52.4375rem;
  height: 2.2916666667vw;
  background: url(../images/mask/vector_message_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-company-message:after {
    width: 15.625rem;
    height: 0.625rem;
  }
}

.p-company-message__wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5rem;
}
@media screen and (max-width: 768px) {
  .p-company-message__wrap {
    grid-template-columns: 1fr;
    gap: 3.125rem;
  }
}

.p-company-message__imgWrap {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-company-message__imgWrap {
    max-width: 90%;
    margin-inline: auto;
  }
}
.p-company-message__imgWrap:after {
  content: "";
  display: block;
  width: 26.1875rem;
  height: auto;
  aspect-ratio: 419/332;
  background: url(../images/mask/vector_message_img.svg) no-repeat center/100% auto;
  position: absolute;
  bottom: -3.125rem;
  right: -3.125rem;
}
@media screen and (max-width: 768px) {
  .p-company-message__imgWrap:after {
    width: 89.7142857143%;
    aspect-ratio: 314/249;
    right: 0;
    bottom: -2.3125rem;
  }
}

.p-company-message__img {
  -webkit-mask: url(../images/mask/vector_message_img.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_message_img.svg) no-repeat center/100% auto;
  width: 26.1875rem;
  aspect-ratio: 419/332;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-company-message__img {
    width: 89.7142857143%;
    aspect-ratio: 314/249;
  }
}

.p-company-message__name {
  display: block;
  text-align: right;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-family: "Shippori Mincho", serif;
  position: relative;
  z-index: 1;
  margin-top: -1.25rem;
}
@media screen and (max-width: 768px) {
  .p-company-message__name {
    font-size: 0.75rem;
    padding-right: 3.75rem;
  }
}
.p-company-message__name .lg {
  font-size: 1.5rem;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .p-company-message__name .lg {
    font-size: 1.125rem;
  }
}

.p-company-message__title {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 900;
  font-family: "Shippori Mincho", serif;
}
@media screen and (max-width: 768px) {
  .p-company-message__title {
    font-size: 1.25rem;
    white-space: nowrap;
  }
}

.p-company-message__text {
  margin-top: 1.875rem;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.1em;
}

.p-company-outline-org {
  margin-top: 3.125rem;
}

.p-company-org__title {
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
  display: inline-block;
  border-bottom: 1px solid #6CB6CD;
}

@media screen and (max-width: 768px) {
  .p-company-org__imgWrap {
    overflow-x: auto;
  }
}

.p-company-org__img {
  max-width: 50.8125rem;
  margin-top: 1.5625rem;
}
@media screen and (max-width: 768px) {
  .p-company-org__img {
    max-width: none;
    max-width: initial;
    width: 38.125rem;
    overflow-x: auto;
  }
}

.p-company-outline-poricy {
  margin-top: 3.125rem;
}

.p-company-porcy__title {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
  display: inline-block;
  border-bottom: 1px solid #6CB6CD;
}
@media screen and (max-width: 768px) {
  .p-company-porcy__title {
    font-size: 1.25rem;
  }
}

.p-company-poricy__list {
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.875rem;
}

.p-company-poricy__item {
  position: relative;
  padding: 1.25rem 2.5rem 1.25rem 5.5rem;
  background: url(../images/mask/img_bg4.jpg) repeat center/100% auto;
  border-radius: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-company-poricy__item {
    padding: 4.375rem 1.875rem 3.125rem 1.875rem;
  }
}
.p-company-poricy__item .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.625rem;
  height: auto;
  aspect-ratio: 1;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  color: #6CB6CD;
  border: 2px solid #6CB6CD;
  background: rgba(244, 244, 244, .9);
  border-radius: 0.625rem 0 0.625rem 0;
  position: absolute;
  top: 0;
  left: 0;
}

.p-company-poricy__text {
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #fff;
}

.p-company-outline {
  padding-top: 6.25rem;
  padding-bottom: 5.625rem;
  background: url(../images/mask/img_bg3.jpg) no-repeat center/100% 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-company-outline {
    background: url(../images/mask/img_bg3Sp.jpg) no-repeat center/100% 100%;
  }
}
.p-company-outline:before {
  content: "";
  display: block;
  width: 100%;
  height: 4.1666666667vw;
  -webkit-mask: url(../images/mask/vector_outline_top1.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_outline_top1.svg) no-repeat center/100% auto;
  background: transparent;
  background: url(../images/mask/img_bg3.jpg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-company-outline:before {
    background: url(../images/mask/img_bg3Sp.jpg) no-repeat center/100% auto;
    height: 4.1860465116vw;
  }
}
.p-company-outline:after {
  content: "";
  display: block;
  width: 38.125vw;
  height: 4.1666666667vw;
  background: url(../images/mask/vector_outline_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  right: calc(50% - 38.19444vw);
  translate: 0 -130%;
}

.p-company-outline__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8125rem;
}
@media screen and (max-width: 768px) {
  .p-company-outline__list {
    gap: 1.25rem;
  }
}

.p-company-outline__row {
  display: grid;
  grid-template-columns: 10rem 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-company-outline__row {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
}

.p-company-outline__title {
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #6C6C6C;
  border-bottom: 1px solid #6CB6CD;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-company-outline__title {
    max-width: 12.5rem;
    text-align: left;
  }
}

.p-company-outline__text {
  font-size: 1rem;
  letter-spacing: 0.1em;
  color: #6C6C6C;
}
.p-company-outline__text address {
  font-style: normal;
}

.p-company-works {
  padding-top: 6.25rem;
  padding-bottom: 8.125rem;
  background: url(../images/mask/img_bg7.jpg) no-repeat center/100% 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-company-works {
    padding-top: 3.125rem;
    background: url(../images/mask/img_bg7Sp.jpg) no-repeat center/100% 100%;
  }
}
.p-company-works:before {
  content: "";
  display: block;
  width: 100%;
  height: 3.4722222222vw;
  -webkit-mask: url(../images/mask/vector_company_works_top1.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_company_works_top1.svg) no-repeat center/100% auto;
  background: transparent;
  background: url(../images/mask/img_bg5.jpg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  translate: 0 -99%;
}
@media screen and (max-width: 768px) {
  .p-company-works:before {
    height: 3.2558139535vw;
  }
}
.p-company-works:after {
  content: "";
  display: block;
  width: 100%;
  height: 3.4722222222vw;
  background: url(../images/mask/vector_company_works_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -99%;
}
@media screen and (max-width: 768px) {
  .p-company-works:after {
    height: 3.2558139535vw;
  }
}

.p-company-works__wrap {
  padding: 2.5rem;
  background: url(../images/mask/img_bg6.jpg) no-repeat center/100% 100%;
  border-radius: 0.625rem;
}

.p-company-works__item {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-company-works__item {
    grid-template-columns: 1fr;
    gap: 0.625rem;
    margin-top: 1.875rem;
  }
}
.p-company-works__item:nth-child(n+2) {
  margin-top: 2.5rem;
}

.p-company-works__imgWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.125rem;
  width: 29rem;
}
@media screen and (max-width: 768px) {
  .p-company-works__imgWrap {
    width: 100%;
  }
}

.p-company-works__img {
  max-width: 29rem;
  aspect-ratio: 464/303;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .p-company-works__img {
    width: 100%;
  }
}
.p-company-works__img.--sm {
  max-width: 18.75rem;
  aspect-ratio: 300/200;
  margin-inline: auto;
}

.p-company-works__body {
  padding: 1.875rem;
  background-color: #fff;
  border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-company-works__body {
    padding: 0.625rem;
    border-radius: 0.625rem;
  }
}

.p-company-works__title {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #6CB6CD;
}

.p-company-works__desc {
  font-size: 1rem;
  letter-spacing: 0.1em;
  margin-top: 1.125rem;
}

.p-feature {
  position: relative;
  z-index: 3;
  margin-top: -10.5555555556vw;
}
@media screen and (max-width: 768px) {
  .p-feature {
    padding-bottom: 6.25rem;
    margin-top: -3.125rem;
  }
}
.p-feature:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% + 3.61111vw);
  background: url("../images/mask/bg_feature.png") no-repeat center/100% 100%;
  position: absolute;
  top: -3.6111111111vw;
  left: 0;
  z-index: 1;
}
.p-feature:after {
  content: "";
  display: block;
  width: 37.375rem;
  height: 9.25rem;
  background: url("../images/mask/vector_feature_top2.svg") no-repeat center/100% 100%;
  position: absolute;
  top: 0;
  right: calc(50% - 38.125vw);
  translate: 0 -20%;
}
@media screen and (max-width: 768px) {
  .p-feature:after {
    width: 8.6875rem;
    height: 2.125rem;
    top: 1.1875rem;
    right: 3.9375rem;
  }
}

.p-feature__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.4305555556vw;
  background: repeating-linear-gradient(0deg, transparent 0 29px, #CEE4CB 29px 30px), repeating-linear-gradient(90deg, transparent 0 29px, #CEE4CB 29px 30px), #F4F4F4;
  -webkit-mask: url("../images/mask/vector_feature_bottom.svg") no-repeat top center/100% auto;
          mask: url("../images/mask/vector_feature_bottom.svg") no-repeat top center/100% auto;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-feature__bg {
    background: repeating-linear-gradient(0deg, transparent 0 19px, #CEE4CB 19px 20px), repeating-linear-gradient(90deg, transparent 0 19px, #CEE4CB 19px 20px), #F4F4F4;
  }
}

.p-feature__inner {
  position: relative;
  z-index: 1;
}

.p-feature__headWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-feature__headWrap {
    display: contents;
  }
}
.p-feature__headWrap .c-head.u-desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-feature__headWrap .c-head.u-desktop {
    display: none;
  }
}

.p-feature__head .c-head.u-mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-feature__head .c-head.u-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-feature__list {
  margin-top: 7.1527777778vw;
}
@media screen and (max-width: 768px) {
  .p-feature__list {
    margin-top: 3.125rem;
  }
}

.p-feature__item {
  counter-increment: num;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6.25rem;
}
@media screen and (max-width: 768px) {
  .p-feature__item {
    gap: 1.25rem;
  }
}
.p-feature__item:nth-child(2) {
  margin-top: -6.25rem;
}
.p-feature__item:nth-child(3) {
  margin-top: -8.125rem;
}
.p-feature__item:nth-child(4) {
  margin-top: -3.125rem;
}
.p-feature__item:nth-child(5) {
  margin-top: -6.25rem;
}
@media screen and (max-width: 768px) {
  .p-feature__item:nth-child(n+2) {
    margin-top: 4.375rem;
  }
}

.p-feature__num {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-family: "DM Serif Display", serif;
  color: rgba(56, 137, 162, .7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.3125rem;
}
.p-feature__num:after {
  content: counter(num, decimal-leading-zero);
  font-size: 1.5rem;
  line-height: 1.5;
}

.p-feature__title {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #6C6C6C;
  font-family: "Shippori Mincho", serif;
  margin-top: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-feature__title {
    font-size: 1.25rem;
    letter-spacing: 0;
  }
}

.p-feature__text {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #6C6C6C;
  margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
  .p-feature__text {
    margin-top: 0.625rem;
  }
}

.p-feature__item:nth-child(1) {
  position: relative;
  height: 50.375rem;
}
@media screen and (max-width: 768px) {
  .p-feature__item:nth-child(1) {
    height: auto;
  }
}
@media (min-width: 1501px) {
  .p-feature__item:nth-child(1) .p-feature__img {
    margin-right: -11.3888888889vw;
  }
}
.p-feature__item:nth-child(2n+1) .p-feature__img {
  margin-right: calc(50% - 50vw);
  margin-left: auto;
}
@media (min-width: 1501px) {
  .p-feature__item:nth-child(2n+1) .p-feature__img {
    margin-right: -14.8611111111vw;
    margin-right: -13.375rem;
  }
}
.p-feature__item:nth-child(2n+2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.p-feature__item:nth-child(2n+2) .p-feature__img {
  margin-left: calc(50% - 50vw);
  margin-right: auto;
}
@media (min-width: 1501px) {
  .p-feature__item:nth-child(2n+2) .p-feature__img {
    margin-left: -14.8611111111vw;
    margin-left: -13.375rem;
  }
}

.p-feature__img {
  height: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .p-feature__img {
    width: 56.0975609756%;
  }
}
.p-feature__img.wave {
  display: block;
  overflow: hidden;
}
.p-feature__img.wave img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-feature__img.wave--1 {
  width: 50.8333333333vw;
  aspect-ratio: 732/806;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .p-feature__img.wave--1 {
    width: 56.0975609756%;
    aspect-ratio: 230/286;
    position: static;
  }
}
@media (min-width: 1501px) {
  .p-feature__img.wave--1 {
    width: 59.0322580645%;
  }
}
.p-feature__img.wave--1 img {
  -webkit-mask: url("../images/mask/vector_feature1.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_feature1.svg") no-repeat center/100% 100%;
}
.p-feature__img.wave--2 {
  width: 51.5972222222vw;
  aspect-ratio: 743/839;
}
@media screen and (max-width: 768px) {
  .p-feature__img.wave--2 {
    width: 56.0975609756%;
    aspect-ratio: 230/259;
  }
}
@media (min-width: 1501px) {
  .p-feature__img.wave--2 {
    width: 59.9193548387%;
  }
}
.p-feature__img.wave--2 img {
  -webkit-mask: url("../images/mask/vector_feature2.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_feature2.svg") no-repeat center/100% 100%;
}
.p-feature__img.wave--3 {
  width: 51.5277777778vw;
  aspect-ratio: 742/888;
}
@media screen and (max-width: 768px) {
  .p-feature__img.wave--3 {
    width: 56.0975609756%;
    aspect-ratio: 230/275;
  }
}
@media (min-width: 1501px) {
  .p-feature__img.wave--3 {
    width: 59.8387096774%;
  }
}
.p-feature__img.wave--3 img {
  -webkit-mask: url("../images/mask/vector_feature3.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_feature3.svg") no-repeat center/100% 100%;
}
.p-feature__img.wave--4 {
  width: 52.9861111111vw;
  aspect-ratio: 763/742;
}
@media screen and (max-width: 768px) {
  .p-feature__img.wave--4 {
    width: 56.0975609756%;
    aspect-ratio: 230/223;
  }
}
@media (min-width: 1501px) {
  .p-feature__img.wave--4 {
    width: 61.5322580645%;
  }
}
.p-feature__img.wave--4 img {
  -webkit-mask: url("../images/mask/vector_feature4.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_feature4.svg") no-repeat center/100% 100%;
}
.p-feature__img.wave--5 {
  width: 52.8472222222vw;
  aspect-ratio: 761/812;
}
@media screen and (max-width: 768px) {
  .p-feature__img.wave--5 {
    width: 56.0975609756%;
    aspect-ratio: 230/245;
  }
}
@media (min-width: 1501px) {
  .p-feature__img.wave--5 {
    width: 61.3709677419%;
  }
}
.p-feature__img.wave--5 img {
  -webkit-mask: url("../images/mask/vector_feature5.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_feature5.svg") no-repeat center/100% 100%;
}
.p-feature__img.wave--flip {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.p-feature__img.wave--flip > img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.p-fleeet-list {
  background: url(../images/mask/img_bg3.jpg) no-repeat center/100% 100%;
  position: relative;
  padding-top: 6.25rem;
  padding-bottom: 8.75rem;
}
@media screen and (max-width: 768px) {
  .p-fleeet-list {
    background: url(../images/mask/img_bg3Sp.jpg) no-repeat center/100% 100%;
  }
}
.p-fleeet-list:before {
  content: "";
  display: block;
  width: 100%;
  height: 4.1666666667vw;
  -webkit-mask: url(../images/mask/vector_fleet_top1.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_fleet_top1.svg) no-repeat center/100% auto;
  background: url(../images/mask/img_bg3.jpg) no-repeat center/100% auto;
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 1;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-fleeet-list:before {
    background: url(../images/mask/img_bg3Sp.jpg) no-repeat center/100% auto;
    height: 4.1860465116vw;
  }
}
.p-fleeet-list:after {
  content: "";
  display: block;
  width: 38.125vw;
  height: 4.1666666667vw;
  background: url(../images/mask/vector_fleet_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  right: calc(50% - 38.19444vw);
  translate: 0 -130%;
}
@media screen and (max-width: 768px) {
  .p-fleeet-list:after {
    width: 37.9069767442vw;
    height: 4.1860465116vw;
  }
}

.p-fleet-list__lead {
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-fleet-list__lead {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 0.625rem;
  }
}
.p-fleet-list__lead span {
  display: inline-block;
  border-bottom: 1px solid #6CB6CD;
  padding-inline: 0.625rem;
  padding-bottom: 0.625rem;
}
.p-fleet-list__lead:before {
  content: "";
  display: block;
  width: 9.6875rem;
  height: 3.25rem;
  background: url(../images/fleet/icon_fleet1.svg) no-repeat center/100% auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .p-fleet-list__lead:before {
    width: 2.5rem;
    height: 3.125rem;
  }
}

.p-fleet-list__box {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .p-fleet-list__box {
    margin-top: 1.25rem;
    width: 66.6666666667%;
    margin-inline: auto;
  }
}

.p-fleet-list__contents {
  margin-top: 6.25rem;
}

.p-fleet__mainItem {
  display: none;
}
.p-fleet__mainItem.is-active {
  display: block;
}

.p-fleet-content {
  padding: 1.4375rem 1.625rem 5.625rem;
  background-color: #fff;
  border-radius: 1.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-fleet-content {
    padding: 1.875rem 1.25rem 4.375rem;
  }
}
.p-fleet-content:after {
  content: "";
  display: block;
  width: 41.5625rem;
  height: 3.5625rem;
  background: url(../images/mask/vector_fleet_content.svg) no-repeat center/100% auto;
  position: absolute;
  bottom: 0;
  right: calc(50% - 30rem);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-fleet-content:after {
    width: 18.75rem;
    height: 1.5625rem;
    right: auto;
    right: initial;
    left: 50%;
    translate: -50% 0;
  }
}

.p-fleet-content__title {
  font-size: 2rem;
  letter-spacing: 0.1em;
  font-weight: 600;
  font-family: "Shippori Mincho", serif;
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.5rem;
}
.p-fleet-content__title:before {
  content: "";
  display: block;
  width: 4.375rem;
  height: auto;
  aspect-ratio: 1;
  background: url(../images/fleet/icon_fleet2.svg) no-repeat center/100% auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  translate: 0 -0.625rem;
}
@media screen and (max-width: 768px) {
  .p-fleet-content__title:before {
    width: 2.5rem;
  }
}

.p-fleet-content__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 948/646;
  border-radius: 1.25rem;
}

.p-fleet-content__slide {
  margin-top: 1.25rem;
  position: relative;
}
.p-fleet-content__slide .splide__slide img {
  display: block;
  width: 100%;
}
.p-fleet-content__slide .splide__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 20;
}
.p-fleet-content__slide .splide__arrow {
  -webkit-transform: none;
          transform: none;
  background-color: transparent;
  width: 4.375rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: rgba(108, 182, 205, .3);
  opacity: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-fleet-content__slide .splide__arrow {
    width: 3.125rem;
  }
}
.p-fleet-content__slide .splide__arrow:before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 2.5rem;
  background: url(../images/common/arrow_slide.svg) no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media screen and (max-width: 768px) {
  .p-fleet-content__slide .splide__arrow:before {
    width: 0.875rem;
    height: 1.75rem;
  }
}
@media screen and (max-width: 768px) {
  .p-fleet-content__slide .splide__arrow--prev {
    left: 0;
  }
}
.p-fleet-content__slide .splide__arrow--prev:before {
  rotate: -180deg;
}
@media screen and (max-width: 768px) {
  .p-fleet-content__slide .splide__arrow--next {
    right: 0;
  }
}
.p-fleet-content__slide .splide__arrow svg {
  display: none;
}
.p-fleet-content__slide.js-fleet-slide:has(> .splide__track > .splide__list > .splide__slide:only-child) .splide__track {
  overflow: visible;
}
.p-fleet-content__slide.js-fleet-slide:has(> .splide__track > .splide__list > .splide__slide:only-child) .splide__list {
  width: 100% !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.p-fleet-content__slide.js-fleet-slide:has(> .splide__track > .splide__list > .splide__slide:only-child) .splide__slide {
  width: 100% !important;
  max-width: 100%;
  opacity: 1 !important;
  visibility: visible !important;
}
.p-fleet-content__slide.js-fleet-slide:has(> .splide__track > .splide__list > .splide__slide:only-child) .splide__arrows {
  display: none;
}

.p-fleet-content__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 2.1875rem;
  margin-top: 1.25rem;
  padding-inline: 1.875rem;
}
.p-fleet-content__list > .p-fleet__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  height: auto;
}
.p-fleet-content__list > .p-fleet__item > .p-fleet-content__box:first-of-type:not(:last-of-type) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.p-fleet-content__list > .p-fleet__item > .p-fleet-content__box + .p-fleet-content__box {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .p-fleet-content__list > .p-fleet__item > .p-fleet-content__box + .p-fleet-content__box {
    margin-top: 1.875rem;
  }
}
@media screen and (max-width: 768px) {
  .p-fleet-content__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.875rem;
    padding-inline: 0;
  }
}

.p-fleet-content__titleSm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.p-fleet-content__titleSm:before {
  content: "●";
  display: block;
  color: #6CB6CD;
}

.p-fleet-content__flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9.375rem;
}
@media screen and (max-width: 768px) {
  .p-fleet-content__flexBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.875rem;
  }
}
.p-fleet-content__flexBox .p-fleet-content__itemSm {
  grid-template-columns: 10.3125rem 1fr;
}
@media screen and (max-width: 768px) {
  .p-fleet-content__flexBox .p-fleet-content__itemSm {
    grid-template-columns: 8.75rem 1fr;
  }
}

.p-fleet-content__listSm {
  margin-top: 0.625rem;
}
.p-fleet-content__listSm.--small .p-fleet-content__itemSm {
  grid-template-columns: 5.4375rem auto;
}
@media screen and (max-width: 768px) {
  .p-fleet-content__listSm.--small .p-fleet-content__itemSm {
    grid-template-columns: 8.75rem 1fr;
  }
}

.p-fleet-content__itemSm {
  display: grid;
  grid-template-columns: 7.8125rem 1fr;
}
@media screen and (max-width: 768px) {
  .p-fleet-content__itemSm {
    grid-template-columns: 8.75rem 1fr;
  }
}

.p-fleet-content__itemSm-title {
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 2;
  min-width: 5.4375rem;
}

.p-fleet-content__list-item-text {
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 2;
}
.p-fleet-content__list-item-text a {
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}

dd.p-fleet-content__list-item-text {
  border-left: 1px solid #6CB6CD;
  padding-left: 1.25rem;
}

.p-fleet__system {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-fleet__system {
    grid-area: auto;
    margin-top: 1.875rem;
  }
}
.p-fleet__system .p-fleet-content__listSm {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-fleet__system .p-fleet-content__listSm {
    grid-template-columns: 1fr;
  }
}

.p-fleet-content__system-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 270/185;
  border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-fleet-content__system-img {
    width: 69.2307692308%;
  }
}

.p-fleet-document {
  padding-top: 6.25rem;
  padding-bottom: 9.375rem;
  background: repeating-linear-gradient(0deg, transparent 0 29px, #CEE4CB 29px 30px), repeating-linear-gradient(90deg, transparent 0 29px, #CEE4CB 29px 30px), #F4F4F4;
  position: relative;
}
.p-fleet-document:before {
  content: "";
  display: block;
  width: 100%;
  height: 4.1666666667vw;
  -webkit-mask: url(../images/mask/vector_doc_top1.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_doc_top1.svg) no-repeat center/100% auto;
  background: repeating-linear-gradient(0deg, transparent 0 29px, #CEE4CB 29px 30px), repeating-linear-gradient(90deg, transparent 0 29px, #CEE4CB 29px 30px), #F4F4F4;
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 1;
  translate: 0 -100%;
}
.p-fleet-document:after {
  content: "";
  display: block;
  width: 68.0555555556vw;
  height: 2.0833333333vw;
  background: url(../images/mask/vector_doc_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  right: 5.625rem;
  translate: 0 -100%;
}

.p-fleet-document__wrap {
  width: 100%;
}

.p-fleet-document__text {
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 2.5;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-fleet-document__text {
    margin-top: 1.875rem;
  }
}

.p-fleet-document__box {
  padding: 3.125rem 5rem;
  background-color: #fff;
  -webkit-box-shadow: 0.25rem 0.25rem 0.25rem rgba(157, 157, 157, .25);
          box-shadow: 0.25rem 0.25rem 0.25rem rgba(157, 157, 157, .25);
  margin-top: 4.5rem;
}
@media screen and (max-width: 768px) {
  .p-fleet-document__box {
    padding: 1.25rem;
    margin-top: 1.875rem;
  }
}

.p-fleet-document__title {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 600;
  font-family: "Shippori Mincho", serif;
  display: grid;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 768px) {
  .p-fleet-document__title {
    font-size: 1.25rem;
  }
}
.p-fleet-document__title:before {
  content: "";
  display: block;
  width: 3.875rem;
  height: 2.3125rem;
  background: url(../images/fleet/icon_fleet3.svg) no-repeat center/100% auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .p-fleet-document__title:before {
    width: 2.125rem;
    height: 2.1875rem;
  }
}
.p-fleet-document__title:nth-of-type(n + 2) {
  margin-top: 3.3125rem;
}

.p-fleet-document__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-fleet-document__list {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

.p-fleet-document__titleSm {
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-weight: 600;
  font-family: "Shippori Mincho", serif;
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0625rem;
}
.p-fleet-document__titleSm:before {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 0.1875rem;
  background-color: #6CB6CD;
}

.p-fleet-document__listSm {
  margin-top: 1.4375rem;
}
@media screen and (max-width: 768px) {
  .p-fleet-document__listSm {
    padding-left: 1.875rem;
  }
}

.p-fleet-document__itemSm {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.p-fleet-document__itemSm + .p-fleet-document__itemSm {
  margin-top: 0.9375rem;
}

.p-fleet-document__link {
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0.1em;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  text-align: center;
  padding: 0.3125rem 1.25rem;
  background-color: #6CB6CD;
  border-radius: 6.25rem;
}

.p-fleet {
  padding-top: 7.4305555556vw;
  padding-bottom: 9.375rem;
  position: relative;
  overflow: hidden;
  background: repeating-linear-gradient(0deg, transparent 0 29px, #CEE4CB 29px 30px), repeating-linear-gradient(90deg, transparent 0 29px, #CEE4CB 29px 30px), #F4F4F4;
}
@media screen and (max-width: 768px) {
  .p-fleet {
    padding-bottom: 4.375rem;
    background: repeating-linear-gradient(0deg, transparent 0 19px, #CEE4CB 19px 20px), repeating-linear-gradient(90deg, transparent 0 19px, #CEE4CB 19px 20px), #F4F4F4;
  }
}
.p-fleet:before {
  content: "";
  display: block;
  width: 100%;
  height: 4.5138888889vw;
  background: url(../images/mask/vector_recruitCta_top1.svg) no-repeat center/100% auto;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.p-fleet:after {
  content: "";
  display: block;
  width: 100%;
  height: 3.6111111111vw;
  background: url(../images/mask/vector_recruitCta_top2.svg) no-repeat center/100% auto;
  position: absolute;
  bottom: 0;
  left: 0;
}

.p-fleet__inner {
  display: grid;
  grid-template-columns: 7.25rem 1fr;
  gap: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-fleet__inner {
    grid-template-columns: 1fr;
    gap: 1.875rem;
  }
}

.p-fleet__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: min(4vw, 3.125rem);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 768px) {
  .p-fleet__list {
    max-width: 16.25rem;
    margin-inline: auto;
  }
}

.p-fleet__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.p-fleet__item.js-tab {
  cursor: pointer;
}

.p-fleet-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.p-fleet-card__imgWrap {
  position: relative;
  margin-bottom: 1.25rem;
}
.p-fleet-card__imgWrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(108, 182, 205, .5);
  position: absolute;
}
.p-fleet-card__imgWrap img {
  position: relative;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-fleet__item.has-hover .p-fleet-card__imgWrap {
  position: relative;
}
.p-fleet__item.has-hover .p-fleet-card__imgWrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(108, 182, 205, .5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.p-fleet__item:nth-child(1) .p-fleet-card__imgWrap:before {
  -webkit-mask: url("../images/mask/vector_fleet1.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_fleet1.svg") no-repeat center/100% 100%;
}
.p-fleet__item:nth-child(1) .p-fleet-card__imgWrap:after {
  -webkit-mask: url("../images/mask/vector_fleet1.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_fleet1.svg") no-repeat center/100% 100%;
  bottom: -0.5rem;
  right: -0.5625rem;
}
.p-fleet__item:nth-child(1) .p-fleet-card__imgWrap img {
  -webkit-mask: url("../images/mask/vector_fleet1.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_fleet1.svg") no-repeat center/100% 100%;
}
.p-fleet__item:nth-child(2) .p-fleet-card__imgWrap:before {
  -webkit-mask: url("../images/mask/vector_fleet2.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_fleet2.svg") no-repeat center/100% 100%;
}
.p-fleet__item:nth-child(2) .p-fleet-card__imgWrap:after {
  -webkit-mask: url("../images/mask/vector_fleet2.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_fleet2.svg") no-repeat center/100% 100%;
  bottom: -0.75rem;
  right: -0.5625rem;
}
.p-fleet__item:nth-child(2) .p-fleet-card__imgWrap img {
  -webkit-mask: url("../images/mask/vector_fleet2.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_fleet2.svg") no-repeat center/100% 100%;
}
.p-fleet__item:nth-child(3) .p-fleet-card__imgWrap:before {
  -webkit-mask: url("../images/mask/vector_fleet3.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_fleet3.svg") no-repeat center/100% 100%;
}
.p-fleet__item:nth-child(3) .p-fleet-card__imgWrap:after {
  -webkit-mask: url("../images/mask/vector_fleet3.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_fleet3.svg") no-repeat center/100% 100%;
  bottom: -0.6875rem;
  left: 0;
}
.p-fleet__item:nth-child(3) .p-fleet-card__imgWrap img {
  -webkit-mask: url("../images/mask/vector_fleet3.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_fleet3.svg") no-repeat center/100% 100%;
}
.p-fleet__item:nth-child(4) .p-fleet-card__imgWrap:before {
  -webkit-mask: url("../images/mask/vector_fleet4.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_fleet4.svg") no-repeat center/100% 100%;
}
.p-fleet__item:nth-child(4) .p-fleet-card__imgWrap:after {
  -webkit-mask: url("../images/mask/vector_fleet4.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_fleet4.svg") no-repeat center/100% 100%;
  bottom: -0.6875rem;
  left: 0;
}
.p-fleet__item:nth-child(4) .p-fleet-card__imgWrap img {
  -webkit-mask: url("../images/mask/vector_fleet4.svg") no-repeat center/100% 100%;
          mask: url("../images/mask/vector_fleet4.svg") no-repeat center/100% 100%;
}

@media (any-hover: hover) {
  .p-fleet__item.has-hover:hover .p-fleet-card__imgWrap:before {
    opacity: 1;
  }
  .p-fleet__item.has-hover:hover .p-fleet-card__hoverText {
    opacity: 1;
  }
}
.p-fleet-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-fleet-card__size {
  font-weight: 600;
}

.p-fleet-card__cap {
  display: block;
  margin-top: auto;
}
.p-fleet-card__cap .title {
  display: block;
  font-size: 1.25rem;
  list-style-image: 1.5;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #3889A2;
  text-align: center;
}
.p-fleet-card__cap:has(.title) {
  text-align: center;
}

.p-fleet-card__hoverText {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  text-align: center;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .p-fleet-card__hoverText {
    display: none;
  }
}

/* View all */
.p-fleet__more {
  grid-column: 2/-1;
  text-align: right;
  margin-top: 20px;
}

/* SP（1カラム） */
@media (max-width: 767px) {
  .p-fleet__inner {
    grid-template-columns: 1fr;
  }
  .p-fleet__vtitle {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    border-left: 4px solid #ccc;
    padding-left: 12px;
  }
  .p-fleet__list {
    grid-template-columns: 1fr;
  }
  .p-fleet__more {
    grid-column: 1;
  }
}
.p-footer {
  padding-top: 3.125rem;
  background: url(../images/mask/img_bg1.jpg) no-repeat center/cover;
  position: relative;
}
.p-footer:before {
  content: "";
  display: block;
  width: 100%;
  height: 0.625rem;
  background: url(../images/mask/vector_footer_top.svg) repeat-x center/100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.p-footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 4.375rem;
}
@media screen and (max-width: 768px) {
  .p-footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media screen and (max-width: 768px) {
  .p-footer__headWrap {
    margin-top: 3.75rem;
  }
}

.p-footer__socialLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  margin-top: 0.625rem;
}

.p-footer__address {
  font-size: 0.875rem;
  margin-left: 0.375rem;
}
@media screen and (max-width: 768px) {
  .p-footer__address {
    margin-top: 1.25rem;
    margin-left: 0;
  }
}
.p-footer__address span, .p-footer__address a {
  display: block;
}
.p-footer__address a {
  text-decoration: underline;
}
.p-footer__address span + a {
  margin-top: 0.625rem;
}

.p-footer__nav {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-footer__nav {
    margin-left: 0;
  }
}

.p-footer__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .p-footer__list {
    margin-left: 0;
  }
}

.p-footer__link {
  display: inline-block;
  font-size: 0.875rem;
  letter-spacing: 0;
  font-family: "Shippori Mincho", serif;
}

.p-footer__copy {
  font-size: 0.875rem;
  font-family: "Roboto", sans-serif;
  background-color: #6CB6CD;
  text-align: center;
}

.p-fv {
  height: calc(100vh + 13.125rem);
}

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

.p-fv__movie {
  height: 100%;
}

.p-fv__movie video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1440/900;
}
@media screen and (max-width: 768px) {
  .p-fv__movie video {
    aspect-ratio: 430/893;
  }
}

.p-fv__head {
  width: 16.9375rem;
  position: absolute;
  top: 9.125rem;
  right: 9.1666666667vw;
}
@media screen and (max-width: 768px) {
  .p-fv__head {
    width: 11.0625rem;
    right: auto;
    right: initial;
    left: 1.8125rem;
    top: 6.25rem;
  }
}

.p-header {
  height: 4.375rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: rgba(255, 255, 255, .92);
}
.p-header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 1.7361111111vw;
  background: url(../images/mask/vector_header_bg.svg) center bottom/100% 100% no-repeat;
  pointer-events: none; /* クリック邪魔しない */
  translate: 0 100%;
}
@media screen and (max-width: 768px) {
  .p-header:after {
    height: 1.6279069767vw;
  }
}

.p-header__inner.l-inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 86.875rem;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .p-header__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 99;
  }
}

.p-header__logo {
  width: 4.375rem;
  height: auto;
  aspect-ratio: 1;
  translate: 0 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-header__logo {
    width: 3.125rem;
    translate: 0 0;
  }
}

.p-header__open {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-header__open {
    width: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.25rem;
  }
}
.p-header__open span {
  display: block;
  width: 100%;
  height: 0.1875rem;
  border-radius: 0.125rem;
  background-color: #6CB6CD;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.p-header__open.is-active span:nth-child(1) {
  -webkit-transform: translateY(0.4375rem) rotate(45deg);
          transform: translateY(0.4375rem) rotate(45deg);
}
.p-header__open.is-active span:nth-child(2) {
  opacity: 0;
}
.p-header__open.is-active span:nth-child(3) {
  -webkit-transform: translateY(-0.4375rem) rotate(-45deg);
          transform: translateY(-0.4375rem) rotate(-45deg);
}

.p-header__drawer {
  height: 100%;
  display: contents;
}
@media screen and (max-width: 768px) {
  .p-header__drawer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 98;
  }
}

.p-header__nav {
  height: 100%;
  width: 100%;
  margin-left: -4.375rem;
}
@media screen and (max-width: 768px) {
  .p-header__nav {
    margin-left: 0;
  }
}

.p-header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-header__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-header__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: cnter;
      -ms-flex-align: cnter;
          align-items: cnter;
  height: 100%;
  padding-inline: 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
}
@media screen and (max-width: 768px) {
  .p-header__link {
    padding-block: 1.25rem;
  }
}

.p-main {
  position: relative;
  overflow: hidden;
}

.p-main__wrap {
  padding-top: 6.25rem;
  padding-bottom: 9.375rem;
  background: url(../images/mask/img_bg11.jpg) repeat-y center/100% auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-main__wrap {
    background: url(../images/mask/img_bg11Sp.jpg) repeat-y center/100% auto;
    padding-top: 1.875rem;
    padding-bottom: 3.75rem;
  }
}
.p-main__wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 4.8611111111vw;
  -webkit-mask: url(../images/mask/vector_new_top1.svg) no-repeat center/100% 100%;
          mask: url(../images/mask/vector_new_top1.svg) no-repeat center/100% 100%;
  background: url(../images/mask/img_bg11.jpg) no-repeat center/cover;
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 1;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-main__wrap:before {
    top: 0;
    background: url(../images/mask/img_bg11Sp.jpg) no-repeat center/cover;
    height: 5.5813953488vw;
  }
}
.p-main__wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 4.0277777778vw;
  background: url(../images/mask/vector_new_top2.svg) no-repeat center/100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-main__wrap:after {
    height: 3.9534883721vw;
  }
}

.p-main__inner.--sm {
  max-width: 74.375rem;
}
.p-main__inner.--sidebar {
  display: grid;
  grid-template-columns: 1fr 18.75rem;
  gap: 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-main__inner.--sidebar {
    grid-template-columns: 1fr;
  }
}

.p-news {
  margin-top: -7.5rem;
  padding-block: 9.375rem;
  background: url(../images/mask/img_bg1.jpg) no-repeat center/cover;
  position: relative;
  z-index: 2;
}
@media (min-width: 1441px) {
  .p-news {
    margin-top: -8.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news {
    padding-top: 1.875rem;
  }
}
.p-news:before {
  content: "";
  display: block;
  width: 100%;
  height: 7.5rem;
  background: url(../images/mask/vector_news_top.svg) no-repeat center/100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-news:before {
    height: 3.125rem;
  }
}
.p-news:after {
  content: "";
  display: block;
  width: 100%;
  height: 6rem;
  background: url(../images/mask/vector_news_top2.svg) no-repeat center/100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-news:after {
    height: 2.1875rem;
  }
}

.p-news__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9.875rem;
}
@media screen and (max-width: 768px) {
  .p-news__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.875rem;
  }
}

.p-news__slideWrap {
  margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  .p-news__slideWrap {
    margin-right: 0;
    margin-right: initial;
  }
}

.p-news__link {
  display: block;
  position: relative;
}
.p-news__link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 45, 107, .4);
  border-radius: 0.3125rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.p-news__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 300/206;
  border-radius: 0.3125rem;
}

.p-news__meta {
  width: calc(100% - 3rem);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 2;
}

.p-news__cat {
  font-size: 0.875rem;
  letter-spacing: 0;
  font-weight: 500;
  color: #fff;
}

.p-news__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0;
  margin-top: 0.5rem;
}

.p-news__text {
  font-size: 0.875rem;
  letter-spacing: 0;
  color: #fff;
  margin-top: 0.5rem;
}

.p-news__date {
  font-size: 0.875rem;
  letter-spacing: 0;
  color: #fff;
}

.p-news__btn {
  margin-top: 2.1875rem;
  text-align: right;
}

.p-news__slideWrap {
  position: relative;
}
.p-news__slideWrap .splide__pagination {
  right: auto;
  right: initial;
  bottom: -1.25rem;
}
.p-news__slideWrap .splide__pagination {
  gap: 0.625rem;
}
.p-news__slideWrap li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-news__slideWrap .splide__pagination__page {
  display: block;
  width: 0.3125rem;
  height: 0.3125rem;
  aspect-ratio: 1;
  border-radius: 50%;
  margin: 0;
  background-color: #6C6C6C;
  opacity: 1;
}
.p-news__slideWrap .splide__pagination__page.is-active {
  opacity: 1;
  width: 0.9375rem;
  border-radius: 0.625rem;
}

.p-page-top {
  position: fixed;
  bottom: 3.125rem;
  right: 0;
  z-index: 100;
}
.p-page-top button {
  cursor: pointer;
  display: block;
  width: 10.5rem;
  height: 18.625rem;
}
@media screen and (max-width: 768px) {
  .p-page-top button {
    width: 7.875rem;
    height: 9.4375rem;
  }
}
.p-page-top svg,
.p-page-top img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* アニメーションの基本設定 */
.arm {
  transform-box: view-box; /* SVG座標での支点指定を有効にする */
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease; /* なめらかに回転 */
  will-change: transform;
}

/* ホバー時の回転：左を+35°、右を-35° */
svg:hover .arm--left {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

svg:hover .arm--right {
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}

/* ユーザーの環境配慮（動きが苦手な人向け） */
@media (prefers-reduced-motion: reduce) {
  .arm {
    -webkit-transition: none;
    transition: none;
  }
}
.p-post {
  background-color: rgba(167, 204, 255, .2);
  padding: 1.875rem;
  border-radius: 0.625rem;
}

.p-post__inner {
  padding: 3.125rem;
  background-color: #fff;
  border-radius: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-post__inner {
    padding: 1.25rem;
  }
}

.p-post__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #6CB6CD;
}

.p-post__title {
  font-size: 1.25rem;
  letter-spacing: 0;
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
}

.p-post__category {
  display: inline-block;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
  background-color: #6CB6CD;
  color: #fff;
  padding: 0.125rem 0.3125rem;
  border-radius: 3.125rem;
}

.p-post__thumb {
  margin-top: 0.625rem;
}
.p-post__thumb img {
  width: 100%;
  height: auto;
  aspect-ratio: 650/320;
}

.p-post__content {
  margin-top: 0.625rem;
}
.p-post__content p {
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.1em;
}
.p-post__content p + p {
  margin-top: 1em;
}
.p-post__content .wp-block-group,
.p-post__content .wp-block-columns {
  margin-block: 0.625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-post__content .wp-block-group,
  .p-post__content .wp-block-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-post__content .wp-block-image {
  min-width: 21.875rem;
}
@media screen and (max-width: 768px) {
  .p-post__content .wp-block-image {
    width: 100%;
    min-width: auto;
  }
}
.p-post__content .wp-block-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 350/200;
}

.p-recruit-cta {
  padding-block: 6.25rem;
  background: url(../images/mask/img_bg1.jpg) center/cover no-repeat;
  position: relative;
}
.p-recruit-cta:before {
  content: "";
  display: block;
  width: 100%;
  height: 4.5138888889vw;
  background: url(../images/mask/vector_recruitCta_top1.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  translate: 0 -100%;
}
.p-recruit-cta:after {
  content: "";
  display: block;
  width: 100%;
  height: 3.6111111111vw;
  background: url(../images/mask/vector_recruitCta_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -100%;
}
.p-recruit-cta.--company:after, .p-recruit-cta.--fleet:after {
  background: url(../images/mask/vector_recruitCta_top2_company.svg) no-repeat center/100% auto;
  height: 4.6527777778vw;
}
@media screen and (max-width: 768px) {
  .p-recruit-cta.--company:after, .p-recruit-cta.--fleet:after {
    height: 6.0465116279vw;
  }
}

/* 横幅調整だけに使う。ここにマスクは当てない */
.p-recruit-cta__inner.l-inner {
  max-width: 52.5rem;
}

/* ←ここにマスクを当てる */
.p-recruit-cta__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 25rem;
  /* 標準 */
  mask-image: url(../images/mask/vector_cta.svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  /* Safari/Chromium安定化 */
  -webkit-mask-image: url(../images/mask/vector_cta.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 100% 100%;
  /* 角が出る素材対策（念のため） */
  overflow: hidden;
  background-color: #6CB6CD;
}
@media screen and (max-width: 768px) {
  .p-recruit-cta__wrap {
    min-height: 12.5rem;
  }
}

.p-recruit__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; /* 左の色面を可変に */
}

.p-recruit__bodyInner {
  background: #6CB6CD;
  padding: 3.125rem 0 0 2.5rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-recruit__bodyInner {
    padding: 1.875rem 0 0 1.25rem;
  }
}

.p-recruit-cta__text {
  margin-top: 1.5rem;
}

.p-recruit-cta__btnWrap {
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-cta__btnWrap {
    margin-top: 0.9375rem;
  }
}

.p-recruit-cta__btn {
  font-size: 1rem;
  color: #fff;
  background-color: #6CB6CD;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: 1px solid #fff;
  border-radius: 3.75rem;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .p-recruit-cta__btn {
    font-size: 0.5rem;
    padding: 0.375rem 0.75rem;
  }
}
.p-recruit-cta__btn:hover {
  background-color: #fff;
  color: #6CB6CD;
  border-color: #fff;
}
.p-recruit-cta__btn.--white {
  color: #6CB6CD;
  border-color: #fff;
  background-color: #fff;
}
.p-recruit-cta__btn.--white:hover {
  background-color: #6CB6CD;
  border-color: #fff;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-recruit-cta__btn .u-mobile {
    display: inline-block;
  }
}
.p-recruit-cta__btn .u-desktop {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-recruit-cta__btn .u-desktop {
    display: none;
  }
}

.p-recruit-cta__img {
  max-width: 25rem;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  -webkit-mask: url(../images/mask/vector_recruitCta.svg) no-repeat center/100% 100%;
          mask: url(../images/mask/vector_recruitCta.svg) no-repeat center/100% 100%;
}
@media screen and (max-width: 768px) {
  .p-recruit-cta__img {
    max-width: 12.5rem;
  }
}

.p-recruit-desc {
  padding-top: 6.25rem;
  padding-bottom: 9.375rem;
  background: url(../images/mask/img_bg10.jpg) no-repeat center/100% 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-recruit-desc {
    padding-block: 4.0625rem;
    background: url(../images/mask/img_bg10Sp.jpg) no-repeat center/100% 100%;
  }
}
.p-recruit-desc:before {
  content: "";
  display: block;
  width: 100%;
  height: 4.5138888889vw;
  -webkit-mask: url(../images/mask/vector_recruit_doc_top1.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_recruit_doc_top1.svg) no-repeat center/100% auto;
  background: url(../images/mask/img_bg10.jpg) no-repeat center/100% auto;
  position: absolute;
  top: 1px;
  left: 0;
  translate: 0 -100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-recruit-desc:before {
    height: 4.6511627907vw;
    background: url(../images/mask/img_bg10Sp.jpg) no-repeat center/100% auto;
  }
}
.p-recruit-desc:after {
  content: "";
  display: block;
  width: 43.2638888889vw;
  height: 2.0833333333vw;
  background: url(../images/mask/vector_recruit_doc_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: -1.375rem;
  left: 14.0277777778vw;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-recruit-desc:after {
    top: -0.375rem;
    width: 43.2558139535vw;
    height: 2.0930232558vw;
  }
}

.p-recruit-desc__slideWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  .p-recruit-desc__slideWrap {
    margin-inline: calc(50% - 50vw);
  }
}
.p-recruit-desc__slideWrap .splide__arrows {
  position: absolute;
  bottom: 0;
  left: 42.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 43.75rem;
  margin-inline: auto;
  width: 100%;
  -webkit-transform: translate(-50%, 25%);
          transform: translate(-50%, 25%);
}
@media screen and (max-width: 768px) {
  .p-recruit-desc__slideWrap .splide__arrows {
    left: 50%;
    width: calc(100% - 2.5rem);
  }
}
.p-recruit-desc__slideWrap .splide__arrow {
  position: static;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background-color: transparent;
  width: 4.375rem;
  height: 3.75rem;
  opacity: 1;
}
.p-recruit-desc__slideWrap .splide__arrow--prev {
  background: url(../images/common/arrow_left.svg) no-repeat center/100% 100%;
}
.p-recruit-desc__slideWrap .splide__arrow--next {
  background: url(../images/common/arrow_right.svg) no-repeat center/100% 100%;
}
.p-recruit-desc__slideWrap .splide__arrow svg {
  display: none;
}
.p-recruit-desc__slideWrap .splide__pagination {
  position: static;
  margin-top: 8rem;
  margin-right: 15%;
}
@media screen and (max-width: 768px) {
  .p-recruit-desc__slideWrap .splide__pagination {
    margin-top: 3.4375rem;
    margin-right: 0;
  }
}
.p-recruit-desc__slideWrap .splide__pagination__page {
  width: 1rem;
  height: auto;
  aspect-ratio: 1;
  background-color: #fff;
  border: 2px solid #6CB6CD;
  opacity: 1;
}
.p-recruit-desc__slideWrap .splide__pagination__page.is-active {
  background-color: #6CB6CD;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.p-recruit-desc__slide {
  padding: 2.5rem 2.5rem 5rem;
  background-color: #fff;
  border-radius: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-desc__slide {
    padding: 1.875rem 1.25rem;
  }
}

.p-recruit-desc__num {
  display: block;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-family: "DM Serif Display", serif;
  color: rgba(56, 137, 162, .7);
}
.p-recruit-desc__num .num {
  font-size: 1.5rem;
}

.p-recruit-desc__title {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
  display: inline-block;
  border-bottom: 1px solid #6CB6CD;
}

.p-recruit-desc__list {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 3.75rem;
     -moz-column-gap: 3.75rem;
          column-gap: 3.75rem;
  margin-top: 3.75rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-desc__list {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}

.p-recruit-desc__item {
  display: grid;
  grid-template-columns: 10rem 1fr;
  gap: 1.5625rem;
  -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-desc__item {
    grid-template-columns: 1fr;
    gap: 0.625rem;
    margin-bottom: 1.25rem;
  }
}

.p-recruit-desc__itemTitle {
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-align: right;
  border-bottom: 1px solid #6CB6CD;
}
@media screen and (max-width: 768px) {
  .p-recruit-desc__itemTitle {
    text-align: left;
    max-width: 10rem;
  }
}

.p-recruit-desc__itemText {
  font-size: 1rem;
  letter-spacing: 0.1em;
}

.p-recruit-form {
  padding-block: 6.25rem;
  background: url(../images/mask/img_bg1.jpg) no-repeat center/100% 100%;
  position: relative;
}
.p-recruit-form:before {
  content: "";
  display: block;
  width: 100%;
  height: 4.8611111111vw;
  -webkit-mask: url(../images/mask/vector_form_top1.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_form_top1.svg) no-repeat center/100% auto;
  background: url(../images/mask/img_bg1.jpg) no-repeat center/100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -97%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-recruit-form:before {
    height: 4.6511627907vw;
  }
}
.p-recruit-form:after {
  content: "";
  display: block;
  width: 48.2638888889vw;
  height: 3.4027777778vw;
  background: url(../images/mask/vector_form_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  right: calc(50% - 31.04167vw);
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-recruit-form:after {
    height: 3.2558139535vw;
  }
}

.p-recruit-form__wrap {
  width: 100%;
}

.p-recruit-form__privacyTitle {
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #6C6C6C;
  margin-top: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-form__privacyTitle {
    margin-top: 1.875rem;
  }
}

.p-recruit-form__privacy {
  max-height: 5.625rem;
  padding: 0.625rem 1rem;
  background-color: #fff;
  border-radius: 0.625rem;
  overflow-y: auto;
  margin-top: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-form__privacy {
    margin-top: 0.625rem;
  }
}
.p-recruit-form__privacy > * {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-weight: 400;
  color: #6C6C6C;
  font-family: "IBM Plex Sans JP", sans-serif;
}

.p-recruit-graph {
  padding-block: 6.25rem;
  background: url(../images/mask/img_bg1.jpg) center/cover no-repeat;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph {
    padding-top: 1.875rem;
    padding-bottom: 4.375rem;
  }
}
.p-recruit-graph:before {
  content: "";
  display: block;
  width: 100%;
  height: 5.4166666667vw;
  -webkit-mask: url(../images/mask/vector_graph_top1.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_graph_top1.svg) no-repeat center/100% auto;
  background: transparent;
  background: url(../images/mask/img_bg1.jpg) center/cover no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph:before {
    height: 5.3488372093vw;
  }
}
.p-recruit-graph:after {
  content: "";
  display: block;
  width: 100%;
  height: 4.0277777778vw;
  background: url(../images/mask/vector_graph_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph:after {
    height: 3.9534883721vw;
  }
}

.p-recruit-graph__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto auto;
  gap: 1.875rem 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__list {
    margin-top: 1.875rem;
    display: grid;
    gap: 0.625rem 0.625rem;
    grid-template-columns: repeat(6, 1fr); /* 6等分 */
    grid-template-areas: "a  a  b  b  c  c" "d1 d1 d1 d1 d1 d1" "d2 d2 d2 d2 d2 d2" "e  e  e  f  f  f" "g  g  g  h  h  h" "i  i  i  j  j  j" "k  k  l  l  m  m" "o  o  o  o  o  o";
  }
}

.p-recruit-graph__itemWrap {
  grid-area: 3/1/5/4;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.6875rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__itemWrap {
    grid-template-columns: 1fr;
    grid-area: initial;
    gap: 0.625rem;
    display: contents;
  }
}
.p-recruit-graph__itemWrap .p-recruit-graph__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__itemWrap .p-recruit-graph__item {
    display: block;
  }
}

.p-recruit-graph__item {
  background-color: #DAEEF4;
  padding: 1.875rem;
  border-radius: 0.3125rem;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__item {
    display: block;
    padding: 1.25rem 0.625rem;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__item.--lg {
    padding-inline: 1.875rem;
  }
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__item:not(.--lg) .p-recruit-graph__body.--flex {
    display: block;
  }
}
.p-recruit-graph__item.--a {
  grid-area: 1/1/3/2;
}
.p-recruit-graph__item.--b {
  grid-area: 1/2/3/3;
}
.p-recruit-graph__item.--c {
  grid-area: 1/3/3/4;
}
.p-recruit-graph__item.--e {
  grid-area: 5/1/7/2;
}
.p-recruit-graph__item.--f {
  grid-area: 5/2/7/3;
}
.p-recruit-graph__item.--g {
  grid-area: 5/3/7/4;
}
.p-recruit-graph__item.--o {
  grid-area: 11/1/13/4;
}

.p-recruit-graph__title {
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__title {
    font-size: 0.75rem;
    margin-bottom: 0.75rem;
  }
}

.p-recruit-graph__body {
  position: relative;
  z-index: 1;
}
.p-recruit-graph__body.--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.625rem;
}
.p-recruit-graph__body.--flex .p-recruit-graph__text {
  margin: 0;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__body.--flex .p-recruit-graph__text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
}
.p-recruit-graph__body.--flex .p-recruit-graph__text.lg {
  width: 100%;
}
.p-recruit-graph__body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem 5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 11.875rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__body ul {
    gap: 0.375rem 1.875rem;
    max-width: 78.4615384615%;
    margin-inline: auto;
  }
}
.p-recruit-graph__body li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
  font-size: 1.25rem;
  letter-spacing: 0;
  color: #3889A2;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__body li {
    font-size: 0.75rem;
    gap: 0.25rem;
  }
}
.p-recruit-graph__body li:before {
  content: "";
  display: block;
  width: 0.9375rem;
  height: auto;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__body li:before {
    width: 0.5625rem;
  }
}

.p-recruit-graph__numWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.8125rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__numWrap {
    gap: 1.25rem;
  }
}

.p-recruit-graph__num {
  display: block;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
  color: #3889A2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__num {
    font-size: 0.875rem;
  }
}
.p-recruit-graph__num.--circle {
  position: relative;
}
.p-recruit-graph__num.--circle:before {
  content: "";
  display: block;
  width: 7.4375rem;
  height: auto;
  aspect-ratio: 1;
  background-color: #95C69E;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__num.--circle:before {
    width: 4.375rem;
  }
}
.p-recruit-graph__num.--circle .inner {
  position: relative;
  z-index: 1;
}
.p-recruit-graph__num .lg {
  display: inline-block;
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__num .lg {
    font-size: 3rem;
  }
}
.p-recruit-graph__num .lg2 {
  display: inline-block;
  font-size: 6rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__num .lg2 {
    font-size: 3.5625rem;
  }
}
.p-recruit-graph__num .lg3 {
  display: inline-block;
  font-size: 5rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__num .lg3 {
    font-size: 3rem;
  }
}
.p-recruit-graph__num .md {
  display: inline-block;
  line-height: 1;
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__num .md {
    font-size: 2.375rem;
  }
}
.p-recruit-graph__num .text {
  display: block;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  color: #333;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__num .text {
    font-size: 9px;
  }
}
.p-recruit-graph__num.--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__num.--flex {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.p-recruit-graph__num .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-recruit-graph__num .title {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__num .title {
    font-size: 0.875rem;
  }
}
.p-recruit-graph__num .title.--rl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.p-recruit-graph__num .title.--blue {
  color: #3889A2;
}

.p-recruit-graph__text {
  font-size: 0.9375rem;
  letter-spacing: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__text {
    font-size: 9px;
  }
}

.p-recruit-graph__img1 {
  width: 11.375rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__img1 {
    width: 8.0625rem;
  }
}

.p-recruit-graph__img2 {
  width: 100%;
  height: auto;
  aspect-ratio: 415/212;
}

@media (max-width: 768px) {
  .p-recruit-graph__item.--a {
    grid-area: a;
  }
  .p-recruit-graph__item.--b {
    grid-area: b;
  }
  .p-recruit-graph__item.--c {
    grid-area: c;
  }
  .p-recruit-graph__item.--d1 {
    grid-area: d1;
  } /* ← 旧 d 上段 */
  .p-recruit-graph__item.--d2 {
    grid-area: d2;
  }
  .p-recruit-graph__item.--d2 img {
    aspect-ratio: 330/83;
    -o-object-fit: contain;
       object-fit: contain;
    margin-top: 0.75rem;
  }
  /* ← 旧 d 下段 */
  .p-recruit-graph__item.--e {
    grid-area: e;
  }
  .p-recruit-graph__item.--f {
    grid-area: f;
  }
  .p-recruit-graph__item.--g {
    grid-area: g;
  }
  .p-recruit-graph__item.--h {
    grid-area: h;
  }
  .p-recruit-graph__item.--i {
    grid-area: i;
  }
  .p-recruit-graph__item.--j {
    grid-area: j;
  }
  .p-recruit-graph__item.--k {
    grid-area: k;
  }
  .p-recruit-graph__item.--l {
    grid-area: l;
  }
  .p-recruit-graph__item.--m {
    grid-area: m;
  }
  .p-recruit-graph__item.--o {
    grid-area: o;
  }
}
.p-recruit-graph__item.--c {
  position: relative;
}
.p-recruit-graph__item.--c:before {
  content: "";
  display: block;
  width: 5.625rem;
  height: 0.3125rem;
  background: url(../images/recruit/icon_c.svg) no-repeat center/contain;
  position: absolute;
  bottom: 2.8125rem;
  left: 2.9375rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__item.--c:before {
    width: 3.375rem;
    height: 0.1875rem;
    bottom: 0.5625rem;
    left: 0.4375rem;
  }
}

.p-recruit-graph__item.--e {
  position: relative;
  overflow: hidden;
}
.p-recruit-graph__item.--e:before {
  content: "";
  display: block;
  width: 7.0625rem;
  height: 1.25rem;
  background: url(../images/recruit/icon_e.svg) no-repeat center/contain;
  position: absolute;
  top: calc(50% + 1.875rem);
  right: -1.25rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__item.--e:before {
    width: 4.1875rem;
    height: 0.75rem;
    top: calc(50% + 1.25rem);
  }
}

.p-recruit-graph__item.--h {
  position: relative;
  overflow: hidden;
}
.p-recruit-graph__item.--h:before {
  content: "";
  display: block;
  width: 8.375rem;
  height: 6.3125rem;
  background: url(../images/recruit/icon_h.svg) no-repeat center/contain;
  position: absolute;
  top: 50%;
  right: 0.875rem;
  translate: 0 -50%;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__item.--h:before {
    width: 5rem;
    height: 3.75rem;
    right: 0;
  }
}

.p-recruit-graph__item.--i {
  position: relative;
  overflow: hidden;
}
.p-recruit-graph__item.--i:before {
  content: "";
  display: block;
  width: 4.375rem;
  height: 5.3125rem;
  background: url(../images/recruit/icon_i.svg) no-repeat center/contain;
  position: absolute;
  top: 1.875rem;
  left: 1.625rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__item.--i:before {
    width: 2.625rem;
    height: 3.1875rem;
    top: 1.125rem;
    right: 0.9375rem;
  }
}

.p-recruit-graph__item.--j {
  position: relative;
  overflow: hidden;
}
.p-recruit-graph__item.--j:before {
  content: "";
  display: block;
  width: 4.5625rem;
  height: 4.5625rem;
  background: url(../images/recruit/icon_j.svg) no-repeat center/contain;
  position: absolute;
  top: 2.5rem;
  left: 1.5rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__item.--j:before {
    width: 2.6875rem;
    height: 2.6875rem;
    top: 1.5rem;
    right: 0.875rem;
  }
}

.p-recruit-graph__item.--k {
  position: relative;
  overflow: hidden;
}
.p-recruit-graph__item.--k:before {
  content: "";
  display: block;
  width: 10.5rem;
  height: 5.8125rem;
  background: url(../images/recruit/icon_k.svg) no-repeat center/contain;
  position: absolute;
  bottom: 0;
  right: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__item.--k:before {
    width: 6.25rem;
    height: 3.4375rem;
    right: 0.25rem;
  }
}

.p-recruit-graph__item.--l {
  position: relative;
  overflow: hidden;
}
.p-recruit-graph__item.--l:before {
  content: "";
  display: block;
  width: 4.75rem;
  height: 4.75rem;
  background: url(../images/recruit/icon_l.svg) no-repeat center/contain;
  position: absolute;
  top: 3.625rem;
  left: 0.75rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__item.--l:before {
    width: 2.8125rem;
    height: 2.8125rem;
    top: 2.125rem;
    left: 0.4375rem;
  }
}

.p-recruit-graph__item.--o {
  position: relative;
  overflow: hidden;
}
.p-recruit-graph__item.--o:before {
  content: "";
  display: block;
  width: 6.1875rem;
  height: 5.8125rem;
  background: url(../images/recruit/icon_o1.svg) no-repeat center/contain;
  position: absolute;
  top: 1.875rem;
  left: 2.1875rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__item.--o:before {
    width: 3.6875rem;
    height: 3.5rem;
    top: 0.625rem;
    left: 0.75rem;
  }
}
.p-recruit-graph__item.--o:after {
  content: "";
  display: block;
  width: 7rem;
  height: 6.8125rem;
  background: url(../images/recruit/icon_o2.svg) no-repeat center/contain;
  position: absolute;
  bottom: 2.25rem;
  right: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-graph__item.--o:after {
    width: 4.1875rem;
    height: 4.0625rem;
    bottom: 0.9375rem;
    right: 0.9375rem;
  }
}

.p-recruit-job {
  padding-top: 6.25rem;
  padding-bottom: 12.5rem;
  background: repeating-linear-gradient(0deg, transparent 0 15px, #D9EDD4 15px 16px), repeating-linear-gradient(90deg, transparent 0 15px, #D9EDD4 15px 16px), #FFFFFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-recruit-job {
    padding-top: 1.875rem;
    padding-bottom: 4.375rem;
  }
}
.p-recruit-job:before {
  content: "";
  display: block;
  width: 100%;
  height: 5.625vw;
  -webkit-mask: url(../images/mask/vector_job_top1.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_job_top1.svg) no-repeat center/100% auto;
  background: repeating-linear-gradient(0deg, transparent 0 15px, #D9EDD4 15px 16px), repeating-linear-gradient(90deg, transparent 0 15px, #D9EDD4 15px 16px), #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -100%;
  z-index: 1;
}
.p-recruit-job:after {
  content: "";
  display: block;
  width: 68.0555555556vw;
  height: 3.8194444444vw;
  background: url(../images/mask/vector_job_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  right: calc(50% - 40.97222vw);
  translate: 0 -100%;
}

.p-recruit-job__lead {
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
  margin-top: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-job__lead {
    font-size: 0.75rem;
    margin-top: 0.9375rem;
  }
}

.p-recruit-job__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6.75rem;
}

.p-recruit-job__item {
  padding-left: 0.625rem;
  counter-increment: num;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  gap: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-job__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 0;
  }
}
.p-recruit-job__item:before {
  content: "";
  display: block;
  width: 0.0625rem;
  height: 100%;
  background-color: #3889A2;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-recruit-job__item:before {
    height: calc(100% - 4.375rem);
    top: auto;
    top: initial;
    bottom: 0;
  }
}
.p-recruit-job__item .num {
  display: block;
}
.p-recruit-job__item .num:before {
  content: counter(num, decimal-leading-zero);
  display: block;
  font-size: 4rem;
  font-family: "DM Serif Display", serif;
  letter-spacing: 0.1em;
  color: rgba(108, 108, 108, .5);
}

@media screen and (max-width: 768px) {
  .p-recruit-job__itemWrap {
    margin-top: -4.375rem;
  }
}

.p-recruit-job__title {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
}

.p-recruit-job__subTitle {
  display: block;
  font-size: 1rem;
  letter-spacing: 0.1em;
  color: #6CB6CD;
  font-family: "DM Serif Display", serif;
}

.p-recruit-job__boxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100% - 9.375rem);
}

.p-recruit-job__box + .p-recruit-job__box {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .p-recruit-job__box + .p-recruit-job__box {
    margin-top: 2.1875rem;
  }
}

.p-recruit-job__body {
  padding: 0.9375rem 1.25rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0.25rem 0.25rem rgba(95, 95, 95, .25);
          box-shadow: 0 0.25rem 0.25rem rgba(95, 95, 95, .25);
  margin-top: 0.375rem;
}

.p-recruit-job__listSm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
}

.p-recruit-job__itemSm {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.625rem;
  font-size: 1rem;
  letter-spacing: 0.1em;
}
.p-recruit-job__itemSm:before {
  content: "";
  display: block;
  width: 0.625rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 0.1875rem;
  background-color: #6CB6CD;
}

.p-recruit-job__caption {
  font-size: 1rem;
  letter-spacing: 0.1em;
  margin-top: 0.625rem;
}

.p-recruit-job__imgWrap {
  max-width: 21.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-job__imgWrap {
    max-width: 58.9743589744%;
    gap: 0.625rem;
    margin-left: auto;
  }
}
.p-recruit-job__imgWrap img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  .p-recruit-job__imgWrap img {
    aspect-ratio: 230/140;
  }
}
.p-recruit-job__imgWrap.--sm img {
  aspect-ratio: 350/250;
}
@media screen and (max-width: 768px) {
  .p-recruit-job__imgWrap.--sm img {
    aspect-ratio: 230/140;
  }
}

.p-recruit-message {
  padding-top: 3.125rem;
  padding-bottom: 8.4375rem;
  position: relative;
  background: url(../images/mask/img_bg1.jpg) center/cover no-repeat;
}
@media screen and (max-width: 768px) {
  .p-recruit-message {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
}
.p-recruit-message:before {
  content: "";
  display: block;
  width: 100%;
  height: 5.4166666667vw;
  -webkit-mask: url(../images/mask/vector_message_top3.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_message_top3.svg) no-repeat center/100% auto;
  background: transparent;
  background: url(../images/mask/img_bg1.jpg) center/cover no-repeat;
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 1;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-recruit-message:before {
    height: 5.3488372093vw;
  }
}
.p-recruit-message:after {
  content: "";
  display: block;
  width: 100%;
  height: 4.0277777778vw;
  background: url(../images/mask/vector_message_top4.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-recruit-message:after {
    height: 3.9534883721vw;
  }
}

.p-recruit-message__wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-message__wrap {
    grid-template-columns: 1fr;
    gap: 3.125rem;
  }
}

.p-recruit-message__imgWrap {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-recruit-message__imgWrap {
    max-width: 90%;
    margin-inline: auto;
  }
}
.p-recruit-message__imgWrap:after {
  content: "";
  display: block;
  width: 26.1875rem;
  height: auto;
  aspect-ratio: 419/332;
  background: url(../images/mask/vector_message_img.svg) no-repeat center/100% auto;
  position: absolute;
  bottom: -3.125rem;
  right: -3.125rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-message__imgWrap:after {
    width: 89.7142857143%;
    aspect-ratio: 314/249;
    right: 0;
    bottom: -2.3125rem;
  }
}

.p-recruit-message__img {
  -webkit-mask: url(../images/mask/vector_message_img.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_message_img.svg) no-repeat center/100% auto;
  width: 26.1875rem;
  aspect-ratio: 419/332;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-recruit-message__img {
    width: 89.7142857143%;
    aspect-ratio: 314/249;
  }
}

@media screen and (max-width: 768px) {
  .p-recruit-message__body {
    display: contents;
  }
}

.p-recruit-message__name {
  display: block;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-family: "Shippori Mincho", serif;
  position: relative;
  z-index: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-top: -1.25rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-message__name {
    font-size: 0.75rem;
    padding-right: 3.75rem;
    margin-top: -0.9375rem;
  }
}
.p-recruit-message__name .name-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 0.625rem;
}
.p-recruit-message__name .position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p-recruit-message__name .lg {
  font-size: 1.5rem;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .p-recruit-message__name .lg {
    font-size: 1.125rem;
  }
}

.p-recruit-message__subtitle {
  font-size: 2.25rem;
  letter-spacing: 0.1em;
  font-family: "Noto Serif Display", serif;
  color: #6CB6CD;
}
@media screen and (max-width: 768px) {
  .p-recruit-message__subtitle {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.p-recruit-message__title {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 900;
  font-family: "Shippori Mincho", serif;
  margin-top: 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-message__title {
    font-size: 1.25rem;
    white-space: nowrap;
  }
}

.p-recruit-message__text {
  margin-top: 0.625rem;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.1em;
}

.p-recruit-staff {
  padding-top: 9.375rem;
  padding-bottom: 10.625rem;
  background: repeating-linear-gradient(0deg, transparent 0 29px, #CEE4CB 29px 30px), repeating-linear-gradient(90deg, transparent 0 29px, #CEE4CB 29px 30px), #F4F4F4;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-recruit-staff {
    padding-top: 3.125rem;
    padding-bottom: 10rem;
  }
}
.p-recruit-staff:before {
  content: "";
  display: block;
  width: 100%;
  height: 3.4722222222vw;
  -webkit-mask: url(../images/mask/vector_staff_top1.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_staff_top1.svg) no-repeat center/100% auto;
  background: repeating-linear-gradient(0deg, transparent 0 29px, #CEE4CB 29px 30px), repeating-linear-gradient(90deg, transparent 0 29px, #CEE4CB 29px 30px), #F4F4F4;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-recruit-staff:before {
    height: 3.488372093vw;
  }
}
.p-recruit-staff:after {
  content: "";
  display: block;
  width: 100%;
  height: 3.2638888889vw;
  background: url(../images/mask/vector_staff_top2.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -100%;
}
@media screen and (max-width: 768px) {
  .p-recruit-staff:after {
    height: 3.2558139535vw;
  }
}

.p-recruit-staff__slideWrap {
  margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  .p-recruit-staff__slideWrap {
    margin-top: -9.375rem;
    margin-right: 0;
  }
}
.p-recruit-staff__slideWrap .splide__arrows {
  position: absolute;
  bottom: 0;
  left: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 43.75rem;
  margin-inline: auto;
  width: 100%;
  -webkit-transform: translate(-50%, 25%);
          transform: translate(-50%, 25%);
}
@media screen and (max-width: 768px) {
  .p-recruit-staff__slideWrap .splide__arrows {
    width: calc(100% - 2.5rem);
    left: 50%;
  }
}
.p-recruit-staff__slideWrap .splide__arrow {
  position: static;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background-color: transparent;
  width: 4.375rem;
  height: 3.75rem;
  opacity: 1;
}
.p-recruit-staff__slideWrap .splide__arrow--prev {
  background: url(../images/common/arrow_left.svg) no-repeat center/100% 100%;
}
.p-recruit-staff__slideWrap .splide__arrow--next {
  background: url(../images/common/arrow_right.svg) no-repeat center/100% 100%;
}
.p-recruit-staff__slideWrap .splide__arrow svg {
  display: none;
}
.p-recruit-staff__slideWrap .splide__pagination {
  position: static;
  margin-inline: auto;
  -webkit-transform: translateX(-15%);
          transform: translateX(-15%);
}
@media screen and (max-width: 768px) {
  .p-recruit-staff__slideWrap .splide__pagination {
    margin-top: 3.4375rem;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.p-recruit-staff__slideWrap .splide__pagination__page {
  width: 1rem;
  height: auto;
  aspect-ratio: 1;
  background-color: #fff;
  border: 2px solid #6CB6CD;
  opacity: 1;
}
.p-recruit-staff__slideWrap .splide__pagination__page.is-active {
  background-color: #6CB6CD;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.p-recruit-staff__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 4.6875rem;
  padding-block: 9.375rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-staff__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.75rem;
    padding-block: 5rem;
  }
}

.p-recruit-staff__imgWrap {
  max-width: 26.4375rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-recruit-staff__imgWrap {
    max-width: 64.1025641026%;
    margin-left: auto;
  }
}
.p-recruit-staff__imgWrap img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 423/445;
  -webkit-mask: url(../images/mask/vector_staff_img.svg) no-repeat center/100% auto;
          mask: url(../images/mask/vector_staff_img.svg) no-repeat center/100% auto;
}

.p-recruit-staff__body {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-recruit-staff__body {
    padding-left: 1.5625rem;
  }
}
.p-recruit-staff__body:before {
  content: "";
  display: block;
  width: 41.125rem;
  height: 34.8125rem;
  background: url(../images/mask/bg_staff.svg) no-repeat center/100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -60% -45%;
}
@media screen and (max-width: 768px) {
  .p-recruit-staff__body:before {
    width: 23.8125rem;
    height: 31.25rem;
    left: calc(50% + 1.125rem);
    translate: -50% -50%;
  }
}

.p-recruit-staff__bodyInner {
  position: relative;
  z-index: 1;
}

.p-recruit-staff__position {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
}

.p-recruit__year {
  display: block;
  font-size: 1rem;
  letter-spacing: 0.1em;
  margin-top: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__year {
    margin-top: 0.625rem;
  }
}

.p-recruit__lead {
  margin-top: 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__lead {
    margin-top: 1.25rem;
  }
}
.p-recruit__lead p {
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.p-recruit__lead p:after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background-color: rgba(108, 182, 205, .5);
  position: absolute;
  bottom: 0;
  left: 0;
}
.p-recruit__lead p .u-desktop {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-recruit__lead p .u-desktop {
    display: none;
  }
}

.p-recruit-staff__text {
  font-size: 1rem;
  letter-spacing: 0.1em;
  margin-top: 1.25rem;
  max-width: 21.875rem;
}
@media screen and (max-width: 768px) {
  .p-recruit-staff__text {
    max-width: 20.625rem;
  }
}

.p-sidebar__wrap + .p-sidebar__wrap {
  margin-top: 3.625rem;
}

.p-sidebar__title {
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
  padding: 0.625rem 1.875rem;
  border-radius: 1.25rem 1.25rem 0 0;
  background-color: #fff;
}

.p-sidebar__tagList,
.p-sidebar__archiveList {
  padding: 1.25rem;
  background-color: #fff;
  border-radius: 0 1.25rem 1.25rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25rem;
}

.p-sidebar__tagItem a {
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
  color: #fff;
  background-color: #6CB6CD;
  padding: 0.1875rem 0.625rem;
  border-radius: 3.125rem;
}

.p-sidebar__archiveItem span {
  display: block;
  display: inline-grid;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
}
.p-sidebar__archiveItem span:after {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.375rem;
  background: url(../images/common/arrow1.svg) no-repeat center/contain;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.p-sidebar__archiveItem .p-sidebar__year {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.p-sidebar__archiveItem .p-sidebar__year.is-active::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.p-sidebar__archiveItem a {
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
}

.p-sidebar__archiveListSm {
  display: none;
}

.p-subFv {
  position: relative;
}
.p-subFv img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  aspect-ratio: 1440/450;
}
@media screen and (max-width: 768px) {
  .p-subFv img {
    aspect-ratio: 430/200;
  }
}

.p-subFv__title {
  font-size: 2.25rem;
  letter-spacing: 0;
  font-weight: 900;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  position: absolute;
  top: 50%;
  left: 6.9444444444%;
  translate: 0 -50%;
}
@media screen and (max-width: 768px) {
  .p-subFv__title {
    left: 2.3255813953%;
    translate: 0 calc(-50% + 1.25rem);
  }
}

.p-subFv__titleSub {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 900;
  font-family: "Shippori Mincho", serif;
  color: #fff;
}

.p-works__tabWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
}
@media screen and (max-width: 768px) {
  .p-works__tabWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.p-works__tab {
  display: inline-block;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Shippori Mincho", serif;
  padding: 0.625rem 1.875rem;
  border-radius: 1.25rem 1.25rem 0 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .p-works__tab {
    border-radius: 1.875rem 1.875rem 0 0;
    font-size: 1.25rem;
    padding: 0.625rem 1.875rem;
  }
}

.p-works__new .p-works__tab {
  background: url(../images/mask/img_bg12.jpg) no-repeat right center/100% auto;
}
.p-works__new .p-works__panel {
  background: url(../images/mask/img_bg12.jpg) no-repeat center/100% 100%;
}

.p-worls__cat {
  margin-top: 6.25rem;
}
.p-worls__cat .p-works__tab {
  background: #fff;
  color: #333;
}
@media screen and (max-width: 768px) {
  .p-worls__cat .p-works__tab {
    font-size: 1.5rem;
    border-radius: 1.25rem;
    padding: 0.625rem 1.875rem;
  }
}
.p-worls__cat .p-works__tab.is-active {
  background: #6CB6CD;
  color: #fff;
}
.p-worls__cat .p-works__panel {
  background: url(../images/mask/img_bg13.jpg) no-repeat center/100% 100%;
  display: none;
}
@media screen and (max-width: 768px) {
  .p-worls__cat .p-works__panel {
    border-radius: 1.875rem;
    margin-top: 1.25rem;
  }
}
.p-worls__cat .p-works__panel.is-active {
  display: block;
}
.p-worls__cat .p-works__list {
  max-height: 50rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 1.25rem;
  scrollbar-width: thin; /* Firefox 対応 */
  scrollbar-color: #6CB6CD rgba(108, 182, 205, .15); /* Firefox 対応 */
}
.p-worls__cat .p-works__list::-webkit-scrollbar {
  width: 0.5rem;
}
.p-worls__cat .p-works__list::-webkit-scrollbar-track {
  background-color: rgba(108, 182, 205, .15);
  border-radius: 0.25rem;
}
.p-worls__cat .p-works__list::-webkit-scrollbar-thumb {
  background-color: #6CB6CD;
  border-radius: 0.25rem;
}
@media screen and (max-width: 768px) {
  .p-worls__cat .p-works__list {
    max-height: 44.375rem;
    padding-right: 0.625rem;
  }
  .p-worls__cat .p-works__list::-webkit-scrollbar {
    width: 0.375rem;
  }
}

.p-works__panel {
  padding: 3.125rem 5rem 3.125rem 3.125rem;
  border-radius: 0 4.375rem 4.375rem 4.375rem;
}
@media screen and (max-width: 768px) {
  .p-works__panel {
    padding: 1.25rem;
    border-radius: 0 1.875rem 1.875rem 1.875rem;
  }
}

.p-works__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.75rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 768px) {
  .p-works__list {
    grid-template-columns: 1fr;
  }
}

.p-recruit-ctaBtn {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 16.6875rem;
  padding-block: 1.875rem;
}

.p-recruit-ctaBtn__link {
  display: block;
  width: 100%;
}

.p-recruit-ctaBtn__img {
  width: 100%;
  height: auto;
}

.u-align--center {
  text-align: center;
}

.u-color--white {
  color: #fff;
}
.u-color--blue {
  color: #3889A2;
}

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

.u-fsz--16 {
  font-size: 1rem;
}

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

.u-m--0 {
  margin: 0 !important;
}

.u-mt--0 {
  margin-top: 0 !important;
}

.u-mr--0,
.u-mx--0 {
  margin-right: 0 !important;
}

.u-mb--0 {
  margin-bottom: 0 !important;
}

.u-ml--0,
.u-mx--0 {
  margin-left: 0 !important;
}

.u-m--4 {
  margin: 0.25rem !important;
}

.u-mt--4 {
  margin-top: 0.25rem !important;
}

.u-mr--4,
.u-mx--4 {
  margin-right: 0.25rem !important;
}

.u-mb--4 {
  margin-bottom: 0.25rem !important;
}

.u-ml--4,
.u-mx--4 {
  margin-left: 0.25rem !important;
}

.u-m--6 {
  margin: 0.375rem !important;
}

.u-mt--6 {
  margin-top: 0.375rem !important;
}

.u-mr--6,
.u-mx--6 {
  margin-right: 0.375rem !important;
}

.u-mb--6 {
  margin-bottom: 0.375rem !important;
}

.u-ml--6,
.u-mx--6 {
  margin-left: 0.375rem !important;
}

.u-m--8 {
  margin: 0.5rem !important;
}

.u-mt--8 {
  margin-top: 0.5rem !important;
}

.u-mr--8,
.u-mx--8 {
  margin-right: 0.5rem !important;
}

.u-mb--8 {
  margin-bottom: 0.5rem !important;
}

.u-ml--8,
.u-mx--8 {
  margin-left: 0.5rem !important;
}

.u-m--10 {
  margin: 0.625rem !important;
}

.u-mt--10 {
  margin-top: 0.625rem !important;
}

.u-mr--10,
.u-mx--10 {
  margin-right: 0.625rem !important;
}

.u-mb--10 {
  margin-bottom: 0.625rem !important;
}

.u-ml--10,
.u-mx--10 {
  margin-left: 0.625rem !important;
}

.u-m--12 {
  margin: 0.75rem !important;
}

.u-mt--12 {
  margin-top: 0.75rem !important;
}

.u-mr--12,
.u-mx--12 {
  margin-right: 0.75rem !important;
}

.u-mb--12 {
  margin-bottom: 0.75rem !important;
}

.u-ml--12,
.u-mx--12 {
  margin-left: 0.75rem !important;
}

.u-m--15 {
  margin: 0.9375rem !important;
}

.u-mt--15 {
  margin-top: 0.9375rem !important;
}

.u-mr--15,
.u-mx--15 {
  margin-right: 0.9375rem !important;
}

.u-mb--15 {
  margin-bottom: 0.9375rem !important;
}

.u-ml--15,
.u-mx--15 {
  margin-left: 0.9375rem !important;
}

.u-m--16 {
  margin: 1rem !important;
}

.u-mt--16 {
  margin-top: 1rem !important;
}

.u-mr--16,
.u-mx--16 {
  margin-right: 1rem !important;
}

.u-mb--16 {
  margin-bottom: 1rem !important;
}

.u-ml--16,
.u-mx--16 {
  margin-left: 1rem !important;
}

.u-m--20 {
  margin: 1.25rem !important;
}

.u-mt--20 {
  margin-top: 1.25rem !important;
}

.u-mr--20,
.u-mx--20 {
  margin-right: 1.25rem !important;
}

.u-mb--20 {
  margin-bottom: 1.25rem !important;
}

.u-ml--20,
.u-mx--20 {
  margin-left: 1.25rem !important;
}

.u-m--24 {
  margin: 1.5rem !important;
}

.u-mt--24 {
  margin-top: 1.5rem !important;
}

.u-mr--24,
.u-mx--24 {
  margin-right: 1.5rem !important;
}

.u-mb--24 {
  margin-bottom: 1.5rem !important;
}

.u-ml--24,
.u-mx--24 {
  margin-left: 1.5rem !important;
}

.u-m--28 {
  margin: 1.75rem !important;
}

.u-mt--28 {
  margin-top: 1.75rem !important;
}

.u-mr--28,
.u-mx--28 {
  margin-right: 1.75rem !important;
}

.u-mb--28 {
  margin-bottom: 1.75rem !important;
}

.u-ml--28,
.u-mx--28 {
  margin-left: 1.75rem !important;
}

.u-m--30 {
  margin: 1.875rem !important;
}

.u-mt--30 {
  margin-top: 1.875rem !important;
}

.u-mr--30,
.u-mx--30 {
  margin-right: 1.875rem !important;
}

.u-mb--30 {
  margin-bottom: 1.875rem !important;
}

.u-ml--30,
.u-mx--30 {
  margin-left: 1.875rem !important;
}

.u-m--32 {
  margin: 2rem !important;
}

.u-mt--32 {
  margin-top: 2rem !important;
}

.u-mr--32,
.u-mx--32 {
  margin-right: 2rem !important;
}

.u-mb--32 {
  margin-bottom: 2rem !important;
}

.u-ml--32,
.u-mx--32 {
  margin-left: 2rem !important;
}

.u-m--40 {
  margin: 2.5rem !important;
}

.u-mt--40 {
  margin-top: 2.5rem !important;
}

.u-mr--40,
.u-mx--40 {
  margin-right: 2.5rem !important;
}

.u-mb--40 {
  margin-bottom: 2.5rem !important;
}

.u-ml--40,
.u-mx--40 {
  margin-left: 2.5rem !important;
}

.u-m--50 {
  margin: 3.125rem !important;
}

.u-mt--50 {
  margin-top: 3.125rem !important;
}

.u-mr--50,
.u-mx--50 {
  margin-right: 3.125rem !important;
}

.u-mb--50 {
  margin-bottom: 3.125rem !important;
}

.u-ml--50,
.u-mx--50 {
  margin-left: 3.125rem !important;
}

.u-m--64 {
  margin: 4rem !important;
}

.u-mt--64 {
  margin-top: 4rem !important;
}

.u-mr--64,
.u-mx--64 {
  margin-right: 4rem !important;
}

.u-mb--64 {
  margin-bottom: 4rem !important;
}

.u-ml--64,
.u-mx--64 {
  margin-left: 4rem !important;
}

.u-m--75 {
  margin: 4.6875rem !important;
}

.u-mt--75 {
  margin-top: 4.6875rem !important;
}

.u-mr--75,
.u-mx--75 {
  margin-right: 4.6875rem !important;
}

.u-mb--75 {
  margin-bottom: 4.6875rem !important;
}

.u-ml--75,
.u-mx--75 {
  margin-left: 4.6875rem !important;
}

.u-m--100 {
  margin: 6.25rem !important;
}

.u-mt--100 {
  margin-top: 6.25rem !important;
}

.u-mr--100,
.u-mx--100 {
  margin-right: 6.25rem !important;
}

.u-mb--100 {
  margin-bottom: 6.25rem !important;
}

.u-ml--100,
.u-mx--100 {
  margin-left: 6.25rem !important;
}

@media screen and (min-width: 767px) {
  .u-m--0-sp {
    margin: 0 !important;
  }
  .u-mt--0-sp {
    margin-top: 0 !important;
  }
  .u-mr--0-sp,
  .u-mx--0-sp {
    margin-right: 0 !important;
  }
  .u-mb--0-sp {
    margin-bottom: 0 !important;
  }
  .u-ml--0-sp,
  .u-mx--0-sp {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--4-sp {
    margin: 0.25rem !important;
  }
  .u-mt--4-sp {
    margin-top: 0.25rem !important;
  }
  .u-mr--4-sp,
  .u-mx--4-sp {
    margin-right: 0.25rem !important;
  }
  .u-mb--4-sp {
    margin-bottom: 0.25rem !important;
  }
  .u-ml--4-sp,
  .u-mx--4-sp {
    margin-left: 0.25rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--6-sp {
    margin: 0.375rem !important;
  }
  .u-mt--6-sp {
    margin-top: 0.375rem !important;
  }
  .u-mr--6-sp,
  .u-mx--6-sp {
    margin-right: 0.375rem !important;
  }
  .u-mb--6-sp {
    margin-bottom: 0.375rem !important;
  }
  .u-ml--6-sp,
  .u-mx--6-sp {
    margin-left: 0.375rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--8-sp {
    margin: 0.5rem !important;
  }
  .u-mt--8-sp {
    margin-top: 0.5rem !important;
  }
  .u-mr--8-sp,
  .u-mx--8-sp {
    margin-right: 0.5rem !important;
  }
  .u-mb--8-sp {
    margin-bottom: 0.5rem !important;
  }
  .u-ml--8-sp,
  .u-mx--8-sp {
    margin-left: 0.5rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--10-sp {
    margin: 0.625rem !important;
  }
  .u-mt--10-sp {
    margin-top: 0.625rem !important;
  }
  .u-mr--10-sp,
  .u-mx--10-sp {
    margin-right: 0.625rem !important;
  }
  .u-mb--10-sp {
    margin-bottom: 0.625rem !important;
  }
  .u-ml--10-sp,
  .u-mx--10-sp {
    margin-left: 0.625rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--12-sp {
    margin: 0.75rem !important;
  }
  .u-mt--12-sp {
    margin-top: 0.75rem !important;
  }
  .u-mr--12-sp,
  .u-mx--12-sp {
    margin-right: 0.75rem !important;
  }
  .u-mb--12-sp {
    margin-bottom: 0.75rem !important;
  }
  .u-ml--12-sp,
  .u-mx--12-sp {
    margin-left: 0.75rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--15-sp {
    margin: 0.9375rem !important;
  }
  .u-mt--15-sp {
    margin-top: 0.9375rem !important;
  }
  .u-mr--15-sp,
  .u-mx--15-sp {
    margin-right: 0.9375rem !important;
  }
  .u-mb--15-sp {
    margin-bottom: 0.9375rem !important;
  }
  .u-ml--15-sp,
  .u-mx--15-sp {
    margin-left: 0.9375rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--16-sp {
    margin: 1rem !important;
  }
  .u-mt--16-sp {
    margin-top: 1rem !important;
  }
  .u-mr--16-sp,
  .u-mx--16-sp {
    margin-right: 1rem !important;
  }
  .u-mb--16-sp {
    margin-bottom: 1rem !important;
  }
  .u-ml--16-sp,
  .u-mx--16-sp {
    margin-left: 1rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--20-sp {
    margin: 1.25rem !important;
  }
  .u-mt--20-sp {
    margin-top: 1.25rem !important;
  }
  .u-mr--20-sp,
  .u-mx--20-sp {
    margin-right: 1.25rem !important;
  }
  .u-mb--20-sp {
    margin-bottom: 1.25rem !important;
  }
  .u-ml--20-sp,
  .u-mx--20-sp {
    margin-left: 1.25rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--24-sp {
    margin: 1.5rem !important;
  }
  .u-mt--24-sp {
    margin-top: 1.5rem !important;
  }
  .u-mr--24-sp,
  .u-mx--24-sp {
    margin-right: 1.5rem !important;
  }
  .u-mb--24-sp {
    margin-bottom: 1.5rem !important;
  }
  .u-ml--24-sp,
  .u-mx--24-sp {
    margin-left: 1.5rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--28-sp {
    margin: 1.75rem !important;
  }
  .u-mt--28-sp {
    margin-top: 1.75rem !important;
  }
  .u-mr--28-sp,
  .u-mx--28-sp {
    margin-right: 1.75rem !important;
  }
  .u-mb--28-sp {
    margin-bottom: 1.75rem !important;
  }
  .u-ml--28-sp,
  .u-mx--28-sp {
    margin-left: 1.75rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--30-sp {
    margin: 1.875rem !important;
  }
  .u-mt--30-sp {
    margin-top: 1.875rem !important;
  }
  .u-mr--30-sp,
  .u-mx--30-sp {
    margin-right: 1.875rem !important;
  }
  .u-mb--30-sp {
    margin-bottom: 1.875rem !important;
  }
  .u-ml--30-sp,
  .u-mx--30-sp {
    margin-left: 1.875rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--32-sp {
    margin: 2rem !important;
  }
  .u-mt--32-sp {
    margin-top: 2rem !important;
  }
  .u-mr--32-sp,
  .u-mx--32-sp {
    margin-right: 2rem !important;
  }
  .u-mb--32-sp {
    margin-bottom: 2rem !important;
  }
  .u-ml--32-sp,
  .u-mx--32-sp {
    margin-left: 2rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--40-sp {
    margin: 2.5rem !important;
  }
  .u-mt--40-sp {
    margin-top: 2.5rem !important;
  }
  .u-mr--40-sp,
  .u-mx--40-sp {
    margin-right: 2.5rem !important;
  }
  .u-mb--40-sp {
    margin-bottom: 2.5rem !important;
  }
  .u-ml--40-sp,
  .u-mx--40-sp {
    margin-left: 2.5rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--50-sp {
    margin: 3.125rem !important;
  }
  .u-mt--50-sp {
    margin-top: 3.125rem !important;
  }
  .u-mr--50-sp,
  .u-mx--50-sp {
    margin-right: 3.125rem !important;
  }
  .u-mb--50-sp {
    margin-bottom: 3.125rem !important;
  }
  .u-ml--50-sp,
  .u-mx--50-sp {
    margin-left: 3.125rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--64-sp {
    margin: 4rem !important;
  }
  .u-mt--64-sp {
    margin-top: 4rem !important;
  }
  .u-mr--64-sp,
  .u-mx--64-sp {
    margin-right: 4rem !important;
  }
  .u-mb--64-sp {
    margin-bottom: 4rem !important;
  }
  .u-ml--64-sp,
  .u-mx--64-sp {
    margin-left: 4rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--75-sp {
    margin: 4.6875rem !important;
  }
  .u-mt--75-sp {
    margin-top: 4.6875rem !important;
  }
  .u-mr--75-sp,
  .u-mx--75-sp {
    margin-right: 4.6875rem !important;
  }
  .u-mb--75-sp {
    margin-bottom: 4.6875rem !important;
  }
  .u-ml--75-sp,
  .u-mx--75-sp {
    margin-left: 4.6875rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-m--100-sp {
    margin: 6.25rem !important;
  }
  .u-mt--100-sp {
    margin-top: 6.25rem !important;
  }
  .u-mr--100-sp,
  .u-mx--100-sp {
    margin-right: 6.25rem !important;
  }
  .u-mb--100-sp {
    margin-bottom: 6.25rem !important;
  }
  .u-ml--100-sp,
  .u-mx--100-sp {
    margin-left: 6.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--0-pc {
    margin: 0 !important;
  }
  .u-mt--0-pc {
    margin-top: 0 !important;
  }
  .u-mr--0-pc,
  .u-mx--0-pc {
    margin-right: 0 !important;
  }
  .u-mb--0-pc {
    margin-bottom: 0 !important;
  }
  .u-ml--0-pc,
  .u-mx--0-pc {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--4-pc {
    margin: 0.25rem !important;
  }
  .u-mt--4-pc {
    margin-top: 0.25rem !important;
  }
  .u-mr--4-pc,
  .u-mx--4-pc {
    margin-right: 0.25rem !important;
  }
  .u-mb--4-pc {
    margin-bottom: 0.25rem !important;
  }
  .u-ml--4-pc,
  .u-mx--4-pc {
    margin-left: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--6-pc {
    margin: 0.375rem !important;
  }
  .u-mt--6-pc {
    margin-top: 0.375rem !important;
  }
  .u-mr--6-pc,
  .u-mx--6-pc {
    margin-right: 0.375rem !important;
  }
  .u-mb--6-pc {
    margin-bottom: 0.375rem !important;
  }
  .u-ml--6-pc,
  .u-mx--6-pc {
    margin-left: 0.375rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--8-pc {
    margin: 0.5rem !important;
  }
  .u-mt--8-pc {
    margin-top: 0.5rem !important;
  }
  .u-mr--8-pc,
  .u-mx--8-pc {
    margin-right: 0.5rem !important;
  }
  .u-mb--8-pc {
    margin-bottom: 0.5rem !important;
  }
  .u-ml--8-pc,
  .u-mx--8-pc {
    margin-left: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--10-pc {
    margin: 0.625rem !important;
  }
  .u-mt--10-pc {
    margin-top: 0.625rem !important;
  }
  .u-mr--10-pc,
  .u-mx--10-pc {
    margin-right: 0.625rem !important;
  }
  .u-mb--10-pc {
    margin-bottom: 0.625rem !important;
  }
  .u-ml--10-pc,
  .u-mx--10-pc {
    margin-left: 0.625rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--12-pc {
    margin: 0.75rem !important;
  }
  .u-mt--12-pc {
    margin-top: 0.75rem !important;
  }
  .u-mr--12-pc,
  .u-mx--12-pc {
    margin-right: 0.75rem !important;
  }
  .u-mb--12-pc {
    margin-bottom: 0.75rem !important;
  }
  .u-ml--12-pc,
  .u-mx--12-pc {
    margin-left: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--15-pc {
    margin: 0.9375rem !important;
  }
  .u-mt--15-pc {
    margin-top: 0.9375rem !important;
  }
  .u-mr--15-pc,
  .u-mx--15-pc {
    margin-right: 0.9375rem !important;
  }
  .u-mb--15-pc {
    margin-bottom: 0.9375rem !important;
  }
  .u-ml--15-pc,
  .u-mx--15-pc {
    margin-left: 0.9375rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--16-pc {
    margin: 1rem !important;
  }
  .u-mt--16-pc {
    margin-top: 1rem !important;
  }
  .u-mr--16-pc,
  .u-mx--16-pc {
    margin-right: 1rem !important;
  }
  .u-mb--16-pc {
    margin-bottom: 1rem !important;
  }
  .u-ml--16-pc,
  .u-mx--16-pc {
    margin-left: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--20-pc {
    margin: 1.25rem !important;
  }
  .u-mt--20-pc {
    margin-top: 1.25rem !important;
  }
  .u-mr--20-pc,
  .u-mx--20-pc {
    margin-right: 1.25rem !important;
  }
  .u-mb--20-pc {
    margin-bottom: 1.25rem !important;
  }
  .u-ml--20-pc,
  .u-mx--20-pc {
    margin-left: 1.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--24-pc {
    margin: 1.5rem !important;
  }
  .u-mt--24-pc {
    margin-top: 1.5rem !important;
  }
  .u-mr--24-pc,
  .u-mx--24-pc {
    margin-right: 1.5rem !important;
  }
  .u-mb--24-pc {
    margin-bottom: 1.5rem !important;
  }
  .u-ml--24-pc,
  .u-mx--24-pc {
    margin-left: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--28-pc {
    margin: 1.75rem !important;
  }
  .u-mt--28-pc {
    margin-top: 1.75rem !important;
  }
  .u-mr--28-pc,
  .u-mx--28-pc {
    margin-right: 1.75rem !important;
  }
  .u-mb--28-pc {
    margin-bottom: 1.75rem !important;
  }
  .u-ml--28-pc,
  .u-mx--28-pc {
    margin-left: 1.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--30-pc {
    margin: 1.875rem !important;
  }
  .u-mt--30-pc {
    margin-top: 1.875rem !important;
  }
  .u-mr--30-pc,
  .u-mx--30-pc {
    margin-right: 1.875rem !important;
  }
  .u-mb--30-pc {
    margin-bottom: 1.875rem !important;
  }
  .u-ml--30-pc,
  .u-mx--30-pc {
    margin-left: 1.875rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--32-pc {
    margin: 2rem !important;
  }
  .u-mt--32-pc {
    margin-top: 2rem !important;
  }
  .u-mr--32-pc,
  .u-mx--32-pc {
    margin-right: 2rem !important;
  }
  .u-mb--32-pc {
    margin-bottom: 2rem !important;
  }
  .u-ml--32-pc,
  .u-mx--32-pc {
    margin-left: 2rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--40-pc {
    margin: 2.5rem !important;
  }
  .u-mt--40-pc {
    margin-top: 2.5rem !important;
  }
  .u-mr--40-pc,
  .u-mx--40-pc {
    margin-right: 2.5rem !important;
  }
  .u-mb--40-pc {
    margin-bottom: 2.5rem !important;
  }
  .u-ml--40-pc,
  .u-mx--40-pc {
    margin-left: 2.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--50-pc {
    margin: 3.125rem !important;
  }
  .u-mt--50-pc {
    margin-top: 3.125rem !important;
  }
  .u-mr--50-pc,
  .u-mx--50-pc {
    margin-right: 3.125rem !important;
  }
  .u-mb--50-pc {
    margin-bottom: 3.125rem !important;
  }
  .u-ml--50-pc,
  .u-mx--50-pc {
    margin-left: 3.125rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--64-pc {
    margin: 4rem !important;
  }
  .u-mt--64-pc {
    margin-top: 4rem !important;
  }
  .u-mr--64-pc,
  .u-mx--64-pc {
    margin-right: 4rem !important;
  }
  .u-mb--64-pc {
    margin-bottom: 4rem !important;
  }
  .u-ml--64-pc,
  .u-mx--64-pc {
    margin-left: 4rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--75-pc {
    margin: 4.6875rem !important;
  }
  .u-mt--75-pc {
    margin-top: 4.6875rem !important;
  }
  .u-mr--75-pc,
  .u-mx--75-pc {
    margin-right: 4.6875rem !important;
  }
  .u-mb--75-pc {
    margin-bottom: 4.6875rem !important;
  }
  .u-ml--75-pc,
  .u-mx--75-pc {
    margin-left: 4.6875rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-m--100-pc {
    margin: 6.25rem !important;
  }
  .u-mt--100-pc {
    margin-top: 6.25rem !important;
  }
  .u-mr--100-pc,
  .u-mx--100-pc {
    margin-right: 6.25rem !important;
  }
  .u-mb--100-pc {
    margin-bottom: 6.25rem !important;
  }
  .u-ml--100-pc,
  .u-mx--100-pc {
    margin-left: 6.25rem !important;
  }
}
.u-p--0 {
  padding: 0 !important;
}

.u-pt--0 {
  padding-top: 0 !important;
}

.u-pr--0,
.u-px--0 {
  padding-right: 0 !important;
}

.u-pb--0 {
  padding-bottom: 0 !important;
}

.u-pl--0,
.u-px--0 {
  padding-left: 0 !important;
}

.u-p--4 {
  padding: 0.25rem !important;
}

.u-pt--4 {
  padding-top: 0.25rem !important;
}

.u-pr--4,
.u-px--4 {
  padding-right: 0.25rem !important;
}

.u-pb--4 {
  padding-bottom: 0.25rem !important;
}

.u-pl--4,
.u-px--4 {
  padding-left: 0.25rem !important;
}

.u-p--6 {
  padding: 0.375rem !important;
}

.u-pt--6 {
  padding-top: 0.375rem !important;
}

.u-pr--6,
.u-px--6 {
  padding-right: 0.375rem !important;
}

.u-pb--6 {
  padding-bottom: 0.375rem !important;
}

.u-pl--6,
.u-px--6 {
  padding-left: 0.375rem !important;
}

.u-p--8 {
  padding: 0.5rem !important;
}

.u-pt--8 {
  padding-top: 0.5rem !important;
}

.u-pr--8,
.u-px--8 {
  padding-right: 0.5rem !important;
}

.u-pb--8 {
  padding-bottom: 0.5rem !important;
}

.u-pl--8,
.u-px--8 {
  padding-left: 0.5rem !important;
}

.u-p--10 {
  padding: 0.625rem !important;
}

.u-pt--10 {
  padding-top: 0.625rem !important;
}

.u-pr--10,
.u-px--10 {
  padding-right: 0.625rem !important;
}

.u-pb--10 {
  padding-bottom: 0.625rem !important;
}

.u-pl--10,
.u-px--10 {
  padding-left: 0.625rem !important;
}

.u-p--12 {
  padding: 0.75rem !important;
}

.u-pt--12 {
  padding-top: 0.75rem !important;
}

.u-pr--12,
.u-px--12 {
  padding-right: 0.75rem !important;
}

.u-pb--12 {
  padding-bottom: 0.75rem !important;
}

.u-pl--12,
.u-px--12 {
  padding-left: 0.75rem !important;
}

.u-p--15 {
  padding: 0.9375rem !important;
}

.u-pt--15 {
  padding-top: 0.9375rem !important;
}

.u-pr--15,
.u-px--15 {
  padding-right: 0.9375rem !important;
}

.u-pb--15 {
  padding-bottom: 0.9375rem !important;
}

.u-pl--15,
.u-px--15 {
  padding-left: 0.9375rem !important;
}

.u-p--16 {
  padding: 1rem !important;
}

.u-pt--16 {
  padding-top: 1rem !important;
}

.u-pr--16,
.u-px--16 {
  padding-right: 1rem !important;
}

.u-pb--16 {
  padding-bottom: 1rem !important;
}

.u-pl--16,
.u-px--16 {
  padding-left: 1rem !important;
}

.u-p--20 {
  padding: 1.25rem !important;
}

.u-pt--20 {
  padding-top: 1.25rem !important;
}

.u-pr--20,
.u-px--20 {
  padding-right: 1.25rem !important;
}

.u-pb--20 {
  padding-bottom: 1.25rem !important;
}

.u-pl--20,
.u-px--20 {
  padding-left: 1.25rem !important;
}

.u-p--24 {
  padding: 1.5rem !important;
}

.u-pt--24 {
  padding-top: 1.5rem !important;
}

.u-pr--24,
.u-px--24 {
  padding-right: 1.5rem !important;
}

.u-pb--24 {
  padding-bottom: 1.5rem !important;
}

.u-pl--24,
.u-px--24 {
  padding-left: 1.5rem !important;
}

.u-p--28 {
  padding: 1.75rem !important;
}

.u-pt--28 {
  padding-top: 1.75rem !important;
}

.u-pr--28,
.u-px--28 {
  padding-right: 1.75rem !important;
}

.u-pb--28 {
  padding-bottom: 1.75rem !important;
}

.u-pl--28,
.u-px--28 {
  padding-left: 1.75rem !important;
}

.u-p--30 {
  padding: 1.875rem !important;
}

.u-pt--30 {
  padding-top: 1.875rem !important;
}

.u-pr--30,
.u-px--30 {
  padding-right: 1.875rem !important;
}

.u-pb--30 {
  padding-bottom: 1.875rem !important;
}

.u-pl--30,
.u-px--30 {
  padding-left: 1.875rem !important;
}

.u-p--32 {
  padding: 2rem !important;
}

.u-pt--32 {
  padding-top: 2rem !important;
}

.u-pr--32,
.u-px--32 {
  padding-right: 2rem !important;
}

.u-pb--32 {
  padding-bottom: 2rem !important;
}

.u-pl--32,
.u-px--32 {
  padding-left: 2rem !important;
}

.u-p--40 {
  padding: 2.5rem !important;
}

.u-pt--40 {
  padding-top: 2.5rem !important;
}

.u-pr--40,
.u-px--40 {
  padding-right: 2.5rem !important;
}

.u-pb--40 {
  padding-bottom: 2.5rem !important;
}

.u-pl--40,
.u-px--40 {
  padding-left: 2.5rem !important;
}

.u-p--50 {
  padding: 3.125rem !important;
}

.u-pt--50 {
  padding-top: 3.125rem !important;
}

.u-pr--50,
.u-px--50 {
  padding-right: 3.125rem !important;
}

.u-pb--50 {
  padding-bottom: 3.125rem !important;
}

.u-pl--50,
.u-px--50 {
  padding-left: 3.125rem !important;
}

.u-p--64 {
  padding: 4rem !important;
}

.u-pt--64 {
  padding-top: 4rem !important;
}

.u-pr--64,
.u-px--64 {
  padding-right: 4rem !important;
}

.u-pb--64 {
  padding-bottom: 4rem !important;
}

.u-pl--64,
.u-px--64 {
  padding-left: 4rem !important;
}

.u-p--75 {
  padding: 4.6875rem !important;
}

.u-pt--75 {
  padding-top: 4.6875rem !important;
}

.u-pr--75,
.u-px--75 {
  padding-right: 4.6875rem !important;
}

.u-pb--75 {
  padding-bottom: 4.6875rem !important;
}

.u-pl--75,
.u-px--75 {
  padding-left: 4.6875rem !important;
}

.u-p--100 {
  padding: 6.25rem !important;
}

.u-pt--100 {
  padding-top: 6.25rem !important;
}

.u-pr--100,
.u-px--100 {
  padding-right: 6.25rem !important;
}

.u-pb--100 {
  padding-bottom: 6.25rem !important;
}

.u-pl--100,
.u-px--100 {
  padding-left: 6.25rem !important;
}

@media screen and (min-width: 767px) {
  .u-p--0-sp {
    padding: 0 !important;
  }
  .u-pt--0-sp {
    padding-top: 0 !important;
  }
  .u-pr--0-sp,
  .u-px--0-sp {
    padding-right: 0 !important;
  }
  .u-pb--0-sp {
    padding-bottom: 0 !important;
  }
  .u-pl--0-sp,
  .u-px--0-sp {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--4-sp {
    padding: 0.25rem !important;
  }
  .u-pt--4-sp {
    padding-top: 0.25rem !important;
  }
  .u-pr--4-sp,
  .u-px--4-sp {
    padding-right: 0.25rem !important;
  }
  .u-pb--4-sp {
    padding-bottom: 0.25rem !important;
  }
  .u-pl--4-sp,
  .u-px--4-sp {
    padding-left: 0.25rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--6-sp {
    padding: 0.375rem !important;
  }
  .u-pt--6-sp {
    padding-top: 0.375rem !important;
  }
  .u-pr--6-sp,
  .u-px--6-sp {
    padding-right: 0.375rem !important;
  }
  .u-pb--6-sp {
    padding-bottom: 0.375rem !important;
  }
  .u-pl--6-sp,
  .u-px--6-sp {
    padding-left: 0.375rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--8-sp {
    padding: 0.5rem !important;
  }
  .u-pt--8-sp {
    padding-top: 0.5rem !important;
  }
  .u-pr--8-sp,
  .u-px--8-sp {
    padding-right: 0.5rem !important;
  }
  .u-pb--8-sp {
    padding-bottom: 0.5rem !important;
  }
  .u-pl--8-sp,
  .u-px--8-sp {
    padding-left: 0.5rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--10-sp {
    padding: 0.625rem !important;
  }
  .u-pt--10-sp {
    padding-top: 0.625rem !important;
  }
  .u-pr--10-sp,
  .u-px--10-sp {
    padding-right: 0.625rem !important;
  }
  .u-pb--10-sp {
    padding-bottom: 0.625rem !important;
  }
  .u-pl--10-sp,
  .u-px--10-sp {
    padding-left: 0.625rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--12-sp {
    padding: 0.75rem !important;
  }
  .u-pt--12-sp {
    padding-top: 0.75rem !important;
  }
  .u-pr--12-sp,
  .u-px--12-sp {
    padding-right: 0.75rem !important;
  }
  .u-pb--12-sp {
    padding-bottom: 0.75rem !important;
  }
  .u-pl--12-sp,
  .u-px--12-sp {
    padding-left: 0.75rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--15-sp {
    padding: 0.9375rem !important;
  }
  .u-pt--15-sp {
    padding-top: 0.9375rem !important;
  }
  .u-pr--15-sp,
  .u-px--15-sp {
    padding-right: 0.9375rem !important;
  }
  .u-pb--15-sp {
    padding-bottom: 0.9375rem !important;
  }
  .u-pl--15-sp,
  .u-px--15-sp {
    padding-left: 0.9375rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--16-sp {
    padding: 1rem !important;
  }
  .u-pt--16-sp {
    padding-top: 1rem !important;
  }
  .u-pr--16-sp,
  .u-px--16-sp {
    padding-right: 1rem !important;
  }
  .u-pb--16-sp {
    padding-bottom: 1rem !important;
  }
  .u-pl--16-sp,
  .u-px--16-sp {
    padding-left: 1rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--20-sp {
    padding: 1.25rem !important;
  }
  .u-pt--20-sp {
    padding-top: 1.25rem !important;
  }
  .u-pr--20-sp,
  .u-px--20-sp {
    padding-right: 1.25rem !important;
  }
  .u-pb--20-sp {
    padding-bottom: 1.25rem !important;
  }
  .u-pl--20-sp,
  .u-px--20-sp {
    padding-left: 1.25rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--24-sp {
    padding: 1.5rem !important;
  }
  .u-pt--24-sp {
    padding-top: 1.5rem !important;
  }
  .u-pr--24-sp,
  .u-px--24-sp {
    padding-right: 1.5rem !important;
  }
  .u-pb--24-sp {
    padding-bottom: 1.5rem !important;
  }
  .u-pl--24-sp,
  .u-px--24-sp {
    padding-left: 1.5rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--28-sp {
    padding: 1.75rem !important;
  }
  .u-pt--28-sp {
    padding-top: 1.75rem !important;
  }
  .u-pr--28-sp,
  .u-px--28-sp {
    padding-right: 1.75rem !important;
  }
  .u-pb--28-sp {
    padding-bottom: 1.75rem !important;
  }
  .u-pl--28-sp,
  .u-px--28-sp {
    padding-left: 1.75rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--30-sp {
    padding: 1.875rem !important;
  }
  .u-pt--30-sp {
    padding-top: 1.875rem !important;
  }
  .u-pr--30-sp,
  .u-px--30-sp {
    padding-right: 1.875rem !important;
  }
  .u-pb--30-sp {
    padding-bottom: 1.875rem !important;
  }
  .u-pl--30-sp,
  .u-px--30-sp {
    padding-left: 1.875rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--32-sp {
    padding: 2rem !important;
  }
  .u-pt--32-sp {
    padding-top: 2rem !important;
  }
  .u-pr--32-sp,
  .u-px--32-sp {
    padding-right: 2rem !important;
  }
  .u-pb--32-sp {
    padding-bottom: 2rem !important;
  }
  .u-pl--32-sp,
  .u-px--32-sp {
    padding-left: 2rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--40-sp {
    padding: 2.5rem !important;
  }
  .u-pt--40-sp {
    padding-top: 2.5rem !important;
  }
  .u-pr--40-sp,
  .u-px--40-sp {
    padding-right: 2.5rem !important;
  }
  .u-pb--40-sp {
    padding-bottom: 2.5rem !important;
  }
  .u-pl--40-sp,
  .u-px--40-sp {
    padding-left: 2.5rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--50-sp {
    padding: 3.125rem !important;
  }
  .u-pt--50-sp {
    padding-top: 3.125rem !important;
  }
  .u-pr--50-sp,
  .u-px--50-sp {
    padding-right: 3.125rem !important;
  }
  .u-pb--50-sp {
    padding-bottom: 3.125rem !important;
  }
  .u-pl--50-sp,
  .u-px--50-sp {
    padding-left: 3.125rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--64-sp {
    padding: 4rem !important;
  }
  .u-pt--64-sp {
    padding-top: 4rem !important;
  }
  .u-pr--64-sp,
  .u-px--64-sp {
    padding-right: 4rem !important;
  }
  .u-pb--64-sp {
    padding-bottom: 4rem !important;
  }
  .u-pl--64-sp,
  .u-px--64-sp {
    padding-left: 4rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--75-sp {
    padding: 4.6875rem !important;
  }
  .u-pt--75-sp {
    padding-top: 4.6875rem !important;
  }
  .u-pr--75-sp,
  .u-px--75-sp {
    padding-right: 4.6875rem !important;
  }
  .u-pb--75-sp {
    padding-bottom: 4.6875rem !important;
  }
  .u-pl--75-sp,
  .u-px--75-sp {
    padding-left: 4.6875rem !important;
  }
}
@media screen and (min-width: 767px) {
  .u-p--100-sp {
    padding: 6.25rem !important;
  }
  .u-pt--100-sp {
    padding-top: 6.25rem !important;
  }
  .u-pr--100-sp,
  .u-px--100-sp {
    padding-right: 6.25rem !important;
  }
  .u-pb--100-sp {
    padding-bottom: 6.25rem !important;
  }
  .u-pl--100-sp,
  .u-px--100-sp {
    padding-left: 6.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--0-pc {
    padding: 0 !important;
  }
  .u-pt--0-pc {
    padding-top: 0 !important;
  }
  .u-pr--0-pc,
  .u-px--0-pc {
    padding-right: 0 !important;
  }
  .u-pb--0-pc {
    padding-bottom: 0 !important;
  }
  .u-pl--0-pc,
  .u-px--0-pc {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--4-pc {
    padding: 0.25rem !important;
  }
  .u-pt--4-pc {
    padding-top: 0.25rem !important;
  }
  .u-pr--4-pc,
  .u-px--4-pc {
    padding-right: 0.25rem !important;
  }
  .u-pb--4-pc {
    padding-bottom: 0.25rem !important;
  }
  .u-pl--4-pc,
  .u-px--4-pc {
    padding-left: 0.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--6-pc {
    padding: 0.375rem !important;
  }
  .u-pt--6-pc {
    padding-top: 0.375rem !important;
  }
  .u-pr--6-pc,
  .u-px--6-pc {
    padding-right: 0.375rem !important;
  }
  .u-pb--6-pc {
    padding-bottom: 0.375rem !important;
  }
  .u-pl--6-pc,
  .u-px--6-pc {
    padding-left: 0.375rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--8-pc {
    padding: 0.5rem !important;
  }
  .u-pt--8-pc {
    padding-top: 0.5rem !important;
  }
  .u-pr--8-pc,
  .u-px--8-pc {
    padding-right: 0.5rem !important;
  }
  .u-pb--8-pc {
    padding-bottom: 0.5rem !important;
  }
  .u-pl--8-pc,
  .u-px--8-pc {
    padding-left: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--10-pc {
    padding: 0.625rem !important;
  }
  .u-pt--10-pc {
    padding-top: 0.625rem !important;
  }
  .u-pr--10-pc,
  .u-px--10-pc {
    padding-right: 0.625rem !important;
  }
  .u-pb--10-pc {
    padding-bottom: 0.625rem !important;
  }
  .u-pl--10-pc,
  .u-px--10-pc {
    padding-left: 0.625rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--12-pc {
    padding: 0.75rem !important;
  }
  .u-pt--12-pc {
    padding-top: 0.75rem !important;
  }
  .u-pr--12-pc,
  .u-px--12-pc {
    padding-right: 0.75rem !important;
  }
  .u-pb--12-pc {
    padding-bottom: 0.75rem !important;
  }
  .u-pl--12-pc,
  .u-px--12-pc {
    padding-left: 0.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--15-pc {
    padding: 0.9375rem !important;
  }
  .u-pt--15-pc {
    padding-top: 0.9375rem !important;
  }
  .u-pr--15-pc,
  .u-px--15-pc {
    padding-right: 0.9375rem !important;
  }
  .u-pb--15-pc {
    padding-bottom: 0.9375rem !important;
  }
  .u-pl--15-pc,
  .u-px--15-pc {
    padding-left: 0.9375rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--16-pc {
    padding: 1rem !important;
  }
  .u-pt--16-pc {
    padding-top: 1rem !important;
  }
  .u-pr--16-pc,
  .u-px--16-pc {
    padding-right: 1rem !important;
  }
  .u-pb--16-pc {
    padding-bottom: 1rem !important;
  }
  .u-pl--16-pc,
  .u-px--16-pc {
    padding-left: 1rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--20-pc {
    padding: 1.25rem !important;
  }
  .u-pt--20-pc {
    padding-top: 1.25rem !important;
  }
  .u-pr--20-pc,
  .u-px--20-pc {
    padding-right: 1.25rem !important;
  }
  .u-pb--20-pc {
    padding-bottom: 1.25rem !important;
  }
  .u-pl--20-pc,
  .u-px--20-pc {
    padding-left: 1.25rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--24-pc {
    padding: 1.5rem !important;
  }
  .u-pt--24-pc {
    padding-top: 1.5rem !important;
  }
  .u-pr--24-pc,
  .u-px--24-pc {
    padding-right: 1.5rem !important;
  }
  .u-pb--24-pc {
    padding-bottom: 1.5rem !important;
  }
  .u-pl--24-pc,
  .u-px--24-pc {
    padding-left: 1.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--28-pc {
    padding: 1.75rem !important;
  }
  .u-pt--28-pc {
    padding-top: 1.75rem !important;
  }
  .u-pr--28-pc,
  .u-px--28-pc {
    padding-right: 1.75rem !important;
  }
  .u-pb--28-pc {
    padding-bottom: 1.75rem !important;
  }
  .u-pl--28-pc,
  .u-px--28-pc {
    padding-left: 1.75rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--30-pc {
    padding: 1.875rem !important;
  }
  .u-pt--30-pc {
    padding-top: 1.875rem !important;
  }
  .u-pr--30-pc,
  .u-px--30-pc {
    padding-right: 1.875rem !important;
  }
  .u-pb--30-pc {
    padding-bottom: 1.875rem !important;
  }
  .u-pl--30-pc,
  .u-px--30-pc {
    padding-left: 1.875rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--32-pc {
    padding: 2rem !important;
  }
  .u-pt--32-pc {
    padding-top: 2rem !important;
  }
  .u-pr--32-pc,
  .u-px--32-pc {
    padding-right: 2rem !important;
  }
  .u-pb--32-pc {
    padding-bottom: 2rem !important;
  }
  .u-pl--32-pc,
  .u-px--32-pc {
    padding-left: 2rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--40-pc {
    padding: 2.5rem !important;
  }
  .u-pt--40-pc {
    padding-top: 2.5rem !important;
  }
  .u-pr--40-pc,
  .u-px--40-pc {
    padding-right: 2.5rem !important;
  }
  .u-pb--40-pc {
    padding-bottom: 2.5rem !important;
  }
  .u-pl--40-pc,
  .u-px--40-pc {
    padding-left: 2.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--50-pc {
    padding: 3.125rem !important;
  }
  .u-pt--50-pc {
    padding-top: 3.125rem !important;
  }
  .u-pr--50-pc,
  .u-px--50-pc {
    padding-right: 3.125rem !important;
  }
  .u-pb--50-pc {
    padding-bottom: 3.125rem !important;
  }
  .u-pl--50-pc,
  .u-px--50-pc {
    padding-left: 3.125rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--64-pc {
    padding: 4rem !important;
  }
  .u-pt--64-pc {
    padding-top: 4rem !important;
  }
  .u-pr--64-pc,
  .u-px--64-pc {
    padding-right: 4rem !important;
  }
  .u-pb--64-pc {
    padding-bottom: 4rem !important;
  }
  .u-pl--64-pc,
  .u-px--64-pc {
    padding-left: 4rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--75-pc {
    padding: 4.6875rem !important;
  }
  .u-pt--75-pc {
    padding-top: 4.6875rem !important;
  }
  .u-pr--75-pc,
  .u-px--75-pc {
    padding-right: 4.6875rem !important;
  }
  .u-pb--75-pc {
    padding-bottom: 4.6875rem !important;
  }
  .u-pl--75-pc,
  .u-px--75-pc {
    padding-left: 4.6875rem !important;
  }
}
@media screen and (max-width: 768px) {
  .u-p--100-pc {
    padding: 6.25rem !important;
  }
  .u-pt--100-pc {
    padding-top: 6.25rem !important;
  }
  .u-pr--100-pc,
  .u-px--100-pc {
    padding-right: 6.25rem !important;
  }
  .u-pb--100-pc {
    padding-bottom: 6.25rem !important;
  }
  .u-pl--100-pc,
  .u-px--100-pc {
    padding-left: 6.25rem !important;
  }
}
.u-m--auto {
  margin: auto !important;
}

.u-mt--auto {
  margin-top: auto !important;
}

.u-mr--auto,
.u-mx--auto {
  margin-right: auto !important;
}

.u-mb--auto {
  margin-bottom: auto !important;
}

.u-ml--auto,
.u-mx--auto {
  margin-left: auto !important;
}
/*# sourceMappingURL=styles.css.map */