@charset "UTF-8";
html {
  font-size: 0.691vw;
}
@media screen and (max-width: 800px) {
  html {
    font-size: 2.564vw;
  }
}

body {
  font-size: 1.8rem;
  color: #000;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.8;
  overflow-y: overlay;
}
@media screen and (max-width: 800px) {
  body {
    font-size: 1.6rem;
  }
}

.gradation-bg {
  position: fixed;
  width: 100%;
  height: 100lvh;
  left: 0;
  top: 0;
  z-index: 1;
  transform: rotate(180deg);
}
@media screen and (max-width: 800px) {
  .gradation-bg canvas {
    width: 100lvh !important;
    height: 100lvh !important;
    transform: rotate(-90deg);
  }
}

.inner {
  width: 131.2rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 800px) {
  .inner {
    width: calc(100% - 3.2rem);
  }
}

img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 800px) {
  .pc-only {
    display: none !important;
  }
}

@media screen and (min-width: 801px) {
  .sp-only {
    display: none !important;
  }
}

.swiper__controller {
  display: flex;
  align-items: center;
  gap: 4rem;
}
@media screen and (max-width: 800px) {
  .swiper__controller {
    gap: 2.4rem;
  }
}
.swiper__controller .slider-progressbar {
  position: relative;
  height: 0.1rem;
  background-color: #ccc;
}
.swiper__controller .slider-progressbar .swiper-pagination-progressbar-fill {
  background-color: #000;
}
.swiper__controller__btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 12rem;
}

.slider-fraction {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.6rem;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  line-height: 1;
}
.slider-fraction__separate {
  font-size: 1.4rem;
}

