@charset "UTF-8";
.l-wrapper {
  display: block;
  width: 100%;
  min-height: 100vh;
  margin-inline: auto;
  position: relative;
  opacity: 1;
  padding-top: constant(safe-area-inset-top);
  padding-right: constant(safe-area-inset-right);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-left: constant(safe-area-inset-left);
}

.l-main {
  display: block;
  position: relative;
}

.occupation-firstview__container, .occupation-introduce__container, .occupation-customer__container, .occupation-industrial__container, .benefit-firstview__container, .benefit-point__container, .interview-firstview__container, .interview-content__container, .interview-relation__container, .project-firstview__container, .project-relation__container, .industrial-content__container, .home-industrial-gas__container, .home-occupation__container, .home-interview__container, .home-project__container, .home-benefit__container {
  max-width: calc(var(--container-width) + var(--container-padding) * 2);
  padding-inline: var(--container-padding);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .occupation-firstview__container, .occupation-introduce__container, .occupation-customer__container, .occupation-industrial__container, .benefit-firstview__container, .benefit-point__container, .interview-firstview__container, .interview-content__container, .interview-relation__container, .project-firstview__container, .project-relation__container, .industrial-content__container, .home-industrial-gas__container, .home-occupation__container, .home-interview__container, .home-project__container, .home-benefit__container {
    padding-inline: var(--container-padding-sm);
  }
}

.recruit-layout__container, .entry-conversion__container, .entry-recruit-conversion__container, .project-profile__container, .home-firstview__container, .home-about__container, .footer-navigation__container {
  max-width: var(--container-width-full);
  margin-inline: auto;
}

.entry-conversion__button, .home-industrial-gas__button, .home-occupation__button, .home-benefit__button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 12px 12px 16px;
  border-radius: 8px;
  background: var(--color-main);
  font-size: calc(18 / 16 * 1rem);
  font-weight: var(--font-medium);
  line-height: 1.2;
  text-align: center;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-duration: transform;
}
@media (max-width: 767px) {
  .entry-conversion__button, .home-industrial-gas__button, .home-occupation__button, .home-benefit__button {
    gap: 5px;
    padding: 6.5px 9px 6.5px 12px;
    font-size: calc(16 / 16 * 1rem);
  }
}
.entry-conversion__button > svg, .home-industrial-gas__button > svg, .home-occupation__button > svg, .home-benefit__button > svg {
  display: block;
  width: 22px;
  aspect-ratio: 22/17;
  fill: currentColor;
  transition: inherit;
  transition-duration: inherit;
}
@media (max-width: 767px) {
  .entry-conversion__button > svg, .home-industrial-gas__button > svg, .home-occupation__button > svg, .home-benefit__button > svg {
    width: 18px;
  }
}
@media (hover: hover) {
  .entry-conversion__button:hover, .home-industrial-gas__button:hover, .home-occupation__button:hover, .home-benefit__button:hover {
    opacity: 0.75;
    box-shadow: 0px 0px 16px 0px rgba(255, 255, 255, 0.5019607843) inset;
  }
  .entry-conversion__button:hover > svg, .home-industrial-gas__button:hover > svg, .home-occupation__button:hover > svg, .home-benefit__button:hover > svg {
    transform: translateX(20%);
  }
}

.recruit-faq__item__trigger, .occupation-map__button, .home-industrial-gas__indicator__arrow button, .home-interview__indicator__arrow button, .modal-close-content, .modal-close-youtube,
.modal-close-home-occupation, .navigation-content__menubar__button, .header-main__menubar__button, .header-fixed__menubar__button {
  border: none;
  cursor: pointer;
  font: inherit;
  font-family: var(--font-family-base);
  background: transparent;
  margin: 0;
  padding: 0;
}

.recruit-layout__heading, .occupation-firstview__heading, .occupation-industrial__inner__heading__label, .benefit-firstview__heading, .interview-firstview__heading, .project-firstview__heading, .industrial-content__heading__label, .home-about__heading__label, .home-industrial-gas__heading__label, .home-occupation__heading__label, .home-interview__label, .home-project__heading__label, .home-benefit__heading__label,
.c-heading-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .recruit-layout__heading, .occupation-firstview__heading, .occupation-industrial__inner__heading__label, .benefit-firstview__heading, .interview-firstview__heading, .project-firstview__heading, .industrial-content__heading__label, .home-about__heading__label, .home-industrial-gas__heading__label, .home-occupation__heading__label, .home-interview__label, .home-project__heading__label, .home-benefit__heading__label,
  .c-heading-title {
    gap: 6px;
    font-size: calc(19 / 16 * 1rem);
  }
}
.recruit-layout__heading svg, .occupation-firstview__heading svg, .occupation-industrial__inner__heading__label svg, .benefit-firstview__heading svg, .interview-firstview__heading svg, .project-firstview__heading svg, .industrial-content__heading__label svg, .home-about__heading__label svg, .home-industrial-gas__heading__label svg, .home-occupation__heading__label svg, .home-interview__label svg, .home-project__heading__label svg, .home-benefit__heading__label svg,
.c-heading-title svg {
  display: block;
  width: 30px;
  aspect-ratio: 24/18;
  fill: currentColor;
}

.occupation-industrial__inner__heading__title__inner, .home-benefit__heading__title__inner,
.c-heading-ribbon {
  display: inline;
  padding: 6px 8px;
  background: var(--color-white);
  font-size: calc(32 / 16 * 1rem);
  line-height: 1.8;
  letter-spacing: 0.04em;
  color: var(--color-text-black);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media (max-width: 767px) {
  .occupation-industrial__inner__heading__title__inner, .home-benefit__heading__title__inner,
  .c-heading-ribbon {
    padding: 0 8px;
    font-size: calc(25 / 16 * 1rem);
    line-height: 1.26;
  }
}
.occupation-industrial__inner__heading__title__inner > *, .home-benefit__heading__title__inner > *,
.c-heading-ribbon > * {
  display: inline;
}

.header-main__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 20px 32px;
}
@media (max-width: 767px) {
  .header-main__inner {
    padding: 0 0 16px;
  }
}
.header-main__logo {
  display: flex;
  align-items: end;
  gap: 44px;
}
@media (max-width: 767px) {
  .header-main__logo {
    flex-direction: column;
    align-items: start;
    gap: 17px;
    padding: 17px 17px 0;
  }
}
.header-main__logo__mark {
  width: auto;
  margin-block: auto;
  font-size: 0;
}
.header-main__logo__mark a {
  display: block;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (hover: hover) {
  .header-main__logo__mark a:hover {
    opacity: 0.75;
  }
}
.header-main__logo__mark picture,
.header-main__logo__mark img {
  display: inline-block;
  width: auto;
  height: 44px;
}
@media (max-width: 767px) {
  .header-main__logo__mark picture,
  .header-main__logo__mark img {
    height: 33px;
  }
}
.header-main__logo__text {
  display: inline-block;
  font-size: 0;
}
.header-main__logo__text picture,
.header-main__logo__text img {
  display: block;
  width: auto;
  height: 13px;
}
@media (max-width: 767px) {
  .header-main__logo__text picture,
  .header-main__logo__text img {
    height: 10px;
  }
}
.header-main__menu {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0 16px;
}
.header-main__entry {
  transition: 0.5s ease;
  transition-property: opacity;
}
@media (max-width: 767px) {
  .header-main__entry {
    width: 93px;
  }
}
.header-main__entry a {
  display: block;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity;
}
@media (hover: hover) {
  .header-main__entry a:hover {
    opacity: 0.75;
  }
}
.header-main__entry picture,
.header-main__entry img {
  display: block;
}
@media (max-width: 767px) {
  .header-main__entry picture,
  .header-main__entry img {
    width: 100%;
  }
}
.navigation-open .header-main__entry {
  opacity: 0;
}
.header-main__menubar__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .header-main__menubar__button {
    width: 32px;
  }
}
.header-main__menubar__button__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  aspect-ratio: 1/1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .header-main__menubar__button__inner {
    width: 26px;
  }
}
.header-main__menubar__button__inner svg {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 40/32;
  fill: var(--color-white);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform;
}
.page-industrialgas .header-main__menubar__button__inner svg {
  fill: var(--color-text-black);
}
.is-active .page-industrialgas .header-main__menubar__button__inner svg {
  fill: var(--color-white);
}
.is-active .header-main__menubar__button__inner svg {
  aspect-ratio: 38/30;
  fill: var(--color-white);
}
@media (hover: hover) {
  .header-main__menubar__button:hover:not(.is-active) .header-main__menubar__button__inner svg {
    transform: translateX(20%);
  }
  .header-main__menubar__button:hover.is-active .header-main__menubar__button__inner svg {
    transform: scale(0.9);
  }
}

.header-fixed {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 14px;
  right: 8px;
  z-index: var(--z-header-fixed);
}
@media (max-width: 767px) {
  .header-fixed {
    top: 7px;
    right: 8px;
  }
}
.header-fixed__inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 24px;
  border-radius: 40px;
  background: #008aa2;
  filter: drop-shadow(0px 16px 16px rgba(153, 211, 221, 0.5019607843));
}
@media (max-width: 767px) {
  .header-fixed__inner {
    padding: 10px 16px;
  }
}
.navigation-open .header-fixed__inner {
  background: transparent;
}
@media (max-width: 767px) {
  .navigation-open .header-fixed__inner {
    padding: 10px 16px;
  }
}
.header-fixed__entry {
  width: 100px;
  transition: 0.5s ease;
  transition-property: opacity;
}
@media (max-width: 767px) {
  .header-fixed__entry {
    width: 93px;
  }
}
body:not(.page-home) .header-fixed__entry {
  display: none;
}
.header-fixed__entry a {
  display: block;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity;
}
@media (hover: hover) {
  .header-fixed__entry a:hover {
    opacity: 0.75;
  }
}
.header-fixed__entry picture,
.header-fixed__entry img {
  display: block;
}
@media (max-width: 767px) {
  .header-fixed__entry picture,
  .header-fixed__entry img {
    width: 100%;
  }
}
.navigation-open .header-fixed__entry {
  opacity: 0;
}
.header-fixed__menubar__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .header-fixed__menubar__button {
    width: 32px;
  }
}
.header-fixed__menubar__button__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  aspect-ratio: 1/1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .header-fixed__menubar__button__inner {
    width: 26px;
  }
}
.header-fixed__menubar__button__inner svg {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 40/32;
  fill: var(--color-white);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform;
}
.is-active .header-fixed__menubar__button__inner svg {
  aspect-ratio: 38/30;
  fill: var(--color-white);
}
@media (hover: hover) {
  .header-fixed__menubar__button:hover:not(.is-active) .header-fixed__menubar__button__inner svg {
    transform: translateX(20%);
  }
  .header-fixed__menubar__button:hover.is-active .header-fixed__menubar__button__inner svg {
    transform: scale(0.9);
  }
}

.footer-main {
  display: grid;
  align-items: end;
  grid-template-columns: minmax(0, 1fr) 133px;
  gap: 27px;
  padding: 27px 40px 0 32px;
}
@media (max-width: 767px) {
  .footer-main {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px;
  }
}
.page-industrialgas .footer-main {
  background: #758991;
}
.footer-main__content {
  order: -1;
}
@media (max-width: 767px) {
  .footer-main__content {
    order: initial;
  }
}
.footer-main__content__wrapper {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-top: 28px;
  padding-bottom: 24px;
  border-top: 1px solid var(--color-white);
}
@media (max-width: 767px) {
  .footer-main__content__wrapper {
    gap: 6px;
    padding-top: 23px;
    padding-bottom: 0;
  }
}
.footer-main__content__inner {
  display: grid;
  align-items: end;
  grid-template-columns: minmax(0, 1fr) auto;
}
@media (max-width: 767px) {
  .footer-main__content__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}
.footer-main__content__copyright {
  padding-left: 56px;
}
@media (max-width: 767px) {
  .footer-main__content__copyright {
    padding-left: 0;
  }
}
.footer-main__column-logo {
  font-size: 0;
  padding-left: 56px;
}
@media (max-width: 767px) {
  .footer-main__column-logo {
    padding-left: 23px;
  }
}
.footer-main__logo {
  display: inline-grid;
  align-items: end;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 767px) {
  .footer-main__logo {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
}
@media (hover: hover) {
  .footer-main__logo:hover {
    opacity: 0.75;
  }
}
.footer-main__logo__image {
  display: flex;
  align-items: end;
  gap: 56px;
  font-size: 0;
}
@media (max-width: 767px) {
  .footer-main__logo__image {
    flex-direction: column;
    align-items: start;
    gap: 23px;
  }
}
.footer-main__logo__image__mark picture,
.footer-main__logo__image__mark img {
  display: block;
  width: auto;
  height: 56px;
}
@media (max-width: 767px) {
  .footer-main__logo__image__mark picture,
  .footer-main__logo__image__mark img {
    height: 46px;
  }
}
.footer-main__logo__image__text picture,
.footer-main__logo__image__text img {
  display: block;
  width: auto;
  height: 16.41px;
}
@media (max-width: 767px) {
  .footer-main__logo__image__text picture,
  .footer-main__logo__image__text img {
    height: 15px;
  }
}
.footer-main__logo__text {
  display: flex;
  align-items: end;
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .footer-main__logo__text {
    line-height: 1.4;
  }
}
.footer-main__logo__text:before {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background: currentColor;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .footer-main__logo__text:before {
    display: none;
  }
}
.footer-main__column-copyright {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
@media (max-width: 767px) {
  .footer-main__column-copyright {
    gap: 6px;
  }
}
.footer-main__link {
  text-align: right;
  font-size: 0;
}
@media (max-width: 767px) {
  .footer-main__link {
    text-align: center;
  }
}
.footer-main__link > ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer-main__link a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: calc(18 / 16 * 1rem);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .footer-main__link a {
    gap: 4px;
    font-size: calc(16 / 16 * 1rem);
    letter-spacing: -0.05em;
  }
}
.footer-main__link a > svg {
  display: block;
  width: 16px;
  aspect-ratio: 1/1;
  fill: currentColor;
}
@media (hover: hover) {
  .footer-main__link a:hover {
    text-decoration: underline;
  }
}
.footer-main__copyright {
  font-size: calc(12 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .footer-main__copyright {
    font-size: calc(10 / 16 * 1rem);
    line-height: 1.4;
    text-align: center;
  }
}
.footer-main__copyright small {
  font-size: inherit;
  font-family: inherit;
}
.footer-main__pagetop {
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .footer-main__pagetop {
    width: 100%;
    max-width: 100px;
    margin-inline: auto;
    padding-bottom: 0;
  }
}
.footer-main__pagetop__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 100%;
  color: var(--color-main);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity;
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  .footer-main__pagetop__inner:hover {
    opacity: 0.75;
  }
  .footer-main__pagetop__inner:hover .footer-main__pagetop__image {
    transform: scale(0.95);
  }
}
.footer-main__pagetop__text {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
}
@media (max-width: 767px) {
  .footer-main__pagetop__text {
    font-size: calc(14 / 16 * 1rem);
    line-height: 1.2;
    letter-spacing: 0.03em;
  }
}
.footer-main__pagetop__image {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: inherit;
  transition-property: transform;
  z-index: -1;
}
.footer-main__pagetop__image picture,
.footer-main__pagetop__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer-navigation {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .footer-navigation {
    padding-top: 32px;
  }
}
.page-industrialgas .footer-navigation {
  background: #758991;
}
.footer-navigation__container {
  max-width: 1360px;
  margin-inline: auto;
  padding-inline: 40px;
}
@media (max-width: 767px) {
  .footer-navigation__container {
    padding-inline: 32px;
  }
}

.navigation-open {
  overflow: hidden;
}

.navigation-content {
  display: none;
  width: 100%;
  height: 100dvh;
  padding: 60px 32px 18px 32px;
  background: rgba(0, 138, 162, 0.8);
  background-blend-mode: multiply;
  backdrop-filter: blur(24px);
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-navigation);
}
@media (max-width: 1179px) {
  .navigation-content {
    padding: 120px 32px 18px 32px;
  }
}
@media (max-width: 767px) {
  .navigation-content {
    padding: 0;
  }
}
.navigation-content__scroller {
  height: 100%;
}
.navigation-content__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
  padding: 18px 32px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .navigation-content__head {
    padding: 16px;
  }
}
.navigation-content__logo {
  font-size: 0;
}
.navigation-content__logo a {
  display: inline-block;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity;
}
@media (max-width: 767px) {
  .navigation-content__logo a {
    width: 207px;
  }
}
@media (hover: hover) {
  .navigation-content__logo a:hover {
    opacity: 0.75;
  }
}
.navigation-content__logo picture,
.navigation-content__logo img {
  display: inline-block;
}
.navigation-content__menubar {
  display: flex;
  align-items: center;
}
.navigation-content__menubar__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .navigation-content__menubar__button {
    width: 32px;
  }
}
.navigation-content__menubar__button__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  aspect-ratio: 1/1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .navigation-content__menubar__button__inner {
    width: 26px;
  }
}
.navigation-content__menubar__button__inner svg {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 40/32;
  fill: var(--color-white);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform;
}
.page-industrialgas .navigation-content__menubar__button__inner svg {
  fill: var(--color-text-black);
}
.is-active .page-industrialgas .navigation-content__menubar__button__inner svg {
  fill: var(--color-white);
}
.is-active .navigation-content__menubar__button__inner svg {
  aspect-ratio: 38/30;
  fill: var(--color-white);
}
@media (hover: hover) {
  .navigation-content__menubar__button:hover:not(.is-active) .header-main__menubar__button__inner svg {
    transform: translateX(20%);
  }
  .navigation-content__menubar__button:hover.is-active .header-main__menubar__button__inner svg {
    transform: scale(0.9);
  }
}
.navigation-content__body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media (max-width: 1179px) {
  .navigation-content__body {
    align-items: start;
  }
}
@media (max-width: 767px) {
  .navigation-content__body {
    display: block;
  }
}
@media (max-width: 1179px) {
  .navigation-content__inner {
    padding: 0 0 40px;
  }
}
@media (max-width: 767px) {
  .navigation-content__inner {
    padding: 80px 32px;
  }
}

.navigation-menu {
  display: flex;
  gap: 50px;
}
@media (max-width: 1179px) {
  .navigation-menu {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .navigation-menu {
    gap: 40px;
  }
}
.footer-navigation .navigation-menu {
  justify-content: space-between;
}
.navigation-menu__inner {
  display: flex;
  gap: 50px;
}
@media (max-width: 767px) {
  .navigation-menu__inner {
    flex-direction: column;
    gap: 22px;
  }
}
.navigation-menu__inner__section {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.navigation-menu__inner__body {
  display: flex;
  flex-direction: column;
  padding-left: 24px;
}
.navigation-menu__inner__heading {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .navigation-menu__inner__heading {
    font-size: calc(16 / 16 * 1rem);
    gap: 4px;
  }
}
.navigation-menu__inner__heading svg {
  display: block;
  width: 24px;
  aspect-ratio: 24/18;
  fill: currentColor;
}
@media (max-width: 767px) {
  .navigation-menu__inner__heading svg {
    width: 20px;
  }
}
.navigation-menu__inner__title {
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .navigation-menu__inner__title {
    font-size: calc(19 / 16 * 1rem);
  }
}
.navigation-menu__inner__title a {
  text-decoration: none;
  text-underline-offset: 0.2em;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity;
}
@media (hover: hover) {
  .navigation-menu__inner__title a:hover {
    opacity: 0.75;
    text-decoration: underline;
  }
}
.navigation-menu__inner__column {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .navigation-menu__inner__column {
    gap: 22px;
  }
}
.navigation-menu__inner__list {
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .navigation-menu__inner__list {
    font-size: calc(14 / 16 * 1rem);
    margin-top: 0;
  }
}
.navigation-menu__inner__list > ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 767px) {
  .navigation-menu__inner__list > ul {
    gap: 4px;
  }
}
.navigation-menu__inner__list > ul > li {
  position: relative;
  padding-left: 1em;
}
.navigation-menu__inner__list > ul > li:before {
  content: "";
  width: 0.5em;
  aspect-ratio: 1/1;
  background-color: currentColor;
  border-radius: 50%;
  position: absolute;
  top: 0.6562em;
  left: 0;
}
.navigation-menu__inner__list a {
  text-decoration: none;
  text-underline-offset: 0.2em;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity;
}
@media (hover: hover) {
  .navigation-menu__inner__list a:hover {
    opacity: 0.75;
    text-decoration: underline;
  }
}
.navigation-menu__entry {
  padding-top: 5px;
}
@media (max-width: 767px) {
  .navigation-menu__entry {
    padding-top: 0;
  }
}
.navigation-menu__entry__list {
  width: 258px;
}
@media (max-width: 767px) {
  .navigation-menu__entry__list {
    width: 100%;
  }
}
.navigation-menu__entry__list > ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.navigation-menu__entry__button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 22px;
  align-items: center;
  gap: 24px;
  width: 100%;
  padding: 23px 24px 23px 40px;
  border-radius: 8px;
  background: var(--color-white);
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.2;
  text-align: center;
  color: var(--color-main);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 767px) {
  .navigation-menu__entry__button {
    padding: 19px 25px 19px 64px;
  }
}
.navigation-menu__entry__button svg {
  display: block;
  width: 100%;
  aspect-ratio: 22/17;
  fill: currentColor;
}
@media (hover: hover) {
  .navigation-menu__entry__button:hover {
    box-shadow: 0px 0px 16px 0px rgba(0, 138, 162, 0.5019607843) inset;
  }
}

