@charset "UTF-8";
/* リキッドレイアウト対応 */
html {
  font-size: 16px;
}
@media screen and (min-width: 1440px) {
  html {
    font-size: 16px;
  }
}
@media screen and (max-width: 1023px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  html {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

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

a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

/* hover指定できるPCを想定したスタイル */
@media (hover: hover) {
  a:hover {
    opacity: 0.7;
  }
}
/* hoverが使えないタッチ端末を想定した装飾 */
@media (hover: none) {
  a:active {
    opacity: 0.7;
  }
}
:root {
  --header-height: 5.75rem;
  --gradient: linear-gradient(to bottom, #002E8D 0%, #2C98D2 100%);
  --gradient-white: linear-gradient(to right, #ffffff 0%, #E2E2E2 100%);
  --gradient-gold: linear-gradient(to right, #DEBC7C 0%, #A48147 100%);
  --gradient-deco: linear-gradient(to bottom,
      #151B8D 0%,
      #D5C6A4 50%,
      rgba(213, 198, 164, 0) 100%);
  --gradient-deco-right: linear-gradient(to right,
      #151B8D 0%,
      #D5C6A4 50%,
      rgba(213, 198, 164, 0) 100%);
}
@media screen and (max-width: 767px) {
  :root {
    --header-height: 4.375rem;
  }
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 6.25rem;
  scrollbar-gutter: stable;
}
@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 37.5rem;
  }
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  font-family: "Noto Serif JP", serif;
  line-height: 1.5;
  color: #333333;
}

body.is-fixed {
  overflow: hidden;
  height: 100vh;
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 3;
  background-color: #fff;
}

body.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0), screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

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

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

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

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

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

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

/* Blur images when they have no alt attribute */
img:not([alt]) {
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

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

textarea {
  resize: vertical;
}

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

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

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

.l-breadcrumb {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .l-breadcrumb {
    margin-top: 1.25rem;
  }
}

.l-company-access {
  margin-top: 9.875rem;
}
@media screen and (max-width: 767px) {
  .l-company-access {
    margin-top: 6.25rem;
  }
}

.l-company-action {
  margin-block: 9.0625rem;
}
@media screen and (max-width: 767px) {
  .l-company-action {
    margin-block: 6.25rem 5rem;
  }
}

.l-company-credo {
  margin-top: 8.4375rem;
}
@media screen and (max-width: 767px) {
  .l-company-credo {
    margin-top: 6.5625rem;
  }
}

.l-company-history {
  margin-top: 6.5625rem;
}
@media screen and (max-width: 767px) {
  .l-company-history {
    margin-top: 6.25rem;
  }
}

.l-company-links {
  margin-top: 2.375rem;
}
@media screen and (max-width: 767px) {
  .l-company-links {
    margin-top: revert;
  }
}

.l-company-message {
  margin-top: 9.0625rem;
}
@media screen and (max-width: 767px) {
  .l-company-message {
    margin-top: 6.5625rem;
  }
}

.l-company-mission {
  margin-top: 8.375rem;
}
@media screen and (max-width: 767px) {
  .l-company-mission {
    margin-top: 6.25rem;
  }
}

.l-company-overview {
  margin-top: 8.75rem;
}
@media screen and (max-width: 767px) {
  .l-company-overview {
    margin-top: 6.25rem;
  }
}

.l-header {
  width: 100%;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .l-header {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
  }
}

.l-inner {
  margin-inline: auto;
  width: 100%;
  padding-inline: 1.5625rem;
  max-width: 75rem;
}
@media screen and (max-width: 767px) {
  .l-inner {
    max-width: 40.625rem;
    padding-inline: 1.5625rem;
  }
}

.l-maintenance-contact {
  margin-bottom: 5.625rem;
}

.l-maintenance-intro {
  margin-top: 5.9375rem;
}

.l-maintenance-problem {
  margin-top: 8.25rem;
}
@media screen and (max-width: 767px) {
  .l-maintenance-problem {
    margin-top: 5rem;
  }
}

.l-maintenance-report {
  margin-top: 8.4375rem;
}
@media screen and (max-width: 767px) {
  .l-maintenance-report {
    margin-top: 5rem;
  }
}

.l-maintenance-support {
  margin-top: 8.125rem;
}
@media screen and (max-width: 767px) {
  .l-maintenance-support {
    margin-top: 5rem;
  }
}

.l-opening-contact {
  margin-block: 1.5625rem 5.75rem;
}

.l-opening-program {
  margin-top: 9.75rem;
}
@media screen and (max-width: 767px) {
  .l-opening-program {
    margin-top: 6.25rem;
  }
}

.l-opening-support {
  margin-top: 6.25rem;
}

.l-post-list {
  margin-top: 5rem;
}

.l-sub-mv {
  margin-top: 8.9375rem;
}
@media screen and (max-width: 767px) {
  .l-sub-mv {
    margin-top: 7.25rem;
  }
}

.l-sub {
  margin-block: 6.25rem 6.25rem;
}
@media screen and (max-width: 767px) {
  .l-sub {
    margin-block: 5rem 3.125rem;
  }
}

.l-sub + .l-sub {
  margin-block: 12.5rem 6.25rem;
}
@media screen and (max-width: 767px) {
  .l-sub + .l-sub {
    margin-block: 10rem 3.125rem;
  }
}

.l-top-about {
  margin-top: 2.9375rem;
}
@media screen and (max-width: 767px) {
  .l-top-about {
    margin-top: 2.625rem;
  }
}

.l-top-mv {
  margin-top: calc(-1 * var(--header-height));
}
@media screen and (max-width: 767px) {
  .l-top-mv {
    margin-top: var(--header-height);
  }
}

.l-top-news {
  margin-block: 4.75rem 5rem;
}
@media screen and (max-width: 767px) {
  .l-top-news {
    margin-block: 3.4375rem 3.875rem;
  }
}

.l-top-vision {
  margin-top: 3.25rem;
}
@media screen and (max-width: 767px) {
  .l-top-vision {
    margin-top: 7.5rem;
  }
}

.c-accordion::details-content {
  content-visibility: unset;
  display: block grid;
}

@media (prefers-reduced-motion: no-preference) {
  .c-accordion::details-content {
    -webkit-transition: grid-template-rows 0.3s ease-in-out;
    transition: grid-template-rows 0.3s ease-in-out;
    transition: grid-template-rows 0.3s ease-in-out, -ms-grid-rows 0.3s ease-in-out;
  }
}
.c-accordion:not([open])::details-content {
  grid-template-rows: 0fr;
}

.c-accordion[open]::details-content {
  grid-template-rows: 1fr;
}

.c-accordion {
  border: 1px solid #333333;
  border-radius: 0.625rem;
}
@media screen and (max-width: 767px) {
  .c-accordion {
    border-radius: 0.3125rem;
  }
}

.c-accordion__summary {
  list-style: none;
  position: relative;
  cursor: pointer;
  padding: 1.25rem;
}
@media screen and (max-width: 767px) {
  .c-accordion__summary {
    padding: 0.625rem;
  }
}

.c-accordion__summary::before,
.c-accordion__summary::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.25rem;
  width: 1.25rem;
  height: 1px;
  background-color: #333333;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .c-accordion__summary::before,
  .c-accordion__summary::after {
    right: 0.625rem;
    width: 0.9375rem;
  }
}

.c-accordion__summary::before {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}

.c-accordion[open] .c-accordion__summary::before {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}

.c-accordion__wrap {
  padding: 1.875rem;
}

.c-arrow-button {
  width: 100%;
  max-width: 26.25rem;
  padding: 1.25rem;
  display: inline-block;
  font-size: max(1.125rem, 10px);
  line-height: 1;
  color: #fff;
  background-color: #DE8430;
  border: 1px solid #DE8430;
  text-align: center;
  border-radius: 1.875rem;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-arrow-button {
    max-width: 20.625rem;
    font-size: max(0.875rem, 10px);
    padding: 1.375rem;
  }
}

.c-arrow-button:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.875rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
}

.c-arrow-button:hover {
  opacity: 1;
}

.c-arrow-button:hover:after {
  right: 1.25rem;
}

.c-button {
  width: 100%;
  padding: 1.125rem 1.5rem;
  display: inline-block;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #002E8D;
  background-color: #fff;
  border: 1px solid #002E8D;
  text-align: center;
  border-radius: 2.375rem;
  -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

@media (any-hover: hover) {
  .c-button:hover {
    opacity: 1;
    color: #fff;
    background-color: #002E8D;
  }
}
@media screen and (max-width: 767px) {
  .c-dialog {
    text-align: center;
  }
}

.c-dialog__open {
  display: inline-block;
  width: 100%;
  max-width: 26.25rem;
  -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}

.c-dialog__contents {
  --duration: 0.3s;
  --scale: 0.95;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 95%;
  margin: auto;
  text-align: center;
  opacity: 0;
  -webkit-transition: display var(--duration) allow-discrete, overlay var(--duration) allow-discrete, opacity var(--duration) ease-out, scale var(--duration) ease-out;
  transition: display var(--duration) allow-discrete, overlay var(--duration) allow-discrete, opacity var(--duration) ease-out, scale var(--duration) ease-out;
  scale: var(--scale);
  padding: 0;
  border: none;
}

.c-dialog__contents[open] {
  opacity: 1;
  scale: 1;
}
@starting-style {
  .c-dialog__contents[open] {
    opacity: 0;
    scale: var(--scale);
  }
}

.c-dialog__contents-inner {
  padding: 3.125rem 1.875rem;
}
@media screen and (max-width: 767px) {
  .c-dialog__contents-inner {
    padding: 2.5rem 0.625rem;
  }
}

.c-dialog__close {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}

.c-dialog__close::before,
.c-dialog__close::after {
  position: absolute;
  width: 1.875rem;
  top: 1.25rem;
  right: 0.625rem;
  height: 2px;
  content: "";
  background-color: #333333;
}

.c-dialog__close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-dialog__close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .c-dialog__contents .p-maintenance-report__img {
    width: 100%;
    margin-inline: auto;
    max-width: 37.5rem;
  }
}

@media (any-hover: hover) {
  .c-dialog__open:hover {
    color: var(--color-main);
    background-color: var(--color-white);
  }
  .c-dialog__close:hover {
    color: var(--color-main);
    background-color: var(--color-white);
  }
}
/* 背景 */
.c-dialog__contents::-ms-backdrop {
  background-color: rgba(32, 32, 32, 0.8);
  opacity: 0;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.c-dialog__contents::backdrop {
  background-color: rgba(32, 32, 32, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.c-dialog__contents[open]::-ms-backdrop {
  opacity: 1;
}

.c-dialog__contents[open]::backdrop {
  opacity: 1;
}
@starting-style {
  .c-dialog__contents[open]::-ms-backdrop {
    opacity: 0;
  }
  .c-dialog__contents[open]::backdrop {
    opacity: 0;
  }
}

:root:has(dialog[open]) {
  overflow: hidden;
}

.c-no-post {
  font-size: max(1.25rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-no-post {
    font-size: max(1.125rem, 10px);
  }
}

.c-page-top {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  position: fixed;
  bottom: 1.875rem;
  right: 1.875rem;
  width: 1.875rem;
  height: auto;
  aspect-ratio: 1/1;
  z-index: 3;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-page-top {
    right: 1.375rem;
    width: 1.5625rem;
  }
}

.c-page-top.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.c-page-top a {
  display: block;
}

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

.c-pagenavi {
  margin-top: 3.125rem;
  text-align: center;
}

.c-pagenavi .nav-links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-pagenavi .nav-links {
    gap: 0.3125rem;
  }
}

.c-pagenavi a.page-numbers,
.c-pagenavi .page-numbers.current {
  width: 3.125rem;
  height: auto;
  aspect-ratio: 1/1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: max(1rem, 10px);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .c-pagenavi a.page-numbers,
  .c-pagenavi .page-numbers.current {
    width: 1.875rem;
    font-size: max(0.875rem, 10px);
  }
}

.c-pagenavi .page-numbers.current {
  background-color: #002E8D;
  color: #fff;
  border-radius: 50%;
}

.c-pagenavi .page-numbers.next,
.c-pagenavi .page-numbers.prev {
  position: absolute;
  top: 0;
}

.c-pagenavi .page-numbers.next {
  right: -2.8125rem;
}
@media screen and (max-width: 767px) {
  .c-pagenavi .page-numbers.next {
    right: -2.1875rem;
  }
}

.c-pagenavi .page-numbers.prev {
  left: -2.8125rem;
}
@media screen and (max-width: 767px) {
  .c-pagenavi .page-numbers.prev {
    left: -2.1875rem;
  }
}

.c-pagenavi a {
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

@media (any-hover: hover) {
  .c-pagenavi a:hover {
    color: #002E8D;
    opacity: 1;
  }
}
.c-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1.875rem;
  position: relative;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .c-pagination {
    bottom: -0.9375rem;
  }
}

.c-page {
  background-color: #ffffff;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  width: 5.375rem;
  height: 0.3125rem;
  display: block;
  padding: 0;
}

.c-page.is-active {
  background-color: navy;
}

.c-recruit-button {
  width: 16.5625rem;
  padding: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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.375rem;
  font-size: max(1.25rem, 10px);
  font-weight: 500;
  line-height: 1;
  text-align: center;
  background: var(--gradient-gold);
  color: #fff;
}

.c-recruit-button::before {
  content: "";
  background-image: url(../images/common/recruit-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 2.3125rem;
  height: auto;
  aspect-ratio: 37/35;
}

.c-recruit-button::after {
  content: "";
  width: 2.8125rem;
  height: auto;
  aspect-ratio: 45/6;
  background-image: url(../images/common/arrow-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.c-section-title {
  text-align: center;
  position: relative;
}

.c-section-title::before {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -1.25rem;
  width: 2px;
  height: 3.25rem;
  background: var(--gradient-deco);
}
@media screen and (max-width: 767px) {
  .c-section-title::before {
    top: -1.875rem;
  }
}

.c-section-title__en {
  font-size: max(5rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #F3F3F3;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .c-section-title__en {
    font-size: max(2.875rem, 10px);
  }
}

.c-section-title__ja {
  margin-top: -1.25rem;
  font-size: max(2.25rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .c-section-title__ja {
    margin-top: -0.625rem;
    font-size: max(1.5rem, 10px);
    white-space: nowrap;
  }
}

.c-section-title.c-section-title--white .c-section-title__en {
  color: #fff;
}

.c-section-title.c-section-title--blue .c-section-title__en {
  color: #D4EAF3;
}

/*****　下層ページvar　*****/
.c-sub-section-title {
  text-align: center;
  position: relative;
}

.c-sub-section-title::before {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -3.125rem;
  width: 2px;
  height: 2.8125rem;
  background: var(--gradient-deco);
}

.c-sub-section-title__ja {
  font-size: max(1.875rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .c-sub-section-title__ja {
    font-size: max(1.5rem, 10px);
    line-height: 1.4166666667;
  }
}

.c-text {
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .c-text {
    font-size: max(0.875rem, 10px);
  }
}

.c-text-16 {
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .c-text-16 {
    font-size: max(0.875rem, 10px);
  }
}

.c-title-26 {
  font-size: max(1.625rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #002E8D;
}
@media screen and (max-width: 767px) {
  .c-title-26 {
    font-size: max(1.375rem, 10px);
    line-height: 2.0454545455;
  }
}

.p-404__text {
  text-align: center;
}

.p-404__button {
  margin-top: 3.125rem;
  width: 18.75rem;
  margin-inline: auto;
}

.p-breadcrumb {
  text-align: right;
}

.p-breadcrumb span {
  font-size: max(0.875rem, 10px);
  font-family: "Noto Sans JP", serif;
  text-transform: uppercase;
  font-size: max(1rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #002E8D;
  display: inline-block;
}

.p-breadcrumb span.current-item {
  color: #333333;
}

.p-breadcrumb__between {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-top: solid 1px #333333;
  border-right: solid 1px #333333;
  -webkit-transform: translateY(-30%) rotate(45deg);
          transform: translateY(-30%) rotate(45deg);
  margin-inline: 0.5rem;
}

.p-company-access__items {
  max-width: 63.125rem;
  margin-inline: auto;
  margin-top: 3.75rem;
  display: grid;
  gap: 1.6875rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .p-company-access__items {
    margin-top: 3.125rem;
    grid-template-columns: repeat(1, 1fr);
  }
}

.p-company-access__item {
  padding-block: 2.5rem 3.5rem;
  padding-inline: 2.5rem;
  -webkit-box-shadow: 0.25rem 0.25rem 0.875rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.25rem 0.25rem 0.875rem rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  .p-company-access__item {
    padding-block: 1.875rem;
    padding-inline: 1.25rem;
  }
}

.p-company-access__heading {
  font-size: max(1.625rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #002E8D;
  text-align: center;
  padding-bottom: 1.4375rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-company-access__heading {
    font-size: max(1.375rem, 10px);
    padding-bottom: 0.625rem;
  }
}

.p-company-access__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 6.8125rem;
  height: 1px;
  background-color: #002E8D;
}

.p-company-overview__map {
  margin-top: 1.25rem;
  width: 100%;
  height: auto;
}

.p-company-overview__map iframe {
  aspect-ratio: 410/277;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
  border: none;
}

.p-company-overview__address {
  margin-top: 0.875rem;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-company-overview__address {
    font-size: max(0.875rem, 10px);
  }
}

.p-company-credo {
  overflow-x: clip;
}

.p-company-credo__inner.l-inner {
  max-width: 78.125rem;
}
@media screen and (max-width: 767px) {
  .p-company-credo__inner.l-inner {
    max-width: 40.625rem;
  }
}

.p-company-credo__contents {
  margin-top: 5.3125rem;
  background-image: url(../images/company/company-credo-bg.webp);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-company-credo__contents {
    margin-top: 2.6875rem;
    margin-inline: calc(50% - 50vw);
    width: 100vw;
    background-image: url(../images/company/company-credo-bg-sp.webp);
  }
}

.p-company-credo__sub-title {
  font-size: max(3.875rem, 10px);
  font-weight: 500;
  line-height: 1;
  color: rgba(179, 199, 208, 0.6);
  position: absolute;
  top: -2.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-company-credo__sub-title {
    font-size: max(2.25rem, 10px);
    white-space: nowrap;
    top: -0.9375rem;
  }
}

.p-company-credo__message {
  padding-block: 22.625rem 29.0625rem;
  text-align: center;
  font-size: max(2.25rem, 10px);
  font-weight: 700;
  line-height: 1.5277777778;
  color: #fff;
  letter-spacing: 0.05em;
  text-shadow: 0.125rem 0.125rem 0.25rem #004C7B;
}
@media screen and (max-width: 767px) {
  .p-company-credo__message {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .p-company-credo__list {
    max-width: 31.25rem;
    margin-inline: auto;
    padding-inline: 1.125rem;
    padding-block: 3.4375rem 18.75rem;
  }
}

@media screen and (max-width: 767px) {
  .p-company-credo__item + .p-company-credo__item {
    margin-top: 1.25rem;
  }
}

.p-company-credo__item {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .p-company-credo__item {
    position: static;
    -webkit-transform: revert;
            transform: revert;
  }
}

.p-company-credo__item span {
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  width: 14.25rem;
  height: auto;
  aspect-ratio: 1/1;
  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;
  padding: 0.625rem;
  text-align: center;
  font-size: max(1.125rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  line-height: 1.5555555556;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .p-company-credo__item span {
    border-radius: 0.625rem;
    width: 100%;
    aspect-ratio: revert;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0.75rem 1.1875rem;
    text-align: left;
  }
}

.p-company-credo__item:nth-child(1) {
  top: 80%;
  left: 21%;
}

.p-company-credo__item:nth-child(2) {
  top: 59%;
  left: 19%;
}

.p-company-credo__item:nth-child(3) {
  top: 39%;
  left: 21%;
}

.p-company-credo__item:nth-child(4) {
  top: 24%;
  left: 33%;
}

.p-company-credo__item:nth-child(5) {
  top: 19%;
  left: 50%;
}

.p-company-credo__item:nth-child(6) {
  top: 24%;
  left: 67%;
}

.p-company-credo__item:nth-child(7) {
  top: 39%;
  left: 79%;
}

.p-company-credo__item:nth-child(8) {
  top: 59%;
  left: 81%;
}

.p-company-credo__item:nth-child(9) {
  top: 80%;
  left: 79%;
}

.p-company-history {
  background-color: #EEF7FB;
  padding-block: 2.8125rem 6.25rem;
}

@media screen and (max-width: 767px) {
  .p-company-history__inner.l-inner {
    padding-inline: 1.875rem 0.875rem;
  }
}

.p-company-history__title .c-section-title__ja {
  margin-top: 0.9375rem;
  font-size: max(1.875rem, 10px);
}
@media screen and (max-width: 767px) {
  .p-company-history__title .c-section-title__ja {
    margin-top: 2.0625rem;
    font-size: max(1.5rem, 10px);
  }
}

.p-company-history__title.c-section-title::before {
  top: 2.625rem;
}
@media screen and (max-width: 767px) {
  .p-company-history__title.c-section-title::before {
    top: 1.5rem;
  }
}

.p-company-history__tabs {
  margin-top: 4.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-company-history__tabs {
    margin-top: 2.0625rem;
    padding-bottom: 0.625rem;
    overflow-x: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-touch-action: pan-x;
        touch-action: pan-x;
  }
}

.p-company-history__tab button {
  padding: 0.4375rem 0.625rem;
  font-size: max(1.5rem, 10px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #9A9A9A;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .p-company-history__tab button {
    width: 13.25rem;
  }
}

.p-company-history__tab button span {
  font-size: max(2.125rem, 10px);
}

.p-company-history__tab.is-active button {
  color: #002E8D;
  background-color: #fff;
}

.p-company-history__content {
  margin-top: 4.6875rem;
  display: none;
}
@media screen and (max-width: 767px) {
  .p-company-history__content {
    margin-top: 3.5rem;
  }
}

.p-company-history__content.is-active {
  display: block;
}

.p-company-history__graph {
  padding-left: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-company-history__graph {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding-left: revert;
  }
}

@media screen and (max-width: 767px) {
  .p-company-history__graph::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #002E8D;
  }
}

@media screen and (max-width: 767px) {
  .p-company-history__graph::after {
    content: "";
    position: absolute;
    left: -0.5rem;
    top: 0;
    width: 1rem;
    height: auto;
    aspect-ratio: 1/1;
    background-color: #002E8D;
    border-radius: 50%;
  }
}

.p-company-history__year-wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30%;
  padding-top: 3.875rem;
}
@media screen and (max-width: 767px) {
  .p-company-history__year-wrap {
    padding-top: 1.875rem;
    padding-left: 4.875rem;
    width: 100%;
  }
}

.p-company-history__year {
  font-size: max(2.5rem, 10px);
  font-weight: 500;
  line-height: 1;
  color: #002E8D;
  position: relative;
}

.p-company-history__year span {
  font-size: max(1.875rem, 10px);
}

.p-company-history__year::before {
  content: "";
  position: absolute;
  top: 1.8125rem;
  right: 0;
  width: 4.4375rem;
  height: 1px;
  background-color: #002E8D;
}
@media screen and (max-width: 767px) {
  .p-company-history__year::before {
    left: -4.8125rem;
    right: initial;
  }
}

.p-company-history__timeline {
  padding-block: 7.6875rem 8.125rem;
  padding-left: 5.9375rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-company-history__timeline {
    padding-block: 3.125rem 3.4375rem;
    padding-left: 5.75rem;
  }
}

.p-company-history__timeline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #002E8D;
}
@media screen and (max-width: 767px) {
  .p-company-history__timeline::before {
    content: none;
  }
}

.p-company-history__timeline::after {
  content: "";
  position: absolute;
  left: -0.5rem;
  top: 0;
  width: 1rem;
  height: auto;
  aspect-ratio: 1/1;
  background-color: #002E8D;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .p-company-history__timeline::after {
    content: none;
  }
}

.p-company-history__item {
  position: relative;
}

.p-company-history__item + .p-company-history__item {
  margin-top: 3.4375rem;
}
@media screen and (max-width: 767px) {
  .p-company-history__item + .p-company-history__item {
    margin-top: 1.6875rem;
  }
}

.p-company-history__item::before {
  content: "";
  position: absolute;
  top: 0.9375rem;
  left: -5.9375rem;
  width: 4.4375rem;
  height: 1px;
  background-color: #002E8D;
}

.p-company-history__item::after {
  content: "";
  position: absolute;
  top: 0.625rem;
  left: -6.375rem;
  width: 1rem;
  height: auto;
  aspect-ratio: 1/1;
  background-color: #4AB5EA;
  border-radius: 50%;
}

.p-company-history__item-year {
  font-size: max(1.75rem, 10px);
  font-weight: 500;
  color: #002E8D;
  line-height: 1;
}

.p-company-history__item-text {
  margin-top: 1.875rem;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-company-history__item-text {
    font-size: max(1rem, 10px);
    line-height: 1.2;
  }
}

@media (any-hover: hover) {
  .p-company-history__tab button:hover {
    background-color: #fff;
  }
}
.p-company-links {
  overflow-x: clip;
}
@media screen and (max-width: 767px) {
  .p-company-links {
    position: sticky;
    margin-top: 1.875rem;
    top: var(--header-height);
    z-index: 1000;
  }
}

.p-company-links__items {
  max-width: 53.125rem;
  margin-inline: auto;
  display: grid;
  gap: 0.9375rem 0.875rem;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
  .p-company-links__items {
    margin-inline: calc(50% - 50vw);
    width: 100vw;
    display: block;
  }
}

.p-company-links__item a {
  background-color: #E9E9E9;
  color: #333333;
  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;
  padding-block: 1.375rem;
  padding-inline: 1rem 1.5rem;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .p-company-links__item a {
    width: 100%;
    background-color: #002E8D;
    color: #fff;
    font-size: max(0.875rem, 10px);
    font-family: "Noto Sans JP", serif;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.05em;
    padding-inline: 3.125rem 3.125rem;
  }
}

.p-company-links__item a::after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

@media (any-hover: hover) {
  .p-company-links__item a:hover {
    background-color: #002E8D;
    color: #fff;
    opacity: 1;
  }
}
.p-company-links__item button {
  background-color: #E9E9E9;
  color: #333333;
  padding-block: 1.5625rem;
  padding-inline: 2.3125rem 2.5rem;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: left;
  position: relative;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .p-company-links__item button {
    width: 100%;
    background-color: #002E8D;
    color: #fff;
  }
}

.p-company-links__item button::before,
.p-company-links__item button::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 2.1875rem;
  width: 0.9375rem;
  height: 1px;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.p-company-links__item button::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.p-company-links__item button.is-open::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.p-company-message__body {
  margin-top: 4.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.875rem;
  position: relative;
  padding-bottom: 4.6875rem;
}
@media screen and (max-width: 767px) {
  .p-company-message__body {
    margin-top: 2.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.8125rem;
    padding-bottom: revert;
  }
}

.p-company-message__body::before {
  position: absolute;
  bottom: 0;
  left: 55.5%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  background-image: url(../images/common/footer-bg-logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 16.25rem;
  height: auto;
  aspect-ratio: 260/240;
  opacity: 0.8;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-company-message__body::before {
    content: none;
  }
}

.p-company-message__contents {
  padding-top: 0.25rem;
}
@media screen and (max-width: 767px) {
  .p-company-message__contents {
    padding-top: revert;
  }
}

.p-company-message__lead {
  font-size: max(1.625rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #002E8D;
}
@media screen and (max-width: 767px) {
  .p-company-message__lead {
    font-size: max(1.5rem, 10px);
    line-height: 1.875;
  }
}

.p-company-message__text-wrap {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .p-company-message__text-wrap {
    margin-top: 1.4375rem;
  }
}

.p-company-message__text + .p-company-message__text {
  margin-top: 1.875rem;
}

.p-company-message__text {
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1.875;
  letter-spacing: 0.05em;
}

.p-company-message__img {
  width: 36.8695652174%;
  height: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-company-message__img {
    width: 88.3582089552%;
  }
}

.p-company-message__img img {
  aspect-ratio: 424/513;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-company-message__img img {
    aspect-ratio: 296/358;
  }
}

.p-company-message__img figcaption {
  margin-top: 1rem;
  font-size: max(1.125rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1.3333333333;
  letter-spacing: 0.05em;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .p-company-message__img figcaption {
    margin-top: 1.375rem;
    padding-right: 0.1875rem;
  }
}

.p-company-mission {
  position: relative;
  overflow-x: clip;
  z-index: 0;
}

.p-company-mission::after {
  position: absolute;
  content: "";
  top: -16vw;
  right: -10vw;
  width: 27.0625rem;
  height: auto;
  aspect-ratio: 433/406;
  background-image: url(../images/company/company-mission01.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -10;
}
@media screen and (max-width: 767px) {
  .p-company-mission::after {
    width: 12.5rem;
  }
}

.p-company-mission#action::after {
  top: -13vw;
  left: -13vw;
  right: revert;
  width: 27.0625rem;
  height: auto;
  aspect-ratio: 433/406;
  background-image: url(../images/company/company-mission02.webp);
}
@media screen and (max-width: 767px) {
  .p-company-mission#action::after {
    width: 12.5rem;
  }
}

.p-company-mission__contents {
  margin-top: 2.4375rem;
  text-align: center;
}

.p-company-mission__text + .p-company-mission__text {
  margin-top: 2.25rem;
}

.p-company-mission__text {
  font-size: max(1.125rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1.9444444444;
  letter-spacing: 0.05em;
}

.p-company-overview__list {
  margin-top: 3.75rem;
  max-width: 59.0625rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-company-overview__list {
    margin-top: 1.25rem;
  }
}

.p-company-overview__items:first-child {
  border-top: 1px solid #D9D9D9;
}

.p-company-overview__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  padding-block: 2.5rem;
  padding-inline: 0.9375rem;
  border-bottom: 1px solid #D9D9D9;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-company-overview__items {
    -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: flex-start;
    padding: 0.625rem 0.9375rem;
  }
}

.p-company-overview__heading {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 10.4375rem;
  color: #002E8D;
}
@media screen and (max-width: 767px) {
  .p-company-overview__heading {
    width: 6.25rem;
    line-height: 1.8;
  }
}

.p-company-overview__text a[href^="mailto:"] {
  color: #002E8D;
}

.p-contact-banner {
  background: -webkit-gradient(linear, left top, right top, from(#55C6FF), to(#00388C));
  background: linear-gradient(90deg, #55C6FF, #00388C);
  padding-block: 3rem 5.875rem;
  text-align: center;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-contact-banner {
    padding-block: 2rem 4.375rem;
  }
}

@media screen and (max-width: 767px) {
  .p-contact-banner__inner.l-inner {
    padding-inline: 0.625rem;
  }
}

.p-contact-banner__lead {
  font-size: max(1.75rem, 10px);
  font-weight: 700;
  line-height: 1.6071428571;
  letter-spacing: 0.05em;
  text-shadow: 0.125rem 0.125rem 0.25rem #004c7b;
}
@media screen and (max-width: 767px) {
  .p-contact-banner__lead {
    font-size: max(1.5rem, 10px);
    line-height: 1.5;
  }
}

.p-contact-banner__contact {
  margin-top: 2.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5625rem;
  border-bottom: 2px solid #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding-left: 1.0625rem;
  padding-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-contact-banner__contact {
    margin-top: 1.875rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
    gap: 1.25rem;
  }
}

.p-contact-banner__tel {
  font-size: max(2.5rem, 10px);
  font-weight: 700;
  line-height: 1.125;
  letter-spacing: 0.05em;
  text-shadow: 0.125rem 0.125rem 0.25rem #004c7b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .p-contact-banner__tel {
    font-size: max(2rem, 10px);
    gap: 0.5rem;
  }
}

.p-contact-banner__tel-label {
  font-size: max(1.625rem, 10px);
  line-height: 1.7307692308;
}
@media screen and (max-width: 767px) {
  .p-contact-banner__tel-label {
    font-size: max(1.5rem, 10px);
  }
}

.p-contact-banner__time {
  background-color: #fff;
  padding: 0.5625rem 1.3125rem;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  color: #002E8D;
  border-radius: 1.8125rem;
}

.p-contact-banner__bg-text {
  position: absolute;
  width: 100%;
  bottom: 1.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: max(5.125rem, 10px);
  font-weight: 500;
  line-height: 1;
  color: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 767px) {
  .p-contact-banner__bg-text {
    font-size: max(1.5rem, 10px);
  }
}

@media screen and (max-width: 767px) {
  .p-contact-tel__inner.l-inner {
    padding-inline: 0.625rem;
  }
}

.p-contact-tel__text {
  margin-top: 1.875rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-tel__text {
    text-align: left;
  }
}

.p-contact-tel__contents {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.875rem;
  max-width: 43.75rem;
  padding: 1.875rem;
  margin-inline: auto;
  background: -webkit-gradient(linear, left top, right top, from(#55C6FF), to(#00388C));
  background: linear-gradient(90deg, #55C6FF, #00388C);
}
@media screen and (max-width: 767px) {
  .p-contact-tel__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.875rem 0.625rem;
  }
}

.p-contact-tel__tel {
  font-size: max(2.5rem, 10px);
  font-weight: 700;
  line-height: 1.125;
  letter-spacing: 0.05em;
  color: #fff;
  text-shadow: 0.125rem 0.125rem 0.25rem #004c7b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .p-contact-tel__tel {
    font-size: max(2rem, 10px);
    gap: 0.5rem;
  }
}

.p-contact-tel__tel-label {
  font-size: max(1.625rem, 10px);
  line-height: 1.7307692308;
}
@media screen and (max-width: 767px) {
  .p-contact-tel__tel-label {
    font-size: max(1.5rem, 10px);
  }
}

.p-contact-tel__time {
  background-color: #fff;
  padding: 0.5625rem 1.3125rem;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  color: #002E8D;
  border-radius: 1.8125rem;
}

.p-contact__attention {
  max-width: 56.25rem;
  margin-inline: auto;
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .p-contact__attention {
    margin-top: 1.875rem;
  }
}

.p-contact__attention-heading {
  font-family: "Noto Sans JP", serif;
  font-size: max(1.25rem, 10px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact__attention-heading {
    font-size: max(1.125rem, 10px);
  }
}

.p-contact__attention-item {
  padding-left: 1em;
  position: relative;
}

.p-contact__attention-item::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

.p-contact__form {
  margin-top: 3.125rem;
}

/* （the_content()で出力したものへのスタイル） */
.wp-block-file a,
.p-content p,
.p-content li,
.p-content th,
.p-content td {
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .wp-block-file a,
  .p-content p,
  .p-content li,
  .p-content th,
  .p-content td {
    font-size: max(0.875rem, 10px);
  }
}

.p-content h2 {
  font-size: max(1.25rem, 10px);
  font-weight: 700;
  letter-spacing: 0.05em;
  background-image: linear-gradient(to right, #002E8D 0px, #002E8D 8.75rem, #ACACAC 8.75rem, #ACACAC 100%);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: bottom;
}
@media screen and (max-width: 767px) {
  .p-content h2 {
    font-size: max(1.25rem, 10px);
  }
}

.p-content h3 {
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
  padding-left: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-content h3 {
    font-size: max(1.125rem, 10px);
  }
}

.p-content h3::before {
  position: absolute;
  content: "";
  top: -0.3125rem;
  left: 0;
  width: 0.3125rem;
  height: 2.625rem;
  border-radius: 0.625rem;
  background-color: #002E8D;
}

.p-content h4 {
  font-size: max(1rem, 10px);
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-content h4 {
    font-size: max(1rem, 10px);
  }
}

.p-content h2 {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .p-content h2 {
    margin-top: 1.875rem;
  }
}

.wp-block-file,
.p-content > ul,
.p-content > ol,
.p-content figure:nth-child(n+2),
.p-content p:nth-child(n+2),
.p-content h3:nth-child(n+2),
.p-content h4:nth-child(n+2),
.p-content h2 + ul:nth-of-type(n + 2),
.p-content h2 + ol:nth-of-type(n + 2),
.p-content ol > li > ol:nth-of-type(n + 2),
.p-content figure {
  margin-top: 2.5rem;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .wp-block-file,
  .p-content > ul,
  .p-content > ol,
  .p-content figure:nth-child(n+2),
  .p-content p:nth-child(n+2),
  .p-content h3:nth-child(n+2),
  .p-content h4:nth-child(n+2),
  .p-content h2 + ul:nth-of-type(n + 2),
  .p-content h2 + ol:nth-of-type(n + 2),
  .p-content ol > li > ol:nth-of-type(n + 2),
  .p-content figure {
    margin-top: 1.875rem;
  }
}

.p-content img {
  width: auto;
}

.p-content figure.aligncenter,
.p-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
}

.p-content figure.alignright,
.p-content img.alignright {
  margin-left: auto;
}

.p-content > ol {
  counter-reset: number 0;
}

.p-content > ol > li {
  text-indent: -1rem;
  padding-left: 1.5rem;
}

.p-content > ol > li:nth-child(n+10) {
  text-indent: -1.5rem;
}

.p-content > ol > li::before {
  counter-increment: number 1;
  content: counter(number) ". ";
}

.p-content > ol > li > ol {
  counter-reset: number 0;
}

.p-content > ol > li > ol > li {
  text-indent: -1rem;
  padding-left: 1.5rem;
}

.p-content > ol > li > ol > li::before {
  counter-increment: number 1;
  content: counter(number, lower-alpha) ". ";
}

.p-content > ol > li > ol > li > ol {
  counter-reset: number 0;
}

.p-content > ol > li > ol > li > ol > li {
  padding-left: 1.375rem;
}

.p-content > ol > li > ol > li > ol > li:nth-child(1) {
  text-indent: -0.75rem;
}

.p-content > ol > li > ol > li > ol > li:nth-child(2) {
  text-indent: -1rem;
}

.p-content > ol > li > ol > li > ol > li:nth-child(n+3) {
  text-indent: -1.25rem;
}

.p-content > ol > li > ol > li > ol > li::before {
  counter-increment: number 1;
  content: counter(number, lower-roman) ". ";
}

.p-content ul > li {
  text-indent: -1em;
  padding-left: 1em;
}

.p-content ul > li::before {
  content: "・";
}

.p-content ul > li ol {
  counter-reset: number 0;
}

.p-content ul > li ol > li {
  text-indent: -2em;
  padding-left: 2em;
}

.p-content ul > li ol > li::before {
  counter-increment: number 1;
  content: "(" counter(number) ") ";
}

.p-content th {
  padding: 0.5rem 1rem;
  border: none;
  text-align: left;
}

.p-content td {
  padding: 0.5rem 1rem;
  border: none;
}

.p-content tr:nth-child(odd) th,
.p-content tr:nth-child(odd) td {
  background-color: #f9f9fb;
}

.p-content tr:nth-child(even) th,
.p-content tr:nth-child(even) td {
  background-color: #e5e8ed;
}

.p-content .wp-block-table thead {
  border-bottom: none;
}

.p-content figure.aligncenter,
.p-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.p-content figure.alignright,
.p-content img.alignright {
  margin-left: auto;
  float: none;
}

.p-content a {
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-decoration: underline;
}

.p-content .wp-block-group {
  padding: 1.5rem;
  background-color: #f7f8f8;
  border-radius: 1rem;
  font-size: max(1rem, 10px);
  font-weight: 300;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-content .wp-block-group {
    padding: 1.5rem 1.875rem;
  }
}

.p-footer {
  position: relative;
  z-index: 2;
  padding-bottom: 34.8125rem;
}
@media screen and (max-width: 767px) {
  .p-footer {
    padding-bottom: 13.3125rem;
  }
}

.p-footer__nav {
  padding-block: 2.875rem 3.125rem;
  background-color: #003894;
  color: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-footer__nav {
    padding-block: 2.1875rem 3.875rem;
  }
}

.p-footer__nav-list {
  max-width: 59.375rem;
  margin-inline: auto;
  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;
  border-bottom: 1px solid #fff;
  padding-bottom: 2.3125rem;
}
@media screen and (max-width: 767px) {
  .p-footer__nav-list {
    max-width: 20.3125rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 1.6875rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-bottom: 2.5rem;
  }
}

.p-footer__nav-item a {
  padding-inline: 1.0625rem;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-footer__nav-item a {
    padding-inline: 1.25rem;
  }
}

.p-footer__link-wrap {
  margin-top: 2.25rem;
  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.8125rem;
}
@media screen and (max-width: 767px) {
  .p-footer__link-wrap {
    margin-top: 2.5rem;
  }
}

.p-footer__link a.c-recruit-button {
  width: 25rem;
}
@media screen and (max-width: 767px) {
  .p-footer__link a.c-recruit-button {
    width: 20.375rem;
  }
}

.p-footer__info {
  padding-block: 3.125rem;
  position: relative;
  z-index: 2;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-footer__info {
    padding-block: 1.875rem;
  }
}

.p-footer__info-wrap {
  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: 3.75rem;
  padding-right: 2.6875rem;
}
@media screen and (max-width: 767px) {
  .p-footer__info-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.9375rem;
    padding-right: revert;
  }
}

.p-footer__logo {
  width: 14.9375rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-footer__logo {
    margin-left: -0.3125rem;
  }
}

.p-footer__logo img {
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  width: 100%;
}

.p-footer__company {
  font-size: max(1.125rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
}

.p-footer__address {
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1.625;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.p-footer__copy {
  margin-top: 2.9375rem;
  padding-left: 4.375rem;
}
@media screen and (max-width: 767px) {
  .p-footer__copy {
    margin-top: 3.4375rem;
    padding-left: revert;
  }
}

.p-footer__copy small {
  display: block;
  font-size: max(0.75rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 2.1666666667;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.p-footer__deco {
  width: 100%;
  height: 34.8125rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-footer__deco {
    height: 13.3125rem;
    overflow-x: clip;
  }
}

.p-footer__deco.is-fixed {
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  z-index: -1;
}

.p-footer__deco-img {
  width: 100%;
  height: inherit;
}

.p-footer__deco-img img {
  aspect-ratio: 1400/557;
  -o-object-fit: cover;
     object-fit: cover;
  height: inherit;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-footer__deco-img img {
    aspect-ratio: 375/213;
  }
}

.p-footer__deco-copy {
  position: absolute;
  top: 52%;
  left: 71.7%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-footer__deco-copy {
    width: 70%;
    left: initial;
    right: -0.9375rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.p-footer__deco-main-copy {
  font-size: max(2.25rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-footer__deco-main-copy {
    font-size: max(1.125rem, 10px);
    line-height: 1.2;
  }
}

.p-footer__deco-main-copy::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  background-image: url(../images/common/footer-bg-logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 12.5rem;
  height: auto;
  aspect-ratio: 200/183;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-footer__deco-main-copy::before {
    top: 50%;
    width: 5.625rem;
  }
}

.p-footer__deco-sub-copy {
  margin-top: 2.8125rem;
  font-size: max(1.5rem, 10px);
  font-weight: 500;
  line-height: 1.4166666667;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .p-footer__deco-sub-copy {
    margin-top: 1.4375rem;
    font-size: max(0.875rem, 10px);
  }
}

.p-footer__deco-en-copy {
  margin-top: 1.8125rem;
  font-size: max(1.125rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.38em;
  color: #002E8D;
}
@media screen and (max-width: 767px) {
  .p-footer__deco-en-copy {
    margin-top: 0.5rem;
    font-size: max(0.75rem, 10px);
    letter-spacing: 0.1em;
  }
}

.p-form__message {
  text-align: center;
}

.p-form__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.875rem;
  max-width: 50rem;
  margin-inline: auto;
  padding-block: 1.25rem;
  border-bottom: 1px solid #C3C3C3;
}
@media screen and (max-width: 767px) {
  .p-form__wrap {
    -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: flex-start;
    gap: 0.625rem;
    padding-block: 0.625rem;
  }
}

.p-form__wrap.p-form__wrap--textarea {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.p-form__label {
  max-width: 18.75rem;
  width: 100%;
  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;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-form__label {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 1.875rem;
  }
}

.p-form__wrap.p-form__wrap--textarea .p-form__label {
  margin-top: 0.625rem;
}

.u-required {
  display: inline-block;
  color: #FF003D;
  padding: 0.3125rem;
  border: 1px solid #FF003D;
  font-size: max(0.75rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}

.p-form__input,
.p-form__textarea {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}

.p-form__input input,
.p-form__textarea textarea {
  padding: 0.5rem 0.9375rem;
  width: 100%;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  border-radius: 0;
  background-color: #F4F4F4;
}

.p-form__textarea textarea {
  min-height: 12.5rem;
  field-sizing: content;
}

.p-contact__form-privacy {
  margin-top: 1.25rem;
  text-align: center;
}

.p-contact__form-checkbox-text.c-text {
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-contact__form-checkbox-text.c-text {
    max-width: 25.625rem;
    margin-inline: auto;
    font-size: max(0.75rem, 10px);
  }
}

.p-contact__form-checkbox-text.c-text a {
  text-decoration: underline;
  text-decoration-color: #333333;
  text-underline-offset: 1px;
  text-decoration-thickness: 1px;
}

.p-contact__form-privacy label {
  margin-top: 1.25rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-contact__form-privacy label {
    margin-top: 0.625rem;
  }
}

.p-contact__form-privacy input + span {
  position: relative;
  padding-left: 1.875rem;
  margin-left: 1.25rem;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-contact__form-privacy input + span {
    font-size: max(0.8125rem, 10px);
    padding-left: 1.5625rem;
    margin-left: -0.625rem;
  }
}

.p-contact__form-privacy input + span::before {
  content: "";
  position: absolute;
  top: 60%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border: 1px solid #333333;
}
@media screen and (max-width: 767px) {
  .p-contact__form-privacy input + span::before {
    top: 55%;
  }
}

.p-contact__form-privacy input + span::after {
  content: "";
  margin-top: -0.125rem;
  position: absolute;
  top: 60%;
  left: 0.25rem;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  display: block;
  width: 0.8125rem;
  height: 0.4375rem;
  border-bottom: 2px solid #333333;
  border-left: 2px solid #333333;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.p-contact__form-privacy input:checked + span::after {
  opacity: 1;
}

.p-form__submit-wrap {
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.875rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-form__submit-wrap {
    margin-top: 3.125rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-form__submit {
  text-align: center;
}

.p-form__submit input,
.p-form__submit-wrap a.c-button {
  width: 18.75rem;
  padding: 1.125rem 1.5rem;
  display: inline-block;
  font-size: max(1.125rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #002E8D;
  background-color: #fff;
  border: 1px solid #002E8D;
  text-align: center;
  border-radius: 2.375rem;
  cursor: pointer;
  -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.p-form__submit[data-button=return] input {
  color: #fff;
  background-color: #002E8D;
}

@media (any-hover: hover) {
  .p-form__submit input:hover,
  .p-form__submit-wrap a.c-button:hover {
    color: #fff;
    background-color: #002E8D;
  }
  .p-form__submit[data-button=return] input:hover {
    color: #002E8D;
    background-color: #fff;
  }
}
.wpcf7 form.invalid .wpcf7-response-output {
  border-color: #FF003D;
  border-radius: 0.625rem;
}

.wpcf7 form .wpcf7-response-output {
  padding: 1.875rem;
  text-align: center;
  font-size: max(1.25rem, 10px);
  color: #FF003D;
  line-height: 1;
  margin: 3.75rem 0 0;
}

.p-contact__form.p-form--confirm .p-form__contents {
  margin-top: 3.125rem;
}

.p-header {
  height: var(--header-height);
}

.p-header__inner {
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 6.25rem;
}
@media screen and (max-width: 767px) {
  .p-header__inner {
    padding: 0 0 0 0.6875rem;
  }
}

.p-header__logo {
  width: 12.1875rem;
  height: 12.1875rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-header__logo {
    width: 12.6875rem;
    height: 100%;
  }
}

.p-header__logo a {
  height: inherit;
  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;
}

.p-header__logo img {
  width: 10.625rem;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-header__logo img {
    width: 100%;
  }
}

.p-header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
}

.p-header__nav {
  display: block;
  height: inherit;
}
@media screen and (max-width: 767px) {
  .p-header__nav {
    display: none;
  }
}

.p-header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
}

.p-header__nav-item {
  height: inherit;
}

.p-header__nav-item:not(.p-header__nav-item--contact) a.is-current {
  color: #002E8D;
  pointer-events: none;
  cursor: default;
  position: relative;
}

.p-header__nav-item:not(.p-header__nav-item--contact) a.is-current::after {
  position: absolute;
  bottom: 0.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  background-color: #002E8D;
  width: 0.5625rem;
  height: 0.5625rem;
  border-radius: 50%;
}

.p-header__nav-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
  font-family: "Noto Sans JP", serif;
  font-size: max(1rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  padding-inline: 1.25rem;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

@media (any-hover: hover) {
  .p-header__nav-item a:hover {
    opacity: 1;
    color: #002E8D;
  }
}
.p-header__hamburger {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  width: auto;
  height: inherit;
  aspect-ratio: 1/1;
  background: var(--gradient);
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.p-header__hamburger.is-open {
  background-color: transparent;
}

.p-header__hamburger span {
  position: absolute;
  top: 50%;
  left: 40%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 2.125rem;
  height: 1px;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.p-header__hamburger span::before,
.p-header__hamburger span::after {
  position: absolute;
  left: 70%;
  content: "";
  display: block;
  width: 2.125rem;
  height: 1px;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.p-header__hamburger span::before {
  -webkit-transform: translate(-50%, -0.5625rem);
          transform: translate(-50%, -0.5625rem);
}

.p-header__hamburger span::after {
  -webkit-transform: translate(-50%, 0.5625rem);
          transform: translate(-50%, 0.5625rem);
}

.p-header__hamburger.is-open {
  opacity: 0;
  visibility: hidden;
}

.p-header__drawer {
  position: fixed;
  z-index: 900;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 20rem;
  background-color: #fff;
  overflow-y: scroll;
  scrollbar-width: none;
  background-color: #002E8D;
  padding-bottom: 3.125rem;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 767px) {
  .p-header__drawer {
    max-width: 18.75rem;
  }
}

.p-header__drawer.is-open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-header__drawer::-webkit-scrollbar {
  display: none;
}

.p-header__drawer-nav {
  background-color: #fff;
  padding-block: 1.875rem 3.375rem;
}

.p-header__drawer-list {
  max-width: 77.1875%;
  margin-inline: auto;
}

.p-header__drawer-item a {
  padding-inline: 0.8125rem;
  display: block;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 3.625;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #333333;
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.p-header__drawer-link-wrap {
  padding-top: 2.75rem;
  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.0625rem;
}

.p-header__drawer-link {
  max-width: 90.625%;
  margin-inline: auto;
}

.p-header__drawer-link .c-recruit-button::after {
  content: none;
}

.p-header__overlay {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(32, 32, 32, 0.8);
  z-index: 800;
  display: none;
}

.p-header__overlay-arrow {
  position: absolute;
  top: 3.125rem;
  right: 23.75rem;
  display: inline-block;
  width: 3.4375rem;
  height: 2px;
  border-radius: 9999px;
  background-color: #fff;
  z-index: 900;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 767px) {
  .p-header__overlay-arrow {
    right: 19.375rem;
    width: 2.5rem;
  }
}

.p-header__overlay.is-open .p-header__overlay-arrow {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-header__overlay-arrow::before,
.p-header__overlay-arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 1.5625rem;
  height: 2px;
  border-radius: 9999px;
  background-color: #fff;
  -webkit-transform-origin: calc(100% - 1px) 50%;
          transform-origin: calc(100% - 1px) 50%;
}
@media screen and (max-width: 767px) {
  .p-header__overlay-arrow::before,
  .p-header__overlay-arrow::after {
    width: 1.25rem;
  }
}

.p-header__overlay-arrow::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.p-header__overlay-arrow::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media (any-hover: hover) {
  .p-header__drawer-item a:hover {
    color: #002E8D;
    opacity: 1;
  }
}
.p-maintenance-intro__lead {
  margin-top: 4.125rem;
  font-size: max(1.625rem, 10px);
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-maintenance-intro__lead {
    margin-top: 2.5rem;
    font-size: max(1.25rem, 10px);
    line-height: 1.5;
  }
}

.p-maintenance-intro__lead span {
  color: #002E8D;
  border-bottom: 2px solid #8B0941;
}

.p-maintenance-intro__text {
  margin-top: 2.1875rem;
  text-align: center;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 2.125;
}
@media screen and (max-width: 767px) {
  .p-maintenance-intro__text {
    margin-top: 1.25rem;
    font-size: max(0.875rem, 10px);
    text-align: left;
  }
}

.p-maintenance-problem {
  position: relative;
  padding-bottom: 2.1875rem;
}

@media screen and (max-width: 767px) {
  .p-maintenance-problem__inner.l-inner {
    padding-inline: 0.9375rem;
  }
}

.p-maintenance-problem::after {
  position: absolute;
  content: "";
  background-color: #EEF7FB;
  top: 4.0625rem;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
}
@media screen and (max-width: 767px) {
  .p-maintenance-problem::after {
    top: 4.6875rem;
  }
}

.p-maintenance-problem__contents {
  margin-top: 4.375rem;
}
@media screen and (max-width: 767px) {
  .p-maintenance-problem__contents {
    margin-top: 3.25rem;
  }
}

.p-maintenance-problem__balloons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 2.8125rem 5rem;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .p-maintenance-problem__balloons {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 3.1875rem;
  }
}

.p-maintenance-problem__balloon {
  font-size: max(1.125rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  line-height: 1.6666666667;
  padding: 0.9375rem 1.5625rem;
  background-color: #fff;
  border-radius: 0.625rem;
  -webkit-filter: drop-shadow(0 0.25rem 0.25rem rgba(185, 210, 238, 0.6));
          filter: drop-shadow(0 0.25rem 0.25rem rgba(185, 210, 238, 0.6));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-maintenance-problem__balloon {
    width: 100%;
    text-align: center;
  }
}

.p-maintenance-problem__balloon::after {
  position: absolute;
  content: "";
  bottom: -1.75rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
  width: 2.1875rem;
  height: 1.875rem;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.p-maintenance-problem__balloon:nth-child(1) {
  grid-area: 1/1/2/3;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-maintenance-problem__balloon:nth-child(1) {
    grid-area: initial;
  }
}

.p-maintenance-problem__balloon:nth-child(2) {
  grid-area: 2/1/3/2;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-maintenance-problem__balloon:nth-child(2) {
    grid-area: initial;
    margin-inline: auto;
  }
}

.p-maintenance-problem__balloon:nth-child(3) {
  grid-area: 2/2/3/3;
}
@media screen and (max-width: 767px) {
  .p-maintenance-problem__balloon:nth-child(3) {
    grid-area: initial;
  }
}

.p-maintenance-problem__balloon:nth-child(4) {
  grid-area: 3/1/4/2;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-maintenance-problem__balloon:nth-child(4) {
    grid-area: initial;
    margin-inline: auto;
  }
}

.p-maintenance-problem__balloon:nth-child(5) {
  grid-area: 3/2/4/3;
}
@media screen and (max-width: 767px) {
  .p-maintenance-problem__balloon:nth-child(5) {
    grid-area: initial;
  }
}

.p-maintenance-problem__img {
  margin-top: 1.875rem;
  width: 27.3913043478%;
  margin-inline: auto;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-maintenance-problem__img {
    margin-top: 3.5625rem;
    width: 16.5625rem;
  }
}

.p-maintenance-problem__img img {
  aspect-ratio: 315/250;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
}

.p-maintenance-report__contents {
  margin-top: 3.625rem;
  max-width: 54.1875rem;
  margin-inline: auto;
  display: grid;
  gap: 3.3125rem;
  grid-template-columns: 1fr 15rem;
}
@media screen and (max-width: 767px) {
  .p-maintenance-report__contents {
    margin-top: 1.875rem;
    grid-template-columns: 1fr;
    gap: 1.875rem;
  }
}

.p-maintenance-report__text {
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 2.125;
}
@media screen and (max-width: 767px) {
  .p-maintenance-report__text {
    font-size: max(0.875rem, 10px);
  }
}

.p-maintenance-report__text span {
  color: #002E8D;
  font-weight: 700;
}

.p-maintenance-report__img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-maintenance-report__img {
    max-width: 25rem;
    margin-inline: auto;
  }
}

.p-maintenance-report__img img {
  aspect-ratio: 240/312;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
}

.p-maintenance-support {
  overflow-x: clip;
}

.p-maintenance-support__list {
  margin-top: 3.125rem;
  max-width: 63.125rem;
  margin-inline: auto;
  display: grid;
  gap: 2.5rem 2rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .p-maintenance-support__list {
    margin-top: 1.875rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5625rem;
  }
}

.p-maintenance-support__item {
  -webkit-box-shadow: 0.25rem 0.25rem 0.875rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.25rem 0.25rem 0.875rem rgba(0, 0, 0, 0.1);
  padding-block: 2.1875rem 3.125rem;
  padding-inline: 1.6875rem;
}
@media screen and (max-width: 767px) {
  .p-maintenance-support__item {
    padding: 1.875rem 1.25rem;
  }
}

.p-maintenance-support__heading {
  font-size: max(1.625rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #002E8D;
  text-align: center;
  padding-bottom: 2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-maintenance-support__heading {
    font-size: max(1.25rem, 10px);
    padding-bottom: 1.25rem;
  }
}

.p-maintenance-support__heading::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  width: 6.8125rem;
  height: 1px;
  background-color: currentColor;
}

.p-maintenance-support__text {
  margin-top: 1.875rem;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-maintenance-support__text {
    margin-top: 1.25rem;
    font-size: max(0.875rem, 10px);
  }
}

.p-maintenance-support__text span {
  color: #8B0941;
}

.p-maintenance-support__img-wrap {
  margin-top: 5rem;
  margin-inline: calc(50% - 50vw);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-maintenance-support__img-wrap {
    margin-top: 3.625rem;
  }
}

.p-maintenance-support__img-wrap::before {
  position: absolute;
  content: "";
  top: -3.125rem;
  width: 100%;
  height: 6.25rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 100%);
}

.p-maintenance-support__img {
  width: 100%;
  height: auto;
}

.p-maintenance-support__img img {
  aspect-ratio: 700/367;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .p-news-list {
    width: 95.3846153846%;
    margin-inline: auto;
  }
}

.p-news-list__item a {
  display: block;
  padding-block: 2rem 1.75rem;
  padding-right: 1.25rem;
  border-bottom: 1px solid #C9C9C9;
}
@media screen and (max-width: 767px) {
  .p-news-list__item a {
    padding-block: 1.875rem 1.25rem;
    padding-inline: 0.4375rem;
  }
}

.p-news-list__item:first-child a {
  padding-top: 0;
}

.p-news-list__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5625rem;
}

.p-news-list__date {
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}

.p-news-list__cat-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}

.p-news-list__cat {
  font-size: max(0.875rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  background-color: #54BEEB;
  border-radius: 1.9375rem;
  padding: 0.5rem 1.25rem;
}

.p-news-list__title {
  margin-top: 1.375rem;
  font-size: max(1.125rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #002E8D;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-news-list__title {
    -webkit-line-clamp: 2;
    line-height: 1.4444444444;
  }
}

.p-news-list__text {
  margin-top: 0.9375rem;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1.5625;
  letter-spacing: 0.05em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-news-list__text {
    margin-top: 0.375rem;
    -webkit-line-clamp: 1;
  }
}

.p-news-list__link {
  margin-top: 1.25rem;
  padding-right: 1.25rem;
  font-size: max(0.875rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #54BEEB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .p-news-list__link {
    margin-top: 0.875rem;
    padding-right: 0.625rem;
    gap: 0.9375rem;
  }
}

.p-news-list__link::after {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  margin-top: 0.625rem;
}

.p-opening-program__title .c-sub-section-title__ja {
  line-height: 1.4333333333;
}

.p-opening-program__contents {
  margin-top: 2.5rem;
  max-width: 62.8125rem;
  margin-inline: auto;
  display: grid;
  gap: 4.3125rem;
  grid-template-columns: 1fr 43.7810945274%;
}
@media screen and (max-width: 767px) {
  .p-opening-program__contents {
    margin-top: 1.875rem;
    grid-template-columns: 1fr;
    gap: 1.875rem;
  }
}

.p-opening-program__text {
  padding-top: 0.25rem;
  padding-left: 1.5rem;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 2.125;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-opening-program__text {
    padding: 0;
    font-size: max(0.875rem, 10px);
  }
}

.p-opening-program__text span {
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  color: #002E8D;
  line-height: 1.8888888889;
}

.p-opening-program__img {
  width: 100%;
  height: auto;
}

.p-opening-program__img img {
  aspect-ratio: 440/300;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
}

.p-opening-support__intro {
  margin-top: 3.3125rem;
  font-size: max(1rem, 10px);
  font-weight: 500;
  font-family: "Noto Sans JP", serif;
  line-height: 2.125;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-opening-support__intro {
    margin-top: 2.5rem;
    font-size: max(0.875rem, 10px);
    text-align: left;
  }
}

.p-opening-support__intro span {
  color: #002E8D;
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  line-height: 1.8888888889;
}
@media screen and (max-width: 767px) {
  .p-opening-support__intro span {
    font-size: max(1rem, 10px);
  }
}

.p-opening-support__list {
  margin-top: 5rem;
  max-width: 55rem;
  margin-inline: auto;
  padding-left: 7.875rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-opening-support__list {
    margin-top: 3.125rem;
    padding-left: 2.5rem;
  }
}

.p-opening-support__list::before {
  content: "";
  position: absolute;
  left: 5.5rem;
  top: 0.75rem;
  width: 1px;
  height: 94.5%;
  background-color: #002E8D;
}
@media screen and (max-width: 767px) {
  .p-opening-support__list::before {
    left: 0.9375rem;
  }
}

.p-opening-support__item {
  position: relative;
  padding-block: 3.25rem 3.1875rem;
  padding-right: 1.875rem;
  border-bottom: 1px solid #D9D9D9;
}
@media screen and (max-width: 767px) {
  .p-opening-support__item {
    padding-right: 0.625rem;
    padding-block: 1.875rem;
  }
}

.p-opening-support__item:first-child {
  padding-top: 0;
}

.p-opening-support__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.p-opening-support__heading {
  font-size: max(1.375rem, 10px);
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #002E8D;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-opening-support__heading {
    font-size: max(1.125rem, 10px);
  }
}

.p-opening-support__heading::before {
  content: "";
  position: absolute;
  left: -4rem;
  top: -1rem;
  width: 3.5rem;
  height: auto;
  aspect-ratio: 1/1;
  background-color: #D3EEF4;
  border-radius: 50%;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-opening-support__heading::before {
    left: -2.75rem;
    top: -0.3125rem;
    width: 2.5rem;
  }
}

.p-opening-support__heading::after {
  content: "";
  position: absolute;
  left: -2.8125rem;
  top: 0.25rem;
  width: 0.875rem;
  height: auto;
  aspect-ratio: 1/1;
  background-color: #002E8D;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .p-opening-support__heading::after {
    left: -1.875rem;
    top: 0.625rem;
    width: 0.75rem;
  }
}

.p-opening-support__text {
  padding-left: 2.3125rem;
  margin-top: 0.3125rem;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 2.125;
  min-height: 4.75rem;
}
@media screen and (max-width: 767px) {
  .p-opening-support__text {
    padding-left: 0.9375rem;
    font-size: max(0.875rem, 10px);
  }
}

.p-privacy__inner.l-inner {
  max-width: 62.5rem;
}
@media screen and (max-width: 767px) {
  .p-privacy__inner.l-inner {
    max-width: 40.625rem;
  }
}

.p-privacy__list {
  margin-top: 3.125rem;
  padding-inline: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-privacy__list {
    margin-top: 1.875rem;
    padding-inline: 0;
    container-type: inline-size;
  }
}

.p-privacy__item + .p-privacy__item {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-privacy__item + .p-privacy__item {
    margin-top: 1.875rem;
  }
}

@container (max-width: 400px) {
  .p-privacy__heading span {
    display: block;
    padding-left: 3.125rem;
  }
}
.p-privacy__text {
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-privacy__text {
    margin-top: 0.625rem;
  }
}

.p-privacy__sub-item {
  position: relative;
  text-indent: -1em;
  padding-left: 1em;
}

.p-privacy__sub-item::before {
  content: "・";
}

.p-seminars__contents {
  margin-top: 1.875rem;
}

.p-seminars__text {
  text-align: center;
}

.p-seminars__wrap {
  margin-top: 1.875rem;
  display: grid;
  gap: 2.5rem 1.875rem;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
  .p-seminars__wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem 0.9375rem;
  }
}

.p-seminars__article a {
  cursor: pointer;
  height: 100%;
  display: block;
}

.p-seminars__img {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.p-seminars__img img {
  aspect-ratio: 25/35;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.p-seminars__meta {
  margin-top: 1.25rem;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-seminars__meta {
    font-size: max(0.875rem, 10px);
  }
}

.p-seminars__meta span {
  font-size: max(0.875rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  background-color: #54BEEB;
  border-radius: 1.9375rem;
  padding: 0.3125rem 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-seminars__meta span {
    font-size: max(0.75rem, 10px);
    padding: 0.25rem 0.5rem;
  }
}

.p-seminars__heading {
  margin-top: 0.9375rem;
  font-size: max(1.25rem, 10px);
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #171C61;
}
@media screen and (max-width: 767px) {
  .p-seminars__heading {
    margin-top: 0.625rem;
    font-size: max(1.125rem, 10px);
  }
}

@media (any-hover: hover) {
  .p-seminars__article a:hover {
    opacity: 1;
  }
  .p-seminars__article a:hover .p-seminars__img img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.p-single__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5625rem;
}

.p-single__date {
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}

.p-single__cat-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}

.p-single__cat {
  font-size: max(0.875rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  background-color: #54BEEB;
  border-radius: 1.9375rem;
  padding: 0.5rem 1.25rem;
}

.p-single__title {
  margin-top: 1.375rem;
  font-size: max(1.375rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #002E8D;
}
@media screen and (max-width: 767px) {
  .p-single__title {
    font-size: max(1.25rem, 10px);
  }
}

.p-single__content {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .p-single__content {
    margin-top: 1.875rem;
  }
}

.p-single__nav {
  margin-top: 5rem;
  padding-top: 1.875rem;
  border-top: 1px solid #ACACAC;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-single__nav {
    margin-top: 3.125rem;
  }
}

.p-single__nav-prev a,
.p-single__nav-next a,
.p-single__nav-center a {
  display: inline-block;
  font-size: max(1rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  padding: 0.625rem;
}
@media screen and (max-width: 767px) {
  .p-single__nav-prev a,
  .p-single__nav-next a,
  .p-single__nav-center a {
    font-size: max(0.875rem, 10px);
  }
}

.p-single__nav-prev {
  position: absolute;
  left: 0;
  bottom: 0;
}

.p-single__nav-next {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (any-hover: hover) {
  .p-single__nav-prev a:hover,
  .p-single__nav-next a:hover,
  .p-single__nav-center a:hover {
    color: #002E8D;
    opacity: 1;
  }
}
.p-sub-mv {
  position: relative;
  z-index: 0;
}

.p-sub-mv::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1440/140;
  background-image: url(../images/common/sub-mv-bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-sub-mv::after {
    aspect-ratio: 375/62;
    background-image: url(../images/common/sub-mv-bg-sp.webp);
  }
}

.p-sub-mv__title-wrap {
  max-width: 63.125rem;
  margin-inline: auto;
  padding-bottom: 4.75rem;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__title-wrap {
    padding-bottom: 3.875rem;
  }
}

.p-sub-mv__title-en {
  padding-left: 0.3125rem;
  font-size: max(1rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #002E8D;
  text-transform: capitalize;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__title-en {
    padding-left: 0.5rem;
  }
}

.p-sub-mv__title-ja {
  margin-top: 1.5rem;
  font-size: max(2.75rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-sub-mv__title-ja {
    padding-left: 0.25rem;
    margin-top: 1rem;
    font-size: max(1.875rem, 10px);
  }
}

.p-top-about {
  padding-block: 4.25rem 5.6875rem;
  background-color: #EEF7FB;
}
@media screen and (max-width: 767px) {
  .p-top-about {
    padding-block: 4.0625rem 3.75rem;
  }
}

.p-top-about__inner.l-inner {
  max-width: 78.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-about__inner.l-inner {
    max-width: 40.625rem;
    padding-inline: 0.75rem;
  }
}

.p-top-about__title .c-section-title__ja {
  margin-top: -0.8125rem;
  font-size: max(2rem, 10px);
}
@media screen and (max-width: 767px) {
  .p-top-about__title .c-section-title__ja {
    margin-top: -0.625rem;
    font-size: max(1.5rem, 10px);
  }
}

.p-top-about__cards {
  margin-top: 3.125rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .p-top-about__cards {
    margin-top: 2.1875rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
  }
}

.p-top-about__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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.p-top-about__img {
  width: 100%;
  height: auto;
}

.p-top-about__img img {
  aspect-ratio: 385/245;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
}

.p-top-about__body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: -1.25rem;
  width: 91.6883116883%;
  margin-inline: auto;
  background-color: #fff;
  padding-block: 4.375rem 2.5rem;
  padding-inline: 1.875rem;
  position: relative;
  -webkit-box-shadow: 0 0 0.625rem #91CEE8;
          box-shadow: 0 0 0.625rem #91CEE8;
}
@media screen and (max-width: 767px) {
  .p-top-about__body {
    padding-block: 4.1875rem 2.0625rem;
    padding-inline: 1.0625rem;
  }
}

.p-top-about__body::before {
  position: absolute;
  content: "";
  top: -1.875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url(../images/top/about-icon01.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 4.5rem;
  height: auto;
  aspect-ratio: 1/1;
}

.p-top-about__title {
  font-size: max(1.75rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  color: #171C61;
}

.p-top-about__text {
  margin-top: 1.625rem;
  font-family: "Noto Sans JP", serif;
  font-size: max(1rem, 10px);
  font-weight: 500;
  line-height: 1.5625;
}
@media screen and (max-width: 767px) {
  .p-top-about__text {
    margin-top: 2.1875rem;
  }
}

.p-top-about__button {
  margin-top: 1.1875rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-about__button {
    margin-top: 1.625rem;
  }
}

.p-top-about__button a.c-button {
  width: 11.3125rem;
}

.p-top-about__cards-sub {
  margin-top: 4.125rem;
  display: grid;
  gap: 1.5625rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .p-top-about__cards-sub {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
  }
}

.p-top-about__cards-sub .p-top-about__body {
  margin-top: revert;
  width: 100%;
  padding-block: 1.875rem 2.0625rem;
  padding-inline: 3.3125rem 1.5625rem;
}
@media screen and (max-width: 767px) {
  .p-top-about__cards-sub .p-top-about__body {
    width: 91.6883116883%;
    padding-block: 4.1875rem 2.0625rem;
    padding-inline: 1.0625rem;
    position: relative;
  }
}

.p-top-about__cards-sub .p-top-about__body::before {
  content: none;
}
@media screen and (max-width: 767px) {
  .p-top-about__cards-sub .p-top-about__body::before {
    content: "";
    position: absolute;
    top: -1.875rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 4.5rem;
    background-image: url(../images/top/about-icon04.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: auto;
    aspect-ratio: 1/1;
  }
}

.p-top-about__cards-sub .p-top-about__title {
  text-align: left;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0625rem;
}
@media screen and (max-width: 767px) {
  .p-top-about__cards-sub .p-top-about__title {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-top-about__cards-sub .p-top-about__title::before {
  content: "";
  background-image: url(../images/top/about-icon04.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 3.75rem;
  height: auto;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .p-top-about__cards-sub .p-top-about__title::before {
    content: none;
  }
}

.p-top-about__cards-sub .p-top-about__text {
  margin-top: 1.375rem;
}

.p-top-about__cards-sub .p-top-about__button {
  margin-top: 1.5rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .p-top-about__cards-sub .p-top-about__button {
    text-align: center;
  }
}

.p-top-about__cards-sub .p-top-about__button a.c-button {
  width: 9.25rem;
}

.p-top-about__card:nth-child(2) .p-top-about__body::before {
  background-image: url(../images/top/about-icon02.webp);
}

.p-top-about__card:nth-child(3) .p-top-about__body::before {
  background-image: url(../images/top/about-icon03.webp);
}

.p-top-about__card-sub:nth-child(2) .p-top-about__title::before {
  background-image: url(../images/top/about-icon05.webp);
}

.p-top-mv {
  position: relative;
}

.p-top-mv__img {
  width: 100%;
  height: 100vh;
  min-height: 25rem;
}
@media screen and (max-width: 767px) {
  .p-top-mv__img {
    height: calc(100vh - var(--header-height));
    height: 70vh;
  }
}

.p-top-mv__img img {
  aspect-ratio: 1400/720;
  -o-object-fit: cover;
     object-fit: cover;
  height: inherit;
  min-height: inherit;
  width: 100%;
  -o-object-position: right;
     object-position: right;
}
@media screen and (max-width: 767px) {
  .p-top-mv__img img {
    -o-object-position: top;
       object-position: top;
  }
}

.p-top-mv__copy {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-top-mv__copy {
    top: 60%;
  }
}

@media screen and (max-width: 767px) {
  .p-top-mv__inner.l-inner {
    padding-left: 0.625rem;
  }
}

.p-top-mv__since {
  font-size: max(3.25rem, 10px);
  font-style: italic;
  font-weight: 500;
  line-height: 1;
  text-shadow: 0 0 0.75rem black;
  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.3125rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top-mv__since {
    font-size: max(2.625rem, 10px);
  }
}

.p-top-mv__since span {
  font-size: max(1.5rem, 10px);
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-top-mv__since span {
    font-size: max(1.3125rem, 10px);
  }
}

.p-top-mv__since::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  background-image: url(../images/top/top-mv-logo.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 12.5rem;
  height: auto;
  aspect-ratio: 200/183;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-top-mv__since::before {
    width: 8.4375rem;
  }
}

.p-top-mv__main-copy {
  margin-top: 2.1875rem;
  font-size: max(2.5rem, 10px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-shadow: 0 0 0.75rem black;
}
@media screen and (max-width: 767px) {
  .p-top-mv__main-copy {
    margin-top: 3.4375rem;
    font-size: max(1.3125rem, 10px);
    line-height: 1.4;
  }
}

.p-top-mv__sub-copy {
  margin-top: 1.25rem;
  font-size: max(1.125rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.38em;
  text-shadow: 0 0 0.6875rem black;
}
@media screen and (max-width: 767px) {
  .p-top-mv__sub-copy {
    margin-top: 0.75rem;
    font-size: max(0.9375rem, 10px);
    letter-spacing: 0.2em;
  }
}

.p-top-mv__link {
  position: absolute;
  right: 0;
  bottom: 2.875rem;
}
@media screen and (max-width: 767px) {
  .p-top-mv__link {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    right: revert;
    bottom: -3.25rem;
  }
}

.p-top-news__inner.l-inner {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: 1fr 62%;
}
@media screen and (max-width: 767px) {
  .p-top-news__inner.l-inner {
    grid-template-columns: 1fr;
  }
}

.p-top-news__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 0.625rem;
  padding-left: 4.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-news__head {
    display: contents;
  }
}

.p-top-news__en {
  font-size: max(2.375rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  position: relative;
}

.p-top-news__en::after {
  position: absolute;
  content: "";
  bottom: -0.875rem;
  left: 0;
  width: 3.25rem;
  height: 2px;
  background: var(--gradient-deco-right);
}
@media screen and (max-width: 767px) {
  .p-top-news__en::after {
    bottom: -0.9375rem;
  }
}

.p-top-news__ja {
  margin-top: 2.3125rem;
  font-size: max(1rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-top-news__ja {
    margin-top: 2.375rem;
  }
}

.p-top-news__more {
  margin-top: 3.25rem;
  max-width: 13.4375rem;
}
@media screen and (max-width: 767px) {
  .p-top-news__more {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 2.1875rem;
    width: 13.4375rem;
    margin-inline: auto;
  }
}

.p-top-vision {
  overflow-x: clip;
}

.p-top-vision__title .c-section-title__ja {
  margin-top: -0.3125rem;
}

.p-top-vision__text-wrap {
  margin-top: 2.1875rem;
}
@media screen and (max-width: 767px) {
  .p-top-vision__text-wrap {
    margin-top: 2.3125rem;
  }
}

.p-top-vision__text + .p-top-vision__text {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-top-vision__text + .p-top-vision__text {
    margin-top: 1.75rem;
  }
}

.p-top-vision__text {
  font-size: max(1.125rem, 10px);
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  line-height: 1.7222222222;
  letter-spacing: 0.05em;
  color: #333333;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-vision__text {
    font-size: max(1rem, 10px);
    line-height: 1.75;
  }
}

.p-top-vision__text span {
  color: #002E8D;
}

.p-top-vision__img-wrap {
  margin-top: 4.4375rem;
  margin-inline: calc(50% - 50vw);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top-vision__img-wrap {
    margin-top: 3.625rem;
  }
}

.p-top-vision__img-wrap::after {
  content: "";
  position: absolute;
  top: -11.4583333333vw;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1440/165;
  background-image: url(../images/common/decoration.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.p-top-vision__img-wrap::before {
  position: absolute;
  content: "";
  top: -3.125rem;
  width: 100%;
  height: 6.25rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 100%);
}

.p-top-vision__img {
  width: 100%;
  height: auto;
}

.p-top-vision__img img {
  aspect-ratio: 700/367;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
}

.js-fadein {
  opacity: 0;
  -webkit-transform: translateY(2.5rem);
          transform: translateY(2.5rem);
  -webkit-transition: opacity 2s cubic-bezier(0.2, 0.6, 0.2, 1), -webkit-transform 1s cubic-bezier(0.2, 0.6, 0.2, 1);
  transition: opacity 2s cubic-bezier(0.2, 0.6, 0.2, 1), -webkit-transform 1s cubic-bezier(0.2, 0.6, 0.2, 1);
  transition: opacity 2s cubic-bezier(0.2, 0.6, 0.2, 1), transform 1s cubic-bezier(0.2, 0.6, 0.2, 1);
  transition: opacity 2s cubic-bezier(0.2, 0.6, 0.2, 1), transform 1s cubic-bezier(0.2, 0.6, 0.2, 1), -webkit-transform 1s cubic-bezier(0.2, 0.6, 0.2, 1);
}

.js-fadein.is-scrolled {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

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

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