.slider-prev,
.slider-next {
  width: 1rem;
  height: 1rem;
  position: relative;
  cursor: pointer;
  transition: opacity 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-prev:hover,
.slider-next:hover {
  opacity: 0.5;
}
.slider-prev::before,
.slider-next::before {
  content: "";
  width: 0.9rem;
  height: 0.6rem;
  background-color: #fff;
}

.slider-prev::before {
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}

.slider-next::before {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.fixed-bnr {
  position: fixed;
  z-index: 11;
  right: 2.4rem;
  bottom: 2.4rem;
  width: 32rem;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}
@media screen and (max-width: 800px) {
  .fixed-bnr {
    width: 35.8rem;
    right: 1.6rem;
    bottom: 9.7rem;
    opacity: 0;
    visibility: hidden;
  }
  .fixed-bnr.is-visible {
    opacity: 1;
    visibility: visible;
  }
}
.fixed-bnr img {
  border-radius: 0.6rem;
}
.fixed-bnr a {
  transition: opacity 0.3s;
}
.fixed-bnr a:hover {
  opacity: 0.5;
}
.fixed-bnr__close {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  margin: 0 0 0.8rem auto;
  cursor: pointer;
}
.fixed-bnr__close::before, .fixed-bnr__close::after {
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: #f5f5f5;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 0.04rem 0 rgba(0, 0, 0, 0.4);
}
.fixed-bnr__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.fixed-bnr__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (min-width: 801px) {
  .fixed-bnr.is-bottom {
    opacity: 0;
    visibility: hidden;
  }
}
.fixed-bnr.is-hide {
  opacity: 0 !important;
  visibility: hidden !important;
}

.fixed-cv {
  position: fixed;
  z-index: 10;
  width: 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  left: 0;
  bottom: 0;
  padding: 2.5rem 0 2.1rem;
  background: #ffffff;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s, visibility 0.6s, transform 0.6s;
  transform: translateY(100%);
}
@media screen and (max-width: 800px) {
  .fixed-cv {
    padding: 1.4rem 1.6rem;
  }
}
.fixed-cv__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
}
@media screen and (max-width: 800px) {
  .fixed-cv__list__item {
    flex: 1;
  }
}
.fixed-cv.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.fixed-cv.is-hide {
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
}

.l-header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  padding: 26px 96px 26px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .l-header {
    padding: 20px 72px 20px 10px;
  }
}
.l-header__logo {
  width: 207px;
  line-height: 1;
}
.l-header__logo a {
  display: block;
}
@media screen and (max-width: 800px) {
  .l-header__logo {
    width: 161px;
    position: relative;
    z-index: 10;
  }
}
.l-header__btns {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 800px) {
  .l-header__btns {
    gap: 8px;
  }
}
.l-header__recruit {
  display: flex;
  align-items: center;
  gap: 8px;
}
.l-header__recruit__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.4;
  font-size: 12px;
  width: 134px;
  height: 56px;
  background-color: #143d69;
  color: #fff;
  border-radius: 4px;
}
@media screen and (max-width: 800px) {
  .l-header__recruit__btn {
    height: 46px;
    width: 64px;
    font-size: 10px;
  }
}
.l-header__recruit__btn__year {
  font-size: 14px;
  display: block;
}
@media screen and (max-width: 800px) {
  .l-header__recruit__btn__year {
    font-size: 10px;
  }
}
.l-header__recruit__btn__year__num {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .l-header__recruit__btn__year__num {
    font-size: 12px;
  }
}
.l-header__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  width: 200px;
  height: 56px;
  background-color: #143d69;
  color: #fff;
  border-radius: 30px;
}
@media screen and (max-width: 800px) {
  .l-header__btn {
    width: 130px;
    height: 40px;
    font-size: 14px;
  }
}
.l-header__ham {
  width: 56px;
  height: 56px;
  border-radius: 4px;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  z-index: 999;
  transition: background-color 0.4s;
  position: fixed;
  right: 24px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
@media screen and (max-width: 800px) {
  .l-header__ham {
    width: 46px;
    height: 46px;
    right: 16px;
  }
}
.l-header__ham__item {
  position: absolute;
  width: 24px;
  height: 2px;
  border-radius: 1px;
  background-color: #143d69;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.2s, background-color 0.2s 0.2s, margin 0.2s 0.2s;
}
@media screen and (max-width: 800px) {
  .l-header__ham__item {
    width: 20px;
  }
}
.l-header__ham__item:first-child {
  margin-top: -6px;
}
@media screen and (max-width: 800px) {
  .l-header__ham__item:first-child {
    margin-top: -5px;
  }
}
.l-header__ham__item:last-child {
  margin-top: 6px;
}
@media screen and (max-width: 800px) {
  .l-header__ham__item:last-child {
    margin-top: 5px;
  }
}
.l-header.is-active .l-header__ham {
  background-color: transparent;
}
@media screen and (max-width: 800px) {
  .l-header.is-active .l-header__ham {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
.l-header.is-active .l-header__ham__item {
  background-color: #fff;
  margin-top: 0;
  transition: transform 0.2s 0.2s, background-color 0.2s 0.2s, margin 0.2s;
}
.l-header.is-active .l-header__ham__item:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.l-header.is-active .l-header__ham__item:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.l-header.is-active .l-header__ham__item:nth-child(2) {
  background-color: transparent;
}
@media screen and (min-width: 1260px) {
  .l-header__pcnav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }
}
@media screen and (max-width: 1079px) {
  .l-header__pcnav {
    display: none;
  }
}
.l-header__nav {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
  background-color: #143d69;
  width: 100%;
  height: 100dvh;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s 0.3s, visibility 0.4s 0.3s;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  padding: 8rem 56rem 7.8rem 6.6rem;
}
@media screen and (max-width: 800px) {
  .l-header__nav {
    padding: 106px 0 2.3rem;
  }
  .l-header__nav .l-header__logo {
    position: absolute;
    top: 22px;
    left: 8px;
  }
}
.l-header__nav__inner {
  width: 81.4rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 7.5rem 0;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 801px) {
  .l-header__nav__inner {
    padding-bottom: 1rem;
  }
  .l-header__nav__inner .list-subnav {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 800px) {
  .l-header__nav__inner {
    width: 35.7rem;
    gap: 4rem;
  }
  .l-header__nav__inner .list-subnav {
    margin-top: 4rem;
  }
}
.l-header__nav .list-nav,
.l-header__nav .list-subnav {
  width: 36.7rem;
}
@media screen and (min-width: 801px) {
  .l-header__nav .list-entry {
    margin-bottom: 5.9rem;
  }
}
.l-header__nav .copyright {
  margin-top: 7rem;
  text-align: center;
}
.l-header__nav__join {
  position: fixed;
  right: 0;
  top: 0;
  width: 48.5rem;
  height: 100vh;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 5rem;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}
.l-header__nav__join .cta-area__hdg {
  font-size: 8rem;
  margin-bottom: 2.4rem;
}
.l-header__nav__join .cta-area__txt {
  font-size: 1.6rem;
  margin-bottom: 3.2rem;
}
.l-header__nav__join .cta-area__btns {
  flex-direction: column;
  gap: 1.2rem;
}
.l-header__nav__join .cta-area__btns .btn-cta {
  width: 36.6rem;
}
.l-header__nav__join__logo {
  position: absolute;
  left: 50%;
  bottom: 3.8rem;
  transform: translateX(-50%);
  width: 17.5rem;
}
.l-header::-webkit-scrollbar {
  display: none;
}
.l-header.is-active .l-header__nav {
  transition: opacity 0.4s, visibility 0.4s;
  opacity: 1;
  visibility: visible;
}

.f-bnr {
  position: relative;
  z-index: 2;
}

.f-globalpmo {
  position: relative;
  z-index: 2;
}
.f-globalpmo a {
  display: block;
  background-color: #f5f5f5;
  background-image: url(../img/global-pmo/img_kv_bg.png);
  background-size: 65.8rem auto;
  background-position: right 0 top -8.4rem;
  background-repeat: no-repeat;
  padding: 4rem 0;
}
@media screen and (max-width: 800px) {
  .f-globalpmo a {
    padding: 4.5rem 0 4rem;
    background-size: 23.2rem auto;
    background-position: right -2.1rem top -3.3rem;
  }
}
@supports (background-image: url(../img/global-pmo/img_kv_bg.webp)) {
  .f-globalpmo a {
    background-image: url(../img/global-pmo/img_kv_bg.webp);
  }
}
.f-globalpmo .inner {
  max-width: 109rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .f-globalpmo .inner {
    width: 100%;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
}
.f-globalpmo__txt {
  color: #143d69;
}
.f-globalpmo__txt__logo {
  width: 14.3rem;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 800px) {
  .f-globalpmo__txt__logo {
    width: 10rem;
    margin-bottom: 0.5rem;
  }
}
.f-globalpmo__txt__title {
  font-size: 6rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 800px) {
  .f-globalpmo__txt__title {
    font-size: 5.2rem;
    line-height: 1;
    margin-bottom: 2.4rem;
  }
}
.f-globalpmo__txt__sub {
  max-width: 47.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .f-globalpmo__txt__sub {
    max-width: 25.2rem;
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.f-globalpmo .btn-arrow {
  width: 4.8rem;
  height: 4.8rem;
}
@media screen and (min-width: 801px) {
  .f-globalpmo .btn-arrow {
    background-color: #fff;
  }
  .f-globalpmo .btn-arrow::before {
    background-color: #143d69;
  }
}
@media screen and (max-width: 800px) {
  .f-globalpmo .btn-arrow {
    position: absolute;
    right: 3.2rem;
    bottom: 4.4rem;
  }
}

.l-footer {
  position: relative;
  z-index: 15;
  background-color: #143d69;
  color: #fff;
  padding: 10rem 0 4rem;
}
@media screen and (max-width: 800px) {
  .l-footer {
    padding: 13rem 0 2.4rem;
  }
}
.l-footer__flex {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8rem;
  border-bottom: 1px solid rgba(245, 245, 245, 0.3);
}
@media screen and (max-width: 800px) {
  .l-footer__flex {
    justify-content: center;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.l-footer__left {
  width: 27.9rem;
  flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .l-footer__left {
    width: 19.3rem;
  }
}
.l-footer__nav {
  display: flex;
  gap: 2.4rem;
  padding-top: 1.5rem;
  position: relative;
}
.l-footer__nav .list-nav,
.l-footer__nav .list-subnav {
  width: 31rem;
}
.l-footer__nav .list-subnav {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 800px) {
  .l-footer__nav {
    display: none;
  }
}
.l-footer__sns {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  margin-top: 4rem;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .l-footer__sns {
    flex-direction: column;
    gap: 1.6rem;
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
  }
}
.l-footer__sns__txt {
  font-weight: 500;
  font-size: 1.4rem;
  padding-right: 2.4rem;
  border-right: 1px solid #999;
}
@media screen and (max-width: 800px) {
  .l-footer__sns__txt {
    border-right: none;
    padding-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .l-footer--subpage {
    padding-bottom: 1.6rem;
  }
}
.l-footer__sublist {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4rem;
  position: absolute;
  right: 6.4rem;
  bottom: 4.7rem;
}
@media screen and (max-width: 800px) {
  .l-footer__sublist {
    flex-direction: column;
    gap: 1.6rem;
    position: static;
    text-align: center;
    margin-top: 0.5rem;
  }
  .l-footer__sublist__item:first-child {
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #f5f5f5;
    width: 100%;
    text-align: center;
  }
  .l-footer__sublist__item:first-child .btn-blank {
    justify-content: center;
  }
}
.l-footer__sublist .btn-blank {
  font-size: 1.2rem;
  font-weight: normal;
  align-items: flex-end;
  color: #ccc;
}
.l-footer__sublist .btn-blank::after {
  opacity: 0.65;
}
.l-footer__sublink {
  margin: 0 auto;
  max-width: 131rem;
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 800px) {
  .l-footer__sublink {
    max-width: 35.8rem;
    flex-direction: column;
    gap: 1.6rem;
    margin-bottom: 3.2rem;
  }
}
.l-footer__sublink__item a {
  display: block;
  position: relative;
}
.l-footer__sublink__item a .btn-arrow {
  background-color: transparent;
  position: absolute;
  right: 0;
  bottom: -0.3rem;
}
.l-footer__sublink__item a .btn-arrow::before {
  background-color: #143d69;
}
@media screen and (max-width: 800px) {
  .l-footer__sublink__item a .btn-arrow {
    display: none;
  }
}

.copyright {
  line-height: 1;
  font-weight: 200;
}
.copyright small {
  font-size: 1.2rem;
}

.l-main {
  position: relative;
  z-index: 2;
  padding-top: 108px;
}
@media screen and (max-width: 800px) {
  .l-main {
    padding-top: 86px;
  }
}
.l-main__inner {
  position: relative;
  z-index: 2;
}
.l-main__stickyarea {
  position: relative;
}
.l-main--careertop {
  padding-top: 0;
}

.l-main-sub {
  background-color: #f5f5f5;
  background-image: url(../img/new-graduate/common/bg_sub.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  overflow-x: hidden;
}
.l-main-sub--interview {
  overflow-x: unset;
}
@supports (background-image: url(../img/new-graduate/common/bg_sub.webp)) {
  .l-main-sub {
    background-image: url(../img/new-graduate/common/bg_sub.webp);
  }
}
@media screen and (max-width: 800px) {
  .l-main-sub {
    background-image: url(../img/new-graduate/common/bg_sp.jpg);
    background-size: 100% auto;
  }
  @supports (background-image: url(../img/new-graduate/common/bg_sp.webp)) {
    .l-main-sub {
      background-image: url(../img/new-graduate/common/bg_sp.webp);
    }
  }
}
.l-main-sub__hdgarea {
  padding: 8.6rem 0 10rem;
}
@media screen and (max-width: 800px) {
  .l-main-sub__hdgarea {
    padding: 2.8rem 0 0;
  }
  .l-main-sub__hdgarea:has(.l-main-sub__hdgarea__txt) {
    padding-bottom: 4rem;
  }
}
.l-main-sub__hdgarea__flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .l-main-sub__hdgarea__flex {
    flex-direction: column;
  }
}
.l-main-sub__hdgarea__txt {
  font-size: 1.6rem;
  line-height: 1.8;
  width: 50%;
}
@media screen and (max-width: 800px) {
  .l-main-sub__hdgarea__txt {
    font-size: 1.4rem;
    width: 100%;
    color: #000;
  }
}
.l-main-sub__hdg {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .l-main-sub__hdg {
    font-size: 3.2rem;
    margin-bottom: 4rem;
  }
}
.l-main-sub__hdg__l {
  font-size: 5.2rem;
}
@media screen and (max-width: 800px) {
  .l-main-sub__hdg__l {
    font-size: 3.2rem;
  }
}
.l-main-sub + .breadcrumbs-area {
  background-color: #f5f5f5;
}

.l-main-article {
  background-image: url(../img/new-graduate/common/bg_article.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto calc(108px + 32.7rem);
  background-color: #ececec;
  padding-bottom: 10.4rem;
}
@supports (background-image: url(../img/new-graduate/common/bg_article.webp)) {
  .l-main-article {
    background-image: url(../img/new-graduate/common/bg_article.webp);
  }
}
@media screen and (max-width: 800px) {
  .l-main-article {
    background-image: url(../img/new-graduate/common/bg_sp2.jpg);
    background-size: 100% auto;
    padding-bottom: 8rem;
  }
  @supports (background-image: url(../img/new-graduate/common/bg_sp2.webp)) {
    .l-main-article {
      background-image: url(../img/new-graduate/common/bg_sp2.webp);
    }
  }
}
.l-main-article__hdgarea {
  padding: 5.4rem 0 6.4rem;
}
@media screen and (max-width: 800px) {
  .l-main-article__hdgarea {
    padding: 4rem 0;
  }
}
.l-main-article__hdg {
  font-size: 5.6rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .l-main-article__hdg {
    font-size: 3.2rem;
    line-height: 1.2;
  }
}
.l-main-article__content {
  background-color: #f5f5f5;
  border-radius: 4rem;
}
@media screen and (max-width: 800px) {
  .l-main-article__content {
    border-radius: 2rem;
  }
}
.l-main-article__other {
  margin-top: 10.4rem;
}
@media screen and (max-width: 800px) {
  .l-main-article__other {
    margin-top: 8rem;
  }
}
.l-main-article__other__hdg {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 2.4rem;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .l-main-article__other__hdg {
    margin-bottom: 3.2rem;
  }
}
.l-main-article--job .l-main-article__hdg {
  font-size: 4.8rem;
}
@media screen and (max-width: 800px) {
  .l-main-article--job .l-main-article__hdg {
    font-size: 3.2rem;
  }
}
.l-main-article--job .l-main-article__hdg span, .l-main-article--job .l-main-article__hdg__sub {
  color: #fff;
  font-size: 3.2rem;
  display: block;
  margin-bottom: 2rem;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .l-main-article--job .l-main-article__hdg span, .l-main-article--job .l-main-article__hdg__sub {
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
  }
}
.l-main-article--job .l-main-article__img {
  margin-bottom: -4rem;
  position: relative;
  z-index: -1;
}
@media screen and (max-width: 800px) {
  .l-main-article--job .l-main-article__img {
    margin-bottom: -2rem;
  }
  .l-main-article--job .l-main-article__img img {
    width: 100%;
    height: 14rem;
    object-fit: cover;
  }
}

.breadcrumbs-area {
  background-color: #ececec;
  padding: 0 2.4rem 1.2rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .breadcrumbs-area {
    padding: 0 1.6rem 2rem;
  }
}
.breadcrumbs-area .breadcrumbs {
  font-size: 1.2rem;
}
.breadcrumbs-area .breadcrumbs span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 1.2rem;
}
@media screen and (max-width: 800px) {
  .breadcrumbs-area .breadcrumbs span {
    gap: 0 0.8rem;
  }
}
.breadcrumbs-area .breadcrumbs span > span:first-child {
  display: none;
}
.breadcrumbs-area .breadcrumbs span > span::after {
  content: "・";
}
.breadcrumbs-area .breadcrumbs span .breadcrumb_last {
  color: #143d69;
}
.breadcrumbs-area .breadcrumbs span .breadcrumb_last::after {
  display: none;
}

.next-area {
  padding-bottom: 8rem;
}

.hdg-area {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .hdg-area {
    flex-direction: column;
    gap: 4rem;
  }
}
.hdg-area__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 801px) {
  .hdg-area__txt {
    padding-top: 3.2rem;
    width: 64.6rem;
  }
}

.hdg1 {
  font-size: 5.6rem;
  line-height: 1;
  font-weight: 500;
  background: url(../img/common/icn_hdg.svg) no-repeat left 0.2rem/2.5rem;
}
@media screen and (max-width: 800px) {
  .hdg1 {
    background-size: 2rem;
    font-size: 4rem;
  }
}
.hdg1__l {
  font-size: 6rem;
}
@media screen and (max-width: 800px) {
  .hdg1__l {
    font-size: 4.4rem;
  }
}
.hdg1::before {
  content: attr(data-en);
  width: fit-content;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 500;
  font-style: italic;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  display: block;
  margin: 0 0 2rem 3rem;
  background: linear-gradient(80deg, #ff8400 0%, #ff8400 20%, #ff7147 50%, #ff626e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 800px) {
  .hdg1::before {
    font-size: 1.2rem;
    margin: 0 0 1.4rem 2.9rem;
  }
}

.hdg2 {
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .hdg2 {
    font-size: 2.8rem;
  }
}
.hdg2__l {
  font-size: 4.6rem;
}
@media screen and (max-width: 800px) {
  .hdg2__l {
    font-size: 3rem;
  }
}
.hdg2:has(.hdg2__icn) {
  display: flex;
  align-items: center;
}
.hdg2:has(.hdg2__icn).tac {
  justify-content: center;
}
.hdg2__icn {
  margin-right: 2.1rem;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .hdg2__icn {
    margin-right: 1.6rem;
  }
}

.hdg3 {
  font-size: 2.8rem;
  line-height: 1.4;
  font-weight: 500;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 800px) {
  .hdg3 {
    font-size: 2.4rem;
    padding-bottom: 1.2rem;
  }
}

.btn-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background-color: #143d69;
  position: relative;
}
@media screen and (max-width: 800px) {
  .btn-arrow {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.btn-arrow::before {
  content: "";
  height: 0.6rem;
  width: 0.9rem;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 800px) {
  .btn-arrow::before {
    height: 0.4rem;
    width: 0.7rem;
  }
}
.btn-arrow--s {
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 800px) {
  .btn-arrow--s {
    width: 3.8rem;
    height: 3.8rem;
  }
}
.btn-arrow--white {
  border: 0.1rem solid #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn-arrow--orange {
  background-color: #ff8400;
}
.btn-arrow--download::before {
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/common/icn_dl.svg) no-repeat center center/100% 100%;
  clip-path: unset;
}
.btn-arrow--back::before {
  clip-path: polygon(0 50%, 100% 100%, 100% 0);
}
.btn-arrow--down {
  background-color: transparent;
}
.btn-arrow--down::before {
  width: 0.6rem;
  height: 0.9rem;
  background-color: #ff8400;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

a:hover .btn-arrow::before,
button:hover .btn-arrow::before {
  animation: arrowRight 0.3s linear forwards;
}
a:hover .btn-arrow--download::before,
button:hover .btn-arrow--download::before {
  animation: arrowBottom 0.3s linear forwards;
}
a:hover .btn-arrow--back::before,
button:hover .btn-arrow--back::before {
  animation: arrowLeft 0.3s linear forwards;
}
a:hover .btn-arrow--down::before,
button:hover .btn-arrow--down::before {
  animation: arrowBottom 0.3s linear forwards;
}

.icn-note {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0.1rem solid #999;
}
@media screen and (max-width: 800px) {
  .icn-note {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.icn-note svg,
.icn-note img {
  width: 1.1rem;
}
@media screen and (max-width: 800px) {
  .icn-note svg,
  .icn-note img {
    width: 0.9rem;
  }
}

.btn1 {
  width: fit-content;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.06rem;
  display: flex;
  align-items: center;
  gap: 2.1rem;
  color: #143d69;
}
@media screen and (max-width: 800px) {
  .btn1 {
    justify-content: center;
    width: 100%;
    gap: 1.2rem;
  }
}
.btn1--white {
  color: #fff;
}

.btn2 {
  display: block;
  position: relative;
  border-radius: 0.6rem;
  padding: 2.4rem 17rem 3.2rem 3.2rem;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 800px) {
  .btn2 {
    border-radius: 0.6rem;
    padding: 2.4rem 11rem 2.4rem 1.6rem;
    font-size: 1.4rem;
  }
  .btn2 br {
    display: none;
  }
}
.btn2__hdg {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 800px) {
  .btn2__hdg {
    font-size: 2rem;
  }
}
.btn2 .btn-arrow {
  position: absolute;
  right: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  .btn2 .btn-arrow {
    right: 1.6rem;
    width: 3.8rem;
    height: 3.8rem;
  }
}
.btn2__icn {
  position: absolute;
  width: 16.4rem;
  height: 100%;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .btn2__icn {
    width: 11.7rem;
  }
}
.btn2__icn img,
.btn2__icn svg {
  width: 8rem;
  height: auto;
}
@media screen and (max-width: 800px) {
  .btn2__icn img,
  .btn2__icn svg {
    width: 6.4rem;
  }
}
.btn2__icn--office img,
.btn2__icn--office svg {
  width: 6.5rem;
  height: auto;
}
@media screen and (max-width: 800px) {
  .btn2__icn--office img,
  .btn2__icn--office svg {
    width: 5.3rem;
  }
}
.btn2--workstyle {
  border: 1px solid #143d69;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.btn2--workstyle .fill-white {
  fill: #fff;
  transition: fill 0.3s ease-in-out;
}
.btn2--workstyle .stroke-white {
  stroke: #fff;
  transition: stroke 0.3s ease-in-out;
}
.btn2--workstyle:hover {
  background-color: #fff;
  color: #143d69;
}
.btn2--workstyle:hover .fill-white {
  fill: #143d69;
}
.btn2--workstyle:hover .stroke-white {
  stroke: #143d69;
}

.btn3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #143d69;
  color: #fff;
  height: 6.4rem;
  border-radius: 0.4rem;
  padding-left: 3.2rem;
  padding-right: 0.4rem;
}
@media screen and (max-width: 800px) {
  .btn3 {
    padding-right: 1rem;
  }
  .btn3 .btn-arrow::before {
    width: 0.9rem;
    height: 0.6rem;
  }
}

.btn4 {
  display: block;
  width: fit-content;
  font-size: 1.8rem;
  color: #143d69;
  font-weight: 500;
  background-color: #fff;
  border-radius: 0.4rem;
  line-height: 1;
  padding: 1.2rem 1.6rem;
  transition: opacity 0.3s;
}
.btn4:hover {
  opacity: 0.5;
}

.btn-blank,
.btn-hover {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  gap: 0.8rem;
  transition: opacity 0.3s;
}
@media screen and (max-width: 800px) {
  .btn-blank,
  .btn-hover {
    font-size: 1.6rem;
    gap: 0.5rem;
  }
}
.btn-blank::after,
.btn-hover::after {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/common/icn_blank.svg) no-repeat center center/100%;
  margin-top: 0.2rem;
}
@media screen and (max-width: 800px) {
  .btn-blank::after,
  .btn-hover::after {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.2rem;
  }
}
.btn-blank:hover,
.btn-hover:hover {
  opacity: 0.5;
}

.btn-hover::after {
  display: none;
}

.btn-entry {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 31.1rem;
  height: 5.6rem;
  position: relative;
  border-radius: 0.4rem;
  text-align: center;
  background: url(../img/common/bg_entry.jpg) no-repeat center center/cover;
  color: #143d69;
  font-size: 1.6rem;
  font-weight: 500;
  margin: 3.2rem auto 0;
}
.btn-entry__txt {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
}
.btn-entry__txt__l {
  text-transform: uppercase;
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 1.1rem;
  display: block;
}
.btn-entry .btn-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
}
.btn-entry .btn-arrow::before {
  background-color: #143d69;
}

.btn-cta {
  width: 41.7rem;
  height: 11rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #143d69;
  z-index: 1;
  backdrop-filter: brightness(150%);
  -webkit-backdrop-filter: brightness(150%);
  border-radius: 0.6rem;
  padding-top: 0.5rem;
}
@media screen and (max-width: 800px) {
  .btn-cta {
    width: 35.8rem;
    height: 11rem;
  }
}
.btn-cta__txt {
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
}
.btn-cta__txt__year {
  display: block;
  font-size: 2.2rem;
}
.btn-cta__txt__year__num {
  font-size: 3.8rem;
  font-weight: 900;
  line-height: 1;
  margin-right: 0.2em;
}
.btn-cta__txt__l {
  font-size: 2.8rem;
  font-weight: bold;
  display: block;
}
.btn-cta .btn-arrow {
  position: absolute;
  width: 4.8rem;
  height: 4.8rem;
  right: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  .btn-cta .btn-arrow {
    right: 1.6rem;
  }
}

.btn-fixed-cv {
  display: block;
  text-align: center;
  width: 28rem;
  line-height: 1.6;
  font-weight: 400;
  color: #fff;
  padding: 1.1rem;
  border-radius: 0.6rem;
  background: linear-gradient(80deg, #ff8400 0%, #ff8400 20%, #ff7147 50%, #ff626e 100%);
}
@media screen and (max-width: 800px) {
  .btn-fixed-cv {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.4;
    height: 5.8rem;
    padding: 0.8rem;
  }
}
.btn-fixed-cv .en {
  font-size: 1.9rem;
}
@media screen and (max-width: 800px) {
  .btn-fixed-cv .en {
    font-size: 1.5rem;
  }
}

.btn-other {
  display: block;
  background-color: #143d69;
  color: #fff;
  border-radius: 0.4rem;
  padding: 1.6rem;
  min-height: 21.5rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .btn-other {
    padding: 1.6rem;
    min-height: unset;
  }
}
.btn-other__txt {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0.8rem;
}
.btn-other__icn {
  width: 8rem;
}
@media screen and (min-width: 801px) {
  .btn-other__icn {
    position: absolute;
    left: 1.6rem;
    bottom: 1.6rem;
  }
}
.btn-other .btn-arrow {
  position: absolute;
  right: 1.6rem;
  bottom: 1.6rem;
}

.btn-interview-category {
  display: block;
  background-color: #143d69;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 1.9rem 3.2rem;
  border-radius: 5rem;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .btn-interview-category {
    font-size: 1.4rem;
    padding: 1.2rem 1.6rem;
  }
}

.btn-back {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  color: #143d69;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
}
.btn-back .btn-arrow {
  flex-shrink: 0;
}

.btn-bnr {
  display: block;
  max-width: 86.6rem;
  margin: 10rem auto 0;
  position: relative;
  transition: opacity 0.3s;
}
.btn-bnr:hover {
  opacity: 0.7;
}
.btn-bnr .btn-arrow {
  display: none;
  position: absolute;
  right: 0.3rem;
  bottom: 0.4rem;
  background-color: transparent;
}
@media screen and (max-width: 800px) {
  .btn-bnr .btn-arrow {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .btn-bnr {
    margin-top: 6.4rem;
  }
}

.search-item {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  padding: 0.2rem 0.8rem;
  border-radius: 2rem;
  border: 1px solid #555;
  transition: background-color 0.3s, color 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .search-item {
    font-size: 1.2rem;
    padding: 0.1rem 0.7rem;
  }
}
.search-item.is-active {
  background-color: #000;
  color: #fff;
}

.article-link {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 2rem;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 4rem;
  transition: opacity 0.3s;
}
.article-link:hover {
  opacity: 0.5;
}
@media screen and (max-width: 800px) {
  .article-link {
    gap: 1.6rem;
    margin-top: 3.2rem;
  }
}
.article-link .icn-note {
  width: 6.2rem;
  height: 6.2rem;
  background-color: #000;
  border: none;
}
@media screen and (max-width: 800px) {
  .article-link .icn-note {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.article-link .icn-note svg {
  width: 1.6rem;
  height: 1.6rem;
}
@media screen and (max-width: 800px) {
  .article-link .icn-note svg {
    width: 1.2rem;
    height: 1.2rem;
  }
}

.btn-number {
  position: relative;
  background-color: #dfe6ee;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 86.6rem;
  height: 16rem;
  border-radius: 0.4rem;
  position: relative;
  margin: 0 auto;
  padding-right: 4rem;
}
@media screen and (max-width: 800px) {
  .btn-number {
    height: 9rem;
    padding-right: 3.6rem;
  }
}
.btn-number .hdg2 {
  font-size: 3.6rem;
}
@media screen and (max-width: 800px) {
  .btn-number .hdg2 {
    font-size: 2rem;
  }
}
.btn-number .hdg2__icn {
  width: 5.5rem;
}
@media screen and (max-width: 800px) {
  .btn-number .hdg2__icn {
    width: 3.2rem;
  }
}
.btn-number .btn-arrow {
  position: absolute;
  right: 4rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  .btn-number .btn-arrow {
    right: 2.4rem;
  }
}

.btn-index {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  color: #143d69;
  letter-spacing: -0.03em;
  width: 41.7rem;
  height: 11rem;
  border-radius: 0.6rem;
  backdrop-filter: brightness(150%);
  -webkit-backdrop-filter: brightness(150%);
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .btn-index {
    width: 27.4rem;
    height: 6rem;
    font-size: 1.4rem;
  }
}
.btn-index .btn-arrow {
  background-color: transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.btn-cv {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23.5rem;
  height: 5.8rem;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  border-radius: 0.6rem;
}
@media screen and (max-width: 800px) {
  .btn-cv {
    width: 8.8rem;
    height: 4.6rem;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.2;
  }
}
.btn-cv--new-graduate {
  background: linear-gradient(80deg, #ff8400 0%, #ff8400 20%, #ff7147 50%, #ff626e 100%);
}
.btn-cv--career {
  background: linear-gradient(80deg, #88b5b4 0%, #88b5b4 16%, #468ccd 40%, #2b69b3 95%);
}

.cta-area {
  position: relative;
  z-index: 2;
  padding: 8rem 0;
  line-height: 2;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .cta-area {
    padding: 6.4rem 0;
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
.cta-area__hdg {
  font-size: 10.6rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
@media screen and (max-width: 800px) {
  .cta-area__hdg {
    font-size: 7.4rem;
    margin-bottom: 2.4rem;
  }
}
.cta-area__txt {
  margin-bottom: 6rem;
}
@media screen and (max-width: 800px) {
  .cta-area__txt {
    margin-bottom: 3.2rem;
  }
}
.cta-area__btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.7rem;
}
@media screen and (max-width: 800px) {
  .cta-area__btns {
    flex-direction: column;
    gap: 2.4rem;
  }
}

.cta-area-sub {
  position: relative;
  z-index: 1;
  padding: 6.4rem 0;
  overflow: hidden;
}
.cta-area-sub__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100lvh;
  z-index: -1;
  transform: rotate(180deg);
}
.cta-area-sub__inner {
  max-width: 109rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .cta-area-sub__inner {
    flex-direction: column;
    gap: 2.4rem;
    padding: 0 1.6rem;
  }
}
.cta-area-sub__hdg {
  font-size: 8.8rem;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (max-width: 800px) {
  .cta-area-sub__hdg {
    font-size: 7.4rem;
  }
}
.cta-area-sub__txt {
  color: #fff;
}
@media screen and (min-width: 801px) {
  .cta-area-sub__txt {
    width: 59rem;
  }
}
@media screen and (max-width: 800px) {
  .cta-area-sub__txt {
    text-align: center;
  }
}
.cta-area-sub__txt p {
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 800px) {
  .cta-area-sub__txt p {
    line-height: 1.8;
  }
}
.cta-area-sub__btns {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media screen and (min-width: 801px) {
  .cta-area-sub__btns .btn-cta {
    justify-content: space-between;
    padding: 0.5rem 2.6rem 0.5rem 4.2rem;
  }
  .cta-area-sub__btns .btn-cta__txt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 1rem;
    line-height: 1;
  }
  .cta-area-sub__btns .btn-cta__txt__year {
    display: flex;
    align-items: center;
    font-size: 2rem;
  }
  .cta-area-sub__btns .btn-cta__txt__year__num {
    font-size: 2.8rem;
    line-height: 1;
    margin-right: 0.2rem;
    display: block;
    padding-top: 0.2rem;
  }
  .cta-area-sub__btns .btn-cta .btn-arrow {
    position: static;
    transform: unset;
  }
}

.list-column2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
}
@media screen and (max-width: 800px) {
  .list-column2 {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
}

.list-column4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
}
@media screen and (max-width: 800px) {
  .list-column4 {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}

.list-job {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.8rem;
}
.list-job__item {
  width: 100%;
}
.list-job__item:first-child .card-job {
  background-color: #70b2de;
}
.list-job__item:nth-child(2) .card-job {
  background-color: #338dc9;
}
.list-job__item:nth-child(3) .card-job {
  background-color: #0071bc;
}
.list-job__item:nth-child(4) .card-job {
  background-color: #143d69;
}
.list-job__item:nth-child(5) .card-job {
  background-color: #001c2f;
}

.list-info {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media screen and (max-width: 800px) {
  .list-info {
    gap: 0.8rem;
  }
}

.list-subnav {
  display: flex;
  flex-direction: column;
  gap: 1.9rem;
}
@media screen and (max-width: 800px) {
  .list-subnav {
    gap: 2.2rem;
  }
}

.list-nav {
  display: flex;
  flex-direction: column;
  gap: 5.6rem;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .list-nav {
    gap: 4rem;
  }
}
@media screen and (min-width: 801px) {
  .list-nav__item {
    width: 37rem;
  }
}
.list-nav__item > a {
  font-size: 2.4rem;
  font-weight: 500;
}
.list-nav__item a {
  transition: padding 0.3s;
  position: relative;
  display: inline-block;
}
.list-nav__item a::before {
  content: "";
  display: block;
  width: 1.1rem;
  height: 0.6rem;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  opacity: 0;
}
.list-nav__item a:hover {
  padding-left: 1.7rem;
}
.list-nav__item a:hover::before {
  opacity: 1;
}
.list-nav__item .list-sublink {
  padding-top: 2.4rem;
}
.list-nav__item .list-sublink a::before {
  width: 0.9rem;
}
@media screen and (max-width: 800px) {
  .list-nav__btn {
    position: relative;
  }
  .list-nav__btn::before, .list-nav__btn::after {
    content: "";
    width: 1.6rem;
    height: 0.1rem;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transition: transform 0.3s;
  }
  .list-nav__btn::before {
    transform: rotate(-90deg);
  }
  .list-nav__btn::after {
    transform: rotate(-180deg);
  }
  .list-nav__btn.is-active::before, .list-nav__btn.is-active::after {
    transform: rotate(0deg);
  }
}
.list-nav__btn a {
  font-size: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .list-nav__btn a {
    pointer-events: none;
  }
}
@media screen and (max-width: 800px) {
  .list-nav__menu {
    height: 0;
    transition: height 0.3s;
    overflow: hidden;
  }
}

.list-sublink {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  gap: 1.6rem;
}

.list-entry {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 800px) {
  .list-entry {
    flex-direction: row;
    gap: 1.5rem;
  }
  .list-entry__item {
    flex: 1;
  }
}

.list-pcnav {
  display: flex;
  align-items: center;
  gap: 3.2rem;
}
.list-pcnav a {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}

.list-sns {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  gap: 2rem;
}
.list-sns__item a {
  display: block;
  transition: opacity 0.3s ease-in-out;
}
.list-sns__item a:hover {
  opacity: 0.5;
}
.list-sns__item--x img {
  width: 2rem;
}
.list-sns__item--in img {
  width: 2.5rem;
}
.list-sns__item--note img {
  width: 2.8rem;
}
.list-sns__item--insta img {
  width: 2.4rem;
}
.list-sns__item--youtube img {
  width: 3.4rem;
}

.list-other {
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 800px) {
  .list-other {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.list-other__item {
  flex: 1;
  max-width: 42rem;
}

.toc-list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media screen and (max-width: 800px) {
  .toc-list {
    gap: 1.6rem;
    padding: 2.1rem 5.6rem 2.4rem 2.4rem;
    background-color: #ececec;
    border-radius: 0.6rem;
  }
}
.toc-list li a {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 500;
  color: #b8b8b8;
  display: block;
  padding-left: 2.5rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .toc-list li a {
    font-size: 1.6rem;
  }
}
.toc-list li a span {
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 1rem;
}
.toc-list li a::before {
  content: "";
  width: 0.9rem;
  height: 0.6rem;
  background-color: #b8b8b8;
  position: absolute;
  left: 0;
  top: 1.1rem;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 800px) {
  .toc-list li a::before {
    top: 0.8rem;
  }
}
.toc-list li a.is-active {
  color: #ff8400 !important;
  font-weight: bold;
}
.toc-list li a.is-active::before {
  background-color: #ff8400;
}
.toc-list li a:has(span)::before {
  top: 0.4rem;
}

.list-crosstalk {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem 2.4rem;
}
@media screen and (max-width: 800px) {
  .list-crosstalk {
    grid-template-columns: 1fr;
  }
}
.list-crosstalk .card-crosstalk__img {
  margin-bottom: 1.6rem;
}
.list-crosstalk .card-crosstalk__img img {
  transform: scale(1.001);
  transition: transform 0.3s;
}
.list-crosstalk .card-crosstalk__txt {
  padding: 0 1.2rem;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .list-crosstalk .card-crosstalk__txt {
    width: 34.2rem;
    padding: 0;
  }
}
.list-crosstalk .card-crosstalk__txt .icn-note {
  top: 0;
  right: 1.2rem;
  width: 3.2rem;
  height: 3.2rem;
  border-color: #000;
}
@media screen and (max-width: 800px) {
  .list-crosstalk .card-crosstalk__txt .icn-note {
    right: 0;
  }
}
.list-crosstalk .card-crosstalk__txt .icn-note svg {
  width: 0.8rem;
}
@media screen and (min-width: 801px) {
  .list-crosstalk .card-crosstalk__member {
    padding: 0.6rem 1.6rem;
    font-size: 1.4rem;
    border-top-right-radius: 2rem;
  }
}
.list-crosstalk .card-crosstalk__hdg {
  font-size: 1.8rem;
  margin-bottom: 1.2rem;
  padding-right: 2em;
}
@media screen and (max-width: 800px) {
  .list-crosstalk .card-crosstalk__hdg {
    margin-bottom: 1.6rem;
  }
}
.list-crosstalk .card-crosstalk .tag__item {
  color: #143d69;
  border-color: #143d69;
  font-size: 1rem;
}
.list-crosstalk .card-crosstalk:hover .card-crosstalk__img img {
  transform: scale(1.05);
}

.list-problem {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  counter-reset: number 0;
}
.list-problem__item {
  counter-increment: number 1;
}
.list-problem__item .problem__hdg__inner::before {
  content: "課題 " counter(number);
  display: block;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  background-color: #143d69;
  padding: 0.8rem 1.6rem;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom-right-radius: 1.4rem;
}
@media screen and (max-width: 800px) {
  .list-problem__item .problem__hdg__inner::before {
    font-size: 1.2rem;
    border-bottom-right-radius: 1rem;
    padding: 0.6rem 1.2rem;
  }
}
.list-problem__item .problem__a__inner {
  position: relative;
}
.list-problem__item .problem__a__inner::before {
  content: "解決 " counter(number);
  display: block;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  background-color: #ff8400;
  padding: 0.8rem 1.6rem;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom-right-radius: 1.4rem;
}
@media screen and (max-width: 800px) {
  .list-problem__item .problem__a__inner::before {
    font-size: 1.2rem;
    border-bottom-right-radius: 1rem;
    padding: 0.6rem 1.2rem;
  }
}

.list-search {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.list-member {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6.4rem 3.2rem;
  width: 100%;
  max-width: 92.2rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 800px) {
  .list-member {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem 1.6rem;
  }
}

.list-step {
  margin-top: 5.6rem;
  counter-reset: number 0;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media screen and (max-width: 800px) {
  .list-step {
    margin-top: 4rem;
    gap: 1.6rem;
  }
}
.list-step__item {
  counter-increment: number 1;
  display: flex;
  align-items: center;
  gap: 2.7rem;
}
@media screen and (max-width: 800px) {
  .list-step__item {
    gap: 1.6rem;
  }
}
.list-step__item__number {
  flex-shrink: 0;
  width: 6rem;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .list-step__item__number {
    width: 4rem;
    font-size: 1.6rem;
  }
}
.list-step__item__number::after {
  content: counter(number, decimal-leading-zero);
  display: block;
  font-size: 4.8rem;
  margin-top: 0.8rem;
}
@media screen and (max-width: 800px) {
  .list-step__item__number::after {
    font-size: 3.2rem;
    margin-top: 0.4rem;
  }
}
.list-step__item__txt {
  padding: 2.4rem 3.2rem;
  background-color: #dfe6ee;
  border-radius: 0.6rem;
}
@media screen and (max-width: 800px) {
  .list-step__item__txt {
    padding: 1.6rem;
  }
}
.list-step__item__txt p:not([class]) {
  line-height: 1.4;
  font-size: 1.4rem !important;
  font-weight: 500;
  margin-top: 2rem !important;
}
.list-step__item__txt__sub {
  font-weight: bold !important;
  margin-bottom: 1.2rem;
  line-height: 1 !important;
  margin-top: 0 !important;
}
@media screen and (max-width: 800px) {
  .list-step__item__txt__sub {
    font-size: 1.2rem;
  }
}
.list-step__item__txt__hdg {
  font-size: 2rem !important;
  font-weight: bold !important;
  margin-top: 0 !important;
  line-height: 1 !important;
}
@media screen and (max-width: 800px) {
  .list-step__item__txt__hdg {
    font-size: 1.8rem !important;
  }
}
.list-step__item:first-child .list-step__item__number {
  color: #70b2de;
}
.list-step__item:nth-child(2) .list-step__item__number {
  color: #338dc9;
}
.list-step__item:nth-child(3) .list-step__item__number {
  color: #0071bc;
}

.card-num {
  border-radius: 0.4rem;
  padding: 3rem;
  text-align: center;
  height: 100%;
}
@media screen and (max-width: 800px) {
  .card-num {
    border-radius: 0.2rem;
    padding: 1.6rem 0 1.3rem;
  }
}
.card-num.bg-white {
  color: #143d69;
}
.card-num__hdg {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 0.6rem;
  min-height: 4rem;
}
@media screen and (max-width: 800px) {
  .card-num__hdg {
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
    min-height: unset;
  }
}
.card-num__hdg span {
  font-size: 1.2rem;
  display: block;
}
@media screen and (max-width: 800px) {
  .card-num__hdg span {
    font-size: 1rem;
    display: inline-block;
  }
}
.card-num__pict {
  width: 16.4rem;
  margin: 0 auto 0.5rem;
}
@media screen and (max-width: 800px) {
  .card-num__pict {
    width: 10rem;
  }
}
.card-num__wrap {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  line-height: 2.3;
  font-size: 2rem;
  font-weight: 400;
  gap: 0.2em;
}
@media screen and (max-width: 800px) {
  .card-num__wrap {
    font-size: 1.4rem;
  }
}
.card-num__count {
  font-size: 8rem;
  line-height: 1;
  letter-spacing: 0;
  background: linear-gradient(80deg, #ff8400 0%, #ff8400 20%, #ff7147 50%, #ff626e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .card-num__count {
    font-size: 4.4rem;
  }
}
.card-num__count-wrap {
  display: flex;
  align-items: center;
  font-size: 8rem;
  line-height: 1;
  letter-spacing: 0;
  background: linear-gradient(80deg, #ff8400 0%, #ff8400 20%, #ff7147 50%, #ff626e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
}
.card-num__count-wrap__min {
  font-size: 6.4rem;
}
@media screen and (max-width: 800px) {
  .card-num__count-wrap__min {
    font-size: 3.2rem;
  }
}
.card-num__count span {
  letter-spacing: -0.1em;
}
.card-num__column {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.8rem;
  padding-top: 1.5rem;
}
@media screen and (max-width: 800px) {
  .card-num__column {
    padding-top: 1rem;
    gap: 1.6rem;
  }
}
.card-num__column .card-num__wrap {
  font-size: 1.4rem;
}
@media screen and (max-width: 800px) {
  .card-num__column .card-num__wrap {
    font-size: 1rem;
  }
}
.card-num__column .card-num__count {
  font-size: 6.4rem;
}
@media screen and (max-width: 800px) {
  .card-num__column .card-num__count {
    font-size: 3.2rem;
  }
}
.card-num__flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-num__flex__txt {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6;
  text-align: left;
}
.card-num__flex__txt span {
  display: block;
  font-size: 0.8rem;
}

.card-job {
  border-radius: 0.6rem;
}
.card-job__link {
  display: flex;
  align-items: center;
  color: #fff;
  position: relative;
  padding: 3.2rem 7.4rem 3.2rem 0;
}
@media screen and (max-width: 800px) {
  .card-job__link {
    flex-direction: column;
    padding: 2.4rem 1.6rem;
    gap: 1.5rem;
    align-items: flex-start;
  }
}
.card-job__name {
  width: 12rem;
  text-align: center;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1;
  flex-shrink: 0;
  padding: 2.4rem 0;
}
@media screen and (max-width: 800px) {
  .card-job__name {
    width: 100%;
    text-align: left;
    padding: 0;
    font-size: 3.2rem;
  }
}
.card-job__hdg {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 2rem;
}
@media screen and (max-width: 800px) {
  .card-job__hdg {
    line-height: 1.2;
    padding-right: 0.5em;
    margin-bottom: 0.8rem;
    font-size: 1.8rem;
  }
}
.card-job__hdg__sub {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 800px) {
  .card-job__hdg__sub {
    margin-bottom: 0.8rem;
    font-size: 1.2rem;
  }
}
.card-job__txt p {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 500;
}
.card-job .btn-arrow {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  .card-job .btn-arrow {
    right: 0;
    top: 1.8rem;
    transform: unset;
  }
  .card-job .btn-arrow::before {
    width: 0.9rem;
    height: 0.6rem;
  }
}

.card-interview {
  width: 23.9rem;
}
.card-interview__img {
  position: relative;
  margin-bottom: 2rem;
}
.card-interview__img img {
  width: 100%;
  height: auto;
  overflow: hidden;
  clip-path: url(#interviewPath);
}
.card-interview__img .icn-note {
  position: absolute;
  right: 2rem;
  bottom: 0;
}
.card-interview__txt {
  line-height: 1;
  font-size: 1.4rem;
  padding: 0 1.5rem;
}
@media screen and (max-width: 800px) {
  .card-interview__txt {
    font-size: 1.2rem;
  }
}
.card-interview__comment {
  padding: 2.3rem 4.6rem;
  background: url(../img/common/icn_dq-l.svg) no-repeat left top/6rem, url(../img/common/icn_dq-r.svg) no-repeat right bottom/6rem;
  margin-bottom: 4.1rem;
  width: 48.3rem;
  margin-left: -4.6rem;
}
@media screen and (max-width: 800px) {
  .card-interview__comment {
    padding: 1.6rem 2.1rem;
    background-size: 4.4rem;
    width: calc(100% + 4.2rem);
    margin-left: -2.1rem;
    margin-bottom: 1.6rem;
  }
}
.card-interview__hdg {
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.6;
  mix-blend-mode: difference;
}
@media screen and (max-width: 800px) {
  .card-interview__hdg {
    font-size: 2.4rem;
    mix-blend-mode: unset;
  }
}
.card-interview__job {
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 1.2rem;
}
.card-interview__name {
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 800px) {
  .card-interview__name {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
}
.card-interview--l {
  width: 80.8rem;
}
@media screen and (max-width: 800px) {
  .card-interview--l {
    width: 35.6rem;
  }
}
.card-interview--l .card-interview__img {
  width: 36.7rem;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 800px) {
  .card-interview--l .card-interview__img {
    width: 29.4rem;
    margin: 0 auto;
  }
}
.card-interview--l .card-interview__img .icn-note {
  right: 2.5rem;
  bottom: 2.4rem;
}
@media screen and (max-width: 800px) {
  .card-interview--l .card-interview__img .icn-note {
    right: 2rem;
    bottom: 2rem;
  }
}
.card-interview--l .card-interview__txt {
  position: absolute;
  left: 7.1rem;
  top: 0;
  padding-left: 4.6rem;
}
@media screen and (max-width: 800px) {
  .card-interview--l .card-interview__txt {
    position: static;
    padding: 0 2.1rem;
  }
}
.card-interview--l .card-interview__job {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 800px) {
  .card-interview--l .card-interview__job {
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
  }
}
.card-interview--l .card-interview__year {
  margin-bottom: 0.6em;
}

.card-crosstalk a {
  display: block;
  position: relative;
}
.card-crosstalk__img {
  position: relative;
  border-radius: 0.6rem;
  overflow: hidden;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 800px) {
  .card-crosstalk__img {
    margin-bottom: 1.6rem;
  }
}
.card-crosstalk__img img {
  aspect-ratio: 64/48;
  object-fit: cover;
}
@media screen and (max-width: 800px) {
  .card-crosstalk__img {
    border-radius: 0.4rem;
  }
}
.card-crosstalk__txt {
  position: relative;
}
.card-crosstalk__txt .icn-note {
  position: absolute;
  right: 0;
  top: 0.5rem;
}
@media screen and (max-width: 800px) {
  .card-crosstalk__txt .icn-note {
    width: 2.4rem;
    height: 2.4rem;
    top: 0;
  }
  .card-crosstalk__txt .icn-note svg {
    width: 0.6rem;
  }
}
.card-crosstalk__member {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1rem 2.1rem;
  background-color: #ff8400;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 500;
  border-top-right-radius: 3rem;
}
@media screen and (max-width: 800px) {
  .card-crosstalk__member {
    font-size: 1.2rem;
    padding: 0.4rem 1rem;
    border-top-right-radius: 1.4rem;
  }
}
.card-crosstalk__hdg {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 1.6rem;
  padding-right: 2em;
}
@media screen and (max-width: 800px) {
  .card-crosstalk__hdg {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: 1.2rem;
  }
}

.tag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
@media screen and (max-width: 800px) {
  .tag {
    gap: 0.6rem;
  }
}
.tag__item {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6;
  padding: 0 0.8rem;
  border-radius: 1rem;
  border: 0.1rem solid #fff;
}
@media screen and (max-width: 800px) {
  .tag__item {
    font-size: 1rem;
    padding: 0 0.6rem;
  }
}
.tag__item::before {
  content: "#";
}

.card-info {
  display: block;
  background-color: #f5f5f5;
  border-radius: 0.6rem;
  padding: 2.4rem 10rem 2.4rem 3.2rem;
  line-height: 1.6;
  position: relative;
}
@media screen and (max-width: 800px) {
  .card-info {
    padding: 1.6rem 4.6rem 1.6rem 1.6rem;
  }
}
.card-info__data {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 800px) {
  .card-info__data {
    margin-bottom: 0.8rem;
  }
}
.card-info__date {
  font-size: 1.6rem;
  font-weight: 500;
}
.card-info__hdg {
  font-size: 1.4rem;
  font-weight: 500;
}
.card-info .icn-blank {
  position: absolute;
  right: 3.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.2rem;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .card-info .icn-blank {
    right: 1.6rem;
  }
}

.category {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.6;
  padding: 0.2rem 0.8rem;
  border-radius: 1.4rem;
  background: linear-gradient(80deg, #ff8400 0%, #ff8400 20%, #ff7147 50%, #ff626e 100%);
}

.card-about {
  display: block;
  position: relative;
}
@media screen and (min-width: 801px) {
  .card-about {
    border-radius: 0.4rem;
    overflow: hidden;
  }
}
.card-about__img {
  position: relative;
}
@media screen and (max-width: 800px) {
  .card-about__img {
    border-radius: 0.4rem;
    overflow: hidden;
    margin-bottom: 0.8rem;
  }
}
.card-about__txt {
  width: 100%;
  height: 100%;
  padding: 2.4rem 1.6rem;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
  top: 0;
  left: 0;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .card-about__txt {
    height: auto;
    position: static;
    color: #000;
    padding: 0;
  }
}
.card-about__txt__hdg {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 800px) {
  .card-about__txt__hdg {
    font-size: 2.2rem;
    margin-bottom: 0.8rem;
  }
}
.card-about__txt p {
  font-size: 1.4rem;
  font-weight: 400;
  padding-right: 4rem;
}
@media screen and (max-width: 800px) {
  .card-about__txt p {
    line-height: 1.4;
  }
}
.card-about .btn-arrow {
  position: absolute;
  right: 1.6rem;
  bottom: 1.6rem;
}
@media screen and (max-width: 800px) {
  .card-about .btn-arrow {
    width: 3rem;
    height: 3rem;
    right: 0;
    bottom: 0;
    background-color: #143d69;
    border-color: #143d69;
  }
}

.card-next {
  display: block;
  border-top: 1px solid #143d69;
  border-bottom: 1px solid #143d69;
  padding: 3.7rem;
}
@media screen and (max-width: 800px) {
  .card-next {
    position: relative;
    padding: 2.4rem 6.2rem 2.4rem 0.8rem;
  }
  .card-next .btn-arrow {
    position: absolute;
    right: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
.card-next__inner {
  width: 109rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .card-next__inner {
    width: 100%;
    gap: 0.8rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.card-next__hdg {
  width: 31rem;
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 800px) {
  .card-next__hdg {
    width: 100%;
    font-size: 2.6rem;
  }
}
.card-next__hdg::before {
  content: "NEXT";
  font-size: 1.6rem;
  font-family: "Roboto", "Zen Kaku Gothic Antique", sans-serif;
  font-optical-sizing: auto;
  display: block;
  font-weight: 400;
}
.card-next__txt {
  width: 69rem;
  font-size: 1.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 800px) {
  .card-next__txt {
    width: 100%;
  }
}

.card-office-tour__img {
  border-radius: 0.6rem;
  overflow: hidden;
}
.card-office-tour__txt {
  margin: 2.4rem 0 3.2rem;
}
.card-office-tour__txt h4 {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 800px) {
  .card-office-tour__txt h4 {
    margin-bottom: 0.8rem;
  }
}
.card-office-tour__txt p {
  font-size: 1.4rem !important;
  margin-top: 0 !important;
}

.card-member__img {
  border-radius: 0.6rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 2rem;
}
.card-member__img img {
  width: 100%;
  transform: scale(1.001);
  aspect-ratio: 143/190;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
@media screen and (max-width: 800px) {
  .card-member__img {
    margin-bottom: 1.6rem;
  }
}
.card-member__img .icn-note {
  position: absolute;
  right: 1.6rem;
  bottom: 1.6rem;
  background-color: #fff;
  border: none;
}
@media screen and (max-width: 800px) {
  .card-member__img .icn-note {
    right: 0.8rem;
    bottom: 0.8rem;
  }
}
.card-member__hdg {
  width: 33.3rem;
  font-size: 2rem;
  line-height: 1.4;
  padding: 2.4rem 1.8rem;
  font-weight: 500;
  background: url(../img/common/icn_dq-l.svg) no-repeat left top/2.8rem, url(../img/common/icn_dq-r.svg) no-repeat right bottom/2.8rem;
}
@media screen and (max-width: 800px) {
  .card-member__hdg {
    background-size: 2.2rem;
    width: 100%;
    font-size: 1.6rem;
    color: #143d69;
    padding: 2.7rem 0;
    margin-bottom: 1.6rem;
  }
}
.card-member__txt {
  font-size: 1.2rem;
  line-height: 1.4;
}
.card-member__job {
  font-size: 1.4rem;
  line-height: 1;
  color: #ff8400;
  font-weight: 500;
  margin-bottom: 1.2rem;
}
.card-member__job .txt-top {
  transform: translateY(-0.1em);
}
@media screen and (max-width: 800px) {
  .card-member__job {
    font-size: 1rem;
    margin-bottom: 0.8rem;
  }
}
.card-member__name {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 800px) {
  .card-member__name {
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
  }
}
.card-member:hover .card-member__img img {
  transform: scale(1.05);
}
@media screen and (max-width: 800px) {
  .card-member--flex {
    display: grid;
    grid-template-columns: 17.1rem 1fr;
    gap: 1.6rem;
    align-items: flex-start;
  }
}
.card-member--flex .card-member__img {
  margin-bottom: 2.4rem;
  overflow: unset;
}
@media screen and (min-width: 801px) {
  .card-member--flex .card-member__img .icn-note {
    width: 3.1rem;
    height: 3.1rem;
    right: 0;
    bottom: -2.4rem;
    border: 1px solid #000;
    transform: translateY(100%);
  }
  .card-member--flex .card-member__img .icn-note svg {
    width: 0.9rem;
  }
}
@media screen and (max-width: 800px) {
  .card-member--flex .card-member__img {
    margin-bottom: 0;
  }
}
.card-member--flex .card-member__img__inner {
  border-radius: 0.6rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 801px) {
  .card-member--flex .card-member__img__inner::after {
    content: "";
    width: 100%;
    height: 13rem;
    background: #000;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(102, 102, 102, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
  }
}
.card-member--flex .card-member__txt {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 801px) {
  .card-member--flex .card-member__hdg {
    position: absolute;
    top: -4rem;
    left: 50%;
    transform: translate(-50%, -100%);
    color: #fff;
    z-index: 2;
  }
}

.card-note {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.card-note__header {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.2rem;
  font-weight: normal;
  margin-bottom: 0.8rem;
  background: url(../img/common/icon_note-s.svg) no-repeat right center/2rem;
}
.card-note__header .label {
  background-color: #ff8400;
  color: #fff;
  line-height: 1;
  border-radius: 0.2rem;
  width: 4.2rem;
  font-weight: bold;
  text-align: center;
  padding: 0.2rem 0 0.2rem 0.1rem;
  flex-shrink: 0;
  letter-spacing: 0;
}
.card-note__img {
  border-radius: 0.3rem;
  overflow: hidden;
}
.card-note__img img {
  transition: transform 0.3s ease-in-out;
  transform: scale(1.001);
}
.card-note__title {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.card-note:hover .card-note__img img {
  transform: scale(1.05);
}

.note-area--footer .hdg2 {
  font-size: 2.4rem;
}
.note-area--footer .label {
  display: none;
}
.note-area--footer .card-note__title {
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 800px) {
  .note-area--footer .card-note__title {
    font-size: 1.2rem;
  }
}

@keyframes arrowRight {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  35% {
    transform: translateX(100%);
    opacity: 0;
  }
  75% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes arrowLeft {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  35% {
    transform: translateX(-100%);
    opacity: 0;
  }
  75% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes arrowBottom {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }
  35% {
    transform: translateY(100%);
    opacity: 0;
  }
  75% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes bgYellow {
  0% {
    left: 0;
    top: 0;
    opacity: 0;
    transform: scale(1);
  }
  5% {
    opacity: 0.2;
  }
  15% {
    transform: scale(1.1);
    opacity: 0.6;
  }
  25% {
    left: 10%;
    top: 3%;
    opacity: 0.6;
    transform: scale(1.4);
  }
  34% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
    left: 20%;
    top: 8%;
    transform: scale(0.9);
  }
  75% {
    left: 30%;
    top: 0%;
    opacity: 0.4;
    transform: scale(1.2);
  }
  95% {
    left: 35%;
    top: -5%;
    opacity: 0.1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes bgWhite {
  0% {
    left: 0;
    top: 30%;
    opacity: 0;
    transform: scale(1);
  }
  5% {
    opacity: 0.2;
  }
  15% {
    transform: scale(1.1);
    opacity: 0.6;
  }
  25% {
    left: 8%;
    top: 25%;
    opacity: 0.6;
    transform: scale(1.4);
  }
  34% {
    opacity: 0.9;
  }
  50% {
    opacity: 0.8;
    left: 10%;
    top: 22%;
    transform: scale(0.9);
  }
  75% {
    left: 20%;
    top: 18%;
    opacity: 0.4;
    transform: scale(1.2);
  }
  95% {
    left: 30%;
    top: 30%;
    opacity: 0.1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes bgLarge {
  0% {
    right: 0;
    bottom: 0;
    opacity: 0;
  }
  10% {
    opacity: 0.1;
  }
  13% {
    bottom: -25vw;
  }
  25% {
    right: 25%;
    bottom: -30vw;
    opacity: 0.3;
  }
  38% {
    bottom: -10vw;
  }
  50% {
    right: 70%;
    bottom: 0;
    opacity: 0;
  }
  65% {
    right: 50%;
  }
  75% {
    right: 25%;
    bottom: 30vw;
    opacity: 0.25;
  }
  90% {
    opacity: 0.2;
  }
  100% {
    right: 0;
    bottom: 0;
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mask-bg {
  0% {
    transform: translateY(101%);
  }
  40%, 60% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
.cookie_modal {
  position: fixed;
  bottom: 0;
  left: 0px;
  z-index: 10050;
  width: 100%;
  padding: 2.4rem 6.4rem;
  background: rgba(255, 255, 255, 0.94);
}

.btn_area {
  display: flex;
  align-items: center;
  gap: 3.2rem;
}

.btn_area p {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0;
  color: #143d69;
}

.cookie_btn {
  flex-shrink: 0;
  width: 20rem;
}

.privacyLink a {
  text-decoration: underline;
  transition: opacity 0.3s;
}

.privacyLink a:hover {
  opacity: 0.7;
}

.cookie_accept {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20rem;
  height: 5.6rem;
  background: #143d69;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  transition: opacity 0.3s;
  line-height: 1;
}

.cookie_accept:hover {
  opacity: 0.7;
}

.cookie_disagree {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  right: 3.2rem;
  top: 1.6rem;
  cursor: pointer;
}

.cookie_disagree::before,
.cookie_disagree::after {
  content: "";
  display: block;
  width: 110%;
  height: 2px;
  background: #000;
  transform: rotate(45deg) translate(-50%, -50%);
  position: absolute;
  transform-origin: 0 0;
  top: 50%;
  left: 50%;
}

.cookie_disagree::after {
  transform: rotate(-45deg) translate(-50%, -50%);
}

@media screen and (max-width: 800px) {
  .cookie_modal {
    padding: 2.8rem 3.2rem 2.4rem;
  }
  .btn_area {
    flex-direction: column;
    gap: 1.5rem;
  }
  .btn_area p {
    font-size: 1.2rem;
  }
  .cookie_btn {
    width: 23.4rem;
  }
  .cookie_accept {
    width: 23.4rem;
    height: 4rem;
  }
  .cookie_disagree {
    right: 0.8rem;
    top: 1.6rem;
  }
}
.top-about {
  padding: 10.7rem 0 14rem;
  border-radius: 4rem;
  overflow-x: hidden;
}
@media screen and (max-width: 800px) {
  .top-about {
    padding: 6.4rem 0 5.6rem;
    border-radius: 2rem;
  }
}
.top-about .hdg-area {
  margin-bottom: 8rem;
}
@media screen and (max-width: 800px) {
  .top-about .hdg-area {
    margin-bottom: 4rem;
  }
}
.top-about__list {
  margin-bottom: 16rem;
}
@media screen and (max-width: 800px) {
  .top-about__list {
    margin-bottom: 3rem;
  }
}
.top-about__list a {
  display: block;
  position: relative;
  background-color: #143d69;
  color: #fff;
  border-radius: 0.4rem;
  overflow: hidden;
  transition: color 0.3s;
}
@media screen and (max-width: 800px) {
  .top-about__list a {
    background-color: #1a395d;
  }
}
@media screen and (min-width: 801px) {
  .top-about__list a:hover .btn-arrow {
    background-color: #143d69;
    border-color: #143d69;
  }
}
.top-about__list__hdg {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 2.4rem 1.6rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
@media screen and (max-width: 800px) {
  .top-about__list__hdg {
    font-size: 2.4rem;
    padding: 1.6rem 1.6rem;
  }
}
.top-about__list__img {
  position: relative;
  mix-blend-mode: soft-light;
  z-index: 1;
}
.top-about__list__img::before {
  content: "";
  position: absolute;
  z-index: 1;
  aspect-ratio: 1/1;
  height: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 11%, rgba(36, 122, 132, 0.8) 63%, rgb(20, 61, 105) 79%, rgba(20, 61, 105, 0) 100%);
  opacity: 0.4;
  left: -2rem;
  top: 0;
  transition: opacity 0.3s;
}
@media screen and (max-width: 800px) {
  .top-about__list__img::before {
    width: 32.5rem;
    height: 32.5rem;
    top: -3.5rem;
    left: 12rem;
  }
}
@media screen and (max-width: 800px) {
  .top-about__list__img {
    mix-blend-mode: overlay;
  }
  .top-about__list__img::after {
    content: "";
    width: 20rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(45deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(255, 255, 255, 0) 80%);
    mix-blend-mode: soft-light;
  }
}
.top-about__list .btn-arrow {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  z-index: 3;
  transition: border-color 0.3s, background-color 0.3s;
}
.top-about__list__bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s;
}
@media screen and (max-width: 800px) {
  .top-about__list__bg {
    display: none;
  }
}
@media screen and (min-width: 801px) {
  a:hover .top-about__list__bg {
    opacity: 1;
  }
}
.top-about__company {
  padding: 8rem 0 6.4rem;
  border-radius: 0.6rem;
  position: relative;
  margin-bottom: 14rem;
}
@media screen and (max-width: 800px) {
  .top-about__company {
    padding: 4rem 1.6rem 5rem;
    margin: 0 -1.6rem 8rem;
    border-radius: unset;
  }
}
.top-about__company::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ececec;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  transform: translateX(-50%);
}
.top-about__company::after {
  content: "";
  width: 93.2rem;
  height: 57.1rem;
  background: url(../img/common/bg_wave.svg) no-repeat center center/100% 100%;
  position: absolute;
  right: -15.4rem;
  bottom: -2.4rem;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .top-about__company::after {
    width: 31.4rem;
    height: 19.2rem;
    right: -2.9rem;
    bottom: -3.2rem;
  }
}
.top-about__company__inner {
  max-width: 131.2rem;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 800px) {
  .top-about__company__inner {
    padding: 0 1.6rem;
  }
}
.top-about__company__hdg {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.8rem;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 4rem;
}
@media screen and (max-width: 800px) {
  .top-about__company__hdg {
    gap: 1.2rem;
    font-size: 2.8rem;
    margin-bottom: 2.2rem;
  }
}
.top-about__company__hdg__icn {
  width: 5rem;
}
@media screen and (max-width: 800px) {
  .top-about__company__hdg__icn {
    width: 2.7rem;
  }
}
@media screen and (min-width: 801px) {
  .top-about__company__hdg__txt {
    margin-bottom: 0.3rem;
  }
}
.top-about__company__hdg .en {
  font-weight: 400;
}
@media screen and (max-width: 800px) {
  .top-about__company__hdg .en {
    font-size: 2.8rem;
  }
}
.top-about__company__slide {
  max-width: 87rem;
  margin: 0 auto;
}
.top-about__company__slide iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9.8;
}
@media screen and (min-width: 801px) {
  .top-about__company .btn1 {
    position: absolute;
    right: 0;
    top: 1.6rem;
  }
}
@media screen and (max-width: 800px) {
  .top-about__company .btn1 {
    margin-top: 3rem;
  }
}
.top-about__company .swiper__controller {
  margin-top: 2.4rem;
}
@media screen and (max-width: 800px) {
  .top-about__company .swiper__controller {
    margin-top: 1.6rem;
  }
}
.top-about__num {
  position: relative;
}
.top-about__num .hdg2 {
  margin-bottom: 7rem;
}
.top-about__num .hdg2__icn {
  width: 5.5rem;
  padding-bottom: 0.4rem;
}
@media screen and (max-width: 800px) {
  .top-about__num .hdg2 {
    margin-bottom: 3.2rem;
  }
  .top-about__num .hdg2__icn {
    width: 3.8rem;
  }
}
@media screen and (min-width: 801px) {
  .top-about__num .btn1 {
    position: absolute;
    top: 1rem;
    right: 0;
  }
}
@media screen and (max-width: 800px) {
  .top-about__num .btn1 {
    margin-top: 3.2rem;
  }
}
@media screen and (max-width: 800px) {
  .top-about__num .list-column4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}

.top-job {
  padding: 14rem 0;
}
@media screen and (max-width: 800px) {
  .top-job {
    padding: 8rem 0;
  }
}
.top-job__inner {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.6rem;
  padding: 9rem 5.6rem 6.2rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .top-job__inner {
    padding: 6rem 1.6rem 14.6rem;
  }
}
.top-job .hdg1 {
  margin-bottom: 8.3rem;
}
@media screen and (max-width: 800px) {
  .top-job .hdg1 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 801px) {
  .top-job__txt {
    width: 47.6rem;
    position: absolute;
    top: 26rem;
    left: 5.6rem;
  }
}
@media screen and (max-width: 800px) {
  .top-job__txt {
    margin-bottom: 7.8rem;
  }
  .top-job__txt .btn1 {
    position: absolute;
    bottom: 5.6rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
.top-job .hdg2 {
  margin-bottom: 3rem;
}
@media screen and (max-width: 800px) {
  .top-job .hdg2 {
    margin-bottom: 2rem;
  }
}

.top-service {
  padding: 12.8rem 0;
}
@media screen and (max-width: 800px) {
  .top-service {
    padding: 8rem 0;
  }
}
.top-service__inner {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 800px) {
  .top-service__inner {
    flex-direction: column;
  }
}
.top-service .hdg1 {
  margin-bottom: 8rem;
}
@media screen and (max-width: 800px) {
  .top-service .hdg1 {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 801px) {
  .top-service__txt {
    width: 47.6rem;
    margin: 9rem 0 0 5.6rem;
  }
  .top-service__txt p {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 800px) {
  .top-service__txt {
    padding: 6.4rem 1.6rem;
  }
  .top-service__txt .btn1 {
    margin-top: 3.2rem;
    justify-content: flex-start;
  }
}
.top-service .hdg2 {
  margin-bottom: 3rem;
}
@media screen and (max-width: 800px) {
  .top-service .hdg2 {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 801px) {
  .top-service__img {
    width: 50%;
  }
  .top-service__img img {
    width: 100%;
  }
}

.top-member {
  padding: 12.4rem 0 0;
}
@media screen and (max-width: 800px) {
  .top-member {
    padding: 8rem 0 0;
  }
}
.top-member .hdg-area {
  margin-bottom: 9.6rem;
}
@media screen and (max-width: 800px) {
  .top-member .hdg-area {
    margin-bottom: 3.8rem;
  }
  .top-member .hdg-area .btn1 {
    display: none;
  }
}
.top-member .hdg-area .hdg2 {
  margin-bottom: 3rem;
}
@media screen and (max-width: 800px) {
  .top-member .hdg-area .hdg2 {
    margin-bottom: 2rem;
  }
  .top-member .hdg-area .hdg2__icn {
    width: 4.6rem;
  }
}
.top-member .hdg-area .hdg2__icn {
  width: 6.7rem;
}
@media screen and (max-width: 800px) {
  .top-member .hdg-area .hdg2__icn {
    width: 4.9rem;
  }
}
.top-member .hdg-area p {
  margin-bottom: 3.8rem;
}
@media screen and (max-width: 800px) {
  .top-member .hdg-area p {
    margin-bottom: 0;
  }
}
.top-member__sliderwrap {
  position: relative;
  display: flex;
  gap: 3.2rem;
}
.top-member .interview-slider {
  width: 80.8rem;
  flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .top-member .interview-slider {
    width: 100%;
    padding-left: 1.6rem;
    margin: 0 auto;
    padding-bottom: 5.6rem;
  }
}
.top-member .interview-slider__controller {
  position: absolute;
  width: 52rem;
  bottom: 0;
  right: 7.3rem;
  z-index: 10;
}
@media screen and (max-width: 800px) {
  .top-member .interview-slider__controller {
    width: 35.6rem;
    right: 1.6rem;
  }
}
@media screen and (max-width: 800px) {
  .top-member .interview-slider-s {
    display: none;
  }
}
.top-member .interview-slider-s .swiper-slide {
  width: 27.1rem;
  padding-right: 3.2rem;
}
.top-member__crosstalk {
  margin-top: 16rem;
  padding: 8rem 0 13rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .top-member__crosstalk {
    margin-top: 5.6rem;
    padding: 8rem 0;
  }
}
.top-member__crosstalk::before {
  content: "";
  width: 129rem;
  height: 100%;
  background-color: #0e2a49;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  border-top-left-radius: 32rem;
}
@media screen and (max-width: 800px) {
  .top-member__crosstalk::before {
    width: calc(100% - 6.2rem);
    border-top-left-radius: 26rem;
  }
}
.top-member__crosstalk .inner {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .top-member__crosstalk .hdg2 {
    margin-bottom: 0 !important;
  }
  .top-member__crosstalk .hdg2__icn {
    width: 3.6rem !important;
  }
}
.top-member__crosstalk .hdg2__icn {
  width: 4.7rem;
}
@media screen and (max-width: 800px) {
  .top-member__crosstalk .hdg2__icn {
    width: 4.3rem;
  }
}
.top-member__crosstalk .hdg-area {
  align-items: flex-start;
  margin-bottom: 8rem;
}
@media screen and (max-width: 800px) {
  .top-member__crosstalk .hdg-area {
    margin-bottom: 6.4rem;
  }
}
.top-member__crosstalk .hdg-area__txt {
  padding-top: 0;
}
.top-member__crosstalk .crosstalk-slider .swiper-slide {
  padding: 0 1.6rem;
}
.top-member__crosstalk .crosstalk-slider .swiper-pagination:has(span) {
  margin-top: 6.4rem;
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}
@media screen and (max-width: 800px) {
  .top-member__crosstalk .crosstalk-slider .swiper-pagination:has(span) {
    margin-top: 3.2rem;
  }
}
.top-member__crosstalk .crosstalk-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.top-member__crosstalk .crosstalk-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
  width: 2.4rem;
  height: 0.2rem;
  border-radius: 0.1rem;
  background-color: #555;
  opacity: 1;
}
.top-member__crosstalk .crosstalk-slider .swiper-pagination-bullet-active {
  background-color: #ccc !important;
}

.top-workstyle {
  padding: 16rem 0 13.6rem;
}
@media screen and (max-width: 800px) {
  .top-workstyle {
    padding: 8rem 0;
  }
}
.top-workstyle .hdg1 {
  margin-bottom: 6.4rem;
}
.top-workstyle .hdg-area {
  margin-bottom: 8rem;
}
@media screen and (max-width: 800px) {
  .top-workstyle .hdg-area {
    margin-bottom: 2.4rem;
  }
  .top-workstyle .hdg-area .btn1 {
    display: none;
  }
}
.top-workstyle__list {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  margin-bottom: 12.8rem;
}
@media screen and (max-width: 800px) {
  .top-workstyle__list {
    gap: 0.8rem;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 801px) {
  .top-workstyle__list .card-crosstalk {
    position: sticky;
    top: 10rem;
  }
}

.top-info {
  border-radius: 0.6rem;
  padding: 9.6rem 5.4rem;
  background-color: #fff;
  margin-bottom: 13rem;
}
@media screen and (max-width: 800px) {
  .top-info {
    border-radius: 0.4rem;
    padding: 6.4rem 1.6rem 13.6rem;
    margin-bottom: 8rem;
    position: relative;
  }
}
.top-info__inner {
  display: flex;
  gap: 10.4rem;
}
@media screen and (max-width: 800px) {
  .top-info__inner {
    flex-direction: column;
    gap: 4rem;
  }
}
.top-info .hdg1 {
  line-height: 1.2;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 800px) {
  .top-info .hdg1 {
    line-height: 1;
    margin-bottom: 0;
  }
}
.top-info__side {
  flex-shrink: 0;
}
.top-info .list-info {
  width: 100%;
}
@media screen and (max-width: 800px) {
  .top-info .btn1 {
    position: absolute;
    left: 50%;
    bottom: 5.6rem;
    transform: translateX(-50%);
  }
}

.top-recruitment {
  padding: 8rem 0 12rem;
}
@media screen and (max-width: 800px) {
  .top-recruitment {
    padding: 8rem 0;
  }
}
.top-recruitment__list {
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 800px) {
  .top-recruitment__list {
    flex-direction: column;
    gap: 1.2rem;
    max-width: 32.7rem;
    margin: 0 auto;
  }
}
.top-recruitment__list__item {
  flex: 1;
}
@media screen and (min-width: 801px) {
  .top-recruitment__list__item .btn3 {
    padding-left: 2.4rem;
    padding-right: 0;
    overflow: hidden;
  }
  .top-recruitment__list__item .btn3 .btn-arrow {
    position: relative;
    right: -0.4rem;
  }
}
.top-recruitment .hdg1 {
  margin-bottom: 5.4rem;
}
@media screen and (max-width: 800px) {
  .top-recruitment .hdg1 {
    margin-bottom: 4rem;
  }
}

.new-graduate-fv {
  color: #fff;
  padding-bottom: 5.2rem;
}
.new-graduate-fv .fv-slider {
  margin-bottom: 4rem;
}
@media screen and (max-width: 800px) {
  .new-graduate-fv .fv-slider {
    margin-bottom: 4.4rem;
  }
}
.new-graduate-fv .fv-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.new-graduate-fv .fv-slider__item {
  max-width: 44.5rem;
  width: fit-content;
  padding-right: 2.4rem;
}
@media screen and (max-width: 800px) {
  .new-graduate-fv .fv-slider__item {
    max-width: 34.2rem;
    padding-right: 1.6rem;
  }
}
.new-graduate-fv .fv-slider__item img {
  border-radius: 1rem;
  width: auto;
  max-width: 42.1rem;
  height: 51rem;
  max-height: calc(100svh - 19.2rem - 108px);
  object-fit: cover;
}
@media screen and (max-width: 800px) {
  .new-graduate-fv .fv-slider__item img {
    border-radius: 0.8rem;
    max-width: 32.6rem;
    height: 49.3rem;
    max-height: calc(100svh - 20rem - 86px);
  }
}
.new-graduate-fv__catch {
  max-width: 113.4rem;
  margin-bottom: 2.4rem;
  mix-blend-mode: overlay;
  position: relative;
  letter-spacing: 0;
  z-index: 2;
  padding-left: 5.2rem;
}
@media screen and (max-width: 800px) {
  .new-graduate-fv__catch {
    overflow-x: hidden;
    white-space: nowrap;
    max-width: 36rem;
    margin-bottom: 1.8rem;
    padding-left: 1.2rem;
  }
}
.new-graduate-fv__subcatch {
  font-size: 2rem;
  line-height: 1;
  font-weight: 300;
  position: relative;
  z-index: 2;
  padding-left: 5.8rem;
}
@media screen and (max-width: 800px) {
  .new-graduate-fv__subcatch {
    font-size: 1.6rem;
    padding-left: 1.6rem;
  }
}

.new-graduate-desc {
  color: #fff;
  height: 100vh;
  margin-bottom: 25vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  line-height: 2.2;
  position: sticky;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 800px) {
  .new-graduate-desc {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
@media screen and (min-width: 801px) {
  .new-graduate-desc .inner {
    width: 108.4rem;
  }
}
.new-graduate-desc__hdg {
  font-size: 4rem;
  line-height: 1.4;
  margin-bottom: 5.4rem;
}
@media screen and (max-width: 800px) {
  .new-graduate-desc__hdg {
    font-size: 2.6rem;
    margin-bottom: 4rem;
  }
}
.new-graduate-desc__hdg + p {
  margin-bottom: 3rem;
}
@media screen and (max-width: 800px) {
  .new-graduate-desc__hdg + p {
    margin-bottom: 2.4rem;
  }
}

.new-graduate .gradation-bg__circle {
  border-radius: 50%;
  position: absolute;
  filter: blur(5rem);
  z-index: 1;
}
.new-graduate .gradation-bg__circle--white {
  width: 30rem;
  height: 30rem;
  background-color: #fef9f8;
  opacity: 0.9;
  animation: bgWhite 28s ease 0s infinite;
}
@media screen and (max-width: 800px) {
  .new-graduate .gradation-bg__circle--white {
    width: 10rem;
    height: 10rem;
  }
}
.new-graduate .gradation-bg__circle--yellow {
  left: 5%;
  top: 10%;
  width: 40rem;
  height: 40rem;
  background-color: #ffdc4d;
  animation: bgYellow 30s ease 0s infinite;
}
@media screen and (max-width: 800px) {
  .new-graduate .gradation-bg__circle--yellow {
    width: 20rem;
    height: 20rem;
  }
}
.new-graduate .gradation-bg__circle--whitelarge {
  right: 0;
  bottom: 0;
  width: 50vw;
  height: 50vw;
  background-color: #fef9f8;
  opacity: 0;
  animation: bgLarge 15s linear 0s infinite;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.new-graduate .gradation-bg__circle--orange {
  right: 0;
  bottom: 0;
  width: 40vw;
  height: 40vw;
  background-color: #ff784b;
  animation: bgLarge 16s linear 0s infinite;
  z-index: 2;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.new-graduate .l-header__nav__join {
  background-image: url(../img/new-graduate/common/bg_join.jpg);
}
@supports (background-image: url(../img/new-graduate/common/bg_join.webp)) {
  .new-graduate .l-header__nav__join {
    background-image: url(../img/new-graduate/common/bg_join.webp);
  }
}

.career .gradation-bg::before,
.career .cta-area-sub__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(140deg, rgba(255, 255, 255, 0) 11%, rgb(12, 65, 123) 79%, rgba(20, 61, 105, 0) 100%);
  opacity: 0.4;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .career .gradation-bg canvas,
  .career .cta-area-sub__bg canvas {
    transform: rotate(0deg);
  }
}
.career .btn-fixed-cv {
  background: linear-gradient(80deg, #88b5b4 0%, #88b5b4 16%, #468ccd 40%, #2b69b3 95%);
}
@media screen and (min-width: 801px) {
  .career .btn-fixed-cv {
    width: 36rem;
  }
}
@media screen and (max-width: 800px) {
  .career .btn-fixed-cv {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.career .l-header__recruit__btn {
  background-color: #ff8400;
  font-weight: bold;
}
.career .l-header__recruit__btn.l-header__recruit__btn-white {
  background-color: rgba(255, 255, 255, 0.75);
  color: #ff8400;
  border: 1px solid #ff8400;
}
@media screen and (max-width: 800px) {
  .career .l-header__recruit__btn {
    width: 84px;
  }
}
.career .l-header__nav__join {
  background-image: url(../img/career/common/bg_join.jpg);
}
@supports (background-image: url(../img/career/common/bg_join.webp)) {
  .career .l-header__nav__join {
    background-image: url(../img/career/common/bg_join.webp);
  }
}
.career .category {
  background: #143d69;
}
.career .card-crosstalk__member {
  background: #1e5c9f;
}
.career .l-main-sub {
  background-color: #f5f5f5;
  background-image: url(../img/career/common/bg_sub.png);
}
@supports (background-image: url(../img/career/common/bg_sub.webp)) {
  .career .l-main-sub {
    background-image: url(../img/career/common/bg_sub.webp);
  }
}
@media screen and (max-width: 800px) {
  .career .l-main-sub {
    background-image: url(../img/career/common/bg_sp.jpg);
  }
  @supports (background-image: url(../img/career/common/bg_sp.webp)) {
    .career .l-main-sub {
      background-image: url(../img/career/common/bg_sp.webp);
    }
  }
}
.career .l-main-article {
  background-image: url(../img/career/common/bg_article.png);
}
@supports (background-image: url(../img/career/common/bg_article.webp)) {
  .career .l-main-article {
    background-image: url(../img/career/common/bg_article.webp);
  }
}
@media screen and (max-width: 800px) {
  .career .l-main-article {
    background-image: url(../img/career/common/bg_sp2.jpg);
  }
  @supports (background-image: url(../img/career/common/bg_sp2.webp)) {
    .career .l-main-article {
      background-image: url(../img/career/common/bg_sp2.webp);
    }
  }
}
.career .btn-entry {
  background: linear-gradient(80deg, #88b5b4 0%, #88b5b4 16%, #468ccd 40%, #2b69b3 95%);
}
@media screen and (min-width: 801px) {
  .career .btn-cta__txt__l {
    font-size: 2.4rem;
  }
}

.career-fv {
  position: sticky;
  top: 0;
  min-height: 100vh;
  margin-bottom: 25vh;
  overflow: hidden;
}
.career-fv::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #143d69;
  z-index: 1;
  transform: translateY(101%);
}
.career-fv__catch {
  position: absolute;
  left: 5.7rem;
  top: calc(4.2rem + 108px);
  width: 77.7rem;
  height: 34.3rem;
  z-index: 2;
  opacity: 0;
}
@media screen and (max-width: 800px) {
  .career-fv__catch {
    top: calc(4.1rem + 86px);
    left: 0.8rem;
    width: 36.6rem;
    height: 16.3rem;
  }
}
.career-fv__catch__box {
  position: absolute;
  overflow: hidden;
}
.career-fv__catch__box--1 {
  left: 0;
  top: 0;
  width: 100%;
}
.career-fv__catch__box--1 .career-fv__catch__box__img {
  transform: translateY(100%);
  transition: transform 1s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.career-fv__catch__box--2 {
  left: 0.7rem;
  top: 13.7rem;
  width: 73.9rem;
}
@media screen and (max-width: 800px) {
  .career-fv__catch__box--2 {
    width: 34.8rem;
    top: 6.6rem;
    left: 0.3rem;
  }
}
.career-fv__catch__box--2 .career-fv__catch__box__img {
  transform: translateY(100%);
  transition: transform 1s 0.9s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.career-fv__catch__box--3 {
  left: 0.7rem;
  bottom: 0;
  width: 46.2rem;
}
@media screen and (max-width: 800px) {
  .career-fv__catch__box--3 {
    width: 21.8rem;
    left: 0.3rem;
  }
}
.career-fv__catch__box--3 .career-fv__catch__box__img {
  transform: translateY(100%);
  transition: transform 1s 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.career-fv__img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.career-fv__img__wrap {
  position: relative;
  width: 100%;
  height: calc(100vh - (22.1rem + 108px));
}
@media screen and (max-width: 800px) {
  .career-fv__img__wrap {
    height: calc(100vh - (12.4rem + 86px));
  }
}
.career-fv__img__wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: 0;
  transition: opacity 0s 0.45s;
}
.career-fv__img__scroll {
  opacity: 0;
  position: absolute;
  right: 2.5rem;
  top: -1.6rem;
  transform: translateY(-100%);
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.4;
  animation: fadeInOut 3s 2.4s linear infinite;
}
@media screen and (max-width: 800px) {
  .career-fv__img__scroll {
    display: none;
  }
}
.career-fv.is-active::before {
  animation: mask-bg 1s 0s cubic-bezier(0.8, 0, 0.17, 1);
}
.career-fv.is-active .career-fv__catch {
  opacity: 1;
}
.career-fv.is-active .career-fv__catch__box--1 .career-fv__catch__box__img,
.career-fv.is-active .career-fv__catch__box--2 .career-fv__catch__box__img,
.career-fv.is-active .career-fv__catch__box--4 .career-fv__catch__box__img,
.career-fv.is-active .career-fv__catch__box--5 .career-fv__catch__box__img {
  transform: translateY(0);
}
.career-fv.is-active .career-fv__catch__box--3 .career-fv__catch__box__img {
  transform: translateX(0);
}
.career-fv.is-active .career-fv__img__wrap img {
  opacity: 1;
}

.career-top-content {
  border-radius: 4rem;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .career-top-content {
    border-radius: 2rem;
  }
}
.career-top-content .bnr-slider {
  padding-top: 4rem;
  margin-bottom: 9rem;
}
@media screen and (max-width: 800px) {
  .career-top-content .bnr-slider {
    padding-top: 2.8rem;
    margin-bottom: 4.7rem;
  }
}
.career-top-content .bnr-slider .swiper-slide {
  padding: 0 1.25rem;
}
@media screen and (max-width: 800px) {
  .career-top-content .bnr-slider .swiper-slide {
    padding: 0 0.8rem;
  }
}
.career-top-content .bnr-slider .swiper-slide img {
  border-radius: 1.2rem;
}
@media screen and (max-width: 800px) {
  .career-top-content .bnr-slider .swiper-slide img {
    border-radius: 1rem;
  }
}
.career-top-content .bnr-slider .swiper__controller {
  margin-top: 3.2rem;
  justify-content: flex-end;
  padding-right: 6.4rem;
}
@media screen and (max-width: 800px) {
  .career-top-content .bnr-slider .swiper__controller {
    margin-top: 2.4rem;
    padding-right: 3.5rem;
  }
}
.career-top-content .bnr-slider .swiper__controller__btns {
  width: 5.6rem;
}
.career-top-content .bnr-slider .swiper__controller__btns .slider-prev::before,
.career-top-content .bnr-slider .swiper__controller__btns .slider-next::before {
  width: 1.4rem;
  height: 0.9rem;
  background-color: #143d69;
}

.career-top-info {
  padding-top: 4rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 800px) {
  .career-top-info {
    padding-top: 2.8rem;
    margin-bottom: 1.2rem;
  }
}
@media screen and (min-width: 801px) {
  .career-top-info .inner {
    max-width: 120rem;
  }
}
@media screen and (max-width: 800px) {
  .career-top-info .inner {
    padding: 0 1.6rem;
  }
}
.career-top-info__cont {
  background-color: #fff;
  border-radius: 0.6rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .career-top-info__cont {
    flex-direction: column;
    padding: 1.6rem;
  }
}
.career-top-info__hdg {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  padding: 0 3.2rem 0 3rem;
  flex-shrink: 0;
  border-right: 1px solid #ccc;
}
@media screen and (max-width: 800px) {
  .career-top-info__hdg {
    font-size: 1.4rem;
    border-right: none;
    border-bottom: 1px solid #ccc;
    padding: 0;
    padding-bottom: 1.3rem;
    margin-bottom: 1.4rem;
    width: 100%;
  }
}
.career-top-info__item {
  width: 100%;
}
.career-top-info__item .card-info {
  background: transparent;
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 2.4rem 5rem 2.4rem 3.2rem;
}
@media screen and (max-width: 800px) {
  .career-top-info__item .card-info {
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
  }
  .career-top-info__item .card-info .icn-blank {
    right: 0;
    top: 0.8rem;
  }
}
.career-top-info__item .card-info__data {
  margin-bottom: 0;
  align-items: center;
  line-height: 1;
}

.interview-category {
  margin-top: 12rem;
}
@media screen and (max-width: 800px) {
  .interview-category {
    margin-top: 8rem;
  }
}
.interview-category__cont {
  background: #fff;
  border-radius: 0.6rem;
  padding: 2.6rem 1.6rem 4rem;
}
@media screen and (max-width: 800px) {
  .interview-category__cont {
    padding: 2.4rem 1.6rem;
  }
}
.interview-category__hdg {
  font-size: 2.4rem;
  font-weight: 500;
  color: #143d69;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  margin-bottom: 3.7rem;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .interview-category__hdg {
    line-height: 1.4;
    margin-bottom: 3.2rem;
    gap: 0.8rem;
  }
}
.interview-category__hdg__icn {
  display: block;
  line-height: 1;
  width: 4.1rem;
  flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .interview-category__hdg__icn {
    width: 6rem;
  }
}
.interview-category__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.6rem;
}
@media screen and (max-width: 800px) {
  .interview-category__list {
    gap: 1.2rem;
  }
}

.about-link {
  padding-bottom: 16rem;
}
.about-link__txt {
  text-align: center;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 800px) {
  .about-link__txt {
    text-align: left;
    font-size: 1.6rem;
    margin-bottom: 4.8rem;
  }
}
@media screen and (max-width: 800px) {
  .about-link {
    padding-bottom: 8rem;
  }
  .about-link .list-column2 {
    gap: 3.2rem;
  }
}

.about-num {
  padding-bottom: 14.6rem;
}
@media screen and (max-width: 800px) {
  .about-num {
    padding-bottom: 8rem;
  }
}
.about-num .inner {
  position: relative;
}

.about-company {
  padding-bottom: 13rem;
}
@media screen and (max-width: 800px) {
  .about-company {
    padding-bottom: 8rem;
  }
}
.about-company .hdg2 {
  margin-bottom: 5.6rem;
}
@media screen and (max-width: 800px) {
  .about-company .hdg2 {
    margin-bottom: 3.2rem;
  }
}
.about-company .btn2 {
  padding-bottom: 2.4rem;
}
.about-company .btn2__hdg {
  margin-bottom: 3.8rem;
}
.about-company .btn2__txt {
  font-size: 1.6rem;
}

.about-message__inner {
  position: relative;
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 800px) {
  .about-message__inner {
    margin-bottom: 4.8rem;
    padding: 22rem 1.6rem 0;
  }
}
.about-message__txt {
  z-index: 2;
  opacity: 0;
  animation: fadeIn 1s 0.4s forwards;
}
@media screen and (min-width: 801px) {
  .about-message__txt {
    position: absolute;
    left: 15.8rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 800px) {
  .about-message__txt {
    position: relative;
  }
}
.about-message__hdg {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 -1.6rem 1.4rem;
  padding: 1.6rem 5.6rem 2.6rem 6.2rem;
  background: url(../img/common/icn_dq-l.svg) no-repeat left top/6rem, url(../img/common/icn_dq-r.svg) no-repeat right bottom/6rem;
}
@media screen and (max-width: 800px) {
  .about-message__hdg {
    font-size: 2.4rem;
    padding: 1.6rem 4.4rem 1.9rem;
    margin: 0 -1.2rem 0.3rem;
    background-size: 4.4rem;
  }
}
.about-message__name {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
  padding-left: 4.9rem;
}
@media screen and (max-width: 800px) {
  .about-message__name {
    font-size: 1.8rem;
    padding-left: 3.4rem;
  }
}
.about-message__name__job {
  font-size: 1.6rem;
  margin-bottom: 1em;
  display: block;
}
@media screen and (max-width: 800px) {
  .about-message__name__job {
    font-size: 1.2rem;
  }
}
.about-message__name__sign {
  display: inline-block;
  width: 21.2rem;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 800px) {
  .about-message__name__sign {
    width: 14rem;
  }
}
.about-message__img {
  width: 97.3rem;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .about-message__img {
    width: 100%;
    height: 26.3rem;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.about-message__img img {
  border-top-right-radius: 4rem;
}
@media screen and (max-width: 800px) {
  .about-message__img img {
    border-radius: 2rem 2rem 0 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
  }
}
.about-message__img::before {
  content: "";
  display: block;
  width: 30%;
  height: 101%;
  background: #f5f5f5;
  background: linear-gradient(90deg, rgb(245, 245, 245) 50%, rgba(245, 245, 245, 0) 100%);
  position: absolute;
  left: -1px;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .about-message__img::before {
    width: 100%;
    height: 20%;
    background: linear-gradient(0deg, rgb(245, 245, 245) 10%, rgba(245, 245, 245, 0) 100%);
    top: unset;
    left: 0;
    bottom: -1px;
  }
}
.about-message__comment {
  max-width: 92.2rem;
  padding-bottom: 15.6rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2.88rem;
  font-size: 1.6rem;
  line-height: 1.8;
  opacity: 0;
  animation: fadeIn 1s 0.4s forwards;
  background-color: #f5f5f5;
}
@media screen and (max-width: 800px) {
  .about-message__comment {
    padding: 0 1.6rem 8rem;
    font-size: 1.4rem;
    gap: 2.52rem;
  }
}
.about-message__comment__name {
  width: 21.2rem;
  margin: 0 0 0 auto;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 800px) {
  .about-message__comment__name {
    margin-top: -1.5em;
    width: 11rem;
  }
}
.about-message__comment h3 {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 800px) {
  .about-message__comment h3 {
    font-size: 2rem;
    line-height: 1.4;
  }
}
.about-message__comment p + h3 {
  margin-top: 4.8rem;
}
.about-message__comment .btn-back {
  margin: 4.8rem 0 0 auto;
  width: fit-content;
}
@media screen and (max-width: 800px) {
  .about-message__comment .btn-back {
    margin: 2.4rem auto 0;
  }
}

.about-number {
  padding: 10rem 0 16rem;
}
@media screen and (max-width: 800px) {
  .about-number {
    padding: 4rem 0 8rem;
  }
}
.about-number__hdg {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 2.4rem;
  width: 20rem;
  gap: 1.3rem;
  line-height: 1;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  .about-number__hdg {
    font-size: 2rem;
    width: 18rem;
  }
}
.about-number__hdg::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #143d69;
}
@media screen and (max-width: 800px) {
  .about-number .list-column4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}
.about-number .list-column4 + .about-number__hdg {
  margin-top: 5.6rem;
}
@media screen and (max-width: 800px) {
  .about-number .list-column4 + .about-number__hdg {
    margin-top: 4.8rem;
  }
}
.about-number .list-column4 .card-num {
  background-color: rgba(255, 255, 255, 0.7);
  color: #143d69;
  min-height: 30.7rem;
}
@media screen and (min-width: 801px) {
  .about-number .list-column4 .card-num {
    padding: 3rem 2rem 0;
  }
}
@media screen and (max-width: 800px) {
  .about-number .list-column4 .card-num {
    min-height: 17rem;
    padding-bottom: 0;
  }
}
.about-number .list-column4 .card-num__pict {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 800px) {
  .about-number .list-column4 .card-num__pict {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 801px) {
  .about-number .list-column4 .card-num__column {
    gap: 3.2rem;
  }
  .about-number .list-column4 .card-num__column .card-num__wrap {
    font-size: 2rem;
    line-height: 2;
  }
}
.about-number .list-column4 .card-num .fz10 {
  font-size: 1rem;
  display: block;
  text-align: right;
  transform: translateY(-0.6em);
}
@media screen and (max-width: 800px) {
  .about-number .list-column4 .card-num .fz10 {
    padding-right: 1.4rem;
  }
}
.about-number .btn-back {
  margin: 8rem 0 0 auto;
  width: fit-content;
}
@media screen and (max-width: 800px) {
  .about-number .btn-back {
    margin: 4.8rem auto 0;
  }
}

.article-wrap {
  display: grid;
  grid-template-columns: 31.1rem 1fr;
  gap: 7.9rem;
  padding: 9.6rem 0 16rem;
}
@media screen and (max-width: 800px) {
  .article-wrap {
    grid-template-columns: 1fr;
    gap: 4rem;
    position: relative;
    padding-top: 2rem;
  }
}
@media screen and (min-width: 801px) {
  .article-wrap__side__inner {
    position: sticky;
    top: 120px;
  }
  .article-wrap__side .btn-back {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 800px) {
  .article-wrap__side .btn-back {
    position: absolute;
    bottom: 8rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    justify-content: center;
  }
}
.article-wrap__main {
  letter-spacing: 0;
}
.article-wrap__main__inner h2,
.article-wrap__main__inner h3,
.article-wrap__main__inner h4,
.article-wrap__main__inner h5,
.article-wrap__main__inner h6 {
  font-weight: 500;
  line-height: 1.4;
  margin-top: 3.2rem;
}
.article-wrap__main__inner h2 + .article-box,
.article-wrap__main__inner h3 + .article-box,
.article-wrap__main__inner h4 + .article-box,
.article-wrap__main__inner h5 + .article-box,
.article-wrap__main__inner h6 + .article-box {
  margin-top: 1.6rem;
}
.article-wrap__main__inner h2 {
  font-size: 2.8rem;
  margin-top: 12rem;
  padding-bottom: 1.2rem;
  border-bottom: 0.2rem solid #e3e7ec;
  position: relative;
}
@media screen and (max-width: 800px) {
  .article-wrap__main__inner h2 {
    font-size: 2.4rem;
    margin-top: 8rem;
    padding-bottom: 1.6rem;
  }
}
.article-wrap__main__inner h2 span {
  display: block;
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 1em;
}
.article-wrap__main__inner h2::before {
  content: "";
  width: 27.8rem;
  height: 0.2rem;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: -0.2rem;
}
@media screen and (max-width: 800px) {
  .article-wrap__main__inner h2::before {
    width: 12.5rem;
  }
}
.article-wrap__main__inner h3 {
  margin-top: 5.6rem;
  font-size: 2.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 800px) {
  .article-wrap__main__inner h3 {
    font-size: 2rem;
    margin-top: 4rem;
  }
}
.article-wrap__main__inner h4 {
  margin-top: 4.8rem;
  font-size: 2rem;
}
@media screen and (max-width: 800px) {
  .article-wrap__main__inner h4 {
    font-size: 1.8rem;
  }
}
.article-wrap__main__inner p:not([class]) {
  margin-top: 3.2rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 800px) {
  .article-wrap__main__inner p:not([class]) {
    font-size: 1.4rem;
  }
}
.article-wrap__main__inner img {
  margin-top: 4rem;
}
@media screen and (max-width: 800px) {
  .article-wrap__main__inner img {
    margin-top: 3.2rem;
  }
}
.article-wrap__main__inner .article-notes,
.article-wrap__main__inner figcaption {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-top: 1rem;
  color: #555;
}
.article-wrap__main__inner .article-notes a,
.article-wrap__main__inner figcaption a {
  border-bottom: none !important;
  text-decoration: underline !important;
}
.article-wrap__main__inner a:not([class]) {
  display: inline-block;
  color: #143d69;
  border-bottom: 1px solid #143d69;
  transition: opacity 0.3s;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 1rem;
}
.article-wrap__main__inner a:not([class]):hover {
  opacity: 0.5;
}
.article-wrap__main__inner a:not([class])[target=_blank] {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 1rem;
}
.article-wrap__main__inner a:not([class])[target=_blank]::after {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background-image: url(../img/common/icn_blank-navy.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.article-wrap__main__inner div > *:first-child {
  margin-top: 0;
}
.article-wrap__main__inner > *:first-child {
  margin-top: 0;
}
.article-wrap__main .list-member {
  margin-top: 4rem;
}
@media screen and (max-width: 800px) {
  .article-wrap__main .list-member {
    margin-top: 3.2rem;
  }
}

.article-column2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.2rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 800px) {
  .article-column2 {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }
}
.article-column2 .article-link {
  margin-top: 2.4rem;
}
@media screen and (max-width: 800px) {
  .article-column2 .article-link {
    margin-top: 1.6rem;
  }
}

.article-box {
  margin-top: 4rem;
  padding: 4.8rem 5.6rem;
  border-radius: 0.6rem;
  border: 0.2rem solid #555;
}
@media screen and (max-width: 800px) {
  .article-box {
    margin-top: 3.2rem;
    padding: 3.2rem;
  }
}
.article-box p {
  margin-top: 1.6rem !important;
}
.article-box .article-link {
  margin-top: 2.4rem;
}
@media screen and (max-width: 800px) {
  .article-box .article-link {
    margin-top: 1.6rem;
  }
}

.hdg-number {
  display: flex;
  align-items: center;
  padding-left: 6.5rem;
  margin-top: 5.6rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .hdg-number {
    padding-left: 6rem;
    margin-top: 4rem;
  }
}
.hdg-number__number {
  font-size: 4rem;
  line-height: 1;
  color: #143d69;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
@media screen and (max-width: 800px) {
  .hdg-number__number {
    font-size: 3.2rem;
    gap: 0.8rem;
  }
}
.hdg-number__number::after {
  content: "";
  width: 0.8rem;
  height: 0.2rem;
  background-color: #143d69;
  display: block;
}
.hdg-number h3 {
  margin-top: 0;
  line-height: 1.6;
}
.hdg-number h3 .en {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  color: #143d69;
  line-height: 1.2;
}
.hdg-number.has-en .hdg-number__number {
  top: 55%;
  transform: translateY(-50%);
}
.hdg-number + .hdg-number {
  margin-top: 3.2rem;
}

.toc-toggle {
  display: none;
}
@media screen and (max-width: 800px) {
  .toc-toggle {
    display: block;
    width: 46px;
    height: 46px;
    position: fixed;
  }
  .toc-toggle::before, .toc-toggle::after {
    content: "";
    width: 8px;
    height: 2px;
    background-color: #555;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s;
  }
  .toc-toggle::before {
    transform: translate(-50%, -50%) rotate(-90deg);
  }
  .toc-toggle::after {
    transform: translate(-50%, -50%) rotate(-180deg);
  }
}
.toc-toggle.open::before, .toc-toggle.open::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.toc-toggle.sp-toggle {
  background-color: #ececec;
  border-radius: 4px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  right: 16px;
  top: 73px;
}
.toc-toggle.sp-toggle::before, .toc-toggle.sp-toggle::after {
  background-color: #ff8400;
}
.toc-toggle.sp-toggle.is-show {
  opacity: 1;
  visibility: visible;
}

.article-toc {
  position: relative;
}
.article-toc .toc-toggle {
  display: none;
}
@media screen and (max-width: 800px) {
  .article-toc .toc-toggle {
    display: block;
    width: 4.6rem;
    height: 4.6rem;
    position: absolute;
    right: 0;
    top: 0.8rem;
  }
  .article-toc .toc-toggle::before, .article-toc .toc-toggle::after {
    content: "";
    width: 0.8rem;
  }
}
.article-toc.is-clone {
  display: none;
}
@media screen and (max-width: 800px) {
  .article-toc {
    max-height: auto;
    overflow: hidden;
    transition: max-height 0.3s linear;
    border-radius: 0.6rem;
  }
  .article-toc .toc-list li:not(:first-child) {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s, transform 0.3s;
  }
  .article-toc .toc-list li:first-child {
    opacity: 1;
    transform: translateY(0);
  }
  .article-toc.open .toc-list li {
    opacity: 1;
    transform: translateY(0);
  }
  .article-toc.is-clone {
    display: block;
    position: fixed;
    right: 16px;
    top: 73px;
    width: calc(100vw - 32px);
    z-index: 9;
    opacity: 0;
    visibility: hidden;
  }
  .article-toc.is-clone .toc-list li a {
    color: #000;
  }
  .article-toc.is-clone.is-animate {
    transition: opacity 0.3s, visibility 0.3s, max-height 0.3s;
  }
  .article-toc.is-clone.open {
    opacity: 1;
    visibility: visible;
  }
}

.accordion {
  border-radius: 0.6rem;
  overflow: hidden;
  background-color: #fff;
}
.accordion__hdg {
  background-color: #e3e7ec;
  position: relative;
  line-height: 1.4;
  font-weight: 500;
  cursor: pointer;
}
.accordion__hdg::before, .accordion__hdg::after {
  content: "";
  width: 1rem;
  height: 0.2rem;
  border-radius: 0.1rem;
  background-color: #143d69;
  display: block;
  position: absolute;
  right: 4.7rem;
  top: 50%;
  margin-top: -0.1rem;
  z-index: 2;
  transition: transform 0.5s ease-in-out;
}
@media screen and (max-width: 800px) {
  .accordion__hdg::before, .accordion__hdg::after {
    width: 0.8rem;
    right: 2.8rem;
  }
}
.accordion__hdg::before {
  transform: rotate(-180deg);
}
.accordion__hdg::after {
  transform: rotate(-90deg);
}
.accordion__hdg__inner {
  padding: 2.4rem 9.6rem 2.4rem 3.2rem;
  position: relative;
}
.accordion__hdg__inner::after {
  content: "";
  width: 4rem;
  height: 4rem;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: 3.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .accordion__hdg__inner::after {
    width: 3.2rem;
    height: 3.2rem;
    right: 1.6rem;
  }
}
.accordion__content {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease-in-out;
}
.accordion__content__inner {
  padding: 3rem 3.2rem 4rem;
}
@media screen and (max-width: 800px) {
  .accordion__content__inner {
    padding: 2.4rem 1.6rem 3.2rem;
  }
}
@media screen and (max-width: 800px) {
  .accordion__content img,
  .accordion__content p {
    margin-top: 2.4rem;
  }
}
.accordion.is-open .accordion__hdg::before, .accordion.is-open .accordion__hdg::after {
  transform: rotate(0deg);
}

.faq {
  margin-top: 0.8rem;
}
.faq__q__inner {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 2.4rem 9.6rem 2.4rem 3.2rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .faq__q__inner {
    padding: 1.6rem 6.4rem 1.6rem 1.6rem;
    gap: 0.8rem;
  }
}
.faq__q__inner::before {
  content: "Q.";
  font-family: "Roboto", "Zen Kaku Gothic Antique", sans-serif;
  font-optical-sizing: auto;
  color: #143d69;
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1.6;
  z-index: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .faq__q__inner::before {
    font-size: 2.8rem;
  }
}
.faq__q p {
  font-size: 2rem;
}
@media screen and (max-width: 800px) {
  .faq__q p {
    font-size: 1.8rem;
  }
}
.faq__a__inner {
  padding-left: 7.8rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .faq__a__inner {
    padding-left: 5.2rem;
  }
}
.faq__a__inner::before {
  content: "A.";
  font-family: "Roboto", "Zen Kaku Gothic Antique", sans-serif;
  font-optical-sizing: auto;
  color: #ff8400;
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1.6;
  z-index: 1;
  position: absolute;
  left: 3.2rem;
  top: 2.4rem;
  flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .faq__a__inner::before {
    font-size: 2.8rem;
    top: 2rem;
    left: 1.6rem;
  }
}
.faq__a p {
  font-size: 1.4rem;
}

.problem__hdg__inner {
  padding: 4.6rem 10.4rem 3.6rem 3.2rem;
}
@media screen and (max-width: 800px) {
  .problem__hdg__inner {
    padding: 3.2rem 6.2rem 2.4rem 2.4rem;
  }
}
.problem__hdg__inner p {
  font-size: 2.4rem;
}
@media screen and (max-width: 800px) {
  .problem__hdg__inner p {
    font-size: 1.6rem;
  }
}
.problem__a__inner {
  padding: 5rem 3.2rem 3.8rem;
}
@media screen and (max-width: 800px) {
  .problem__a__inner {
    padding: 3.2rem 2.4rem 2.4rem;
  }
}
.problem__a__inner p {
  margin-top: 1.6rem !important;
}

*:not(.faq) + .faq {
  margin-top: 4rem;
}

.article-slider-wrap {
  margin-top: 4rem;
  width: calc(100% + 5.8rem);
  margin-right: -5.8rem;
  overflow-x: hidden;
  padding: 0.2rem 0;
}
@media screen and (max-width: 800px) {
  .article-slider-wrap {
    margin-top: 3.4rem;
    width: calc(100% + 1.6rem);
    margin-right: -1.6rem;
  }
}

.article-slider {
  width: 82rem;
  margin: 0;
  overflow: unset;
}
@media screen and (max-width: 800px) {
  .article-slider {
    width: 36.6rem;
  }
}
.article-slider .swiper-slide {
  padding-right: 0.8rem;
}
.article-slider .swiper-slide .card-office-tour__txt {
  opacity: 0;
  transition: opacity 0.3s 0.1s;
}
.article-slider .swiper-slide.swiper-slide-active .card-office-tour__txt {
  opacity: 1;
}
.article-slider .slider-prev::before,
.article-slider .slider-next::before {
  background-color: #143d69;
}
.article-slider__controller {
  padding-right: 0.8em;
}
@media screen and (min-width: 801px) {
  .article-slider__controller {
    flex-direction: column;
    align-items: flex-end;
    gap: 2rem;
  }
}

.article-line {
  margin-top: 5.8rem;
  border-bottom: 0.2rem solid #e3e7ec;
}
@media screen and (max-width: 800px) {
  .article-line {
    margin-top: 4.8rem;
  }
}

.article-cont {
  padding-top: 4rem;
}
@media screen and (max-width: 800px) {
  .article-cont {
    padding-top: 3.2rem;
  }
}
.article-cont .article-column2 {
  margin-top: 1.6rem;
}
@media screen and (max-width: 800px) {
  .article-cont .article-column2 {
    gap: 1.6rem;
  }
}
.article-cont .article-column2 dl {
  background-color: #dfe6ee;
  padding: 1.6rem;
  border-radius: 0.6rem;
  height: 100%;
  line-height: 1.6;
  font-size: 1.4rem;
}
.article-cont .article-column2 dl dt {
  font-weight: 500;
  line-height: 1.4;
  font-size: 2rem;
  color: #143d69;
}
@media screen and (max-width: 800px) {
  .article-cont .article-column2 dl dt {
    font-size: 1.8rem;
  }
}
.article-cont .article-column2 dl dd {
  margin-top: 0.8rem;
}

.article-desc {
  margin-top: 4rem;
  background-color: #dfe6ee;
  border-radius: 0.6rem;
  padding: 4rem 5.6rem;
}
@media screen and (max-width: 800px) {
  .article-desc {
    margin-top: 3.2rem;
    padding: 2.4rem 1.6rem;
  }
}
.article-desc:has(dl) {
  padding-bottom: 6.4rem;
}
@media screen and (max-width: 800px) {
  .article-desc:has(dl) {
    padding-bottom: 2.4rem;
  }
}
.article-desc h4 {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 800px) {
  .article-desc h4 {
    padding-bottom: 1.2rem;
  }
}
.article-desc ul {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 800px) {
  .article-desc ul {
    margin-top: 1.6rem;
    gap: 2.4rem;
  }
}
.article-desc ul:has(dl) {
  gap: 5.6rem;
}
@media screen and (max-width: 800px) {
  .article-desc ul:has(dl) {
    gap: 2.4rem;
  }
}
.article-desc ul dl {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 800px) {
  .article-desc ul dl {
    flex-direction: column;
    gap: 0.8rem;
  }
}
.article-desc ul dl dt {
  width: 20.7rem;
  flex-shrink: 0;
  font-size: 1.6rem;
  font-weight: 500;
}
.article-desc ul dl dd {
  font-size: 1.4rem;
  font-weight: 400;
}
.article-desc .article-desc__title {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0;
}
.article-desc .article-desc__desc {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0;
}

.article-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem;
  margin-top: 6.4rem;
  counter-reset: item;
}
@media screen and (max-width: 800px) {
  .article-benefits {
    margin-top: 3.2rem;
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}
.article-benefits__item {
  border-radius: 0.4rem;
  background-color: #ececec;
  padding: 2.4rem 1.6rem;
  text-align: center;
  color: #143d69;
  counter-increment: item;
}
.article-benefits__item__icn {
  width: 2.8rem;
  margin: 0 auto;
}
.article-benefits__item__title {
  font-weight: bold;
  font-size: 2.4rem;
  margin-top: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.8rem;
  line-height: 1.6;
}
.article-benefits__item__title::after {
  content: counter(item, decimal-leading-zero);
  font-size: 4rem;
  font-family: "Roboto", "Zen Kaku Gothic Antique", sans-serif;
  line-height: 1;
}
.article-benefits__item__desc {
  font-size: 1.8rem;
  line-height: 1.2;
  margin-top: 1.6rem !important;
}

.requirements-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.4rem;
}
.requirements-list__title {
  width: 20rem;
  flex-shrink: 0;
  padding: 2.4rem;
  border-bottom: 1px solid #143d69;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .requirements-list__title {
    width: 100%;
    padding: 2.4rem 1.6rem 1rem;
    border-bottom: none;
  }
}
.requirements-list__title:first-child {
  border-top: 1px solid #143d69;
}
@media screen and (max-width: 800px) {
  .requirements-list__title:first-child {
    border-top: 1px solid #e3e7ec;
    position: relative;
  }
  .requirements-list__title:first-child::before {
    content: "";
    width: 10rem;
    height: 1px;
    background-color: #143d69;
    position: absolute;
    left: 0;
    top: -1px;
  }
}
.requirements-list__desc {
  width: calc(100% - 20rem);
  padding: 2.4rem 2.4rem 2.4rem 3.2rem;
  border-bottom: 1px solid #e3e7ec;
  font-size: 1.4rem;
}
.requirements-list__desc * {
  margin-top: 0 !important;
}
@media screen and (max-width: 800px) {
  .requirements-list__desc {
    width: 100%;
    padding: 0 1.6rem 2.4rem;
    position: relative;
  }
  .requirements-list__desc::before {
    content: "";
    width: 10rem;
    height: 1px;
    background-color: #143d69;
    position: absolute;
    left: 0;
    bottom: -1px;
  }
}
.requirements-list__desc:first-of-type {
  border-top: 1px solid #e3e7ec;
}
@media screen and (max-width: 800px) {
  .requirements-list__desc:first-of-type {
    border-top: none;
  }
}

.flow-box {
  background-color: #dfe6ee;
  border-radius: 0.4rem;
  padding: 4rem;
  margin-top: 6.4rem;
}
@media screen and (max-width: 800px) {
  .flow-box {
    margin-top: 3.2rem;
    padding: 3.2rem 2.4rem;
  }
}
.flow-box h3 {
  text-align: center;
  color: #000 !important;
}
.flow-box__desc {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  margin-top: 1.6rem;
}
@media screen and (max-width: 800px) {
  .flow-box__desc {
    font-size: 1.4rem;
  }
}
.flow-box__note {
  font-size: 1.2rem;
  margin-top: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}

.flow-step {
  counter-reset: item;
  margin-top: 2.4rem;
}
@media screen and (max-width: 800px) {
  .flow-step {
    display: flex;
    flex-direction: column;
    gap: 6.4rem;
  }
}
.flow-step__item {
  background-color: #fff;
  border-radius: 0.4rem;
  padding: 2.4rem 1.6rem;
  counter-increment: item;
  color: #143d69;
  position: relative;
}
.flow-step__item:not(:last-child)::after {
  content: "";
  width: 1.6rem;
  height: 1rem;
  background-color: #143d69;
  display: block;
  position: absolute;
  right: -2.4rem;
  top: 50%;
  transform: translate(100%, -50%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (max-width: 800px) {
  .flow-step__item:not(:last-child)::after {
    width: 1rem;
    height: 1.6rem;
    right: unset;
    top: unset;
    left: 50%;
    bottom: -2.4rem;
    transform: translate(-50%, 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
.flow-step__item__title {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 500;
}
.flow-step__item__title::after {
  content: counter(item, decimal-leading-zero);
  font-size: 3.2rem;
  margin-left: 0.2em;
}
.flow-step__item__desc {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  min-height: 4.32rem;
  margin-top: 1.6rem;
  line-height: 1.2;
  font-size: 1.8rem;
}
@media screen and (min-width: 801px) {
  .flow-step.few-items {
    display: flex;
    gap: 6.4rem;
  }
  .flow-step.few-items .flow-step__item {
    flex: 1;
  }
  .flow-step.many-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6rem 6.4rem;
  }
  .flow-step.many-items .flow-step__item:nth-child(3n)::after {
    display: none;
  }
}
.flow-step__note {
  font-size: 1.4rem;
  margin-top: 1.6rem;
}

.l-main-article--requirements .article-wrap__main h3 {
  color: #143d69;
}

.step-last {
  margin-top: 8.4rem;
  border: 2px solid #143d69;
  border-radius: 0.6rem;
  padding: 2.4rem 3.2rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .step-last {
    padding: 2.4rem 1.6rem;
    margin-top: 7.2rem;
  }
}
.step-last__hdg {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: bold;
  color: #143d69;
  margin: 0;
}
@media screen and (max-width: 800px) {
  .step-last__hdg {
    font-size: 1.8rem;
  }
}
.step-last__txt {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 500;
  margin-top: 2rem;
}
@media screen and (max-width: 800px) {
  .step-last__txt {
    margin-top: 1.6rem;
  }
}
.step-last__dot {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  position: absolute;
  left: 50%;
  top: -2.4rem;
  transform: translate(-50%, -100%);
}
@media screen and (max-width: 800px) {
  .step-last__dot {
    top: -1.6rem;
  }
}
.step-last__dot span {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #143d69;
  border-radius: 50%;
}

.core-value {
  display: grid;
  grid-template-columns: 1fr 33.4rem;
  gap: 3.2rem;
  margin-top: 5.6rem;
}
@media screen and (max-width: 800px) {
  .core-value {
    grid-template-columns: 1fr;
    margin-top: 4rem;
    gap: 2.4rem;
  }
}
.core-value__img img {
  border-radius: 0.6rem;
  margin-top: 0;
}

.list-careerentry {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-top: 4rem;
}

.list-column2:has(.btn-careerentry2) {
  margin-top: 6.4rem;
}
@media screen and (max-width: 800px) {
  .list-column2:has(.btn-careerentry2) {
    margin-top: 4rem;
    gap: 2rem;
  }
}

.btn-careerentry {
  display: grid;
  grid-template-columns: 31rem 1fr;
  border-radius: 0.6rem;
  border: 1px solid #e3e7ec;
  overflow: hidden;
  transition: opacity 0.3s;
  letter-spacing: 0;
}
.btn-careerentry:hover {
  opacity: 0.7;
}
@media screen and (max-width: 800px) {
  .btn-careerentry {
    grid-template-columns: 1fr;
  }
}
.btn-careerentry__img {
  min-height: 16rem;
  height: 100%;
}
@media screen and (max-width: 800px) {
  .btn-careerentry__img {
    min-height: unset;
    height: 16rem;
  }
}
.btn-careerentry__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btn-careerentry__txt {
  padding: 2rem 3.2rem;
}
@media screen and (max-width: 800px) {
  .btn-careerentry__txt {
    padding: 1.6rem 1.6rem 2.4rem;
  }
}
.btn-careerentry__txt__hdg {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 0 !important;
}
.btn-careerentry__txt__desc {
  font-size: 1.4rem !important;
  margin-top: 0.8rem;
  line-height: 1.6;
}
.btn-careerentry__txt__btn {
  font-size: 1.4rem !important;
  font-weight: bold;
  line-height: 1;
  color: #143d69;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.6rem !important;
}
.btn-careerentry__txt__btn svg {
  width: 1.5rem !important;
  height: 1.8rem !important;
}

.btn-careerentry2 {
  display: flex;
  align-items: center;
  height: 15rem;
  gap: 2rem;
  background-color: #143d69;
  border-radius: 0.6rem;
  padding: 1.6rem 3.2rem;
  color: #fff;
  position: relative;
  transition: opacity 0.3s;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .btn-careerentry2 {
    height: 10.1rem;
    padding: 0.8rem 1.6rem;
    border-radius: 0.4rem;
  }
}
.btn-careerentry2:hover {
  opacity: 0.7;
}
.btn-careerentry2__icn {
  width: 7.4rem;
  flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .btn-careerentry2__icn {
    width: 6.4rem;
  }
}
.btn-careerentry2__txt__hdg {
  font-size: 2.4rem !important;
  margin-top: 0 !important;
  font-weight: 500;
  line-height: 1.4;
}
.btn-careerentry2__txt__desc {
  font-size: 1.4rem !important;
  margin-top: 0.5rem !important;
}
@media screen and (max-width: 800px) {
  .btn-careerentry2__txt__desc {
    margin-top: 0 !important;
  }
}
.btn-careerentry2__btn {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 3.2rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  .btn-careerentry2__btn {
    right: 1.6rem;
  }
}
.btn-careerentry2__btn img {
  width: 1.5rem;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin-left: unset !important;
  margin-right: unset !important;
}

.page-culture {
  padding-bottom: 13rem;
}
@media screen and (max-width: 800px) {
  .page-culture {
    padding-bottom: 8rem;
  }
}
.page-culture .fv-slider {
  margin-bottom: 12rem;
}
@media screen and (max-width: 800px) {
  .page-culture .fv-slider {
    margin-bottom: 6.4rem;
  }
}
.page-culture .fv-slider__item {
  width: fit-content;
  padding: 0 1.2rem;
}
@media screen and (max-width: 800px) {
  .page-culture .fv-slider__item {
    padding: 0 0.8rem;
  }
}
.page-culture .fv-slider__item img {
  width: auto;
  height: 35.4rem;
  object-fit: cover;
  border-radius: 1rem;
  border-radius: 0.6rem;
}
@media screen and (max-width: 800px) {
  .page-culture .fv-slider__item img {
    height: 28rem;
  }
}
.page-culture .fv-slider .swiper-wrapper {
  transition-timing-function: linear;
}
.page-culture .list-column2 {
  margin-bottom: 8rem;
}
@media screen and (max-width: 800px) {
  .page-culture .list-column2 {
    margin-bottom: 3.2rem;
  }
}

.page-job {
  padding-bottom: 16rem;
}
@media screen and (max-width: 800px) {
  .page-job {
    padding-bottom: 8rem;
  }
}
.page-job__img {
  margin-bottom: 10rem;
}
@media screen and (max-width: 800px) {
  .page-job__img {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 801px) {
  .page-job .list-job {
    width: 93.9rem;
    margin: 0 auto;
  }
}

.interview-content {
  padding: 8.7rem 0 16rem;
}
@media screen and (max-width: 800px) {
  .interview-content {
    padding: 4rem 0 8rem;
  }
}
.interview-content__txt {
  font-size: 1.6rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 800px) {
  .interview-content__txt {
    font-size: 1.4rem;
    margin-bottom: 3.2rem;
  }
}
.interview-content .btn-back {
  margin: 8rem 0 0 auto;
  width: fit-content;
}
@media screen and (max-width: 800px) {
  .interview-content .btn-back {
    margin: 4.8rem auto 0;
  }
}

.interview-search {
  background-color: #ececec;
  border-radius: 0.6rem;
  padding: 4.8rem 3.2rem;
  margin-bottom: 8rem;
}
@media screen and (max-width: 800px) {
  .interview-search {
    padding: 3.2rem 2.4rem;
    margin-bottom: 6.4rem;
  }
}
.interview-search .interview-category__hdg {
  justify-content: flex-start;
  color: #000;
}
@media screen and (max-width: 800px) {
  .interview-search .interview-category__hdg {
    margin-bottom: 1.6rem;
  }
}
.interview-search__list {
  width: 92.2rem;
  display: flex;
  padding: 2.4rem 0;
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .interview-search__list {
    width: 100%;
    flex-direction: column;
    gap: 1.6rem;
    padding: 1.6rem 0;
  }
}
.interview-search__list__hdg {
  flex-shrink: 0;
  width: 16.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .interview-search__list__hdg {
    line-height: 1;
    width: 100%;
    flex-direction: row;
  }
}
.interview-search__list__hdg__link {
  font-size: 1.2rem;
  font-weight: 400;
  color: #555;
  border-bottom: 1px solid #555;
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 0.8rem;
  padding: 0 0 0.4rem;
}
.interview-search__list__hdg__link__arrow {
  width: 0.9rem;
  height: 0.9rem;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -0.1rem;
}
.interview-search__list__hdg__link__arrow::before {
  content: "";
  height: 0.6rem;
  width: 0.9rem;
  background-color: #555;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.interview-search__list__hdg__link:hover .interview-search__list__hdg__link__arrow::before {
  animation: arrowRight 0.3s linear forwards;
}
.interview-search .btn-search {
  margin: 4rem auto 0;
  width: 28.6rem;
  height: 5.6rem;
  font-size: 1.6rem;
  padding: 0;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 800px) {
  .interview-search .btn-search {
    margin-top: 3.2rem;
  }
}
.interview-search .btn-search .btn-arrow {
  position: absolute;
  right: 0;
}

.member-none {
  display: none;
  text-align: center;
  margin-top: 8rem;
}
@media screen and (max-width: 800px) {
  .member-none {
    margin-top: 6.4rem;
  }
}
.member-none p {
  font-size: 2.8rem;
  line-height: 1.6;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .member-none p {
    font-size: 2rem;
  }
}

.page-interview .note-area {
  padding: 0 0 16rem;
  background-color: transparent;
}
.page-interview .hdg2 {
  font-size: 2.8rem;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 800px) {
  .page-interview .hdg2 {
    margin-bottom: 2rem;
  }
}
.page-interview .hdg2__icn {
  width: 5.6rem;
}
@media screen and (max-width: 800px) {
  .page-interview .hdg2__icn {
    width: 4.9rem;
  }
}
.page-interview .article-wrap .btn1 {
  margin-top: 4rem;
}
@media screen and (max-width: 800px) {
  .page-interview .article-wrap .btn1 {
    margin-top: 0;
    position: absolute;
    bottom: 8rem;
  }
}
@media screen and (min-width: 801px) {
  .page-interview .article-wrap {
    grid-template-columns: 42rem 1fr;
    gap: 13.6rem;
  }
}
.page-interview .article-wrap .list-member {
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem 2.4rem;
}
@media screen and (max-width: 800px) {
  .page-interview .article-wrap .list-member {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  .page-interview .article-wrap .list-member__item:nth-child(4), .page-interview .article-wrap .list-member__item:nth-child(5) {
    display: none;
  }
}
.page-interview .article-wrap .list-crosstalk {
  grid-template-columns: 1fr;
  gap: 4.8rem;
}
@media screen and (max-width: 800px) {
  .page-interview .article-wrap .list-crosstalk {
    gap: 4rem;
  }
  .page-interview .article-wrap .list-crosstalk__item:nth-child(4) {
    display: none;
  }
}
.page-interview .article-wrap--interview {
  position: relative;
  z-index: 1;
  padding: 16rem 0;
}
.page-interview .article-wrap--interview::before {
  content: "";
  width: calc(100% + 12.4rem);
  height: 100%;
  z-index: -1;
  left: 50%;
  top: 0;
  position: absolute;
  background-color: #ececec;
  transform: translateX(-50%);
}
@media screen and (max-width: 800px) {
  .page-interview .article-wrap--interview::before {
    width: calc(100% + 3.2rem);
  }
}
@media screen and (max-width: 800px) {
  .page-interview .article-wrap--interview {
    padding: 8rem 0;
  }
}
.page-interview .article-wrap--crosstalk {
  padding: 16rem 0 21.6rem;
}
@media screen and (max-width: 800px) {
  .page-interview .article-wrap--crosstalk {
    padding: 8rem 0 16rem;
  }
}
.page-interview .article-wrap--crosstalk .hdg2__icn {
  width: 4.7rem;
}
@media screen and (max-width: 800px) {
  .page-interview .article-wrap--crosstalk .hdg2__icn {
    width: 4.3rem;
  }
}
@media screen and (min-width: 801px) {
  .page-interview .article-wrap--crosstalk .card-crosstalk__hdg {
    font-size: 2.4rem;
  }
  .page-interview .article-wrap--crosstalk .card-crosstalk__img img {
    aspect-ratio: 151/85;
  }
}
.page-interview .btn-bnr {
  margin: 0 auto 13rem;
}
@media screen and (max-width: 800px) {
  .page-interview .btn-bnr {
    margin-bottom: 8rem;
  }
}

.page-index .gradation-bg__circle {
  border-radius: 50%;
  position: absolute;
  filter: blur(5rem);
  z-index: 1;
}
.page-index .gradation-bg__circle--white {
  width: 30rem;
  height: 30rem;
  background-color: #fef9f8;
  opacity: 0.9;
  animation: bgWhite 28s ease 0s infinite;
}
@media screen and (max-width: 800px) {
  .page-index .gradation-bg__circle--white {
    width: 10rem;
    height: 10rem;
  }
}
.page-index .gradation-bg__circle--yellow {
  left: 5%;
  top: 10%;
  width: 40rem;
  height: 40rem;
  background-color: #ffdc4d;
  animation: bgYellow 30s ease 0s infinite;
}
@media screen and (max-width: 800px) {
  .page-index .gradation-bg__circle--yellow {
    width: 20rem;
    height: 20rem;
  }
}
.page-index .gradation-bg__circle--whitelarge {
  right: 0;
  bottom: 0;
  width: 50vw;
  height: 50vw;
  background-color: #fef9f8;
  opacity: 0;
  animation: bgLarge 15s linear 0s infinite;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.page-index .gradation-bg__circle--orange {
  right: 0;
  bottom: 0;
  width: 40vw;
  height: 40vw;
  background-color: #ff784b;
  animation: bgLarge 16s linear 0s infinite;
  z-index: 2;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.page-index .l-header--index {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.page-index .l-header--index__logo a {
  width: 19.8rem;
  height: 9rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  border-radius: 0 0 3rem 3rem;
  padding-top: 0.8rem;
}
.page-index .l-header--index__logo a::after {
  content: "採用総合トップ";
  font-size: 1.2rem;
  font-weight: 500;
  display: block;
  line-height: 1.6;
  color: #555;
}
@media screen and (max-width: 800px) {
  .page-index .l-header--index__logo a::after {
    font-size: 1rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 800px) {
  .page-index .l-header--index__logo a {
    width: 15.2rem;
    height: 6.7rem;
    border-radius: 0 0 2rem 2rem;
    gap: 0.8rem;
    padding-top: 0.5rem;
  }
}
.page-index .l-header--index__logo a img {
  width: 13.8rem;
}
@media screen and (max-width: 800px) {
  .page-index .l-header--index__logo a img {
    width: 10.8rem;
  }
}
.page-index .l-main--index {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 800px) {
  .page-index .l-main--index {
    grid-template-columns: 1fr;
  }
}
.page-index .l-main--index__cont {
  min-height: calc(100dvh - 9rem);
  padding: 12rem 0 5rem;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .page-index .l-main--index__cont {
    min-height: calc((100dvh - 9rem) / 2);
    padding: 0;
  }
}
.page-index .l-main--index__cont__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  transition: opacity 0.5s ease-in-out, backdrop-filter 0.5s ease-in-out;
}
.page-index .l-main--index__cont__gradation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  transform: rotate(180deg);
  display: none;
}
@media screen and (max-width: 800px) {
  .page-index .l-main--index__cont__gradation {
    display: none;
  }
}
@media screen and (min-width: 801px) {
  .page-index .l-main--index__cont__title {
    min-height: 23rem;
    margin-bottom: 6.5rem;
  }
}
@media screen and (max-width: 800px) {
  .page-index .l-main--index__cont--new {
    padding: 10.5rem 0 4.8rem;
  }
}
.page-index .l-main--index__cont--new .l-main--index__cont__bg {
  background-image: url(../img/top/bg_new.jpg);
}
@supports (background-image: url(../img/top/bg_new.webp)) {
  .page-index .l-main--index__cont--new .l-main--index__cont__bg {
    background-image: url(../img/top/bg_new.webp);
  }
}
.page-index .l-main--index__cont--new .l-main--index__cont__title {
  width: 59.2rem;
  padding-top: 5.2rem;
}
@media screen and (max-width: 800px) {
  .page-index .l-main--index__cont--new .l-main--index__cont__title {
    width: 36rem;
    padding-top: 0;
    margin-bottom: 3.2rem;
  }
}
.page-index .l-main--index__cont--new .btn-arrow::before {
  background-color: #143d69;
}
@media screen and (max-width: 800px) {
  .page-index .l-main--index__cont--career {
    padding: 6.4rem 0 4.8rem;
  }
}
.page-index .l-main--index__cont--career .l-main--index__cont__gradation::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(140deg, rgba(255, 255, 255, 0) 11%, rgb(12, 65, 123) 79%, rgba(20, 61, 105, 0) 100%);
  opacity: 0.4;
  z-index: 2;
}
.page-index .l-main--index__cont--career .l-main--index__cont__bg {
  background-image: url(../img/top/bg_career.jpg);
}
@supports (background-image: url(../img/top/bg_career.webp)) {
  .page-index .l-main--index__cont--career .l-main--index__cont__bg {
    background-image: url(../img/top/bg_career.webp);
  }
}
.page-index .l-main--index__cont--career .l-main--index__cont__title {
  width: 51.8rem;
}
@media screen and (max-width: 800px) {
  .page-index .l-main--index__cont--career .l-main--index__cont__title {
    width: 32rem;
    margin-bottom: 3.8rem;
    padding-left: 1.5rem;
  }
}
.page-index .l-main--index__cont--career .btn-arrow::before {
  background-color: #ff8400;
}
.page-index .l-footer--index {
  background-color: #143d69;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .page-index .l-footer--index {
    padding: 2.4rem 0;
  }
}
.page-index .l-footer--index .inner {
  height: 9rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .page-index .l-footer--index .inner {
    height: auto;
    flex-direction: column;
    justify-content: center;
    gap: 3.2rem;
  }
}
.page-index .l-footer--index .inner .l-footer__sublist {
  position: static;
}
.page-index .l-footer--index .inner .l-footer__sublist__item:first-child {
  padding-bottom: 0;
  border-bottom: none;
}
.page-index .l-footer--index__list {
  display: flex;
  gap: 3.2rem;
}
@media screen and (max-width: 800px) {
  .page-index .l-footer--index__list {
    gap: 1.6rem;
  }
}
.page-index .l-footer--index__list .btn-blank {
  font-size: 1.6rem;
}
@media screen and (max-width: 800px) {
  .page-index .l-footer--index__list .btn-blank {
    font-size: 1.4rem;
  }
}
.page-index .l-footer--index__copyright {
  line-height: 1;
  font-size: 1rem;
}
.page-index .l-footer--index__copyright small {
  font-size: 1.2rem;
  line-height: 1;
  color: #ccc;
}
@media screen and (max-width: 800px) {
  .page-index .l-footer--index__copyright small {
    font-size: 1rem;
  }
}

.page-globalpmo__hdgarea {
  background: #c8c9cb;
  background: linear-gradient(67deg, rgb(200, 201, 203) 0%, rgb(229, 229, 230) 12%, rgb(247, 247, 248) 100%);
  color: #143d69;
}
.page-globalpmo__hdgarea__inner {
  padding: 12.8rem 11.9rem;
  background-image: url(../img/global-pmo/img_kv_bg.png);
  background-size: 58.7rem auto;
  background-position: right top;
  background-repeat: no-repeat;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__hdgarea__inner {
    padding: 8rem 1.6rem;
    background-size: 24rem;
  }
}
@supports (background-image: url(../img/global-pmo/img_kv_bg.webp)) {
  .page-globalpmo__hdgarea__inner {
    background-image: url(../img/global-pmo/img_kv_bg.webp);
  }
}
.page-globalpmo__logo {
  width: 15.3rem;
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__logo {
    width: 12.2rem;
  }
}
.page-globalpmo__title {
  font-size: 9.6rem;
  color: #143d69;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 5.8rem;
  text-transform: uppercase;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__title {
    font-size: 6.4rem;
    margin-bottom: 4rem;
  }
}
.page-globalpmo__txt {
  font-size: 1.4rem;
}
.page-globalpmo__txt__sub {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 2.4rem;
}
.page-globalpmo__links {
  padding: 4rem 0;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__links {
    padding: 4rem 0;
  }
}
.page-globalpmo__links__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__links__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-globalpmo .hdg1::before {
  text-transform: uppercase;
}
.page-globalpmo__message {
  padding: 12rem 0 14rem;
  background-color: #143d69;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__message {
    padding: 8rem 0;
  }
}
.page-globalpmo__message .hdg1 {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__message .hdg1 {
    margin-bottom: 4rem;
  }
}
.page-globalpmo__message__flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__message__flex {
    flex-direction: column;
    gap: 3.2rem;
  }
}
.page-globalpmo__message__img {
  width: 53.3rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__message__img {
    width: calc(100% - 3.2rem);
    margin: 0 auto;
  }
}
.page-globalpmo__message__txt {
  width: 64.4rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__message__txt {
    width: 100%;
  }
}
.page-globalpmo__message__txt__comment {
  padding: 6.1rem 0 4.9rem 5.2rem;
  background: url(../img/common/icn_dq-l.svg) no-repeat left top/6rem, url(../img/common/icn_dq-r.svg) no-repeat right bottom/6rem;
  display: flex;
  flex-direction: column;
  gap: 1.8em;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__message__txt__comment {
    padding: 3.2rem 1.6rem 1.6rem;
    background-size: 4rem;
  }
  .page-globalpmo__message__txt__comment br {
    display: none;
  }
}
.page-globalpmo__message__txt__comment__sub {
  font-size: 2.2rem;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__message__txt__comment__sub {
    font-size: 1.8rem;
  }
}
.page-globalpmo__message__txt__job {
  padding-left: 5.2rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__message__txt__job {
    padding-left: 1.6rem;
    margin-bottom: 0.8rem;
  }
}
.page-globalpmo__message__txt__name {
  font-size: 2.8rem;
  font-weight: 500;
  padding-left: 5.2rem;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__message__txt__name {
    padding-left: 1.6rem;
    font-size: 2.4rem;
  }
}
.page-globalpmo__project {
  padding: 14rem 0 10.8rem;
  background-color: #f5f5f5;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__project {
    padding: 8rem 0;
  }
}
.page-globalpmo__project .hdg1 {
  margin-bottom: 5.6rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__project .hdg1 {
    margin-bottom: 4rem;
  }
}
.page-globalpmo__project .hdg3 {
  margin-bottom: 1.6rem;
}
.page-globalpmo__project .list-column2 {
  margin-top: 4rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__project .list-column2 {
    gap: 2.4rem;
    margin-top: 3.2rem;
  }
}
.page-globalpmo__project__card {
  background-color: #dfe6ee;
  border-radius: 0.6rem;
  overflow: hidden;
  height: 100%;
}
.page-globalpmo__project__card__txt {
  padding: 4rem 3.2rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__project__card__txt {
    padding: 3.2rem 1.6rem;
  }
}
.page-globalpmo__project__card__txt__title {
  min-height: 6.8rem;
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 500;
  color: #143d69;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__project__card__txt__title {
    font-size: 2rem;
    min-height: unset;
  }
}
.page-globalpmo__member {
  padding: 14rem 0;
  background-color: #143d69;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__member {
    padding: 8rem 0;
  }
}
.page-globalpmo__member::after {
  content: "";
  width: 96.8rem;
  height: 76.6rem;
  background-color: #0e2a49;
  border-top-left-radius: 32rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__member::after {
    width: calc(100% - 6.2rem);
    height: calc(100% - 4rem);
    border-top-left-radius: 24rem;
  }
}
.page-globalpmo__member .inner {
  position: relative;
  z-index: 2;
}
.page-globalpmo__member .hdg1 {
  margin-bottom: 4rem;
  line-height: 1.2;
}
.page-globalpmo__member__flex {
  padding-left: 5.6rem;
  display: flex;
  align-items: center;
  gap: 4rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__member__flex {
    flex-direction: column;
    padding-left: 0;
    gap: 2.4rem;
  }
}
.page-globalpmo__member__flex__img {
  width: 58.8rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__member__flex__img {
    width: 100%;
  }
}
.page-globalpmo__member__flex__txt {
  width: 61.8rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__member__flex__txt {
    width: 100%;
  }
}
.page-globalpmo__member__flex__txt .card-interview__comment {
  width: calc(100% + 3.2rem);
  margin: 0 -1.6rem 2.4rem;
  padding-left: 6.2rem;
  padding-right: 6.2rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__member__flex__txt .card-interview__comment {
    width: 100%;
    margin: 0 0 1.6rem;
    padding: 3.2rem 2.1rem;
  }
}
.page-globalpmo__member__flex__txt .card-interview__hdg {
  font-size: 4rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__member__flex__txt .card-interview__hdg {
    font-size: 2.4rem;
    letter-spacing: 0;
  }
}
.page-globalpmo__member__flex__txt__inner {
  padding: 0 4.7rem 0 3.9rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__member__flex__txt__inner {
    padding: 0 2.1rem;
  }
}
.page-globalpmo__member__flex__txt .article-link {
  margin: 0 0 0 auto;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__member__flex__txt .article-link {
    margin-top: 2.4rem;
  }
}
.page-globalpmo__member__flex__txt .article-link .icn-note {
  background-color: #fff;
}
.page-globalpmo__member__job {
  line-height: 1;
  margin-top: 3.2rem;
  margin-bottom: 1.6rem;
}
.page-globalpmo__member__name {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__member__name {
    font-size: 2.4rem;
  }
}
.page-globalpmo__member__year {
  font-size: 1.4rem;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__member__year {
    font-size: 1.2rem;
  }
}
.page-globalpmo__recruit {
  padding: 8rem 0;
}
.page-globalpmo__recruit__inner {
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 8rem 5.6rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__recruit__inner {
    padding: 6.4rem 1.6rem;
  }
}
.page-globalpmo__recruit__inner .hdg-area {
  margin-bottom: 4rem;
}
.page-globalpmo__recruit__inner .hdg-area__txt p {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__recruit__inner .hdg-area__txt p {
    font-size: 1.8rem;
  }
}
.page-globalpmo__recruit__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.8rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__recruit__list {
    flex-wrap: wrap;
    gap: 0 1.6rem;
  }
}
.page-globalpmo__recruit__list__item {
  width: 28rem;
  height: 28rem;
  border-radius: 50%;
  border: 5px solid #ff8400;
  padding-top: 4.8rem;
  text-align: center;
  letter-spacing: 0;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__recruit__list__item {
    width: 14rem;
    height: 14rem;
    padding-top: 2.4rem;
    border-width: 3px;
  }
}
.page-globalpmo__recruit__num {
  font-size: 9.6rem;
  width: fit-content;
  margin: 0 auto 1.8rem;
  line-height: 1;
  font-weight: bold;
  background: linear-gradient(80deg, #ff8400 0%, #ff8400 20%, #ff7147 50%, #ff626e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__recruit__num {
    font-size: 4.8rem;
    margin: 0 auto 0.8rem;
  }
}
.page-globalpmo__recruit__num span {
  font-size: 6.4rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__recruit__num span {
    font-size: 3.2rem;
  }
}
.page-globalpmo__recruit__country {
  line-height: 1;
  font-size: 3.2rem;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__recruit__country {
    font-size: 1.6rem;
  }
}
.page-globalpmo__recruit__country span {
  display: block;
  font-size: 1.2rem;
  margin-top: 1em;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__recruit__country span {
    font-size: 1rem;
    margin-top: 0.4rem;
  }
}
.page-globalpmo__recruit__note {
  font-size: 1.4rem;
  position: absolute;
  right: 1.6rem;
  bottom: 1.6rem;
}
.page-globalpmo .bg-gray .inner {
  max-width: 120rem;
}
.page-globalpmo__career {
  padding: 14rem 0 0;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__career {
    padding: 8rem 0 0;
  }
}
.page-globalpmo__career .hdg1 {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__career .hdg1 {
    margin-bottom: 4rem;
    font-size: 3.8rem;
  }
}
.page-globalpmo__career__flex {
  display: flex;
  flex-wrap: wrap;
  gap: 3.6rem 2.4rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__career__flex {
    gap: 2.4rem;
  }
}
.page-globalpmo__career__content {
  background-color: #143d69;
  border-radius: 0.6rem;
  color: #fff;
  padding: 5.6rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__career__content {
    padding: 3.2rem 1.6rem;
  }
}
.page-globalpmo__career__content:first-child {
  width: 100%;
  font-size: 1.6rem;
}
@media screen and (min-width: 801px) {
  .page-globalpmo__career__content:not(:first-child) {
    width: calc(50% - 1.2rem);
  }
  .page-globalpmo__career__content:not(:first-child) p {
    min-height: 12.8rem;
  }
}
.page-globalpmo__career__content .hdg3 {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__career__content .hdg3 {
    margin-bottom: 2.4rem;
  }
}
.page-globalpmo__career__content__img {
  margin-top: 2.4rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__career__content__img {
    margin-top: 1.6rem;
  }
}
.page-globalpmo__career__content__list {
  display: flex;
  justify-content: center;
  gap: 4.8rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__career__content__list {
    gap: 4.8rem 2.4rem;
    flex-wrap: wrap;
    margin-top: 1.6rem;
  }
}
.page-globalpmo__career__content__list__item {
  width: 26.2rem;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__career__content__list__item:not(:last-child) {
    width: calc(50% - 1.2rem);
  }
  .page-globalpmo__career__content__list__item:last-child {
    position: relative;
    width: 24rem;
  }
  .page-globalpmo__career__content__list__item:last-child::after {
    content: "＝";
    font-size: 3.2rem;
    font-weight: 500;
    position: absolute;
    left: 50%;
    top: 1.6rem;
    transform: translate(-50%, -100%) rotate(90deg);
  }
}
.page-globalpmo__career__content__list__item__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__career__content__list__item__title {
    font-size: 1.4rem;
  }
}
.page-globalpmo__career__content__list__item__title--orange {
  color: #ff8400;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__career__content__list__item__title--orange {
    font-size: 1.8rem;
  }
}
.page-globalpmo__career__content__list__item__icn {
  position: relative;
}
.page-globalpmo__career__content__list__item__icn::after {
  font-size: 3.2rem;
  font-weight: 500;
  position: absolute;
  right: -0.8rem;
  top: 50%;
  transform: translate(100%, -50%);
}
@media screen and (max-width: 800px) {
  .page-globalpmo__career__content__list__item__icn::after {
    font-size: 2.4rem;
    right: 0;
  }
}
.page-globalpmo__career__content__list__item:first-child .page-globalpmo__career__content__list__item__icn::after {
  content: "＋";
}
.page-globalpmo__career__content__list__item:nth-child(2) .page-globalpmo__career__content__list__item__icn::after {
  content: "＝";
}
@media screen and (max-width: 800px) {
  .page-globalpmo__career__content__list__item:nth-child(2) .page-globalpmo__career__content__list__item__icn::after {
    display: none;
  }
}
.page-globalpmo__event {
  padding: 14rem 0 16rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__event {
    padding: 8rem 0 12rem;
  }
}
.page-globalpmo__event .hdg-area {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__event .hdg-area {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 800px) {
  .page-globalpmo__event .list-column2 {
    gap: 1.6rem;
  }
}
.page-globalpmo__event__card {
  height: 25rem;
  padding: 1.2rem 1.6rem 2.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__event__card {
    height: 16rem;
    padding: 1.2rem 1.6rem 1.6rem;
    line-height: 1.4;
  }
}
.page-globalpmo__event__card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.page-globalpmo__event__card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-globalpmo__event__card__title {
  font-size: 4rem;
  line-height: 1.6;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__event__card__title {
    font-size: 2.4rem;
  }
}
.page-globalpmo__event__card__title__icn {
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .page-globalpmo__event__card__title__icn {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.page-globalpmo + .breadcrumbs-area {
  background-color: #f5f5f5;
}

.globalpmo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 6.2rem;
  border-radius: 0.6rem;
  background-color: #fff;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1.6;
  position: relative;
}
@media screen and (max-width: 800px) {
  .globalpmo-link {
    font-size: 1.2rem;
    height: 5.6rem;
    line-height: 1.2;
    text-align: center;
  }
}
.globalpmo-link .btn-arrow {
  position: absolute;
  right: 3rem;
}
@media screen and (max-width: 800px) {
  .globalpmo-link .btn-arrow {
    width: 3.8rem;
    height: 3.8rem;
    right: 0;
  }
}

.page-subpage .l-header {
  padding-right: 28px;
}
@media screen and (max-width: 800px) {
  .page-subpage .l-header {
    padding-right: 16px;
  }
}
.page-subpage .l-header__recruit {
  flex-shrink: 0;
  gap: 29px;
}
@media screen and (max-width: 800px) {
  .page-subpage .l-header__recruit {
    gap: 8px;
  }
}
.page-subpage .l-header__ham {
  display: none;
}
.page-subpage .l-main-article {
  background: #143d69;
  padding-bottom: 5.5rem;
}
@media screen and (max-width: 800px) {
  .page-subpage .l-main-article {
    padding-bottom: 3.2rem;
  }
}
.page-subpage .l-main-article__content {
  padding: 9.6rem 0 16rem;
}
@media screen and (max-width: 800px) {
  .page-subpage .l-main-article__content {
    padding: 4rem 0 8rem;
  }
}
.page-subpage .l-main-article__content .inner {
  max-width: 92.2rem;
}
.page-subpage .l-main-article__content .article-wrap__main__inner p:first-child {
  margin-top: 0;
}
.page-subpage .l-main-article__content .article-wrap__main__inner ul {
  margin-top: 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  line-height: 1.6;
  font-size: 1.6rem;
}
@media screen and (max-width: 800px) {
  .page-subpage .l-main-article__content .article-wrap__main__inner ul {
    margin-top: 2.4rem;
    font-size: 1.4rem;
  }
}
.page-subpage .l-main-article__content .article-wrap__main__inner ul li {
  padding-left: 2rem;
  position: relative;
}
.page-subpage .l-main-article__content .article-wrap__main__inner ul li::before {
  content: "";
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #000;
  left: 0;
  top: 1.2rem;
}
@media screen and (max-width: 800px) {
  .page-subpage .l-main-article__content .article-wrap__main__inner ul li::before {
    top: 1rem;
  }
}

.en {
  font-family: "Roboto", "Zen Kaku Gothic Antique", sans-serif;
  font-optical-sizing: auto;
}

.italic {
  font-style: italic;
}

.tac {
  text-align: center;
}

.bg-gray {
  background-color: #f5f5f5;
}

.bg-white {
  background-color: #fff;
}

.bg-navy {
  background-color: #143d69;
  color: #fff;
}

.txt-top {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1;
  transform: translateY(-0.3em);
  margin-left: 0.4em;
}
@media screen and (max-width: 800px) {
  .txt-top {
    font-size: 1.2rem;
    transform: translateY(-0.6em);
  }
}

.note-area {
  overflow-x: hidden;
}
.note-area--footer {
  padding: 8rem 0;
  background-color: #ececec;
  position: relative;
  z-index: 3;
}
.note-area--footer .note-slider {
  padding-left: 6.4rem;
  min-height: 26rem;
}
@media screen and (max-width: 800px) {
  .note-area--footer .note-slider {
    padding: 0 1.6rem;
    min-height: 17rem;
  }
  .note-area--footer .note-slider .card-note {
    gap: 0.8rem;
  }
}
.note-area--footer .swiper__controller {
  max-width: 64rem;
  margin: 4.8rem 6.4rem 0 auto;
}
@media screen and (max-width: 800px) {
  .note-area--footer .swiper__controller {
    max-width: 35.8rem;
    margin: 2.8rem auto 0;
  }
}
@media screen and (max-width: 800px) {
  .note-area--footer {
    padding: 8rem 0 16rem;
  }
  .note-area--footer .note-area__header {
    margin-bottom: 3rem;
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .note-area {
    position: relative;
  }
  .note-area .btn1 {
    position: absolute;
    left: 50%;
    bottom: 8rem;
    transform: translateX(-50%);
  }
  .note-area .hdg2 {
    font-weight: 500;
    white-space: nowrap;
    margin: 0 -0.4rem;
  }
  .note-area .hdg2__icn {
    width: 4rem;
    margin-right: 1rem;
  }
}
.note-area__header {
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .note-area__header {
    margin-bottom: 4.5rem;
  }
}
.note-area .swiper__controller .slider-progressbar .swiper-pagination-progressbar-fill {
  background-color: #143d69;
}
.note-area .swiper__controller .slider-fraction {
  color: #143d69;
}
.note-area .swiper__controller .slider-prev::before,
.note-area .swiper__controller .slider-next::before {
  background-color: #143d69;
}
.note-area__slider {
  opacity: 0;
  visibility: hidden;
  position: relative;
}
.note-area__slider.is-show {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 801px) {
  .note-area__slider {
    display: grid;
    grid-template-columns: 53.3rem 1fr;
    gap: 2.4rem;
  }
}
@media screen and (max-width: 800px) {
  .note-area__slider {
    width: calc(100% + 3.2rem);
    margin: 0 -1.6rem;
  }
}
@media screen and (min-width: 801px) {
  .note-area__slider .swiper__controller {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    gap: 2.4rem;
  }
}
@media screen and (max-width: 800px) {
  .note-area__slider .swiper__controller {
    width: calc(100% - 8rem);
    margin: 3rem auto 0;
  }
}
.note-area__slider .swiper__controller .slider-progressbar {
  width: 61.2rem;
}
.note-area__slider .swiper__controller .slider-progressbar .swiper-pagination-progressbar-fill {
  background-color: #143d69;
}
.note-area__slider .swiper__controller .slider-fraction {
  color: #143d69;
}
.note-area__slider .swiper__controller .slider-prev::before,
.note-area__slider .swiper__controller .slider-next::before {
  background-color: #143d69;
}
.note-area__slider .note-slider-large {
  width: 53.3rem;
  min-height: 43rem;
}
@media screen and (min-width: 801px) {
  .note-area__slider .note-slider-large .card-note__title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 800px) {
  .note-area__slider .note-slider-large {
    width: 100%;
    padding-left: 2.4rem;
    min-height: 29rem;
  }
  .note-area__slider .note-slider-large .swiper-slide {
    padding: 0 1.2rem;
  }
}
.note-area__slider .note-slider-small {
  width: 82rem;
}
@media screen and (max-width: 800px) {
  .note-area__slider .note-slider-small {
    display: none;
  }
}
.note-area__slider .note-slider-small .swiper-slide {
  padding-right: 2.4rem;
}/*# sourceMappingURL=style.css.map */