.navigation-footer__inner {
  display: flex;
  gap: 50px;
}
@media (max-width: 767px) {
  .navigation-footer__inner {
    flex-direction: column;
  }
}
.navigation-footer__menu {
  display: flex;
  gap: 50px;
}
@media (max-width: 767px) {
  .navigation-footer__menu {
    flex-direction: column;
    gap: 22px;
  }
}
.navigation-footer__menu__section {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.navigation-footer__menu__body {
  display: flex;
  flex-direction: column;
  padding-left: 24px;
}
@media (max-width: 767px) {
  .navigation-footer__menu__body {
    padding-left: 20px;
  }
}
.navigation-footer__menu__heading {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: calc(18 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .navigation-footer__menu__heading {
    font-size: calc(16 / 16 * 1rem);
    gap: 4px;
  }
}
.navigation-footer__menu__heading svg {
  display: block;
  width: 24px;
  aspect-ratio: 3/2;
  fill: currentColor;
}
@media (max-width: 767px) {
  .navigation-footer__menu__heading svg {
    width: 20px;
  }
}
.navigation-footer__menu__title {
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .navigation-footer__menu__title {
    font-size: calc(20 / 16 * 1rem);
  }
}
.navigation-footer__menu__title a {
  text-decoration: none;
  text-underline-offset: 0.2em;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity;
}
@media (hover: hover) {
  .navigation-footer__menu__title a:hover {
    opacity: 0.75;
    text-decoration: underline;
  }
}
.navigation-footer__menu__column {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .navigation-footer__menu__column {
    gap: 22px;
  }
}
.navigation-footer__menu__list {
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-top: 10px;
}
.navigation-footer__menu__list > ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.navigation-footer__menu__list > ul > li {
  position: relative;
  padding-left: 1.25em;
}
.navigation-footer__menu__list > ul > li:before {
  content: "";
  width: 0.5em;
  aspect-ratio: 1/1;
  background-color: currentColor;
  border-radius: 50%;
  position: absolute;
  top: 0.6562em;
  left: 0;
}
.navigation-footer__menu__list a {
  text-decoration: none;
  text-underline-offset: 0.2em;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity;
}
@media (hover: hover) {
  .navigation-footer__menu__list a:hover {
    opacity: 0.75;
    text-decoration: underline;
  }
}
.navigation-footer__entry {
  flex: 1;
}
.navigation-footer__entry__list {
  width: 258px;
  margin-left: auto;
}
.navigation-footer__entry__list > ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.navigation-footer__entry__button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 22px;
  align-items: center;
  gap: 24px;
  width: 100%;
  padding: 20px 20px 20px 40px;
  border-radius: 8px;
  background: var(--color-white);
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.2;
  text-align: center;
  color: var(--color-main);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.navigation-footer__entry__button svg {
  display: block;
  width: 100%;
  aspect-ratio: 22/17;
  fill: currentColor;
}
@media (hover: hover) {
  .navigation-footer__entry__button:hover {
    box-shadow: 0px 0px 16px 0px rgba(0, 138, 162, 0.5019607843) inset;
  }
}

.modal-element {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
@media (max-width: 767px) {
  .modal-element {
    padding: 20px;
  }
}
.modal-element:before {
  content: "";
  position: absolute;
  inset: 0;
}
.modal-element--content {
  padding: 40px;
}
@media (max-width: 767px) {
  .modal-element--content {
    padding: 40px 20px;
  }
}
.modal-element--content:before {
  background: var(--color-main);
  backdrop-filter: blur(4px);
  opacity: 0.8;
}
.modal-element--youtube {
  padding: 40px 0;
}
.modal-element--youtube:before {
  background: #758991;
  backdrop-filter: blur(4px);
  opacity: 0.8;
}
.modal-element.is-open {
  visibility: visible;
}
.modal-element.is-visible {
  opacity: 1;
}
.modal-element.is-visible .modal-element__container {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.modal-element__container {
  position: relative;
  width: min(100%, 960px);
  max-height: 90vh;
  transform: translateY(16px) scale(0.98);
  transition: transform 0.25s ease, opacity 0.25s ease;
  opacity: 0;
  z-index: 1;
}
.modal-element--youtube .modal-element__container {
  width: min(100%, 1216px);
}

.modal-youtube {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: calc(100dvh - 180px);
  aspect-ratio: 16/9;
}
.modal-youtube iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.modal-close-content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 25px;
  right: 24px;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 767px) {
  .modal-close-content {
    width: 32px;
    top: 16px;
    right: 16px;
  }
}
@media (hover: hover) {
  .modal-close-content:hover {
    opacity: 0.75;
  }
}
.modal-close-content svg {
  display: block;
  width: 38px;
  aspect-ratio: 38/30;
  fill: var(--color-main);
}
@media (max-width: 767px) {
  .modal-close-content svg {
    width: 24px;
  }
}

.modal-close-youtube,
.modal-close-home-occupation {
  display: block;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 767px) {
  .modal-close-youtube,
  .modal-close-home-occupation {
    top: 12px;
    right: 12px;
  }
}
.modal-close-youtube__inner,
.modal-close-home-occupation__inner {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: inherit;
}
.modal-close-youtube__text,
.modal-close-home-occupation__text {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: var(--color-white);
  transition: inherit;
}
.modal-close-youtube__icon,
.modal-close-home-occupation__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  transition: inherit;
}
.modal-close-youtube__icon svg,
.modal-close-home-occupation__icon svg {
  display: block;
  width: 13px;
  aspect-ratio: 1/1;
  fill: var(--color-main);
  transition: inherit;
}
@media (hover: hover) {
  .modal-close-youtube:hover .modal-close-youtube__text,
  .modal-close-home-occupation:hover .modal-close-youtube__text {
    color: var(--color-text-black);
  }
  .modal-close-youtube:hover .modal-close-youtube__icon,
  .modal-close-home-occupation:hover .modal-close-youtube__icon {
    background: var(--color-text-black);
  }
  .modal-close-youtube:hover .modal-close-youtube__icon svg,
  .modal-close-home-occupation:hover .modal-close-youtube__icon svg {
    fill: var(--color-white);
  }
}

@keyframes fluffyBackground {
  0%, 100% {
    transform: translateZ(0);
  }
  50% {
    transform: translate3d(0, 20px, 0);
  }
}
@keyframes circleText {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(390deg);
  }
}
.home-firstview {
  overflow: hidden;
}
@media (max-width: 767px) {
  .home-firstview {
    padding-bottom: 66px;
  }
}
.home-firstview__container {
  padding: 0 112px 0 40px;
}
@media (max-width: 767px) {
  .home-firstview__container {
    padding: 0 0 0 17px;
  }
}
.home-firstview__content {
  display: flex;
  flex-direction: column;
}
.home-firstview__visual {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .home-firstview__visual {
    grid-template-columns: 58px minmax(0, 1fr);
  }
}
.home-firstview__visual:before {
  content: "";
  display: block;
}
.home-firstview__bottom {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: -21px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .home-firstview__bottom {
    flex-direction: column;
    align-items: start;
    gap: 27px;
    margin-top: 0;
  }
}
.home-firstview__bottom__figure {
  width: 100%;
  max-width: 517px;
  height: 112px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .home-firstview__bottom__figure {
    max-width: 351px;
    height: 62px;
  }
}
.home-firstview__bottom__figure__inner {
  position: absolute;
  bottom: 0;
  left: 7px;
}
@media (max-width: 767px) {
  .home-firstview__bottom__figure__inner {
    left: 0;
  }
}
.home-firstview__bottom__figure__inner picture,
.home-firstview__bottom__figure__inner img {
  display: block;
  aspect-ratio: 495/465;
}
.home-firstview__bottom__title {
  display: flex;
  align-items: center;
  gap: 34px;
  padding-top: 44px;
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.07em;
}
@media (max-width: 767px) {
  .home-firstview__bottom__title {
    gap: 23px;
    padding-top: 0;
  }
}
.home-firstview__bottom__title__text {
  font-size: calc(16 / 16 * 1rem);
}
@media (max-width: 767px) {
  .home-firstview__bottom__title__text {
    font-size: calc(14 / 16 * 1rem);
  }
}
.home-firstview__bottom__title__label {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: calc(24 / 16 * 1rem);
}
@media (max-width: 767px) {
  .home-firstview__bottom__title__label {
    gap: 2px;
  }
}
.home-firstview__bottom__title__label svg {
  display: block;
  width: 13px;
  aspect-ratio: 13/19;
  fill: currentColor;
}

.home-hero-visual__item {
  max-height: calc(100svh - 200px);
  min-height: 370px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .home-hero-visual__item {
    width: 100%;
    max-height: calc(100svh - 235px);
    aspect-ratio: 325/580;
  }
}
.home-hero-visual__item picture,
.home-hero-visual__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-about {
  position: relative;
  z-index: 1;
}
.home-about__container {
  padding-left: 22px;
}
@media (max-width: 767px) {
  .home-about__container {
    padding-left: 0;
  }
}
.home-about__content {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  padding-top: 182px;
  padding-bottom: 528px;
}
@media (min-width: 768px) {
  .home-about__content {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "inner visuals_01" "inner visuals_02";
  }
}
@media (max-width: 767px) {
  .home-about__content {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 90px;
    padding-bottom: 658px;
  }
}
.home-about__visuals {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .home-about__visuals.--visuals-01 {
    grid-area: visuals_01;
  }
  .home-about__visuals.--visuals-02 {
    grid-area: visuals_02;
  }
}
@media (max-width: 767px) {
  .home-about__visuals {
    max-width: 395px;
    width: 100%;
    margin-inline: auto;
  }
}
.home-about__visual {
  font-size: 0;
  position: relative;
  z-index: 1;
}
.home-about__visual.--img-01 {
  text-align: right;
  right: 30px;
  margin-bottom: 17px;
}
@media (max-width: 767px) {
  .home-about__visual.--img-01 {
    right: 15px;
    margin-bottom: 9px;
  }
}
@media (max-width: 1439px) {
  .home-about__visual.--img-01 picture,
  .home-about__visual.--img-01 img {
    width: max(263px, 34.1667vw);
  }
}
@media (max-width: 767px) {
  .home-about__visual.--img-01 picture,
  .home-about__visual.--img-01 img {
    width: 263px;
  }
}
.home-about__visual.--img-02 {
  left: 62px;
  margin-bottom: 226px;
}
@media (max-width: 767px) {
  .home-about__visual.--img-02 {
    left: 15px;
    margin-bottom: 0;
  }
}
@media (max-width: 1439px) {
  .home-about__visual.--img-02 picture,
  .home-about__visual.--img-02 img {
    width: max(200px, 25.9028vw);
  }
}
@media (max-width: 767px) {
  .home-about__visual.--img-02 picture,
  .home-about__visual.--img-02 img {
    width: 200px;
  }
}
.home-about__visual.--img-03 {
  text-align: right;
  right: 0;
  margin-bottom: 212px;
}
@media (max-width: 767px) {
  .home-about__visual.--img-03 {
    right: 16px;
    margin-bottom: 114px;
  }
}
@media (max-width: 1439px) {
  .home-about__visual.--img-03 picture,
  .home-about__visual.--img-03 img {
    width: max(147.5px, 19.1667vw);
  }
}
@media (max-width: 767px) {
  .home-about__visual.--img-03 picture,
  .home-about__visual.--img-03 img {
    width: 147.5px;
  }
}
.home-about__visual.--img-04 {
  left: 0;
}
@media (max-width: 1439px) {
  .home-about__visual.--img-04 picture,
  .home-about__visual.--img-04 img {
    width: max(302px, 20.9722vw);
  }
}
@media (max-width: 767px) {
  .home-about__visual.--img-04 picture,
  .home-about__visual.--img-04 img {
    width: 302px;
  }
}
.home-about__visual picture,
.home-about__visual img {
  display: inline-block;
  aspect-ratio: 1/1;
  border-radius: 6px;
  overflow: hidden;
  filter: drop-shadow(8px 32px 60px rgba(0, 0, 0, 0.1));
  transition: opacity 1s ease;
  opacity: 0;
}
.home-about__visual.is-view picture,
.home-about__visual.is-view img {
  opacity: 1;
}
.home-about__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 224px 20px 0 90px;
  position: sticky;
  top: -124px;
}
@media (max-width: 1049px) {
  .home-about__inner {
    padding: 224px 50px 0 20px;
  }
}
@media (max-width: 767px) {
  .home-about__inner {
    padding: 180px 32px 38px;
    position: static;
  }
}
.home-about__heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .home-about__heading {
    gap: 6px;
  }
}
.home-about__heading__title {
  font-size: calc(40 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .home-about__heading__title {
    font-size: calc(28 / 16 * 1rem);
  }
}
.home-about__article {
  display: flex;
  flex-direction: column;
  gap: 1lh;
  max-width: 455px;
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--font-medium);
  line-height: 2;
}
@media (max-width: 767px) {
  .home-about__article {
    max-width: none;
    font-size: calc(14 / 16 * 1rem);
  }
}
.home-about__background {
  max-width: 1440px;
  height: 100%;
  margin-inline: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  overflow: hidden;
}
.home-about__background__default, .home-about__background__blur {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.home-about__background__default__inner picture,
.home-about__background__default__inner img, .home-about__background__blur__inner picture,
.home-about__background__blur__inner img {
  display: block;
  width: 100%;
  object-fit: contain;
}
.home-about__background__default__inner {
  animation: fluffyBackground 10s infinite linear;
}
.home-about__background__blur__inner {
  animation: fluffyBackground 10s infinite linear 5s;
}

.home-industrial-gas {
  display: flex;
  flex-direction: column;
  background: #ebf2f4;
  padding-top: 32px;
  padding-bottom: 166px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .home-industrial-gas {
    padding-top: 20px;
    padding-bottom: 32px;
    overflow: hidden;
  }
}
.home-industrial-gas__marquee {
  font-size: calc(57.6 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--color-main);
  opacity: 0.4;
  margin-bottom: 40px;
  user-select: none;
}
@media (max-width: 767px) {
  .home-industrial-gas__marquee {
    font-size: calc(34 / 16 * 1rem);
    margin-bottom: 12px;
  }
}
.home-industrial-gas__main {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 767px) {
  .home-industrial-gas__main {
    padding-top: 25px;
    position: static;
    pointer-events: auto;
    order: 2;
  }
}
.home-industrial-gas__container {
  --container-width: 1120px;
}
@media (max-width: 767px) {
  .home-industrial-gas__container {
    padding: 0 30px;
  }
}
.home-industrial-gas__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .home-industrial-gas__content {
    padding-bottom: 0;
    gap: 24px;
  }
}
.home-industrial-gas__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}
@media (max-width: 767px) {
  .home-industrial-gas__body {
    align-items: center;
  }
}
.home-industrial-gas__heading {
  display: flex;
  flex-direction: column;
  gap: 17px;
  max-width: 400px;
  pointer-events: auto;
}
@media (max-width: 767px) {
  .home-industrial-gas__heading {
    max-width: none;
    gap: 12px;
  }
}
.home-industrial-gas__heading__inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  font-size: 0;
}
@media (max-width: 767px) {
  .home-industrial-gas__heading__inner {
    gap: 6px;
  }
}
.home-industrial-gas__heading__label {
  color: var(--color-main);
}
.home-industrial-gas__heading__title {
  display: inline-block;
  padding: 10px 12px;
  background: var(--color-white);
  font-size: calc(40 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1;
  color: var(--color-text-black);
}
@media (max-width: 767px) {
  .home-industrial-gas__heading__title {
    padding: 6px 8px;
    font-size: calc(28 / 16 * 1rem);
  }
}
.home-industrial-gas__heading__description {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  color: var(--color-text-black);
}
@media (max-width: 767px) {
  .home-industrial-gas__heading__description {
    font-size: calc(14 / 16 * 1rem);
  }
}
.home-industrial-gas__detail {
  pointer-events: auto;
}
@media (max-width: 767px) {
  .home-industrial-gas__detail {
    text-align: right;
  }
}
.home-industrial-gas__indicator {
  display: flex;
  align-items: center;
  gap: 9px;
  pointer-events: auto;
}
.home-industrial-gas__indicator__arrow button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.home-industrial-gas__indicator__arrow button svg {
  display: block;
  width: 15px;
  aspect-ratio: 22/17;
  fill: var(--color-main);
}
.home-industrial-gas__indicator__arrow button.js-home-industrial-indicator__arrow-prev svg {
  transform: rotate(180deg);
}
@media (hover: hover) {
  .home-industrial-gas__indicator__arrow button:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 138, 162, 0.5019607843) inset;
  }
}
.home-industrial-gas__indicator__count {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: calc(24 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: var(--color-main);
}
.home-industrial-gas__indicator__count svg {
  width: 13px;
  aspect-ratio: 13/19;
  fill: var(--color-main);
}

.home-industrial-gas-card {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 20px;
  position: relative;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity;
}
@media (max-width: 767px) {
  .home-industrial-gas-card {
    padding-inline: 14px;
    padding-bottom: 6px;
  }
}
@media (hover: hover) {
  .home-industrial-gas-card:hover {
    opacity: 0.75;
  }
}
.home-industrial-gas-card:before, .home-industrial-gas-card:after {
  content: "";
  width: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .home-industrial-gas-card:before, .home-industrial-gas-card:after {
    width: 14px;
  }
}
.home-industrial-gas-card:before {
  border-left: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 16px 0 0 16px;
  left: 0;
}
@media (max-width: 767px) {
  .home-industrial-gas-card:before {
    border-radius: 10px 0 0 10px;
  }
}
.home-industrial-gas-card:after {
  border-right: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 0 16px 16px 0;
  right: 0;
}
@media (max-width: 767px) {
  .home-industrial-gas-card:after {
    border-radius: 0 10px 10px 0;
  }
}
.home-industrial-gas-card__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 512px;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .home-industrial-gas-card__inner {
    width: 322px;
  }
}
.home-industrial-gas-card__inner__background {
  margin: auto;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.home-industrial-gas-card__inner__background__circle {
  width: 422px;
  aspect-ratio: 1/1;
  margin: auto;
  position: absolute;
  inset: 0;
}
@media (max-width: 767px) {
  .home-industrial-gas-card__inner__background__circle {
    width: 267px;
  }
}
.home-industrial-gas-card__inner__background__circle picture,
.home-industrial-gas-card__inner__background__circle img {
  display: block;
  width: 100%;
}
.home-industrial-gas-card__inner__background__text {
  width: 96%;
  aspect-ratio: 1/1;
  margin: auto;
  position: absolute;
  inset: 0;
  animation: circleText 30s linear infinite;
}
@media (max-width: 767px) {
  .home-industrial-gas-card__inner__background__text {
    width: 97.826%;
  }
}
.home-industrial-gas-card__inner__background__text picture,
.home-industrial-gas-card__inner__background__text img {
  display: block;
  width: 100%;
}
.home-industrial-gas-card__number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 108px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: 58px;
  right: 38px;
  z-index: 1;
}
@media (max-width: 767px) {
  .home-industrial-gas-card__number {
    width: 80px;
    top: 30px;
    right: 13px;
  }
}
.home-industrial-gas-card__number__label {
  font-size: calc(43.2 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-bold);
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
}
@media (max-width: 767px) {
  .home-industrial-gas-card__number__label {
    font-size: calc(30 / 16 * 1rem);
  }
}
.home-industrial-gas-card__number__background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.home-industrial-gas-card__number__background picture,
.home-industrial-gas-card__number__background img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-industrial-gas-card__picture__inner {
  width: 400px;
  position: relative;
  top: 2px;
  left: -2px;
}
@media (max-width: 767px) {
  .home-industrial-gas-card__picture__inner {
    width: 225px;
  }
}
.home-industrial-gas-card__picture__inner picture,
.home-industrial-gas-card__picture__inner img {
  display: block;
  aspect-ratio: 1/1;
}
.home-industrial-gas-card__comment {
  display: block;
  opacity: 0;
  position: absolute;
  top: 67px;
  left: -44px;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity;
}
@media (max-width: 767px) {
  .home-industrial-gas-card__comment {
    top: 32px;
    left: -42px;
  }
}
.is-visible .home-industrial-gas-card__comment {
  opacity: 1;
}
.home-industrial-gas-card__comment__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 180px;
  aspect-ratio: 1/1;
  padding: 20px 5px 15px;
  border-radius: 100%;
  background: var(--color-white);
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  text-align: center;
  color: var(--color-text-black);
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .home-industrial-gas-card__comment__inner {
    width: 135px;
    font-size: calc(13 / 16 * 1rem);
  }
}
.home-industrial-gas-card__comment__inner:after {
  content: "";
  display: block;
  width: 110px;
  height: 2px;
  margin: auto;
  border-radius: 100%;
  background: var(--color-white);
  transform: rotate(35.36deg);
  position: absolute;
  top: 67px;
  bottom: 0;
  right: -17px;
  z-index: -1;
}
@media (max-width: 767px) {
  .home-industrial-gas-card__comment__inner:after {
    top: 37px;
  }
}
.home-industrial-gas-card__comment__arrow {
  text-align: center;
}
.home-industrial-gas-card__comment__arrow__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-main);
}
@media (max-width: 767px) {
  .home-industrial-gas-card__comment__arrow__inner {
    width: 24px;
  }
}
.home-industrial-gas-card__comment__arrow__inner svg {
  display: block;
  width: 15px;
  aspect-ratio: 22/17;
  fill: var(--color-white);
}
@media (max-width: 767px) {
  .home-industrial-gas-card__comment__arrow__inner svg {
    width: 12px;
  }
}

.home-occupation {
  padding-top: 240px;
  padding-bottom: 120px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .home-occupation {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}
.home-occupation__container {
  --container-width: 1120px;
}
.home-occupation__content {
  position: relative;
  z-index: 1;
}
.home-occupation__head {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .home-occupation__head {
    position: static;
  }
}
.home-occupation__body {
  padding-top: 57px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1049px) {
  .home-occupation__body {
    margin-inline: calc(var(--container-padding) * -1);
  }
}
@media (max-width: 767px) {
  .home-occupation__body {
    margin-inline: calc(var(--container-padding-sm) * -1);
  }
}
.home-occupation__foot {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  width: 100%;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .home-occupation__foot {
    margin-top: -45px;
    margin-inline: -16px;
    position: static;
  }
}
.home-occupation__heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 400px;
  pointer-events: auto;
}
@media (max-width: 767px) {
  .home-occupation__heading {
    max-width: none;
    gap: 12px;
  }
}
.home-occupation__heading__inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  font-size: 0;
}
@media (max-width: 767px) {
  .home-occupation__heading__inner {
    gap: 6px;
  }
}
.home-occupation__heading__title {
  display: inline-block;
  padding: 10px 12px;
  background: var(--color-white);
  font-size: calc(40 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1;
  color: var(--color-text-black);
}
@media (max-width: 767px) {
  .home-occupation__heading__title {
    padding: 6px 8px;
    font-size: calc(28 / 16 * 1rem);
  }
}
.home-occupation__heading__description {
  width: min(314px, 100%);
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .home-occupation__heading__description {
    width: 100%;
    font-size: calc(14 / 16 * 1rem);
  }
}
@media (max-width: 767px) {
  .home-occupation__map {
    margin-inline: -32px;
  }
}
.home-occupation__map picture,
.home-occupation__map img {
  display: block;
}
.home-occupation__link {
  pointer-events: auto;
}
.home-occupation-content__heading {
  padding: 40px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .home-occupation-content__heading {
    padding: 7.5px 20px;
  }
}
.home-occupation-content__heading:before, .home-occupation-content__heading:after {
  content: "";
  width: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .home-occupation-content__heading:before, .home-occupation-content__heading:after {
    width: 16px;
  }
}
.home-occupation-content__heading:before {
  border-left: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 16px 0 0 16px;
  left: 0;
}
@media (max-width: 767px) {
  .home-occupation-content__heading:before {
    border-radius: 8px 0 0 8px;
  }
}
.home-occupation-content__heading:after {
  border-right: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 0 16px 16px 0;
  right: 0;
}
@media (max-width: 767px) {
  .home-occupation-content__heading:after {
    border-radius: 0 8px 8px 0;
  }
}
.home-occupation-content__heading__sub {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .home-occupation-content__heading__sub {
    font-size: calc(14 / 16 * 1rem);
  }
}
.home-occupation-content__heading__main {
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .home-occupation-content__heading__main {
    font-size: calc(22 / 16 * 1rem);
  }
}
.home-occupation-content__main {
  max-width: 700px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1049px) {
  .home-occupation-content__main {
    margin-inline: auto;
  }
}
.home-occupation-content__main__background {
  width: 100%;
  height: 100%;
  padding-left: 84px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .home-occupation-content__main__background {
    padding-left: 0;
    text-align: center;
  }
}
.home-occupation-content__main__background picture,
.home-occupation-content__main__background img {
  display: inline-block;
}
@media (max-width: 767px) {
  .home-occupation-content__main__background picture,
  .home-occupation-content__main__background img {
    width: min(255px, 63.75vw);
    height: 100%;
    object-fit: contain;
  }
}
.home-occupation-content__inner {
  display: flex;
  flex-direction: column;
  gap: 117px;
  padding-top: 243px;
  padding-bottom: 182px;
}
@media (max-width: 767px) {
  .home-occupation-content__inner {
    gap: 74px;
    padding-top: 123px;
    padding-bottom: 92px;
  }
}
.home-occupation-content__foot {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .home-occupation-content__foot {
    gap: 12px;
  }
}
.home-occupation-content__notes {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767px) {
  .home-occupation-content__notes {
    gap: 6px;
  }
}
.home-occupation-content__note {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .home-occupation-content__note {
    font-size: calc(14 / 16 * 1rem);
  }
}
.home-occupation-content__note:before {
  content: "※";
  display: inline-block;
}

.home-occupation-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  width: fit-content;
  padding: 32px 18px 32px 32px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  color: var(--color-text-black);
  filter: drop-shadow(8px 24px 40px rgba(0, 0, 0, 0.2));
}
@media (max-width: 767px) {
  .home-occupation-section {
    padding: 24px 18px 24px 24px;
    margin-inline: auto;
  }
}
.home-occupation-section__head {
  order: 2;
}
.home-occupation-section__heading {
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.96;
  letter-spacing: 0.1em;
  color: var(--color-main);
  writing-mode: vertical-rl;
}
@media (max-width: 767px) {
  .home-occupation-section__heading {
    font-size: calc(20 / 16 * 1rem);
  }
}
.home-occupation-section__heading > * {
  display: inline;
  border-left: 1px solid var(--color-main);
}
.home-occupation-section__list > ul {
  display: flex;
  gap: 22px;
}
@media (max-width: 767px) {
  .home-occupation-section__list > ul {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .home-occupation-section__list > ul > li {
    flex-basis: 256px;
  }
}
.home-occupation-section__item {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 256px;
  width: 100%;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .home-occupation-section__item {
    gap: 12px;
  }
}
.home-occupation-section__item__picture {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.home-occupation-section__item__image {
  position: relative;
  z-index: 1;
}
.home-occupation-section__item__image picture,
.home-occupation-section__item__image img {
  display: block;
  width: 100%;
}
.home-occupation-section__item__play {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  padding-left: 10px;
  aspect-ratio: 1/1;
  margin: auto;
  border-radius: 100%;
  background: var(--color-white);
  position: absolute;
  inset: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .home-occupation-section__item__play {
    width: 60px;
    padding-left: 10px;
  }
}
.home-occupation-section__item__play svg {
  display: block;
  width: 23px;
  aspect-ratio: 23/21;
  fill: var(--color-main);
}
.home-occupation-section__item__inner {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.home-occupation-section__item__heading {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: var(--color-main);
}
@media (max-width: 767px) {
  .home-occupation-section__item__heading {
    font-size: calc(19 / 16 * 1rem);
  }
}
.home-occupation-section__item__heading svg {
  display: block;
  width: 28px;
  aspect-ratio: 1/1;
  fill: currentColor;
}
@media (max-width: 767px) {
  .home-occupation-section__item__heading svg {
    width: 22px;
  }
}
.home-occupation-section__item__description {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .home-occupation-section__item__description {
    font-size: calc(14 / 16 * 1rem);
  }
}

.home-interview {
  min-height: 100dvh;
  padding-top: 120px;
  padding-bottom: 240px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .home-interview {
    padding-top: 60px;
    padding-bottom: 160px;
  }
}
.home-interview__container {
  --container-width: 1120px;
}
@media (max-width: 767px) {
  .home-interview__container {
    padding-inline: 16px;
  }
}
.home-interview__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .home-interview__content {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .home-interview__head {
    padding-inline: 17px;
  }
}
.home-interview__body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 767px) {
  .home-interview__body {
    gap: 26px;
  }
}
.home-interview__carousel {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
}
@media (max-width: 767px) {
  .home-interview__carousel {
    grid-template-columns: 62px minmax(0, 1fr);
  }
}
@media (max-width: 398px) {
  .home-interview__carousel {
    grid-template-columns: minmax(0, 1fr);
  }
}
.home-interview__carousel:before {
  content: "";
  display: block;
}
@media (max-width: 398px) {
  .home-interview__carousel:before {
    display: none;
  }
}
.home-interview__carousel .splide__track {
  overflow: visible;
}
.home-interview__stacking {
  width: 100%;
  aspect-ratio: 960/585;
  position: relative;
  overflow: hidden;
}
.home-interview__stacking__item {
  position: absolute;
  top: 0;
  left: 0;
}
.home-interview__bottom {
  display: grid;
  grid-template-columns: 484px minmax(0, 1fr);
  align-items: center;
  gap: 48px;
}
@media (max-width: 1049px) {
  .home-interview__bottom {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}
.home-interview__title {
  height: 60px;
  pointer-events: none;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .home-interview__title {
    height: 38px;
  }
}
.home-interview__title__figure {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .home-interview__title__figure {
    width: 330px;
  }
}
.home-interview__title__figure picture,
.home-interview__title__figure img {
  display: block;
}
.home-interview__description {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .home-interview__description {
    font-size: calc(14 / 16 * 1rem);
    padding-inline: 17px;
    letter-spacing: 0.08em;
  }
}
.home-interview__indicator {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 24px;
  pointer-events: auto;
}
.home-interview__indicator__arrow button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.home-interview__indicator__arrow button svg {
  display: block;
  width: 15px;
  aspect-ratio: 22/17;
  fill: var(--color-main);
}
.home-interview__indicator__arrow button.js-home-interview-indicator__arrow-prev svg {
  transform: rotate(180deg);
}
@media (hover: hover) {
  .home-interview__indicator__arrow button:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 138, 162, 0.5019607843) inset;
  }
}
.home-interview__indicator__count {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: calc(24 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: var(--color-white);
}
.home-interview__indicator__count svg {
  width: 13px;
  aspect-ratio: 13/19;
  fill: var(--color-white);
}

.home-interview-card {
  display: block;
  max-width: 900px;
  filter: drop-shadow(8px 24px 40px rgba(0, 0, 0, 0.2));
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .home-interview-card {
    width: min(306px, 100%);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 398px) {
  .home-interview-card {
    margin-right: 0;
  }
}
.home-interview-card__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  width: 100%;
  padding: 32px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .home-interview-card__inner {
    padding: 16px;
    height: 100%;
  }
}
.home-interview-card__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (max-width: 767px) {
  .home-interview-card__content {
    grid-template-rows: minmax(0, 1fr) auto;
    height: 100%;
  }
}
.home-interview-card__picture {
  width: 127px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  box-shadow: 0px 0px 50px 0px rgba(0, 138, 162, 0.5019607843) inset;
  overflow: hidden;
}
@media (max-width: 767px) {
  .home-interview-card__picture {
    width: 85px;
    box-shadow: 0px 0px 32px 0px rgba(0, 138, 162, 0.5019607843) inset;
  }
}
.home-interview-card__picture picture,
.home-interview-card__picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.home-interview-card__title {
  max-width: 90%;
}
@media (max-width: 767px) {
  .home-interview-card__title {
    max-width: 245px;
  }
}
.home-interview-card__label {
  padding: 0 5px;
  background: var(--color-main);
  font-size: calc(16.667 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: var(--color-white);
  position: absolute;
}
@media (max-width: 767px) {
  .home-interview-card__label {
    font-size: calc(14 / 16 * 1rem);
  }
}
.home-interview-card__figure {
  position: absolute;
}
.home-interview-card__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  position: relative;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 767px) {
  .home-interview-card__arrow {
    width: 34px;
  }
}
.home-interview-card__arrow svg {
  display: block;
  width: 30px;
  aspect-ratio: 22/17;
  fill: var(--color-main);
}
@media (max-width: 767px) {
  .home-interview-card__arrow svg {
    width: 16px;
  }
}
.home-interview-card__visual {
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.home-interview-card__visual picture,
.home-interview-card__visual img {
  display: block;
  width: 100%;
  max-height: 585px;
  height: calc(100svh - 157px);
  object-fit: cover;
  object-position: top right;
}
@media (max-width: 767px) {
  .home-interview-card__visual picture,
  .home-interview-card__visual img {
    aspect-ratio: 306/489;
    height: auto;
  }
}
@media (hover: hover) {
  .home-interview-card:hover .home-interview-card__arrow {
    box-shadow: 0px 0px 10px 0px rgba(0, 138, 162, 0.5019607843) inset;
  }
}

.home-project {
  padding: 64px 0;
  background: #f3f7f8;
  color: var(--color-text-black);
}
@media (max-width: 767px) {
  .home-project {
    padding: 40px 0;
  }
}
.home-project__container {
  --container-width: 1120px;
}
.home-project__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.home-project__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: end;
  gap: 80px;
}
@media (max-width: 767px) {
  .home-project__head {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}
.home-project__heading {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  font-size: 0;
}
@media (max-width: 767px) {
  .home-project__heading {
    gap: 6px;
  }
}
.home-project__heading__label {
  color: var(--color-main);
}
.home-project__heading__title {
  display: inline-block;
  padding: 10px 12px;
  background: var(--color-white);
  font-size: calc(40 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1;
  color: var(--color-text-black);
}
@media (max-width: 767px) {
  .home-project__heading__title {
    padding: 6px 8px;
    font-size: calc(28 / 16 * 1rem);
  }
}
.home-project__description {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .home-project__description {
    font-size: calc(14 / 16 * 1rem);
  }
}
.home-project__list > ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.home-project__item {
  display: grid;
  grid-template-columns: minmax(0, 324px) minmax(650px, 1fr);
  gap: min(40px, 3.3898vw);
  padding: 20px 40px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1049px) {
  .home-project__item {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    padding: 16px 24px;
  }
}
.home-project__item:before, .home-project__item:after {
  content: "";
  width: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 1049px) {
  .home-project__item:before, .home-project__item:after {
    width: 16px;
  }
}
.home-project__item:before {
  border-left: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 16px 0 0 16px;
  left: 0;
}
@media (max-width: 1049px) {
  .home-project__item:before {
    border-radius: 8px 0 0 8px;
  }
}
.home-project__item:after {
  border-right: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 0 16px 16px 0;
  right: 0;
}
@media (max-width: 1049px) {
  .home-project__item:after {
    border-radius: 0 8px 8px 0;
  }
}
.home-project__item__inner {
  position: relative;
  padding-block: 4px;
}
@media (max-width: 1049px) {
  .home-project__item__inner {
    padding-right: 44px;
  }
}
.home-project__item__visual {
  overflow: hidden;
}
.home-project__item__visual__image {
  height: 100%;
}
.home-project__item__visual__image picture,
.home-project__item__visual__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform;
}
.home-project__item__article {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 1049px) {
  .home-project__item__article {
    gap: 12px;
  }
}
.home-project__item__article__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: min(20px, 1.6949vw);
  flex: 1;
}
@media (max-width: 1049px) {
  .home-project__item__article__wrapper {
    display: contents;
  }
}
.home-project__item__label {
  font-size: calc(64 / 16 * 1rem);
  font-weight: var(--font-semibold);
  font-family: var(--font-family-eng);
  line-height: 1;
  letter-spacing: 0.04em;
  color: var(--color-main);
  opacity: 0.25;
}
@media (max-width: 1049px) {
  .home-project__item__label {
    font-size: calc(32 / 16 * 1rem);
  }
}
.home-project__item__title {
  display: flex;
  align-items: center;
  min-height: 2lh;
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 1049px) {
  .home-project__item__title {
    min-height: none;
    font-size: calc(19 / 16 * 1rem);
  }
}
.home-project__item__member {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(1.6949vw, 50px) minmax(0, 1fr) minmax(1.6949vw, 50px) minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  margin-top: 14px;
}
@media (max-width: 1049px) {
  .home-project__item__member {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 2px;
    margin-top: 0;
    padding-bottom: 26px;
  }
}
.home-project__item__member[data-member-count="1"] {
  grid-template-columns: minmax(0, 1fr);
}
.home-project__item__member[data-member-count="2"] {
  grid-template-columns: minmax(0, 1fr) minmax(1.6949vw, 50px) minmax(0, 1fr);
}
@media (max-width: 1049px) {
  .home-project__item__member[data-member-count="2"] {
    grid-template-columns: minmax(0, 1fr);
  }
}
.home-project__item__member[data-member-count="3"] {
  grid-template-columns: minmax(0, max-content) minmax(1.6949vw, 50px) minmax(0, max-content) minmax(1.6949vw, 50px) minmax(0, max-content);
}
@media (max-width: 1049px) {
  .home-project__item__member[data-member-count="3"] {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 1049px) {
  .home-project__item__member__group-center {
    display: none;
  }
}
.home-project__item__member__group-center svg {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  fill: currentColor;
}
@media (max-width: 1049px) {
  .home-project__item__member__item {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
.home-project__item__member__item__name {
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media (max-width: 1049px) {
  .home-project__item__member__item__name {
    font-size: calc(16 / 16 * 1rem);
  }
}
.home-project__item__member__item__note {
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 1049px) {
  .home-project__item__member__item__note {
    font-size: calc(16 / 16 * 1rem);
  }
}
.home-project__item__arrow {
  display: flex;
  align-items: center;
  width: 64px;
}
@media (max-width: 1049px) {
  .home-project__item__arrow {
    width: 36px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
}
.home-project__item__arrow__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: box-shadow;
}
.home-project__item__arrow__inner svg {
  display: block;
  width: 30px;
  aspect-ratio: 22/17;
  fill: var(--color-main);
}
@media (max-width: 767px) {
  .home-project__item__arrow__inner svg {
    width: 20px;
  }
}
@media (hover: hover) {
  .home-project__item:hover .home-project__item__visual__image picture,
  .home-project__item:hover .home-project__item__visual__image img {
    transform: scale(1.03);
  }
  .home-project__item:hover .home-project__item__arrow__inner {
    box-shadow: 0px 0px 16px 0px rgba(0, 138, 162, 0.5019607843) inset;
  }
}

.home-benefit {
  padding: 240px 0;
}
@media (max-width: 767px) {
  .home-benefit {
    padding: 120px 0 80px;
  }
}
.home-benefit__content {
  position: relative;
  z-index: 1;
}
.home-benefit__head {
  margin-bottom: -83px;
  pointer-events: none;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .home-benefit__head {
    margin-bottom: -62px;
  }
}
.home-benefit__heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767px) {
  .home-benefit__heading {
    gap: 6px;
  }
}
.home-benefit__heading__title {
  overflow: hidden;
}
.home-benefit__heading__title__inner {
  padding: 1px 12px;
  font-size: calc(40 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.5;
}
@media (max-width: 767px) {
  .home-benefit__heading__title__inner {
    padding: 1px 8px;
    font-size: calc(28 / 16 * 1rem);
    line-height: 1.35;
  }
}
.home-benefit__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1008px;
  margin-inline: auto;
  pointer-events: none;
}
@media (hover: hover) {
  .home-benefit__inner:hover .home-benefit__visual picture,
  .home-benefit__inner:hover .home-benefit__visual img {
    transform: scale(1.03);
    opacity: 0.75;
  }
  .home-benefit__inner:hover .home-benefit__button {
    opacity: 0.75;
    box-shadow: 0px 0px 16px 0px rgba(255, 255, 255, 0.5019607843) inset;
  }
  .home-benefit__inner:hover .home-benefit__button > svg {
    transform: translateX(20%);
  }
}
.home-benefit__visual {
  display: block;
  overflow: hidden;
  pointer-events: auto;
}
@media (max-width: 767px) {
  .home-benefit__visual {
    display: grid;
    grid-template-columns: minmax(0, 78px) minmax(0, 1fr);
    margin-inline: -32px;
  }
  .home-benefit__visual:before {
    content: "";
    display: block;
  }
}
@media (max-width: 398px) {
  .home-benefit__visual {
    grid-template-columns: minmax(0, 1fr) minmax(0, 322px);
  }
}
.home-benefit__visual picture,
.home-benefit__visual img {
  display: block;
  width: 100%;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform, opacity;
}
@media (max-width: 398px) {
  .home-benefit__visual picture,
  .home-benefit__visual img {
    aspect-ratio: 322/368;
    height: 100%;
    object-fit: cover;
  }
}
.home-benefit__bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 56px;
}
@media (max-width: 767px) {
  .home-benefit__bottom {
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
  }
}
.home-benefit__description {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .home-benefit__description {
    font-size: calc(14 / 16 * 1rem);
  }
}
.home-benefit__link {
  pointer-events: auto;
}
@media (max-width: 767px) {
  .home-benefit__link {
    text-align: right;
  }
}
.industrial-content {
  padding-top: 84px;
  padding-bottom: 106px;
  min-height: calc(100svh - 96px);
  color: var(--color-text-black);
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .industrial-content {
    padding-top: 24px;
    padding-bottom: 0;
  }
}
.industrial-content__content {
  display: grid;
  grid-template-columns: minmax(385px, 1fr) minmax(0, 696px);
  gap: 40px;
}
@media (max-width: 1049px) {
  .industrial-content__content {
    grid-template-columns: minmax(auto, 385px) minmax(340px, 1fr);
  }
}
@media (max-width: 767px) {
  .industrial-content__content {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}
.industrial-content__hidden {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}
.industrial-content__head {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .industrial-content__head {
    gap: 12px;
    margin-bottom: 94px;
  }
}
.industrial-content__head__item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1049px) {
  .industrial-content__head__item {
    gap: 12px;
  }
}
.industrial-content__heading {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  font-size: 0;
}
@media (max-width: 767px) {
  .industrial-content__heading {
    gap: 6px;
  }
}
.industrial-content__heading__label {
  font-family: var(--font-family-eng);
  letter-spacing: 0.08em;
  color: var(--color-main);
}
.industrial-content__heading__label svg {
  width: 36px;
}
.industrial-content__heading__title {
  display: inline-block;
  padding: 10px 12px;
  background: var(--color-white);
  font-size: calc(40 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.7;
  letter-spacing: 0.04em;
  color: var(--color-text-black);
}
@media (max-width: 767px) {
  .industrial-content__heading__title {
    padding: 6px 8px;
    font-size: calc(28 / 16 * 1rem);
  }
}
[data-content-case="1"][data-content-status=before] .industrial-content__description {
  max-width: 356px;
}
[data-content-case="1"][data-content-status=after] .industrial-content__description {
  max-width: 418px;
}
[data-content-case="2"][data-content-status=before] .industrial-content__description {
  max-width: 418px;
}
[data-content-case="2"][data-content-status=after] .industrial-content__description {
  max-width: 356px;
}
[data-content-case="3"][data-content-status=before] .industrial-content__description {
  max-width: 418px;
}
[data-content-case="3"][data-content-status=after] .industrial-content__description {
  max-width: 418px;
}
[data-content-case="4"][data-content-status=before] .industrial-content__description {
  max-width: 356px;
}
[data-content-case="4"][data-content-status=after] .industrial-content__description {
  max-width: 418px;
}
[data-content-case="5"][data-content-status=before] .industrial-content__description {
  max-width: 340px;
}
[data-content-case="5"][data-content-status=after] .industrial-content__description {
  max-width: 356px;
}
@media (max-width: 1049px) {
  .industrial-content__description {
    max-width: none !important;
  }
}
.industrial-content__description__heading {
  font-size: calc(22 / 16 * 1rem);
  font-weight: var(--font-medium);
  line-height: 1.6;
  letter-spacing: 0.04em;
  margin-bottom: 5px;
}
[data-content-status=before] .industrial-content__description__heading {
  display: none;
}
.industrial-content__description__text {
  font-size: calc(12 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  .industrial-content__description__text {
    font-size: calc(14 / 16 * 1rem);
  }
}
@media (max-width: 767px) {
  .industrial-content__body {
    min-height: 100dvh;
  }
}
@media (max-width: 767px) {
  .industrial-content__body__inner {
    height: 100%;
    padding-bottom: 24px;
    position: relative;
  }
}
.industrial-content__carousel .splide__track {
  overflow: visible;
}
.industrial-content__pipe {
  width: 100%;
  height: 139px;
  overflow: hidden;
  position: absolute;
  bottom: 163px;
  left: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .industrial-content__pipe {
    width: auto;
    height: 103px;
    margin-inline: calc(var(--container-padding-sm) * -1);
    margin-bottom: 35px;
    position: relative;
    top: 10px;
  }
}
.industrial-content__pipe__group {
  display: flex;
  width: 100%;
}
.industrial-content__pipe__item picture,
.industrial-content__pipe__item img {
  display: block;
  width: 1440px;
  aspect-ratio: 1440/139;
}
@media (max-width: 767px) {
  .industrial-content__pipe__item picture,
  .industrial-content__pipe__item img {
    width: auto;
    height: 103px;
  }
}
.industrial-content__background {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .industrial-content__background {
    width: auto;
    margin-inline: calc(var(--container-padding-sm) * -1);
  }
}
.industrial-content__background picture,
.industrial-content__background img {
  display: block;
  width: 100%;
}

.industrial-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 38px 40px 60px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(0);
  opacity: 0;
  transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: backdrop-filter, opacity;
  will-change: opacity, backdrop-filter;
  position: relative;
  z-index: 1;
}
@media (max-width: 1049px) {
  .industrial-card {
    padding: 37px 16px 37px;
  }
}
.splide__slide.is-active .industrial-card {
  backdrop-filter: blur(10px);
  opacity: 1;
}
.industrial-card:before, .industrial-card:after {
  content: "";
  width: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 1049px) {
  .industrial-card:before, .industrial-card:after {
    width: 16px;
  }
}
.industrial-card:before {
  border-left: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 16px 0 0 16px;
  left: 0;
}
@media (max-width: 1049px) {
  .industrial-card:before {
    border-radius: 8px 0 0 8px;
  }
}
.industrial-card:after {
  border-right: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 0 16px 16px 0;
  right: 0;
}
@media (max-width: 1049px) {
  .industrial-card:after {
    border-radius: 0 8px 8px 0;
  }
}
.industrial-card__head {
  margin-bottom: 8px;
}
@media (max-width: 1049px) {
  .industrial-card__head {
    margin-bottom: 26px;
  }
}
.industrial-card__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  color: var(--color-main);
}
@media (max-width: 1049px) {
  .industrial-card__heading {
    flex-direction: column;
    gap: 0;
  }
}
.industrial-card__heading__number {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
  position: relative;
  top: 2px;
}
@media (max-width: 1049px) {
  .industrial-card__heading__number {
    font-size: calc(14 / 16 * 1rem);
    top: 0;
  }
}
.industrial-card__heading__title {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 1049px) {
  .industrial-card__heading__title {
    gap: 7px;
    font-size: calc(16 / 16 * 1rem);
    text-align: center;
  }
}
@media (min-width: 1050px) {
  .industrial-card__heading__title br {
    display: none !important;
  }
}
.industrial-card__heading__title:before {
  content: "";
  display: block;
  width: 1px;
  height: 1lh;
  background: currentColor;
}
@media (max-width: 1049px) {
  .industrial-card__heading__title:before {
    display: none;
  }
}
.industrial-card__body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 67px;
  text-align: center;
  margin-bottom: 12px;
}
@media (max-width: 1049px) {
  .industrial-card__body {
    align-items: start;
    min-height: 0;
    margin-bottom: 42px;
    flex: 1;
  }
}
.industrial-card__article {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: calc(12 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.06em;
}
.industrial-card__article__heading {
  min-height: 2lh;
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
}
[data-card-status=after] .industrial-card__article__heading {
  display: none;
}
@media (max-width: 1049px) {
  [data-card-status=after] .industrial-card__article__heading {
    display: block;
  }
}
.industrial-card__article__text {
  display: none;
}
@media (max-width: 1049px) {
  .industrial-card__article__text {
    display: block;
  }
}
.industrial-card__number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: -50px;
  right: -50px;
  z-index: 1;
}
@media (max-width: 1049px) {
  .industrial-card__number {
    width: 64px;
    top: -17px;
    right: -13px;
  }
}
.industrial-card__number__label {
  font-size: calc(48 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-bold);
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  color: var(--color-white);
}
@media (max-width: 1049px) {
  .industrial-card__number__label {
    font-size: calc(24 / 16 * 1rem);
  }
}
.industrial-card__number__background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.industrial-card__number__background picture,
.industrial-card__number__background img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.industrial-card__visual {
  width: 395px;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 1049px) {
  .industrial-card__visual {
    width: 100%;
    max-width: 280px;
  }
}
.industrial-card__visual__comment {
  position: absolute;
  top: 38px;
  left: -115px;
  z-index: 1;
}
@media (max-width: 1049px) {
  .industrial-card__visual__comment {
    top: -36px;
    left: -60px;
  }
}
[data-card-status=before] .industrial-card__visual__comment {
  display: none;
}
[data-card-case="1"] .industrial-card__visual__comment, [data-card-case="3"] .industrial-card__visual__comment {
  top: 38px;
}
@media (max-width: 1049px) {
  [data-card-case="1"] .industrial-card__visual__comment, [data-card-case="3"] .industrial-card__visual__comment {
    top: -36px;
  }
}
[data-card-case="2"] .industrial-card__visual__comment, [data-card-case="4"] .industrial-card__visual__comment {
  top: 248px;
}
@media (max-width: 1049px) {
  [data-card-case="2"] .industrial-card__visual__comment, [data-card-case="4"] .industrial-card__visual__comment {
    top: 173px;
  }
}
[data-card-case="5"] .industrial-card__visual__comment {
  top: 248px;
}
@media (max-width: 1049px) {
  [data-card-case="5"] .industrial-card__visual__comment {
    top: -36px;
  }
}
.industrial-card__visual__comment__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 175px;
  aspect-ratio: 1/1;
  padding: 10px 5px;
  border-radius: 100%;
  background: var(--color-white);
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: -0.06em;
  text-align: center;
  color: var(--color-text-black);
  position: relative;
  z-index: 1;
}
@media (max-width: 1049px) {
  .industrial-card__visual__comment__inner {
    width: 135px;
    font-size: calc(13 / 16 * 1rem);
  }
}
.industrial-card__visual__comment__inner:after {
  content: "";
  display: block;
  width: 110px;
  height: 2px;
  margin: auto;
  border-radius: 100%;
  background: var(--color-white);
  transform: rotate(35.36deg);
  position: absolute;
  top: 67px;
  bottom: 0;
  right: -17px;
  z-index: -1;
}
@media (max-width: 1049px) {
  .industrial-card__visual__comment__inner:after {
    width: 83px;
    transform: rotate(58.23deg);
    top: 69px;
    right: 2px;
  }
}
[data-card-case="1"] .industrial-card__visual__comment__inner:after, [data-card-case="3"] .industrial-card__visual__comment__inner:after {
  transform: rotate(35.36deg);
  top: 67px;
  right: -17px;
}
@media (max-width: 1049px) {
  [data-card-case="1"] .industrial-card__visual__comment__inner:after, [data-card-case="3"] .industrial-card__visual__comment__inner:after {
    transform: rotate(58.23deg);
    top: 69px;
    right: 2px;
  }
}
[data-card-case="2"] .industrial-card__visual__comment__inner:after, [data-card-case="4"] .industrial-card__visual__comment__inner:after {
  transform: rotate(-35.36deg);
  top: -67px;
  right: -17px;
}
@media (max-width: 1049px) {
  [data-card-case="2"] .industrial-card__visual__comment__inner:after, [data-card-case="4"] .industrial-card__visual__comment__inner:after {
    transform: rotate(-58.23deg);
    top: -69px;
    right: 2px;
  }
}
[data-card-case="5"] .industrial-card__visual__comment__inner:after {
  transform: rotate(-35.36deg);
  top: -67px;
  right: -17px;
}
@media (max-width: 1049px) {
  [data-card-case="5"] .industrial-card__visual__comment__inner:after {
    transform: rotate(58.23deg);
    top: 69px;
    right: 2px;
  }
}
.industrial-card__visual__image {
  font-size: 0;
}
[data-card-case="5"][data-card-status=after] .industrial-card__visual__image {
  transform: translateX(44px);
}
.industrial-card__visual__image picture,
.industrial-card__visual__image img {
  display: inline-block;
}
.industrial-card__visual__circle {
  width: 100%;
  aspect-ratio: 1/1;
  font-size: 0;
  margin-inline: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
[data-card-case="4"][data-card-status=after] .industrial-card__visual__circle {
  display: none;
}
.industrial-card__visual__circle picture,
.industrial-card__visual__circle img {
  display: inline-block;
  aspect-ratio: 1/1;
}

.project-firstview {
  padding-top: 44px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .project-firstview {
    padding-top: 24px;
    padding-bottom: 60px;
  }
}
.project-firstview__container {
  --container-width: 1130px;
}
@media (max-width: 767px) {
  .project-firstview__container {
    padding-inline: 0;
  }
}
.project-firstview__heading {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .project-firstview__heading {
    margin-bottom: 20px;
    padding-inline: var(--container-padding-sm);
  }
}
.project-firstview__content {
  display: flex;
  flex-direction: column;
}
.project-firstview__visual {
  display: grid;
  grid-template-columns: min(25px, 6.25vw) minmax(0, 1fr) 40px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .project-firstview__visual {
    grid-template-columns: min(78px, 19.5vw) minmax(0, 1fr);
  }
}
.project-firstview__visual:before {
  content: "";
  display: block;
}
.project-firstview__visual__image picture,
.project-firstview__visual__image img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: calc(100svh - 315px);
  min-height: 280px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .project-firstview__visual__image picture,
  .project-firstview__visual__image img {
    max-height: none;
    min-height: 0;
  }
}
.project-firstview__visual__aside {
  display: flex;
  justify-content: center;
  align-items: end;
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .project-firstview__visual__aside {
    padding: 17px 15px;
    font-size: calc(14 / 16 * 1rem);
    writing-mode: initial;
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    transform: translateY(100%);
  }
}
.project-firstview__title {
  margin-top: 22px;
  padding-left: 220px;
  pointer-events: none;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .project-firstview__title {
    margin-top: 0;
    padding-top: 62px;
    padding-inline: 32px;
  }
}
.project-firstview__title__figure {
  position: absolute;
  top: 60px;
  left: 0;
  transform: translateY(-100%);
}
@media (max-width: 767px) {
  .project-firstview__title__figure {
    top: 50px;
    left: 32px;
  }
}
.project-firstview__title__figure img {
  display: block;
}
@media (max-width: 767px) {
  .project-firstview__title__figure img {
    width: 135px;
  }
}
.project-firstview__title__text {
  font-size: calc(32 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
  color: var(--color-text-black);
  pointer-events: auto;
}
@media (max-width: 767px) {
  .project-firstview__title__text {
    font-size: calc(25 / 16 * 1rem);
  }
}
.project-firstview__lead {
  max-width: 1008px;
  margin-inline: auto;
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 135px;
}
@media (max-width: 767px) {
  .project-firstview__lead {
    padding: 32px 32px 0;
  }
}
.project-firstview__lead__inner {
  padding: 32px 72px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .project-firstview__lead__inner {
    padding: 0 30px;
  }
}
.project-firstview__lead__inner:before, .project-firstview__lead__inner:after {
  content: "";
  width: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .project-firstview__lead__inner:before, .project-firstview__lead__inner:after {
    width: 16px;
  }
}
.project-firstview__lead__inner:before {
  border-left: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 16px 0 0 16px;
  left: 0;
}
@media (max-width: 767px) {
  .project-firstview__lead__inner:before {
    border-radius: 8px 0 0 8px;
  }
}
.project-firstview__lead__inner:after {
  border-right: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 0 16px 16px 0;
  right: 0;
}
@media (max-width: 767px) {
  .project-firstview__lead__inner:after {
    border-radius: 0 8px 8px 0;
  }
}

.project-profile {
  padding-top: 80px;
  padding-bottom: 110px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .project-profile {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.project-profile__container {
  padding-inline: 30px;
}
@media (max-width: 767px) {
  .project-profile__container {
    padding-inline: 0;
  }
}
.project-profile__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 82px) minmax(0, 1fr) minmax(0, 82px);
  align-items: start;
}
@media (max-width: 767px) {
  .project-profile__wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
}
.project-profile__wrapper:before {
  content: "";
  display: block;
}
@media (max-width: 767px) {
  .project-profile__wrapper:before {
    display: none;
  }
}
.project-profile__content {
  padding: 64px;
  border-radius: 8px;
  background: var(--color-white);
  color: #222;
  position: relative;
}
@media (max-width: 767px) {
  .project-profile__content {
    padding: 40px 32px;
    border-radius: 4px;
  }
}
[data-profile-count="3"] .project-profile__content {
  padding: 64px 48px;
}
@media (max-width: 767px) {
  [data-profile-count="3"] .project-profile__content {
    padding: 40px 32px;
  }
}
.project-profile__aside {
  display: grid;
  justify-content: center;
  align-items: start;
  grid-template-columns: auto minmax(0, auto);
  gap: 16px;
  padding: 0 16px 64px 0;
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
  color: var(--color-white);
  writing-mode: vertical-rl;
  text-orientation: sideways;
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .project-profile__aside {
    display: none;
  }
}
.project-profile__aside__label {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
}
.project-profile__aside__label:after {
  content: "";
  width: 26px;
  height: 1px;
  background: var(--color-white);
}
.project-profile__aside__title {
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.project-profile__group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr);
  gap: 40px;
}
@media (max-width: 1049px) {
  .project-profile__group {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
[data-profile-count="3"] .project-profile__group {
  grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr) 32px minmax(0, 1fr);
  gap: 20px;
}
@media (max-width: 1049px) {
  [data-profile-count="3"] .project-profile__group {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.project-profile__group-center {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-inline: auto;
}
@media (max-width: 1049px) {
  .project-profile__group-center {
    width: 64px;
  }
}
.project-profile__group-center svg {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  fill: var(--color-main);
}
.project-profile__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 32px 36px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1049px) {
  .project-profile__item {
    max-width: 600px;
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  .project-profile__item {
    padding: 16px 22px;
  }
}
.project-profile__item:before, .project-profile__item:after {
  content: "";
  width: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .project-profile__item:before, .project-profile__item:after {
    width: 16px;
  }
}
[data-profile-count="3"] .project-profile__item {
  padding: 16px 22px;
}
[data-profile-count="3"] .project-profile__item:before, [data-profile-count="3"] .project-profile__item:after {
  width: 12px;
}
@media (max-width: 767px) {
  [data-profile-count="3"] .project-profile__item:before, [data-profile-count="3"] .project-profile__item:after {
    width: 16px;
  }
}
.project-profile__item:before {
  border-left: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 16px 0 0 16px;
  left: 0;
}
@media (max-width: 767px) {
  .project-profile__item:before {
    border-radius: 8px 0 0 8px;
  }
}
.project-profile__item:after {
  border-right: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 0 16px 16px 0;
  right: 0;
}
@media (max-width: 767px) {
  .project-profile__item:after {
    border-radius: 0 8px 8px 0;
  }
}
.project-profile__item__picture {
  overflow: hidden;
}
.project-profile__item__picture picture,
.project-profile__item__picture img {
  display: block;
  width: 100%;
}
.project-profile__item__inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.project-profile__item__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: end;
  gap: 16px;
}
@media (max-width: 767px) {
  .project-profile__item__head {
    order: 2;
  }
}
.project-profile__item__name {
  display: block;
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
.project-profile__item__name span {
  border-bottom: 2px solid var(--color-main);
}
.project-profile__item__name b {
  font-size: calc(32 / 16 * 1rem);
  line-height: 1.75;
  letter-spacing: 0.04em;
}
.project-profile__item__note {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
}
.project-profile__item__text {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.project-talk__section {
  padding-block: 112px;
}
.project-talk__section:nth-child(odd) {
  background: var(--color-sub-01);
}
.project-talk__section:nth-child(even) {
  background: var(--color-sub-02);
}
@media (max-width: 767px) {
  .project-talk__section {
    padding-block: 80px;
  }
}
.project-talk__container {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 30px;
}
@media (max-width: 767px) {
  .project-talk__container {
    padding-inline: 32px;
  }
}
.project-talk__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max(48.9%, 647px);
}
@media (max-width: 1049px) {
  .project-talk__content {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.project-talk__section:nth-child(odd) .project-talk__content {
  grid-template-columns: minmax(0, 1fr) max(48.9%, 647px);
  padding-left: 82px;
}
@media (max-width: 1049px) {
  .project-talk__section:nth-child(odd) .project-talk__content {
    grid-template-columns: 1fr;
    padding-left: 0;
  }
}
.project-talk__section:nth-child(even) .project-talk__content {
  grid-template-columns: max(48.9%, 647px) minmax(0, 1fr);
  padding-right: 82px;
}
@media (max-width: 1049px) {
  .project-talk__section:nth-child(even) .project-talk__content {
    grid-template-columns: 1fr;
    padding-right: 0;
  }
}
.project-talk__visual {
  position: relative;
}
.project-talk__section:nth-child(odd) .project-talk__visual {
  order: 2;
}
@media (max-width: 1049px) {
  .project-talk__section:nth-child(odd) .project-talk__visual {
    order: initial;
  }
}
.project-talk__visual__image, .project-talk__visual__youtube, .project-talk__visual__video {
  position: sticky;
  top: 112px;
}
@media (max-width: 767px) {
  .project-talk__visual__image, .project-talk__visual__youtube, .project-talk__visual__video {
    position: static;
  }
}
.project-talk__visual__image {
  width: 100%;
  background: #eee;
  overflow: hidden;
}
.project-talk__visual__image picture,
.project-talk__visual__image img {
  display: block;
  width: 100%;
}
.project-talk__visual__youtube {
  width: 100%;
  aspect-ratio: 336/252;
  background: #eee;
  overflow: hidden;
}
.project-talk__visual__youtube iframe {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-talk__visual__video {
  width: 100%;
  aspect-ratio: 16/9;
  background: #eee;
  overflow: hidden;
}
.project-talk__visual__video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-talk__visual__video video:not([control]) {
  pointer-events: none;
}
.project-talk__inner {
  display: flex;
  flex-direction: column;
  gap: 64px;
  max-width: 488px;
}
@media (max-width: 1049px) {
  .project-talk__inner {
    max-width: 100%;
    gap: 24px;
  }
}
@media (min-width: 768px) {
  .project-talk__section:nth-child(odd) .project-talk__inner {
    margin-right: auto;
  }
  .project-talk__section:nth-child(even) .project-talk__inner {
    margin-left: auto;
  }
}
.project-talk__heading {
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .project-talk__heading {
    font-size: calc(22 / 16 * 1rem);
  }
}
.project-talk__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.project-talk__item {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}
@media (max-width: 1049px) {
  .project-talk__item {
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
  }
}
.project-talk__item__people {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.project-talk__item__people__picture {
  width: 72px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  box-shadow: 0px 0px 32px 0px rgba(0, 138, 162, 0.5019607843) inset;
  overflow: hidden;
}
.project-talk__item__people__picture picture,
.project-talk__item__people__picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.project-talk__item__people__label {
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
}
@media (max-width: 1049px) {
  .project-talk__item__people__label {
    font-size: calc(16 / 16 * 1rem);
  }
}
.project-talk__item__comment {
  display: flex;
  flex-direction: column;
  gap: 1em;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .project-talk__item__comment {
    font-size: calc(14 / 16 * 1rem);
    padding-top: 5px;
  }
}

.project-relation {
  padding-top: 80px;
  padding-bottom: 160px;
}
@media (max-width: 767px) {
  .project-relation {
    padding-bottom: 80px;
  }
}
.project-relation__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 48px;
  position: relative;
}
@media (max-width: 767px) {
  .project-relation__content {
    padding: 16px 24px;
  }
}
.project-relation__content:before, .project-relation__content:after {
  content: "";
  width: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .project-relation__content:before, .project-relation__content:after {
    width: 16px;
  }
}
.project-relation__content:before {
  border-left: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 16px 0 0 16px;
  left: 0;
}
@media (max-width: 767px) {
  .project-relation__content:before {
    border-radius: 8px 0 0 8px;
  }
}
.project-relation__content:after {
  border-right: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 0 16px 16px 0;
  right: 0;
}
@media (max-width: 767px) {
  .project-relation__content:after {
    border-radius: 0 8px 8px 0;
  }
}
.project-relation__heading {
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .project-relation__heading {
    font-size: calc(22 / 16 * 1rem);
  }
}
.project-relation__link {
  display: grid;
  grid-template-columns: minmax(32%, 360px) minmax(550px, 1fr);
  gap: 48px;
}
@media (max-width: 1049px) {
  .project-relation__link {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}
@media (hover: hover) {
  .project-relation__link:hover .project-relation__visual__image picture,
  .project-relation__link:hover .project-relation__visual__image img {
    transform: scale(1.03);
  }
  .project-relation__link:hover .project-relation__arrow__inner {
    box-shadow: 0px 0px 10px 0px rgba(0, 138, 162, 0.5019607843) inset;
    transform: translateX(5%);
  }
}
.project-relation__visual__image {
  overflow: hidden;
}
.project-relation__visual__image picture,
.project-relation__visual__image img {
  display: block;
  width: 100%;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform;
}
.project-relation__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px;
  gap: 7px;
  position: relative;
}
@media (max-width: 767px) {
  .project-relation__inner {
    grid-template-columns: minmax(0, 1fr) 36px;
  }
}
.project-relation__article {
  display: flex;
  flex-direction: column;
  gap: 21px;
}
@media (max-width: 767px) {
  .project-relation__article {
    gap: 12px;
  }
}
.project-relation__label {
  font-size: calc(64 / 16 * 1rem);
  font-weight: var(--font-semibold);
  font-family: var(--font-family-eng);
  line-height: 1;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .project-relation__label {
    font-size: calc(32 / 16 * 1rem);
  }
}
.project-relation__title {
  display: flex;
  align-items: center;
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
  flex: 1;
}
@media (max-width: 767px) {
  .project-relation__title {
    font-size: calc(19 / 16 * 1rem);
  }
}
.project-relation__member {
  display: flex;
  align-items: center;
  gap: 18px;
}
@media (max-width: 767px) {
  .project-relation__member {
    flex-direction: column;
    align-items: start;
    gap: 2px;
  }
}
.project-relation__member__group-center {
  width: 51px;
}
@media (max-width: 767px) {
  .project-relation__member__group-center {
    display: none;
    width: 24px;
  }
}
.project-relation__member__group-center svg {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  fill: var(--color-white);
}
@media (max-width: 767px) {
  .project-relation__member__item {
    display: flex;
    align-items: center;
    gap: 0.5em;
  }
}
.project-relation__member__item__name {
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .project-relation__member__item__name {
    font-size: calc(16 / 16 * 1rem);
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}
.project-relation__member__item__note {
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .project-relation__member__item__note {
    font-size: calc(16 / 16 * 1rem);
  }
}
.project-relation__arrow {
  display: flex;
  align-items: center;
}
.project-relation__arrow__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform, box-shadow;
}
.project-relation__arrow__inner svg {
  display: block;
  width: 30px;
  aspect-ratio: 22/17;
  fill: var(--color-main);
}
@media (max-width: 767px) {
  .project-relation__arrow__inner svg {
    width: 20px;
  }
}

.interview-firstview {
  padding-top: 44px;
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .interview-firstview {
    padding-top: 27px;
    padding-bottom: 120px;
  }
}
.interview-firstview__container {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .interview-firstview__container {
    padding-inline: 0;
  }
}
.interview-firstview__heading {
  margin-bottom: 54px;
}
@media (max-width: 767px) {
  .interview-firstview__heading {
    padding-inline: var(--container-padding-sm);
  }
}
.interview-firstview__figure {
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .interview-firstview__figure {
    padding-inline: 32px;
  }
}
.interview-firstview__figure img {
  display: block;
}
@media (max-width: 767px) {
  .interview-firstview__figure img {
    width: 302px;
  }
}
.interview-firstview__wrapper {
  display: grid;
  grid-template-columns: min(4.8611vw, 70px) minmax(0, 1fr);
  margin-top: -60px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .interview-firstview__wrapper {
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: -16px;
    max-width: 650px;
  }
}
.interview-firstview__wrapper:before {
  content: "";
  display: block;
}
.interview-firstview__visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .interview-firstview__visual {
    box-shadow: 8px 24px 40px 0px rgba(0, 0, 0, 0.2);
  }
}
.interview-firstview__visual__inner {
  position: relative;
  z-index: 1;
}
.interview-firstview__visual__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  width: 100%;
  padding: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .interview-firstview__visual__content {
    grid-template-rows: minmax(0, 1fr) auto;
    height: 100%;
    padding: 16px;
  }
}
.interview-firstview__visual__image {
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .interview-firstview__visual__image {
    max-width: 322px;
    aspect-ratio: 322/489;
  }
}
.interview-firstview__visual__image picture,
.interview-firstview__visual__image img {
  display: block;
  width: 100%;
  max-height: 567px;
  height: calc(100svh - 257px);
  object-fit: cover;
  object-position: top right;
}
@media (max-width: 767px) {
  .interview-firstview__visual__image picture,
  .interview-firstview__visual__image img {
    max-height: none;
    height: auto;
  }
}
.interview-firstview__visual__label {
  max-width: 166px;
  padding: 0 7px;
  background: var(--color-main);
  font-size: calc(16.8 / 16 * 1rem);
  font-family: var(--font-family-noto);
  font-weight: var(--font-bold);
  line-height: 1.8;
  text-align: center;
  color: var(--color-white);
  position: absolute;
  top: 0;
}
@media (max-width: 767px) {
  .interview-firstview__visual__label {
    max-width: 141px;
    font-size: calc(14 / 16 * 1rem);
  }
}
.interview-firstview__picture {
  width: 127px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  box-shadow: 0px 0px 50px 0px rgba(0, 138, 162, 0.5019607843) inset;
  overflow: hidden;
}
@media (max-width: 767px) {
  .interview-firstview__picture {
    width: 85px;
  }
}
.interview-firstview__picture picture,
.interview-firstview__picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}

.interview-content {
  --comment-background: #9fb5bd;
}
.interview-content__wrapper {
  padding-bottom: 83px;
}
@media (max-width: 767px) {
  .interview-content__wrapper {
    padding-bottom: 120px;
  }
}
.interview-content__section {
  padding: 120px 0;
  background: var(--comment-background);
}
@media (max-width: 767px) {
  .interview-content__section {
    padding: 64px 0;
  }
}
.interview-content__section:nth-child(odd) {
  --comment-background: var(--color-sub-02);
}
.interview-content__section:nth-child(even) {
  --comment-background: #a3c9ca;
}
.interview-content__content {
  display: flex;
  flex-direction: column;
  gap: 120px;
}
.interview-profile {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.interview-profile__heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 64px;
  padding: 16px 56px;
  position: relative;
}
@media (max-width: 767px) {
  .interview-profile__heading {
    grid-template-columns: auto;
    gap: 16px;
    padding: 16px 24px;
  }
}
.interview-profile__heading:before, .interview-profile__heading:after {
  content: "";
  width: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.interview-profile__heading:before {
  border-left: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 8px 0 0 8px;
  left: 0;
}
.interview-profile__heading:after {
  border-right: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 0 8px 8px 0;
  right: 0;
}
.interview-profile__heading__title {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.interview-profile__heading__title__sub {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .interview-profile__heading__title__sub {
    font-size: calc(14 / 16 * 1rem);
  }
}
.interview-profile__heading__title__main {
  font-size: calc(40 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .interview-profile__heading__title__main {
    font-size: calc(28 / 16 * 1rem);
  }
}
.interview-profile__heading__text {
  font-size: calc(18 / 16 * 1rem);
  font-family: var(--font-family-noto);
  font-weight: var(--font-medium);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .interview-profile__heading__text {
    font-size: calc(16 / 16 * 1rem);
  }
}
.interview-profile__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 37px;
}
@media (max-width: 1049px) {
  .interview-profile__items {
    grid-template-columns: auto;
    gap: 32px;
  }
}
.interview-profile__item {
  display: grid;
  grid-template-columns: min(50%, 280px) minmax(0, 1fr);
  position: relative;
  z-index: 1;
}
@media (max-width: 1049px) {
  .interview-profile__item {
    grid-template-columns: auto;
  }
}
.interview-profile__item__image {
  width: 100%;
  aspect-ratio: 280/225;
  position: relative;
}
@media (max-width: 1049px) {
  .interview-profile__item__image {
    height: 180px;
  }
}
.interview-profile__item__image__inner {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1049px) {
  .interview-profile__item__image__inner {
    margin-inline: auto;
    right: 0;
  }
}
.interview-profile__item__image__inner picture,
.interview-profile__item__image__inner img {
  display: block;
}
@media (max-width: 1049px) {
  .interview-profile__item__image__inner picture,
  .interview-profile__item__image__inner img {
    width: auto;
    height: 180px;
    margin-inline: auto;
  }
}
.interview-profile__item__inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 23px 24px 0;
}
@media (max-width: 1049px) {
  .interview-profile__item__inner {
    padding: 0 24px 22px;
    margin-top: -9px;
  }
}
.interview-profile__item__heading {
  display: inline-block;
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--color-white);
}
@media (max-width: 1049px) {
  .interview-profile__item__heading {
    font-size: calc(14 / 16 * 1rem);
  }
}
.interview-profile__item__heading b {
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 1049px) {
  .interview-profile__item__heading b {
    font-size: calc(16 / 16 * 1rem);
  }
}
.interview-profile__item__body {
  font-size: calc(12 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.06em;
}
.interview-profile__item__background {
  width: 100%;
  height: 100%;
  border-radius: 8.5px;
  background: #81d0eb;
  box-shadow: 0px 0px 67.2px 0px #346BAE inset;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.interview-talk {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 767px) {
  .interview-talk {
    gap: 24px;
  }
}
.interview-talk__heading {
  display: inline-grid;
  grid-template-columns: 80px minmax(0, 1fr);
  background: var(--color-white);
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  color: var(--color-main);
}
@media (max-width: 767px) {
  .interview-talk__heading {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    font-size: calc(22 / 16 * 1rem);
  }
}
.interview-talk__heading:before {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 1px;
  margin: 25px 16px 0;
  background: currentColor;
}
@media (max-width: 767px) {
  .interview-talk__heading:before {
    width: 24px;
    margin: 20px 7px 0;
  }
}
.interview-talk__body {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 767px) {
  .interview-talk__body {
    gap: 24px;
  }
}
.interview-talk__list {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 767px) {
  .interview-talk__list {
    gap: 24px;
  }
}
.interview-talk__item {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 40px;
  align-items: start;
}
@media (max-width: 767px) {
  .interview-talk__item {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 20px;
  }
}
.interview-talk__item__talker {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .interview-talk__item__talker {
    gap: 8px;
  }
}
.interview-talk__item__talker__icon {
  width: 100%;
  aspect-ratio: 1/1;
  background: var(--color-white);
  border-radius: 100%;
  position: relative;
}
.interview-talk__item__talker__image {
  position: absolute;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(8px 24px 40px rgba(0, 0, 0, 0.2));
}
.interview-talk__item__talker__image picture,
.interview-talk__item__talker__image img {
  display: block;
  width: 100%;
}
.interview-talk__item__talker__label {
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 767px) {
  .interview-talk__item__talker__label {
    font-size: calc(14 / 16 * 1rem);
  }
}
.interview-talk__item__comment {
  display: flex;
  align-items: center;
  min-height: 160px;
  font-size: calc(18 / 16 * 1rem);
  font-family: var(--font-family-noto);
  font-weight: var(--font-medium);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .interview-talk__item__comment {
    min-height: 77px;
    font-size: calc(14 / 16 * 1rem);
  }
}
.interview-talk__item__comment__note {
  font-size: calc(12 / 16 * 1rem);
}
@media (max-width: 767px) {
  .interview-talk__item__comment__note {
    font-size: calc(11 / 16 * 1rem);
  }
}
.interview-talk__item__comment__balloon {
  position: relative;
  z-index: 1;
}
.interview-talk__item__comment__balloon__inner {
  display: flex;
  flex-direction: column;
  gap: 1em;
  height: 100%;
  padding: 16px 40px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .interview-talk__item__comment__balloon__inner {
    padding: 16px 20px;
  }
}
.interview-talk__item__comment__balloon__inner h2, .interview-talk__item__comment__balloon__inner h3, .interview-talk__item__comment__balloon__inner h4, .interview-talk__item__comment__balloon__inner h5, .interview-talk__item__comment__balloon__inner h6 {
  font-size: calc(24 / 16 * 1rem);
  font-family: var(--font-family-base);
  font-weight: var(--font-bold);
  line-height: 1.6;
}
.interview-talk__item__comment__balloon__inner:before {
  content: "";
  display: block;
  width: 15px;
  aspect-ratio: 15/13;
  margin-block: auto;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13"><path fill="%23fff" d="M13.66,13L1.72,8.89c-1.04-.36-1.72-1.3-1.72-2.39s.67-2.03,1.72-2.39L13.66,0l.34.95L2.06,5.06c-.76.26-1.03.92-1.03,1.44s.27,1.18,1.03,1.44l11.94,4.11-.34.95Z"/></svg>');
  background-color: var(--comment-background);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: min(50%, 80px);
  left: -14px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .interview-talk__item__comment__balloon__inner:before {
    top: min(50%, 37px);
  }
}
.interview-talk__item__comment__balloon:before, .interview-talk__item__comment__balloon:after {
  content: "";
  width: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .interview-talk__item__comment__balloon:before, .interview-talk__item__comment__balloon:after {
    width: 12px;
  }
}
.interview-talk__item__comment__balloon:before {
  border-left: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 8px 0 0 8px;
  left: 0;
}
.interview-talk__item__comment__balloon:after {
  border-right: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 0 8px 8px 0;
  right: 0;
}
@media (max-width: 767px) {
  .interview-talk__item__comment__balloon:after {
    border-radius: 0 4px 4px 0;
  }
}
.interview-talk__visual picture,
.interview-talk__visual img {
  display: block;
  width: 100%;
}

.interview-title {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.interview-title__inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  font-weight: var(--font-bold);
  color: var(--color-text-black);
}
.interview-title__label {
  display: inline-block;
  padding: 2px 8px;
  background: var(--color-white);
  font-size: calc(20 / 16 * 1rem);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .interview-title__label {
    padding: 0 8px;
    font-size: calc(16 / 16 * 1rem);
    line-height: 1.25;
  }
}
.interview-title__heading {
  overflow: hidden;
}
.interview-title__heading__inner {
  padding: 2px 8px;
  background: var(--color-white);
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .interview-title__heading__inner {
    font-size: calc(22 / 16 * 1rem);
    line-height: 1.4;
  }
}
.interview-title__info {
  display: flex;
  align-items: start;
  gap: 0 5px;
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-medium);
  line-height: 1.2;
}
@media (min-width: 768px) {
  .interview-title__info {
    background: var(--color-text-black);
  }
}
@media (max-width: 767px) {
  .interview-title__info {
    flex-direction: column;
    font-size: calc(16 / 16 * 1rem);
    line-height: 1.5625;
  }
}
.interview-title__info__inner {
  display: flex;
  align-items: start;
  gap: 0.5em;
  padding-inline: 6px;
}
@media (max-width: 767px) {
  .interview-title__info__inner {
    background: var(--color-text-black);
  }
}
.interview-title__info__label {
  padding-inline: 6px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .interview-title__info__label {
    background: var(--color-text-black);
  }
}
@media (min-width: 768px) {
  .interview-title__info__label:after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    margin: auto;
    background: var(--color-white);
    box-sizing: content-box;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -3px;
  }
}
.interview-title__info__item {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .interview-title__info__item {
    background: var(--color-text-black);
  }
}

.interview-relation {
  padding-top: 80px;
  padding-bottom: 160px;
}
@media (max-width: 767px) {
  .interview-relation {
    padding-bottom: 80px;
  }
}
.interview-relation__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 48px;
  position: relative;
}
@media (max-width: 767px) {
  .interview-relation__content {
    padding: 16px 24px;
  }
}
.interview-relation__content:before, .interview-relation__content:after {
  content: "";
  width: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .interview-relation__content:before, .interview-relation__content:after {
    width: 16px;
  }
}
.interview-relation__content:before {
  border-left: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 16px 0 0 16px;
  left: 0;
}
@media (max-width: 767px) {
  .interview-relation__content:before {
    border-radius: 8px 0 0 8px;
  }
}
.interview-relation__content:after {
  border-right: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 0 16px 16px 0;
  right: 0;
}
@media (max-width: 767px) {
  .interview-relation__content:after {
    border-radius: 0 8px 8px 0;
  }
}
.interview-relation__heading {
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .interview-relation__heading {
    font-size: calc(22 / 16 * 1rem);
  }
}
.interview-relation__link {
  display: grid;
  grid-template-columns: minmax(32%, 360px) minmax(550px, 1fr);
  gap: 48px;
}
@media (max-width: 1049px) {
  .interview-relation__link {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}
@media (hover: hover) {
  .interview-relation__link:hover .interview-relation__visual__image picture,
  .interview-relation__link:hover .interview-relation__visual__image img {
    transform: scale(1.03);
  }
  .interview-relation__link:hover .interview-relation__arrow__inner {
    box-shadow: 0px 0px 10px 0px rgba(0, 138, 162, 0.5019607843) inset;
    transform: translateX(5%);
  }
}
.interview-relation__visual {
  position: relative;
  z-index: 1;
}
.interview-relation__visual__image {
  border-radius: 16px;
  overflow: hidden;
}
.interview-relation__visual__image picture,
.interview-relation__visual__image img {
  display: block;
  width: 100%;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform;
}
.interview-relation__visual__picture {
  width: 82px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  box-shadow: 0px 0px 50px 0px rgba(0, 138, 162, 0.5019607843) inset;
  overflow: hidden;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.interview-relation__visual__picture picture,
.interview-relation__visual__picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.interview-relation__visual__figure {
  position: absolute;
  top: 0;
  z-index: 1;
  pointer-events: none;
  user-select: none;
}
.interview-relation__visual__figure.--driver {
  top: 13px;
  left: -32px;
}
.interview-relation__visual__figure.--tester {
  top: -18px;
  right: -60px;
}
.interview-relation__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px;
  gap: 48px;
  position: relative;
}
@media (max-width: 767px) {
  .interview-relation__inner {
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 8px;
  }
}
.interview-relation__article {
  display: flex;
  align-items: center;
}
.interview-relation__arrow {
  display: flex;
  align-items: center;
}
.interview-relation__arrow__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform, box-shadow;
}
.interview-relation__arrow__inner svg {
  display: block;
  width: 30px;
  aspect-ratio: 22/17;
  fill: var(--color-main);
}
@media (max-width: 767px) {
  .interview-relation__arrow__inner svg {
    width: 20px;
  }
}

.interview-relation-title {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
.interview-relation-title__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.interview-relation-title__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.interview-relation-title__label {
  font-size: calc(16 / 16 * 1rem);
}
.interview-relation-title__heading {
  font-size: calc(24 / 16 * 1rem);
}
.interview-relation-title__info {
  font-size: calc(20 / 16 * 1rem);
}

@media (max-width: 1049px) {
  .interview-profile__item.--spanner .interview-profile__item__image__inner {
    bottom: 15px;
  }
}
@media (max-width: 1049px) {
  .interview-profile__item.--light .interview-profile__item__image__inner {
    bottom: 20px;
  }
}
@media (max-width: 1049px) {
  .interview-profile__item.--mirror .interview-profile__item__image__inner {
    bottom: 20px;
  }
}

.home-interview-card--01 .home-interview-card__label.--label-left {
  top: 186px;
  right: 421px;
  transform: rotate(-13.6deg);
}
@media (max-width: 767px) {
  .home-interview-card--01 .home-interview-card__label.--label-left {
    top: 115px;
    right: auto;
    left: 0;
    transform: translate(-7px, 0px) rotate(-13.6deg);
  }
}
.home-interview-card--01 .home-interview-card__label.--label-right {
  top: 150px;
  right: 45px;
  transform: rotate(24.2deg);
}
@media (max-width: 767px) {
  .home-interview-card--01 .home-interview-card__label.--label-right {
    top: 0;
    right: 0;
    transform: translate(-25px, 3px) rotate(24.2deg);
  }
}

.page-interview--01 .interview-firstview__visual__label.--label-left {
  top: 209px;
  right: 466px;
  transform: rotate(-13.6deg);
}
@media (max-width: 767px) {
  .page-interview--01 .interview-firstview__visual__label.--label-left {
    top: 0;
    right: 0;
    transform: translate(-196px, 152px) rotate(-13.6deg);
  }
}
.page-interview--01 .interview-firstview__visual__label.--label-right {
  top: 173px;
  right: 92px;
  transform: rotate(24.2deg);
}
@media (max-width: 767px) {
  .page-interview--01 .interview-firstview__visual__label.--label-right {
    top: 0;
    right: 0;
    transform: translate(-67px, 30px) rotate(24.2deg);
  }
}

.home-interview-card--02 .home-interview-card__label.--label-left {
  top: 54px;
  right: 531px;
  transform: rotate(-13.6deg);
}
@media (max-width: 767px) {
  .home-interview-card--02 .home-interview-card__label.--label-left {
    top: 207px;
    right: auto;
    left: 0;
    transform: translate(-7px, 0px) rotate(-13.6deg);
  }
}
.home-interview-card--02 .home-interview-card__label.--label-right {
  top: 156px;
  right: 99px;
  transform: rotate(24.2deg);
}
@media (max-width: 767px) {
  .home-interview-card--02 .home-interview-card__label.--label-right {
    top: 0;
    right: 0;
    transform: translate(-23px, 108px) rotate(24.2deg);
  }
}

.page-interview--02 .interview-firstview__visual__label.--label-left {
  text-align: left;
  top: 55px;
  right: 552px;
  transform: rotate(-13.6deg);
}
@media (max-width: 767px) {
  .page-interview--02 .interview-firstview__visual__label.--label-left {
    top: 0;
    right: 0;
    transform: translate(-239px, 170px) rotate(-13.6deg);
  }
}
.page-interview--02 .interview-firstview__visual__label.--label-right {
  text-align: left;
  top: 145px;
  right: 184px;
  transform: rotate(24.2deg);
}
@media (max-width: 767px) {
  .page-interview--02 .interview-firstview__visual__label.--label-right {
    top: 0;
    right: 0;
    transform: translate(-10px, 91px) rotate(24.2deg);
  }
}

.home-interview-card--03 .home-interview-card__label.--label-left {
  top: 105px;
  right: 498px;
  transform: rotate(-13.6deg);
}
@media (max-width: 767px) {
  .home-interview-card--03 .home-interview-card__label.--label-left {
    top: 0;
    right: auto;
    left: 0;
    transform: translate(-35px, 135px) rotate(-13.6deg);
  }
}
.home-interview-card--03 .home-interview-card__label.--label-right {
  top: 75px;
  right: 49px;
  transform: rotate(24.2deg);
}
@media (max-width: 767px) {
  .home-interview-card--03 .home-interview-card__label.--label-right {
    top: 0;
    right: 0;
    transform: translate(-11px, 70px) rotate(24.2deg);
  }
}

.page-interview--03 .interview-firstview__visual__label.--label-left {
  text-align: left;
  top: 110px;
  right: 502px;
  transform: rotate(-13.6deg);
}
@media (max-width: 767px) {
  .page-interview--03 .interview-firstview__visual__label.--label-left {
    top: 0;
    right: 0;
    transform: translate(-239px, 139px) rotate(-13.6deg);
  }
}
.page-interview--03 .interview-firstview__visual__label.--label-right {
  text-align: left;
  top: 68px;
  right: 118px;
  transform: rotate(24.2deg);
}
@media (max-width: 767px) {
  .page-interview--03 .interview-firstview__visual__label.--label-right {
    top: 0;
    right: 0;
    transform: translate(-32px, 48px) rotate(24.2deg);
  }
}

.home-interview-card--04 .home-interview-card__label.--label-left {
  top: 125px;
  right: 528px;
  transform: rotate(-13.6deg);
}
@media (max-width: 767px) {
  .home-interview-card--04 .home-interview-card__label.--label-left {
    top: 131px;
    right: auto;
    left: 0;
    transform: translate(-7px, 0px) rotate(-13.6deg);
  }
}
.home-interview-card--04 .home-interview-card__label.--label-right {
  top: 78px;
  right: 33px;
  transform: rotate(24.2deg);
}
@media (max-width: 767px) {
  .home-interview-card--04 .home-interview-card__label.--label-right {
    top: 0;
    right: 0;
    transform: translate(-10px, 71px) rotate(24.2deg);
  }
}

.page-interview--04 .interview-firstview__visual__label.--label-left {
  top: 107px;
  right: 517px;
  transform: rotate(-13.6deg);
}
@media (max-width: 767px) {
  .page-interview--04 .interview-firstview__visual__label.--label-left {
    top: 0;
    right: 0;
    transform: translate(-239px, 136px) rotate(-13.6deg);
  }
}
.page-interview--04 .interview-firstview__visual__label.--label-right {
  text-align: left;
  top: 50px;
  right: 72px;
  transform: rotate(24.2deg);
}
@media (max-width: 767px) {
  .page-interview--04 .interview-firstview__visual__label.--label-right {
    top: 0;
    right: 0;
    transform: translate(-31px, 47px) rotate(24.2deg);
  }
}

.home-interview-card--05 .home-interview-card__label.--label-left {
  top: 91px;
  right: 482px;
  transform: rotate(-13.6deg);
}
@media (max-width: 767px) {
  .home-interview-card--05 .home-interview-card__label.--label-left {
    top: 131px;
    right: auto;
    left: 0;
    transform: translate(-7px, 0px) rotate(-13.6deg);
  }
}
.home-interview-card--05 .home-interview-card__label.--label-right {
  top: 73px;
  right: 50px;
  transform: rotate(24.2deg);
}
@media (max-width: 767px) {
  .home-interview-card--05 .home-interview-card__label.--label-right {
    top: 0;
    right: 0;
    transform: translate(17px, 77px) rotate(24.2deg);
  }
}

.page-interview--05 .interview-firstview__visual__label.--label-left {
  text-align: left;
  top: 88px;
  right: 498px;
  transform: rotate(-13.6deg);
}
@media (max-width: 767px) {
  .page-interview--05 .interview-firstview__visual__label.--label-left {
    top: 0;
    right: 0;
    transform: translate(-239px, 136px) rotate(-13.6deg);
  }
}
.page-interview--05 .interview-firstview__visual__label.--label-right {
  top: 68px;
  right: 86px;
  transform: rotate(24.2deg);
}
@media (max-width: 767px) {
  .page-interview--05 .interview-firstview__visual__label.--label-right {
    top: 0;
    right: 0;
    transform: translate(-6px, 54px) rotate(24.2deg);
  }
}

.benefit-firstview {
  padding-top: 44px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .benefit-firstview {
    padding-top: 24px;
    padding-bottom: 44px;
  }
}
@media (max-width: 767px) {
  .benefit-firstview__container {
    padding-inline: 0;
  }
}
.benefit-firstview__heading {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .benefit-firstview__heading {
    margin-bottom: 20px;
    padding-inline: var(--container-padding-sm);
  }
}
.benefit-firstview__content {
  position: relative;
  z-index: 2;
}
.benefit-firstview__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.benefit-firstview__visual {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  position: relative;
  z-index: 1;
}
.benefit-firstview__visual:before {
  content: "";
  display: block;
  width: clamp(78px, 19.5vw, 104px);
}
@media (max-width: 767px) {
  .benefit-firstview__visual:before {
    width: 78px;
  }
}
.benefit-firstview__visual__image picture,
.benefit-firstview__visual__image img {
  display: block;
  width: 100%;
}
.benefit-firstview__title {
  position: absolute;
  top: -16px;
  left: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .benefit-firstview__title {
    padding-left: var(--container-padding-sm);
  }
}
.benefit-firstview__title img {
  display: block;
}
@media (max-width: 767px) {
  .benefit-firstview__title img {
    width: 248px;
  }
}
.benefit-firstview__description {
  max-width: 800px;
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: var(--color-text-black);
  margin-left: clamp(78px, 19.5vw, 104px);
}
@media (max-width: 767px) {
  .benefit-firstview__description {
    margin-left: 0;
    padding-inline: var(--container-padding-sm);
    font-size: calc(14 / 16 * 1rem);
  }
}

.benefit-point {
  padding-top: 60px;
  padding-bottom: 120px;
  color: var(--color-text-black);
}
@media (max-width: 767px) {
  .benefit-point {
    padding-top: 44px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .benefit-point__container {
    padding-inline: 16px;
  }
}
.benefit-point__head {
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .benefit-point__head {
    margin-bottom: 24px;
  }
}
.benefit-point__body {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.benefit-point__heading {
  max-width: 1006px;
  margin-inline: auto;
  padding: 0 16px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .benefit-point__heading {
    padding: 12px;
  }
}
.benefit-point__heading:before, .benefit-point__heading:after {
  content: "";
  width: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.benefit-point__heading:before {
  border-left: 1px solid var(--color-text-black);
  border-top: 1px solid var(--color-text-black);
  border-bottom: 1px solid var(--color-text-black);
  border-radius: 16px 0 0 16px;
  left: 0;
}
.benefit-point__heading:after {
  border-right: 1px solid var(--color-text-black);
  border-top: 1px solid var(--color-text-black);
  border-bottom: 1px solid var(--color-text-black);
  border-radius: 0 16px 16px 0;
  right: 0;
}
.benefit-point__heading__sub {
  font-size: calc(16 / 16 * 1rem);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .benefit-point__heading__sub {
    font-size: min(14 / 16 * 1rem, 3.5vw);
  }
}
.benefit-point__heading__main {
  font-size: calc(40 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .benefit-point__heading__main {
    font-size: min(28 / 16 * 1rem, 7vw);
  }
}
.benefit-point__section {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .benefit-point__section {
    gap: 16px;
  }
}
.benefit-point__section__head {
  font-size: 0;
  text-align: center;
}
.benefit-point__section__heading {
  display: inline-block;
  padding: 0 12px;
  background: var(--color-white);
  font-size: calc(32 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
  color: var(--color-text-black);
}
@media (max-width: 767px) {
  .benefit-point__section__heading {
    padding: 0 8px;
    font-size: calc(25 / 16 * 1rem);
  }
}
.benefit-point__list > ul {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media (max-width: 767px) {
  .benefit-point__list > ul {
    gap: 32px;
  }
}
.benefit-point__item {
  display: grid;
  grid-template-columns: 98px minmax(0, 1fr);
  background: #a9cfd0;
  color: var(--color-text-black);
}
@media (max-width: 1049px) {
  .benefit-point__item {
    grid-template-columns: 40px minmax(0, 1fr);
  }
}
.benefit-point__list:not(.is-odd) li:nth-child(even) .benefit-point__item {
  grid-template-columns: minmax(0, 1fr) 98px;
  background: #a8c4d0;
}
@media (max-width: 1049px) {
  .benefit-point__list:not(.is-odd) li:nth-child(even) .benefit-point__item {
    grid-template-columns: minmax(0, 1fr) 40px;
  }
}
.benefit-point__list.is-odd li:nth-child(odd) .benefit-point__item {
  grid-template-columns: minmax(0, 1fr) 98px;
  background: #a8c4d0;
}
@media (max-width: 1049px) {
  .benefit-point__list.is-odd li:nth-child(odd) .benefit-point__item {
    grid-template-columns: minmax(0, 1fr) 40px;
  }
}
.benefit-point__item__label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  writing-mode: vertical-lr;
  font-size: calc(24 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media (max-width: 1049px) {
  .benefit-point__item__label {
    font-size: calc(20 / 16 * 1rem);
  }
}
.benefit-point__list:not(.is-odd) li:nth-child(odd) .benefit-point__item__label {
  border-right: 1px solid var(--color-text-black);
}
.benefit-point__list:not(.is-odd) li:nth-child(odd) .benefit-point__item__label span {
  display: inline-block;
  transform: rotate(180deg);
}
.benefit-point__list:not(.is-odd) li:nth-child(even) .benefit-point__item__label {
  border-left: 1px solid var(--color-text-black);
  order: 2;
}
.benefit-point__list.is-odd li:nth-child(even) .benefit-point__item__label {
  border-right: 1px solid var(--color-text-black);
}
.benefit-point__list.is-odd li:nth-child(even) .benefit-point__item__label span {
  display: inline-block;
  transform: rotate(180deg);
}
.benefit-point__list.is-odd li:nth-child(odd) .benefit-point__item__label {
  border-left: 1px solid var(--color-text-black);
  order: 2;
}
.benefit-point__item__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
}
@media (max-width: 1049px) {
  .benefit-point__item__inner {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
}
.benefit-point__list:not(.is-odd) li:nth-child(even) .benefit-point__item__inner {
  grid-template-columns: 420px minmax(0, 1fr);
}
.benefit-point__list.is-odd li:nth-child(odd) .benefit-point__item__inner {
  grid-template-columns: 420px minmax(0, 1fr);
}
.benefit-point__item__article {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 80px;
  margin-block: auto;
}
@media (max-width: 1049px) {
  .benefit-point__item__article {
    gap: 8px;
    padding: 32px 24px 0;
  }
}
.benefit-point__item__article__heading {
  font-size: calc(32 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 1049px) {
  .benefit-point__item__article__heading {
    font-size: calc(25 / 16 * 1rem);
  }
}
.benefit-point__item__article__text {
  display: flex;
  flex-direction: column;
  gap: 1em;
  font-size: calc(18 / 16 * 1rem);
  font-weight: var(--font-medium);
  line-height: 1.8;
}
@media (max-width: 1049px) {
  .benefit-point__item__article__text {
    font-size: calc(16 / 16 * 1rem);
  }
}
.benefit-point__item__article__text a {
  font-weight: var(--font-semibold);
  text-decoration: underline;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity;
  color: var(--color-main);
}
@media (hover: hover) {
  .benefit-point__item__article__text a:hover {
    text-decoration: none;
    opacity: 0.75;
  }
}
.benefit-point__item__visual {
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
  margin-top: auto;
}
@media (max-width: 1049px) {
  .benefit-point__item__visual {
    max-width: 328px;
    margin-inline: auto;
  }
}
@media (min-width: 1050px) {
  .benefit-point__list:not(.is-odd) li:nth-child(even) .benefit-point__item__visual {
    order: -1;
  }
  .benefit-point__list.is-odd li:nth-child(odd) .benefit-point__item__visual {
    order: -1;
  }
}
.benefit-point__item__visual__image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.benefit-point__item__visual__image picture,
.benefit-point__item__visual__image img {
  display: block;
}

.occupation-firstview {
  padding-top: 52px;
  padding-bottom: 240px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .occupation-firstview {
    padding-top: 43px;
    padding-bottom: 80px;
  }
}
.occupation-firstview__container {
  --container-width: 1120px;
}
@media (max-width: 767px) {
  .occupation-firstview__container {
    padding-inline: 0;
  }
}
.occupation-firstview__content {
  position: relative;
  z-index: 1;
}
.occupation-firstview__head {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .occupation-firstview__head {
    padding-inline: 32px;
    position: static;
  }
}
.occupation-firstview__body {
  transform: translate(21px, -21px);
}
@media (max-width: 767px) {
  .occupation-firstview__body {
    transform: none;
  }
}
.occupation-firstview__foot {
  position: absolute;
  bottom: 24px;
  left: 0;
  z-index: 2;
}
@media (max-width: 1049px) {
  .occupation-firstview__foot {
    margin-top: 24px;
    position: static;
  }
}
.occupation-firstview__heading {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .occupation-firstview__heading {
    margin-bottom: 6px;
  }
}
.occupation-firstview__title {
  font-size: 0;
}
.occupation-firstview__title__inner {
  display: inline-block;
  padding: 0 12px;
  background: var(--color-white);
  font-size: calc(40 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: var(--color-text-black);
}
@media (max-width: 767px) {
  .occupation-firstview__title__inner {
    font-size: calc(28 / 16 * 1rem);
  }
}
.occupation-firstview__description {
  max-width: 800px;
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .occupation-firstview__description {
    max-width: none;
    font-size: calc(14 / 16 * 1rem);
    margin-top: 16px;
  }
}
.occupation-firstview__content {
  position: relative;
  z-index: 2;
}
.occupation-firstview__message {
  position: relative;
  z-index: 1;
}
@media (max-width: 1049px) {
  .occupation-firstview__message {
    padding-inline: 20px;
  }
}
@media (max-width: 1049px) {
  .occupation-firstview__message.--short {
    padding-inline: 0;
  }
}
.occupation-firstview__message.--short .occupation-firstview__message__inner {
  width: 335px;
  grid-template-columns: minmax(0, 115px) minmax(0, 1fr);
  padding: 19px 24px;
}
@media (max-width: 1049px) {
  .occupation-firstview__message.--short .occupation-firstview__message__inner {
    grid-template-columns: minmax(0, 1fr);
    justify-content: center;
    gap: 5px;
    width: 150px;
    padding: 15px 10px 26px;
    border-radius: 100%;
    text-align: center;
    box-shadow: 0px 0px 43.68px 0px #346BAE inset;
  }
}
@media (max-width: 1049px) {
  .occupation-firstview__message.--short .occupation-firstview__message__charactor {
    width: 88px;
    margin-inline: auto;
  }
}
.occupation-firstview__message__inner {
  display: grid;
  grid-template-columns: min(115px, 35%) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 433px;
  padding: 13px 24px;
  background: #81d0eb;
  box-shadow: 0px 0px 43.68px 0px #346BAE inset;
  border-radius: 46.8px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1049px) {
  .occupation-firstview__message__inner {
    gap: 14px;
    width: min(367px, 100%);
    padding: 18px 16px;
  }
}
.occupation-firstview__message__charactor picture,
.occupation-firstview__message__charactor img {
  display: block;
  margin-inline: auto;
}
.occupation-firstview__message__text {
  font-size: calc(13 / 16 * 1rem);
  font-family: var(--font-family-noto);
  font-weight: var(--font-medium);
  line-height: 1.6;
}
@media (max-width: 1049px) {
  .occupation-firstview__message__text {
    font-size: calc(12 / 16 * 1rem);
  }
}
.occupation-firstview__message__background {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 1049px) {
  .occupation-firstview__message__background {
    background: #81d0eb;
    box-shadow: 0px 0px 43.68px 0px #346BAE inset;
    border-radius: 16px;
  }
}
.occupation-firstview__message__background svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 1049px) {
  .occupation-firstview__message__background svg {
    display: none;
  }
}

.occupation-map {
  width: 100%;
  min-width: 425px;
  max-width: 1216px;
  aspect-ratio: 1216/741;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .occupation-map {
    container-type: inline-size;
  }
}
.occupation-map__image {
  position: relative;
  z-index: 1;
}
.occupation-map__image picture,
.occupation-map__image img {
  display: block;
  user-select: none;
}
.occupation-map__buttons {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.occupation-map__button {
  display: block;
  position: absolute;
  cursor: pointer;
  z-index: 2;
  filter: drop-shadow(4px 4px 8px rgba(0, 138, 162, 0.1607843137));
}
.occupation-map__button svg {
  fill: currentColor;
}
@media (min-width: 768px) {
  .occupation-map__button[data-modal-target=piping] {
    top: 18.9144736842cqw;
    left: 22.8618421053cqw;
  }
}
@media (max-width: 767px) {
  .occupation-map__button[data-modal-target=piping] {
    top: 19.2307692308%;
    left: 33%;
  }
}
.occupation-map__button[data-modal-target=operations] {
  top: 41.8585526316cqw;
  left: 22.8618421053cqw;
}
@media (max-width: 767px) {
  .occupation-map__button[data-modal-target=operations] {
    top: 40%;
    left: 21.25%;
  }
}
.occupation-map__button[data-modal-target=maintenance] {
  top: 18.9144736842cqw;
  left: 69.1611842105cqw;
}
@media (max-width: 767px) {
  .occupation-map__button[data-modal-target=maintenance] {
    top: 23.0769230769%;
    left: 83%;
  }
}
.occupation-map__button[data-modal-target=fabrication] {
  top: 2.0559210526cqw;
  left: 69.1611842105cqw;
}
@media (max-width: 767px) {
  .occupation-map__button[data-modal-target=fabrication] {
    top: -2.3076923077%;
    left: 69.25%;
  }
}
.occupation-map__button[data-modal-target=supervision] {
  top: 33.6348684211cqw;
  left: 48.3552631579cqw;
}
@media (max-width: 767px) {
  .occupation-map__button[data-modal-target=supervision] {
    top: 26.5384615385%;
    left: 59%;
  }
}
.occupation-map__button__inner {
  display: grid;
  grid-template-columns: auto 17px;
  align-items: center;
  gap: 15px;
  padding: 4px 18px 4px 16px;
  border-radius: 16px;
  background: var(--color-white);
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: var(--color-main);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 768px) {
  .occupation-map__button__inner {
    grid-template-columns: auto 1.3980263158cqw;
    gap: 1.2335526316cqw;
    padding: 0.3289473684cqw 1.4802631579cqw 0.3289473684cqw 1.3157894737cqw;
    font-size: 1.9736842105cqw;
  }
}
@media (max-width: 767px) {
  .occupation-map__button__inner {
    align-items: start;
    width: 32px;
    aspect-ratio: 32/40;
    grid-template-columns: auto;
    justify-content: center;
    padding: 8px 0 0 0;
    background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 40"><path fill="%23fff" d="M16,0c8.84,0,16,7.27,16,16.23,0,6.95-4.31,12.88-10.37,15.2l-3.32,7.38c-.71,1.58-2.93,1.58-3.64,0l-3.14-6.99C4.87,29.86,0,23.62,0,16.23,0,7.27,7.16,0,16,0Z"/></svg>');
    border-radius: 100%;
  }
}
@media (hover: hover) {
  .occupation-map__button__inner:hover {
    background: var(--color-main);
    color: var(--color-white);
  }
}
@media (max-width: 767px) {
  .occupation-map__button__inner > svg {
    display: none;
  }
}
.occupation-map__button__label {
  display: grid;
  grid-template-columns: 2.9605263158cqw auto;
  align-items: center;
  gap: 0.4934210526cqw;
}
@media (max-width: 767px) {
  .occupation-map__button__label {
    grid-template-columns: auto;
    width: 20px;
  }
}
@media (max-width: 767px) {
  .occupation-map__button__label > span {
    display: none;
  }
}
.occupation-map__scales {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
@media (max-width: 767px) {
  .occupation-map__scales {
    display: none;
  }
}
.occupation-map__scale {
  opacity: 0;
  visibility: hidden;
  filter: drop-shadow(0 16px 16px rgba(0, 0, 0, 0.1607843137));
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.occupation-map__scale.is-visible {
  opacity: 1;
  visibility: visible;
}
.occupation-map__scale[data-occupation-content=piping] {
  top: 1.4802631579cqw;
  left: 45.3947368421cqw;
}
.occupation-map__scale[data-occupation-content=operations] {
  top: 24.4243421053cqw;
  left: 45.9703947368cqw;
}
.occupation-map__scale[data-occupation-content=maintenance] {
  top: 0.4934210526cqw;
  left: 26.3980263158cqw;
}
.occupation-map__scale[data-occupation-content=fabrication] {
  top: 7.4013157895cqw;
  left: 61.7598684211cqw;
}
.occupation-map__scale[data-occupation-content=supervision] {
  top: 14.8026315789cqw;
  left: 5.8388157895cqw;
}
.occupation-map__scale[data-arrow=left], .occupation-map__scale[data-arrow=right] {
  width: 40.7894736842cqw;
  aspect-ratio: 496/458;
}
.occupation-map__scale[data-arrow=up] {
  width: 37.6644736842cqw;
  aspect-ratio: 458/504;
}
.occupation-map__scale__inner {
  height: 100%;
}
.occupation-map__scale__balloon {
  height: 100%;
  padding: 0.8223684211cqw;
  position: relative;
  z-index: 1;
}
[data-arrow=left] .occupation-map__scale__balloon {
  padding-left: 3.9473684211cqw;
}
[data-arrow=right] .occupation-map__scale__balloon {
  padding-right: 3.9473684211cqw;
}
[data-arrow=up] .occupation-map__scale__balloon {
  padding-top: 4.6052631579cqw;
}
.occupation-map__scale__balloon__image {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.occupation-map__scale__balloon__image:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 0px 24px 0px #346bae inset;
}
.occupation-map__scale__balloon__image picture,
.occupation-map__scale__balloon__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.05);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform;
}
.is-visible .occupation-map__scale__balloon__image picture,
.is-visible .occupation-map__scale__balloon__image img {
  transform: scale(1);
}
.occupation-map__scale__balloon__figure {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.occupation-map__scale__balloon__figure svg {
  display: block;
  width: 100%;
  fill: var(--color-main);
}

.occupation-introduce {
  --occupation-introduce-bg: var(--color-sub-01);
}
.occupation-introduce__section {
  padding: 80px 0 90px;
  background: var(--occupation-introduce-bg);
}
.occupation-introduce__section:nth-child(odd) {
  --occupation-introduce-bg: var(--color-sub-01);
}
.occupation-introduce__section:nth-child(even) {
  --occupation-introduce-bg: var(--color-sub-02);
}
.occupation-introduce__container {
  --container-width: 1120px;
}
@media (max-width: 1049px) {
  .occupation-introduce__container {
    padding-inline: 16px;
  }
}
.occupation-introduce__content {
  display: grid;
  grid-template-columns: minmax(0, 448px) minmax(0, 1fr);
  align-items: start;
  gap: 64px;
  position: relative;
}
@media (max-width: 1049px) {
  .occupation-introduce__content {
    grid-template-columns: auto;
    gap: 52px;
  }
}
@media (min-width: 1050px) {
  .occupation-introduce__head {
    position: sticky;
    top: 80px;
  }
}

.occupation-introduce-label {
  padding: 40px;
  border-radius: 16px;
  background: var(--color-white);
  box-shadow: 0px 0px 32px 0px rgba(0, 138, 162, 0.4) inset;
}
@media (max-width: 1049px) {
  .occupation-introduce-label {
    padding: 32px;
  }
}
.occupation-introduce-label__head {
  margin-bottom: 24px;
}
.occupation-introduce-label__heading {
  display: grid;
  grid-template-columns: minmax(64px, auto) minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 14px 24px;
  color: var(--color-main);
  position: relative;
  z-index: 1;
}
@media (max-width: 1049px) {
  .occupation-introduce-label__heading {
    grid-template-columns: minmax(53px, auto) minmax(0, 1fr);
    padding: 8px 24px;
  }
}
.occupation-introduce-label__heading__number {
  font-size: calc(48 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-bold);
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}
@media (max-width: 1049px) {
  .occupation-introduce-label__heading__number {
    font-size: calc(40 / 16 * 1rem);
  }
}
.occupation-introduce-label__heading__text {
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 1049px) {
  .occupation-introduce-label__heading__text {
    font-size: calc(19 / 16 * 1rem);
  }
}
.occupation-introduce-label__heading:before, .occupation-introduce-label__heading:after {
  content: "";
  width: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.occupation-introduce-label__heading:before {
  border-left: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 4px 0 0 4px;
  left: 0;
}
.occupation-introduce-label__heading:after {
  border-right: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 0 4px 4px 0;
  right: 0;
}
.occupation-introduce-label__description {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: var(--color-text-black);
}
@media (max-width: 1049px) {
  .occupation-introduce-label__description {
    font-size: calc(14 / 16 * 1rem);
  }
}

.occupation-introduce-article__section {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.occupation-introduce-article__section:not(:last-child) {
  padding-bottom: 64px;
  margin-bottom: 64px;
  border-bottom: 1px solid var(--color-white);
}
.occupation-introduce-article__head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.occupation-introduce-article__body {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.occupation-introduce-article__heading {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 5px;
  align-items: center;
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .occupation-introduce-article__heading {
    grid-template-columns: 30px minmax(0, 1fr);
    font-size: calc(19 / 16 * 1rem);
  }
}
.occupation-introduce-article__heading svg {
  display: block;
  width: 100%;
  aspect-ratio: 36/28;
  fill: currentColor;
}
.occupation-introduce-article__description {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media (max-width: 1049px) {
  .occupation-introduce-article__description {
    font-size: calc(14 / 16 * 1rem);
  }
}
.occupation-introduce-article__movie {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.occupation-introduce-article__movie__thumbnail {
  display: block;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  .occupation-introduce-article__movie__thumbnail:hover {
    opacity: 0.8;
  }
  .occupation-introduce-article__movie__thumbnail:hover .occupation-introduce-article__movie__thumbnail__image picture,
  .occupation-introduce-article__movie__thumbnail:hover .occupation-introduce-article__movie__thumbnail__image img {
    transform: scale(1.05);
  }
}
.occupation-introduce-article__movie__thumbnail__image {
  overflow: hidden;
}
.occupation-introduce-article__movie__thumbnail__image picture,
.occupation-introduce-article__movie__thumbnail__image img {
  display: block;
  width: 100%;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.occupation-introduce-article__movie__thumbnail__play {
  display: flex;
  align-items: center;
  width: 100px;
  aspect-ratio: 1/1;
  margin: auto;
  border-radius: 100%;
  background: var(--color-white);
  position: absolute;
  bottom: 20px;
  right: 20px;
}
@media (max-width: 1049px) {
  .occupation-introduce-article__movie__thumbnail__play {
    width: 65px;
  }
}
.occupation-introduce-article__movie__thumbnail__play svg {
  display: block;
  width: 37.5px;
  aspect-ratio: 23/21;
  fill: var(--color-main);
  position: absolute;
  left: 36px;
}
@media (max-width: 1049px) {
  .occupation-introduce-article__movie__thumbnail__play svg {
    width: 25px;
    left: 23px;
  }
}
.occupation-introduce-article__movie__caption {
  font-size: calc(12 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.06em;
}
.occupation-introduce-article__visual {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1049px) {
  .occupation-introduce-article__visual {
    gap: 16px;
  }
}
.occupation-introduce-article__visual__items > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 1049px) {
  .occupation-introduce-article__visual__items > ul {
    gap: 8px;
  }
}
.occupation-introduce-article__visual__item picture,
.occupation-introduce-article__visual__item img {
  display: block;
  width: 100%;
}
.occupation-introduce-article__talk {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
@media (max-width: 767px) {
  .occupation-introduce-article__talk {
    align-items: center;
    gap: 20px;
  }
}
.occupation-introduce-article__talk.--charactor-right {
  grid-template-columns: minmax(0, 1fr) 108px;
}
.occupation-introduce-article__talk.--charactor-right .occupation-introduce-article__talk__talker {
  order: 2;
}
.occupation-introduce-article__talk.--charactor-right .occupation-introduce-article__talk__comment__balloon__inner:before {
  left: auto;
  right: -14px;
  transform: translateY(-50%) rotate(180deg);
}
.occupation-introduce-article__talk__talker {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .occupation-introduce-article__talk__talker {
    gap: 8px;
  }
}
.occupation-introduce-article__talk__talker__icon {
  display: flex;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
}
.occupation-introduce-article__talk__talker__image picture,
.occupation-introduce-article__talk__talker__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.occupation-introduce-article__talk__comment {
  display: flex;
  align-items: center;
  min-height: 76px;
  margin-block: auto;
  font-size: calc(12 / 16 * 1rem);
  font-family: var(--font-family-noto);
  font-weight: var(--font-medium);
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  .occupation-introduce-article__talk__comment {
    font-size: calc(12 / 16 * 1rem);
  }
}
.occupation-introduce-article__talk__comment__balloon {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.occupation-introduce-article__talk__comment__balloon__inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  padding: 16px 32px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .occupation-introduce-article__talk__comment__balloon__inner {
    padding: 8px 14px;
  }
}
.occupation-introduce-article__talk__comment__balloon__inner:before {
  content: "";
  display: block;
  width: 15px;
  aspect-ratio: 15/13;
  margin-block: auto;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13"><path fill="%23fff" d="M13.66,13L1.72,8.89c-1.04-.36-1.72-1.3-1.72-2.39s.67-2.03,1.72-2.39L13.66,0l.34.95L2.06,5.06c-.76.26-1.03.92-1.03,1.44s.27,1.18,1.03,1.44l11.94,4.11-.34.95Z"/></svg>');
  background-color: var(--occupation-introduce-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: min(50%, 45px);
  left: -14px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .occupation-introduce-article__talk__comment__balloon__inner:before {
    top: 50%;
  }
}
.occupation-introduce-article__talk__comment__balloon:before, .occupation-introduce-article__talk__comment__balloon:after {
  content: "";
  width: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .occupation-introduce-article__talk__comment__balloon:before, .occupation-introduce-article__talk__comment__balloon:after {
    width: 12px;
  }
}
.occupation-introduce-article__talk__comment__balloon:before {
  border-left: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 8px 0 0 8px;
  left: 0;
}
.occupation-introduce-article__talk__comment__balloon:after {
  border-right: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 0 8px 8px 0;
  right: 0;
}
.occupation-introduce-article__scope {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 28px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1049px) {
  .occupation-introduce-article__scope {
    padding: 12px 20px;
  }
}
.occupation-introduce-article__scope:before, .occupation-introduce-article__scope:after {
  content: "";
  width: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.occupation-introduce-article__scope:before {
  border-left: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 4px 0 0 4px;
  left: 0;
}
.occupation-introduce-article__scope:after {
  border-right: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 0 4px 4px 0;
  right: 0;
}
.occupation-introduce-article__scope__heading {
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (max-width: 1049px) {
  .occupation-introduce-article__scope__heading {
    font-size: calc(16 / 16 * 1rem);
  }
}
.occupation-introduce-article__scope__list > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
}
@media (max-width: 1049px) {
  .occupation-introduce-article__scope__list > ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: auto;
    grid-auto-flow: initial;
    gap: 0;
  }
}
.occupation-introduce-article__scope__list > ul > li {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  gap: 4px;
}
.occupation-introduce-article__scope__list > ul > li:before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: currentColor;
  position: relative;
  top: 0.5lh;
}
@media (min-width: 1050px) {
  .--operations .occupation-introduce-article__scope__list > ul > li:nth-child(3) {
    grid-column: 1/-1;
  }
}
.occupation-introduce-article__scope__item {
  font-size: calc(18 / 16 * 1rem);
  font-family: var(--font-family-noto);
  font-weight: var(--font-medium);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media (max-width: 1049px) {
  .occupation-introduce-article__scope__item {
    font-size: calc(16 / 16 * 1rem);
  }
}
.occupation-introduce-article__scope__item i {
  font-style: normal;
  font-size: calc(12 / 16 * 1rem);
  line-height: 1.4;
}
.occupation-introduce-article__scope__item__note {
  font-size: calc(12 / 16 * 1rem);
  line-height: 1.4;
}

.occupation-customer {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .occupation-customer {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.occupation-customer__container {
  --container-width: 1120px;
}
@media (max-width: 1049px) {
  .occupation-customer__container {
    padding-inline: 16px;
  }
}
.occupation-customer__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1049px) {
  .occupation-customer__content {
    gap: 32px;
  }
}
.occupation-customer__arrow {
  max-width: 386px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .occupation-customer__arrow {
    max-width: 212px;
  }
}
.occupation-customer__arrow svg {
  display: block;
  width: 100%;
  aspect-ratio: 386/120;
}
.occupation-customer__inner {
  display: block;
  padding: 48px 80px;
  border-radius: 32px;
  background: var(--color-white);
  box-shadow: 0px 0px 32px 0px rgba(0, 138, 162, 0.4) inset;
  color: var(--color-main);
}
@media (max-width: 1049px) {
  .occupation-customer__inner {
    padding: 24px;
    border-radius: 16px;
  }
}
.occupation-customer__head {
  font-size: 0;
  text-align: center;
}
.occupation-customer__body {
  position: relative;
  z-index: 1;
}
.occupation-customer__heading {
  display: inline-block;
  max-width: 670px;
  width: 100%;
  padding: 0 24px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .occupation-customer__heading {
    max-width: none;
    padding: 0 20px;
  }
}
.occupation-customer__heading__sub {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .occupation-customer__heading__sub {
    font-size: calc(14 / 16 * 1rem);
  }
}
.occupation-customer__heading__main {
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .occupation-customer__heading__main {
    font-size: calc(22 / 16 * 1rem);
    line-height: 1.4;
  }
}
.occupation-customer__heading:before, .occupation-customer__heading:after {
  content: "";
  width: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.occupation-customer__heading:before {
  border-left: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 8px 0 0 8px;
  left: 0;
}
.occupation-customer__heading:after {
  border-right: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 0 8px 8px 0;
  right: 0;
}
.occupation-customer__image {
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 1049px) {
  .occupation-customer__image {
    text-align: left;
  }
}
.occupation-customer__image picture,
.occupation-customer__image img {
  display: inline-block;
}
@media (max-width: 767px) {
  .occupation-customer__image picture,
  .occupation-customer__image img {
    width: min(304px, 100%);
  }
}
.occupation-customer__description {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media (max-width: 1049px) {
  .occupation-customer__description {
    margin-top: -16px;
    position: static;
  }
}
.occupation-customer__description__title {
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 1049px) {
  .occupation-customer__description__title {
    font-size: calc(22 / 16 * 1rem);
    letter-spacing: 0;
  }
}
.occupation-customer__description__text {
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-eng);
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: var(--color-text-black);
}
@media (max-width: 1049px) {
  .occupation-customer__description__text {
    font-size: calc(14 / 16 * 1rem);
  }
}

.occupation-industrial {
  padding-top: 80px;
  padding-bottom: 160px;
}
@media (max-width: 767px) {
  .occupation-industrial {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.occupation-industrial__container {
  --container-width: 1120px;
}
@media (max-width: 1049px) {
  .occupation-industrial__container {
    padding-inline: 16px;
  }
}
.occupation-industrial__content {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (max-width: 767px) {
  .occupation-industrial__content {
    gap: 40px;
  }
}
.occupation-industrial__talk {
  display: grid;
  grid-template-columns: 148px minmax(0, auto);
  gap: 24px;
  justify-content: center;
  align-items: start;
  max-width: 848px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .occupation-industrial__talk {
    grid-template-columns: 120px minmax(0, auto);
    gap: 20px;
  }
}
.occupation-industrial__talk__talker {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .occupation-industrial__talk__talker {
    gap: 8px;
  }
}
.occupation-industrial__talk__talker__icon {
  display: flex;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
}
.occupation-industrial__talk__talker__image picture,
.occupation-industrial__talk__talker__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.occupation-industrial__talk__comment {
  display: flex;
  align-items: center;
  min-height: 128px;
  margin-block: auto;
  font-size: calc(18 / 16 * 1rem);
  font-family: var(--font-family-noto);
  font-weight: var(--font-medium);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .occupation-industrial__talk__comment {
    font-size: calc(12 / 16 * 1rem);
  }
}
.occupation-industrial__talk__comment__balloon {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.occupation-industrial__talk__comment__balloon__inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  padding: 16px 32px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .occupation-industrial__talk__comment__balloon__inner {
    padding: 16px 20px;
  }
}
.occupation-industrial__talk__comment__balloon__inner:before {
  content: "";
  display: block;
  width: 15px;
  aspect-ratio: 15/13;
  margin-block: auto;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13"><path fill="%23fff" d="M13.66,13L1.72,8.89c-1.04-.36-1.72-1.3-1.72-2.39s.67-2.03,1.72-2.39L13.66,0l.34.95L2.06,5.06c-.76.26-1.03.92-1.03,1.44s.27,1.18,1.03,1.44l11.94,4.11-.34.95Z"/></svg>');
  background-color: #8db2bf;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: min(50%, 60px);
  left: -14px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .occupation-industrial__talk__comment__balloon__inner:before {
    top: min(50%, 63px);
  }
}
.occupation-industrial__talk__comment__balloon:before, .occupation-industrial__talk__comment__balloon:after {
  content: "";
  width: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .occupation-industrial__talk__comment__balloon:before, .occupation-industrial__talk__comment__balloon:after {
    width: 12px;
  }
}
.occupation-industrial__talk__comment__balloon:before {
  border-left: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 8px 0 0 8px;
  left: 0;
}
.occupation-industrial__talk__comment__balloon:after {
  border-right: 1px solid var(--color-white);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  border-radius: 0 8px 8px 0;
  right: 0;
}
.occupation-industrial__inner {
  display: block;
  height: 326px;
  border-radius: 16px;
  background: var(--color-sub-01);
  box-shadow: 0px 24px 24px 0px rgba(0, 0, 0, 0.1607843137);
  color: var(--color-text-black);
  position: relative;
  z-index: 1;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 767px) {
  .occupation-industrial__inner {
    height: auto;
    border-radius: 12px;
  }
}
@media (hover: hover) {
  .occupation-industrial__inner:hover {
    box-shadow: none;
    opacity: 0.75;
    transform: translateY(3px);
  }
  .occupation-industrial__inner:hover .occupation-industrial__inner__arrow__circle {
    box-shadow: 0px 0px 10px 0px rgba(0, 138, 162, 0.5019607843) inset;
  }
}
.occupation-industrial__inner__content {
  display: grid;
  align-items: center;
  height: 100%;
  padding: 40px 40px 40px 65px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .occupation-industrial__inner__content {
    padding: 30px;
  }
}
.occupation-industrial__inner__main {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .occupation-industrial__inner__main {
    gap: 12px;
  }
}
.occupation-industrial__inner__head {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 440px;
}
@media (max-width: 767px) {
  .occupation-industrial__inner__head {
    width: auto;
  }
}
.occupation-industrial__inner__body {
  width: 315px;
}
@media (max-width: 767px) {
  .occupation-industrial__inner__body {
    display: flex;
    justify-content: end;
    width: 100%;
  }
}
.occupation-industrial__inner__heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767px) {
  .occupation-industrial__inner__heading {
    gap: 6px;
  }
}
.occupation-industrial__inner__heading__label {
  font-size: calc(24 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: var(--color-main);
}
@media (max-width: 767px) {
  .occupation-industrial__inner__heading__label {
    font-size: calc(19 / 16 * 1rem);
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}
.occupation-industrial__inner__heading__label svg {
  width: 36px;
}
@media (max-width: 767px) {
  .occupation-industrial__inner__heading__label svg {
    width: 30px;
  }
}
.occupation-industrial__inner__heading__title__inner {
  padding: 2px 12px;
  font-size: calc(40 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .occupation-industrial__inner__heading__title__inner {
    padding: 2px 8px;
    font-size: calc(28 / 16 * 1rem);
  }
}
.occupation-industrial__inner__description {
  font-size: calc(14 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.occupation-industrial__inner__arrow {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  right: 40px;
}
@media (max-width: 767px) {
  .occupation-industrial__inner__arrow {
    position: static;
  }
}
.occupation-industrial__inner__arrow__circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (max-width: 767px) {
  .occupation-industrial__inner__arrow__circle {
    width: 36px;
  }
}
.occupation-industrial__inner__arrow__circle svg {
  display: block;
  width: 30px;
  aspect-ratio: 27/17;
  fill: var(--color-main);
}
@media (max-width: 767px) {
  .occupation-industrial__inner__arrow__circle svg {
    width: 20px;
  }
}
.occupation-industrial__inner__background {
  height: 100%;
  position: absolute;
  top: 0;
  right: 120px;
  z-index: 1;
}
@media (max-width: 1049px) {
  .occupation-industrial__inner__background {
    opacity: 0.5;
  }
}
@media (max-width: 767px) {
  .occupation-industrial__inner__background {
    width: 100%;
    position: static;
    opacity: 1;
  }
}
.occupation-industrial__inner__background picture,
.occupation-industrial__inner__background img {
  display: block;
  width: auto;
  height: 100%;
}
@media (max-width: 767px) {
  .occupation-industrial__inner__background picture,
  .occupation-industrial__inner__background img {
    width: 100%;
    height: auto;
  }
}

.occupation-modal-content {
  padding: 64px;
  border-radius: 16px;
  background: var(--color-white);
  color: var(--color-text-black);
}
@media (max-width: 767px) {
  .occupation-modal-content {
    padding: 64px 40px 40px;
  }
}
.occupation-modal-content__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .occupation-modal-content__inner {
    gap: 24px;
  }
}
.occupation-modal-content__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  font-size: 0;
}
.occupation-modal-content__heading {
  display: inline-block;
  min-width: 250px;
  padding: 0 20px;
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--color-main);
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .occupation-modal-content__heading {
    font-size: calc(19 / 16 * 1rem);
  }
}
.occupation-modal-content__heading:before, .occupation-modal-content__heading:after {
  content: "";
  width: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.occupation-modal-content__heading:before {
  border-left: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 4px 0 0 4px;
  left: 0;
}
.occupation-modal-content__heading:after {
  border-right: 1px solid var(--color-main);
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid var(--color-main);
  border-radius: 0 4px 4px 0;
  right: 0;
}
.occupation-modal-content__description {
  font-size: calc(18 / 16 * 1rem);
  font-family: var(--font-family-noto);
  font-weight: var(--font-medium);
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
}
@media (max-width: 767px) {
  .occupation-modal-content__description {
    font-size: calc(16 / 16 * 1rem);
  }
}
.occupation-modal-content__images > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 767px) {
  .occupation-modal-content__images > ul {
    grid-template-columns: minmax(0, 1fr);
  }
}
.occupation-modal-content__image picture,
.occupation-modal-content__image img {
  display: block;
  width: 100%;
}

.occupation-home-modal-content {
  pointer-events: none;
}
.occupation-home-modal-content__balloon {
  width: min(340px, 100%);
  aspect-ratio: 1/1;
  margin-inline: auto;
  border: 7.5px solid var(--color-main);
  border-radius: 100%;
  background: var(--color-main);
  overflow: hidden;
  pointer-events: auto;
}
.occupation-home-modal-content__label {
  font-size: 0;
  text-align: center;
  margin-inline: auto;
  margin-top: -22px;
  pointer-events: auto;
}
.occupation-home-modal-content__label__inner {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 16px;
  border-radius: 16px;
  background: var(--color-main);
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  text-align: center;
}
.occupation-home-modal-content__label__inner > svg {
  display: block;
  width: 36px;
  aspect-ratio: 22/17;
  fill: currentColor;
}

.entry-conversion {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .entry-conversion {
    padding-bottom: 80px;
  }
}
.entry-conversion__container {
  padding-inline: 31px;
}
@media (max-width: 767px) {
  .entry-conversion__container {
    padding-inline: 16px;
  }
}
.entry-conversion__content {
  padding: 54px 80px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .entry-conversion__content {
    padding: 48px 24px;
    border-radius: 8px;
  }
}
.entry-conversion__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .entry-conversion__inner {
    gap: 24px;
  }
}
.entry-conversion__heading {
  font-size: calc(88 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .entry-conversion__heading {
    font-size: calc(64 / 16 * 1rem);
  }
}
.entry-conversion__description {
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .entry-conversion__description {
    font-size: calc(17 / 16 * 1rem);
  }
}
.entry-conversion__links {
  font-size: 0;
}
.entry-conversion__links ul {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 767px) {
  .entry-conversion__links ul {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }
}
.entry-conversion__button {
  padding: 12.5px 22px 12.5px 24px;
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
}
@media (max-width: 767px) {
  .entry-conversion__button {
    padding: 12px 18px;
  }
}
.entry-conversion__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-duration: transform;
}
@media (max-width: 767px) {
  .entry-conversion__link {
    margin-left: 16px;
  }
}
.entry-conversion__link > svg {
  display: block;
  width: 22px;
  aspect-ratio: 22/17;
  fill: currentColor;
  transition: inherit;
  transition-duration: inherit;
}
@media (hover: hover) {
  .entry-conversion__link:hover {
    text-decoration: underline;
  }
  .entry-conversion__link:hover > svg {
    transform: translateX(20%);
  }
}
.entry-conversion__background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.entry-conversion__background:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(146, 191, 196, 0.2) 20%, rgba(42, 151, 195, 0.5) 65.44%);
  background-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
}
.entry-conversion__background__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.entry-conversion__background__image picture,
.entry-conversion__background__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.entry-recruit-conversion {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .entry-recruit-conversion {
    padding-bottom: 80px;
  }
}
.entry-recruit-conversion__container {
  padding-inline: 31px;
}
@media (max-width: 767px) {
  .entry-recruit-conversion__container {
    padding-inline: 32px;
  }
}
.entry-recruit-conversion__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px;
  align-items: center;
  padding: 70px 80px 68px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .entry-recruit-conversion__content {
    min-height: 448px;
  }
}
@media (max-width: 767px) {
  .entry-recruit-conversion__content {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 32px 24px 25px;
    border-radius: 8px;
  }
}
@media (hover: hover) {
  .entry-recruit-conversion__content:hover .entry-recruit-conversion__arrow__inner {
    box-shadow: 0px 0px 10px 0px rgba(0, 138, 162, 0.5019607843) inset;
  }
  .entry-recruit-conversion__content:hover .entry-recruit-conversion__background__image picture,
  .entry-recruit-conversion__content:hover .entry-recruit-conversion__background__image img {
    transform: scale(1.02);
  }
}
.entry-recruit-conversion__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .entry-recruit-conversion__inner {
    gap: 24px;
  }
}
.entry-recruit-conversion__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.entry-recruit-conversion__heading {
  font-size: calc(88 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .entry-recruit-conversion__heading {
    font-size: calc(64 / 16 * 1rem);
  }
}
.entry-recruit-conversion__description {
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .entry-recruit-conversion__description {
    font-size: calc(25 / 16 * 1rem);
    line-height: 1.5;
  }
}
.entry-recruit-conversion__description__inner {
  display: inline;
  padding: 6px 12px;
  background: var(--color-white);
  color: var(--color-text-black);
  box-decoration-break: clone;
}
.entry-recruit-conversion__text {
  font-size: calc(28 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .entry-recruit-conversion__text {
    font-size: calc(22 / 16 * 1rem);
  }
}
.entry-recruit-conversion__arrow {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 767px) {
  .entry-recruit-conversion__arrow {
    justify-content: end;
    height: 36px;
  }
}
.entry-recruit-conversion__arrow__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-white);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: box-shadow;
}
@media (max-width: 767px) {
  .entry-recruit-conversion__arrow__inner {
    width: auto;
    height: 100%;
  }
}
.entry-recruit-conversion__arrow__inner svg {
  display: block;
  width: 30px;
  aspect-ratio: 22/17;
  fill: var(--color-main);
}
@media (max-width: 767px) {
  .entry-recruit-conversion__arrow__inner svg {
    width: 20px;
  }
}
.entry-recruit-conversion__background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.entry-recruit-conversion__background:before, .entry-recruit-conversion__background:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.entry-recruit-conversion__background:after {
  background: rgba(122, 155, 158, 0.4);
  background-blend-mode: multiply;
  z-index: 3;
}
.entry-recruit-conversion__background__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.entry-recruit-conversion__background__image picture,
.entry-recruit-conversion__background__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform;
}

.recruit-layout {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .recruit-layout {
    padding-bottom: 80px;
  }
}
.recruit-layout__container {
  padding-inline: var(--container-padding);
  box-sizing: content-box;
}
@media (max-width: 767px) {
  .recruit-layout__container {
    padding-inline: 16px;
    box-sizing: border-box;
  }
}
.recruit-layout__head {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .recruit-layout__head {
    padding-inline: 16px;
  }
}
.recruit-layout__heading svg:has([href="#s_circle_mark"]) {
  width: 28px;
  aspect-ratio: 1/1;
}
.recruit-layout__grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  align-items: start;
  gap: 56px;
}
@media (max-width: 1049px) {
  .recruit-layout__grid {
    grid-template-columns: 1fr;
  }
}
.recruit-layout__menu {
  padding: 32px;
  border-radius: 8px;
  background: var(--color-white);
  font-size: calc(18 / 16 * 1rem);
  font-family: var(--font-family-noto);
  font-weight: var(--font-medium);
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: var(--color-text-black);
}
@media (max-width: 767px) {
  .recruit-layout__menu {
    margin-inline: 16px;
    padding: 24px;
    border-radius: 4px;
    font-size: calc(16 / 16 * 1rem);
    line-height: 1.6;
  }
}
@media (min-width: 1050px) {
  .recruit-layout__menu {
    position: sticky;
    top: 20px;
  }
}
.recruit-layout__menu > ul {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--color-main);
}
.recruit-layout__menu > ul > li {
  padding-block: 16px;
  border-bottom: 1px solid var(--color-main);
}
@media (max-width: 767px) {
  .recruit-layout__menu > ul > li {
    padding-block: 9px;
  }
}
.recruit-layout__menu > ul > li > ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 14px;
  padding-left: 8px;
}
@media (max-width: 767px) {
  .recruit-layout__menu > ul > li > ul {
    padding-top: 15px;
    gap: 14px;
  }
}
.recruit-layout__menu__label {
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: var(--color-main);
}
@media (max-width: 767px) {
  .recruit-layout__menu__label {
    font-size: calc(16 / 16 * 1rem);
  }
}
.recruit-layout__menu a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.recruit-layout__menu a > svg {
  display: block;
  width: 16px;
  aspect-ratio: 22/17;
  fill: var(--color-main);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: transform;
}
@media (hover: hover) {
  .recruit-layout__menu a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  .recruit-layout__menu a:hover > svg {
    transform: translateX(20%);
  }
}

.recruit-content {
  padding: 80px 40px;
  background: var(--color-sub-01);
  color: var(--color-text-black);
}
@media (max-width: 767px) {
  .recruit-content {
    padding: 40px 32px;
  }
}
.recruit-content--recruit {
  background: var(--color-sub-01);
}
.recruit-content--faq {
  background: var(--color-sub-02);
}
.recruit-content__inner {
  display: flex;
  flex-direction: column;
  gap: 64px;
  max-width: 944px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .recruit-content__inner {
    gap: 32px;
  }
}
.recruit-content__heading {
  display: inline-block;
  padding: 10px 12px;
  background: var(--color-white);
  font-size: calc(40 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .recruit-content__heading {
    padding: 10px 8px;
    font-size: calc(28 / 16 * 1rem);
  }
}
.recruit-content__body {
  display: flex;
  flex-direction: column;
  gap: 128px;
}
.recruit-content__section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.recruit-content__section__heading {
  padding: 0 24px;
  font-size: calc(32 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.04em;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .recruit-content__section__heading {
    padding: 0 14px;
    font-size: calc(25 / 16 * 1rem);
  }
}
.recruit-content__section__heading:before, .recruit-content__section__heading:after {
  content: "";
  width: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .recruit-content__section__heading:before, .recruit-content__section__heading:after {
    width: 8px;
  }
}
.recruit-content__section__heading:before {
  border-left: 1px solid var(--color-text-black);
  border-top: 1px solid var(--color-text-black);
  border-bottom: 1px solid var(--color-text-black);
  border-radius: 8px 0 0 8px;
  left: 0;
}
@media (max-width: 767px) {
  .recruit-content__section__heading:before {
    border-radius: 4px 0 0 4px;
  }
}
.recruit-content__section__heading:after {
  border-right: 1px solid var(--color-text-black);
  border-top: 1px solid var(--color-text-black);
  border-bottom: 1px solid var(--color-text-black);
  border-radius: 0 8px 8px 0;
  right: 0;
}
@media (max-width: 767px) {
  .recruit-content__section__heading:after {
    border-radius: 0 4px 4px 0;
  }
}

.recruit-article {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.recruit-article__section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.recruit-article__heading {
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .recruit-article__heading {
    font-size: calc(19 / 16 * 1rem);
  }
}
.recruit-article__inner {
  border-top: 1px solid var(--color-text-black);
  border-bottom: 1px solid var(--color-text-black);
  padding: 16px;
}
@media (max-width: 767px) {
  .recruit-article__inner {
    padding: 12px 0;
  }
}
.recruit-article__article {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .recruit-article__article {
    gap: 4px;
    font-size: calc(14 / 16 * 1rem);
  }
}
.recruit-article__article a {
  font-weight: var(--font-semibold);
  text-decoration: underline;
  color: var(--color-main);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: opacity;
}
@media (hover: hover) {
  .recruit-article__article a:hover {
    text-decoration: none;
    opacity: 0.75;
  }
}
.recruit-article__article h5, .recruit-article__article h6 {
  font-size: calc(18 / 16 * 1rem);
  font-weight: var(--font-medium);
  line-height: inherit;
  letter-spacing: inherit;
}
@media (max-width: 767px) {
  .recruit-article__article h5, .recruit-article__article h6 {
    font-size: calc(16 / 16 * 1rem);
  }
}
.recruit-article__article h5:not(:first-child), .recruit-article__article h6:not(:first-child) {
  padding-top: 8px;
}
.recruit-article__article ul {
  list-style: disc;
  padding-left: 1.5em;
}

.recruit-information__item {
  display: grid;
  grid-template-columns: 176px minmax(0, 1fr);
  gap: 14px;
}
@media (max-width: 767px) {
  .recruit-information__item {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 6px;
  }
}
.recruit-information__term {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 22.5px 16px;
  border-bottom: 1px solid var(--color-text-black);
  font-size: calc(20 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.8;
  letter-spacing: 0.02em;
  text-align: center;
}
@media (max-width: 767px) {
  .recruit-information__term {
    font-size: calc(16 / 16 * 1rem);
    padding: 11.5px 0;
  }
}
.recruit-information__definition {
  display: flex;
  flex-direction: column;
  gap: 1em;
  border-bottom: 1px solid rgba(38, 40, 41, 0.4);
  padding: 24px 16px;
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-noto);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .recruit-information__definition {
    gap: 4px;
    padding: 12px 8px;
    font-size: calc(14 / 16 * 1rem);
  }
}
.recruit-information__textlist > dl {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  gap: 0 4px;
}
.recruit-information__notes > ul > li {
  display: flex;
  gap: 2px;
}
.recruit-information__notes > ul > li:before {
  content: "※";
  display: inline-block;
}

.recruit-flow > ol {
  display: flex;
  flex-direction: column;
  gap: 47.25px;
}
@media (max-width: 767px) {
  .recruit-flow > ol {
    gap: 30px;
  }
}
.recruit-flow > ol > li {
  position: relative;
  z-index: 1;
}
.recruit-flow > ol > li:not(:last-child):after {
  content: "";
  display: block;
  width: auto;
  height: 23px;
  aspect-ratio: 37/23;
  margin-inline: auto;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 23" fill="%23008aa2"><path d="M20.05,22.29c-.82.94-2.28.94-3.1,0L.51,3.43C-.65,2.1.29,0,2.07,0h32.87c1.77,0,2.72,2.1,1.55,3.43l-16.43,18.86Z"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  transform: translateY(100%);
}
@media (max-width: 767px) {
  .recruit-flow > ol > li:not(:last-child):after {
    height: 13px;
    bottom: -8.5px;
  }
}
.recruit-flow__inner {
  padding: 14px 16px;
  border-radius: 8px;
  background: var(--color-white);
}
@media (max-width: 767px) {
  .recruit-flow__inner {
    padding: 10px 12px;
  }
}
.recruit-flow__label__step {
  display: inline-block;
  font-size: calc(16 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
  letter-spacing: 0.08em;
  margin-right: 8px;
}
@media (max-width: 767px) {
  .recruit-flow__label__step {
    font-size: calc(14 / 16 * 1rem);
  }
}
.recruit-flow__label__text {
  display: inline-block;
  font-size: calc(18 / 16 * 1rem);
  font-family: var(--font-family-noto);
  font-weight: var(--font-medium);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .recruit-flow__label__text {
    font-size: calc(16 / 16 * 1rem);
  }
}
.recruit-flow__notes > ul > li {
  display: flex;
  gap: 2px;
}
.recruit-flow__notes > ul > li:before {
  content: "※";
  display: inline-block;
}

.recruit-faq__list {
  display: block;
}
.recruit-faq__item {
  display: block;
  padding: 40px 16px;
  border-bottom: 1px solid var(--color-text-black);
}
@media (max-width: 1049px) {
  .recruit-faq__item {
    padding: 24px 8px;
  }
}
.recruit-faq__item:first-child {
  border-top: 1px solid var(--color-text-black);
}
.recruit-faq__item__question {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
}
@media (max-width: 1049px) {
  .recruit-faq__item__question {
    grid-template-columns: minmax(0, 1fr) 24px;
    align-items: center;
  }
}
.recruit-faq__item__answer__inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 20px;
}
@media (max-width: 1049px) {
  .recruit-faq__item__answer__inner {
    gap: 14px;
    padding-top: 15px;
  }
}
.recruit-faq__item__head {
  display: flex;
  gap: 16px;
  font-size: calc(24 / 16 * 1rem);
  font-weight: var(--font-bold);
  line-height: 1.6;
}
@media (max-width: 1049px) {
  .recruit-faq__item__head {
    font-size: calc(19 / 16 * 1rem);
    gap: 10px;
  }
}
.recruit-faq__item__head > span {
  display: inline-block;
  position: relative;
  top: 3px;
}
@media (max-width: 1049px) {
  .recruit-faq__item__head > span {
    top: 6px;
  }
}
.recruit-faq__item__head:before {
  display: inline-block;
  font-size: calc(32 / 16 * 1rem);
  font-family: var(--font-family-eng);
  font-weight: var(--font-semibold);
  line-height: 1.4;
}
@media (max-width: 1049px) {
  .recruit-faq__item__head:before {
    font-size: calc(28 / 16 * 1rem);
  }
}
.recruit-faq__item__question .recruit-faq__item__head:before {
  content: "Q";
}
.recruit-faq__item__answer .recruit-faq__item__head:before {
  content: "A";
}
.recruit-faq__item__body {
  font-size: calc(18 / 16 * 1rem);
  font-family: var(--font-family-noto);
  font-weight: var(--font-medium);
  line-height: 1.8;
  padding-left: 40px;
}
@media (max-width: 1049px) {
  .recruit-faq__item__body {
    font-size: calc(16 / 16 * 1rem);
    padding-left: 30px;
  }
}
.recruit-faq__item__trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 150%;
  background: var(--color-white);
  position: relative;
  top: 2.5px;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition-property: box-shadow;
}
.recruit-faq__item__trigger svg {
  display: block;
  width: 20px;
  aspect-ratio: 1/1;
  fill: var(--color-main);
  margin: auto;
  position: absolute;
  inset: 0;
}
@media (max-width: 767px) {
  .recruit-faq__item__trigger svg {
    width: 12px;
  }
}
@media (hover: hover) {
  .recruit-faq__item__trigger:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 138, 162, 0.5019607843) inset;
  }
}

/* ====================================
	Display
==================================== */
.u-pc {
  display: block !important;
}
@media (max-width: 767px) {
  .u-pc {
    display: none !important;
  }
}

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

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

@media (min-width: 768px) {
  .u-pc-none {
    display: none !important;
  }
}

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

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

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

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

.u-md {
  display: none;
}
@media (max-width: 1049px) {
  .u-md {
    display: block !important;
  }
}