@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap");
/**
 * Breakpoints
==================== */
/**
 * Design Sizes
==================== */
/**
 * Spacing Units
==================== */
/**
 * Font sizes
==================== */
/**
 * Font Families
==================== */
/**
 * Media Query Mixin
==================== */
/**
 * VW Function
==================== */
/**
 * Em Function
==================== */
/**
 * Spacing Function
==================== */
.header {
  position: fixed;
  top: 0.6944444444vw;
  left: 1.1111111111vw;
  right: 1.1111111111vw;
  z-index: 1000;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .header {
    padding: 4.1025641026vw 0 0 0;
    top: 0;
  }
}
.header__container {
  width: 100%;
  display: flex;
  background: #ffffff;
  padding: 0 0.5555555556vw 0 2.2222222222vw;
  box-shadow: 0 8px 30px 0 rgba(48, 92, 135, 0.08);
  justify-content: space-between;
  align-items: center;
  border-radius: 69.375vw;
}
@media (max-width: 767px) {
  .header__container {
    padding: 0;
    box-shadow: none;
    background: transparent;
    justify-content: flex-end;
    padding-right: 6.1538461538vw;
  }
}
.header__logo {
  display: flex;
  flex-direction: column;
  gap: 0.2777777778vw;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.header__logo:hover {
  opacity: 0.6;
}
.header__logo-text {
  font-weight: 500;
  font-size: 0.8333333333vw;
  line-height: 140%;
  color: #126ECA;
}
.header__logo-title {
  font-weight: 700;
  font-size: 1.5277777778vw;
  line-height: 140%;
  color: #126ECA;
}
@media (max-width: 767px) {
  .header__logo {
    display: none;
  }
}
.header__nav {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .header__nav--pc {
    display: none;
  }
}
.header__nav--sp {
  display: none;
}
@media (max-width: 767px) {
  .header__nav--sp {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    gap: 0;
    background: transparent;
  }
}
.header__link {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  color: #18191B;
  text-decoration: none;
  text-align: center;
  padding: 0 0.5555555556vw 0 0.2777777778vw;
  transition: all 0.3s ease;
  height: 4.5833333333vw;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header__link:hover {
  background-color: #EDF5FC;
}
.header__link-text {
  text-decoration: none;
  color: #18191B;
}
.header__link--dropdown {
  position: relative;
}
.header__link--dropdown:hover .header__dropdown {
  display: block;
}
.header__dropdown {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  width: 22.5vw;
  padding: 1.6666666667vw;
  background-color: #EDF5FC;
  transform: translate(0, 100%);
}
.header__dropdown-list {
  display: flex;
  flex-direction: column;
  align-items: self-start;
  gap: 1.6666666667vw;
}
.header__dropdown-item {
  list-style: none;
  color: #18191B;
  font-weight: 700;
  font-size: 1.1111111111vw;
  padding-bottom: 0.2777777778vw;
  transition: all 0.3s ease;
}
.header__dropdown-item a {
  text-decoration: none;
  color: #18191B;
  transition: all 0.3s ease;
}
.header__dropdown-item a:hover {
  opacity: 0.6;
}
.header__cta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3472222222vw;
  width: 20.8333333333vw;
  padding: 0.6944444444vw 1.1111111111vw 0.6944444444vw 2.2222222222vw;
  margin: 0.5555555556vw 0;
  background: #18191B;
  border-radius: 69.375vw;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.header__cta span {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
  flex: 1;
}
@media (max-width: 1440px) {
  .header__cta span {
    font-size: 1.1111111111vw;
  }
}
.header__cta:hover {
  opacity: 0.8;
}
.header__cta--sp {
  width: auto;
  padding: 0.5555555556vw 1.1111111111vw 0.5555555556vw 1.6666666667vw;
  border: 0.1388888889vw solid #ffffff;
  gap: 0.1388888889vw;
}
@media (max-width: 767px) {
  .header__cta--sp {
    padding: 2.0512820513vw 4.1025641026vw 2.0512820513vw 6.1538461538vw;
    border: 0.5128205128vw solid #ffffff;
  }
}
.header__cta--sp span {
  font-size: 0.9722222222vw;
  line-height: 1.4;
  text-align: left;
  flex: none;
}
@media (max-width: 767px) {
  .header__cta--sp span {
    font-size: 3.5897435897vw;
  }
}
.header__cta-icon {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .header__cta-icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}
.header__cta-icon.right {
  transform: rotate(-90deg);
}
.header__hamburger {
  display: none;
}
@media (max-width: 767px) {
  .header__hamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.2820512821vw;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    background: #ffffff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 8px 30px 0 rgba(48, 92, 135, 0.08);
    cursor: pointer;
    padding: 3.5897435897vw;
    transition: all 0.3s ease;
  }
  .header__hamburger.is-active .header__hamburger-line:nth-child(1) {
    transform: translateY(1.7948717949vw) rotate(45deg);
  }
  .header__hamburger.is-active .header__hamburger-line:nth-child(2) {
    opacity: 0;
  }
  .header__hamburger.is-active .header__hamburger-line:nth-child(3) {
    transform: translateY(-1.7948717949vw) rotate(-45deg);
  }
}
.header__hamburger-line {
  width: 6.1538461538vw;
  height: 0.5128205128vw;
  background: #18191B;
  border-radius: 0.2564102564vw;
  transition: all 0.3s ease;
}
.header__mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.header__mobile-menu.is-active {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1441px) {
  .header__mobile-menu {
    display: none;
  }
}
.header__mobile-menu-content {
  position: absolute;
  top: 4.1025641026vw;
  right: 50%;
  transform: translateX(50%);
  bottom: 0;
  width: 100%;
  max-width: 87.6923076923vw;
  height: max-content;
  background: #EDF5FC;
  padding: 6.1538461538vw;
  transition: transform 0.3s ease;
  overflow-y: auto;
  border-radius: 6.1538461538vw;
  box-shadow: 0 8px 30px 0 rgba(48, 92, 135, 0.08);
}
.header__mobile-close {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  background: #ffffff;
  border: none;
  border-radius: 50%;
  box-shadow: 0 8px 30px 0 rgba(48, 92, 135, 0.08);
  cursor: pointer;
  margin-left: auto;
  margin-bottom: 10.2564102564vw;
  transition: all 0.3s ease;
}
.header__mobile-close svg {
  width: 6.1538461538vw;
  height: 6.1538461538vw;
  color: #18191B;
}
.header__mobile-close:hover {
  opacity: 0.8;
}
.header__mobile-nav {
  display: flex;
  flex-direction: column;
  gap: 4.1025641026vw;
}
.header__mobile-link {
  font-weight: 700;
  font-size: 4.1025641026vw;
  line-height: 1.4;
  color: #18191B;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.header__mobile-link:hover {
  opacity: 0.6;
}
.header__mobile-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.0512820513vw;
  width: 100%;
  padding: 3.4615384615vw 4.1025641026vw;
  background: #FF7B16;
  border-radius: 256.1538461538vw;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.header__mobile-cta span {
  font-weight: 700;
  font-size: 4.1025641026vw;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
}
.header__mobile-cta:hover {
  opacity: 0.8;
}
.header__mobile-cta-icon {
  width: 6.1538461538vw;
  height: 6.1538461538vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-corporate {
  position: fixed;
  top: 0.6944444444vw;
  left: 1.1111111111vw;
  right: 1.1111111111vw;
  z-index: 1000;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .header-corporate {
    padding: 4.1025641026vw 0 0 0;
    top: 0;
  }
}
.header-corporate__container {
  width: 100%;
  display: flex;
  background: #ffffff;
  padding: 0.6944444444vw 0.5555555556vw 0.6944444444vw 2.2222222222vw;
  box-shadow: 0 8px 30px 0 rgba(48, 92, 135, 0.08);
  justify-content: space-between;
  align-items: center;
  border-radius: 69.375vw;
}
@media (max-width: 767px) {
  .header-corporate__container {
    padding: 0;
    box-shadow: none;
    background: transparent;
    justify-content: flex-end;
    padding-right: 6.1538461538vw;
  }
}
.header-corporate__logo {
  display: flex;
  flex-direction: column;
  gap: 0.2777777778vw;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.header-corporate__logo:hover {
  opacity: 0.6;
}
.header-corporate__logo-text {
  font-weight: 500;
  font-size: 0.8333333333vw;
  line-height: 140%;
  color: #126ECA;
}
.header-corporate__logo-title {
  font-weight: 700;
  font-size: 1.5277777778vw;
  line-height: 140%;
  color: #126ECA;
}
@media (max-width: 767px) {
  .header-corporate__logo {
    display: none;
  }
}
.header-corporate__nav {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .header-corporate__nav--pc {
    display: none;
  }
}
.header-corporate__nav--sp {
  display: none;
}
@media (max-width: 767px) {
  .header-corporate__nav--sp {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    gap: 0;
    background: transparent;
    border-radius: 0;
  }
}
.header-corporate__link {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  color: #18191B;
  text-decoration: none;
  text-align: center;
  padding: 0 0 0.2777777778vw;
  transition: opacity 0.3s ease;
}
@media (max-width: 1440px) {
  .header-corporate__link {
    font-size: 1.1111111111vw;
    padding: 0 0 0.2777777778vw;
  }
}
.header-corporate__link:hover {
  opacity: 0.7;
}
.header-corporate__cta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3472222222vw;
  width: 20.8333333333vw;
  padding: 0.6944444444vw 1.1111111111vw 0.6944444444vw 2.2222222222vw;
  background: #18191B;
  border-radius: 69.375vw;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
@media (max-width: 1440px) {
  .header-corporate__cta {
    gap: 0.3472222222vw;
    width: 20.8333333333vw;
    padding: 0.6944444444vw 1.1111111111vw 0.6944444444vw 2.2222222222vw;
    border-radius: 69.375vw;
  }
}
.header-corporate__cta span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
  flex: 1;
}
@media (max-width: 1440px) {
  .header-corporate__cta span {
    font-size: 1.1111111111vw;
  }
}
.header-corporate__cta:hover {
  opacity: 0.8;
}
.header-corporate__cta--sp {
  width: auto;
  padding: 0.5555555556vw 1.1111111111vw 0.5555555556vw 1.6666666667vw;
  border: 0.1388888889vw solid #ffffff;
  gap: 0.1388888889vw;
}
@media (max-width: 1440px) {
  .header-corporate__cta--sp {
    padding: 0.5555555556vw 1.1111111111vw 0.5555555556vw 1.6666666667vw;
    border: 0.1388888889vw solid #ffffff;
    gap: 0.1388888889vw;
  }
}
@media (max-width: 767px) {
  .header-corporate__cta--sp {
    padding: 2.0512820513vw 4.1025641026vw 2.0512820513vw 6.1538461538vw;
    border: 0.5128205128vw solid #ffffff;
  }
}
.header-corporate__cta--sp span {
  font-size: 0.9722222222vw;
  line-height: 1.4;
  text-align: left;
  flex: none;
}
@media (max-width: 1440px) {
  .header-corporate__cta--sp span {
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 767px) {
  .header-corporate__cta--sp span {
    font-size: 3.5897435897vw;
  }
}
.header-corporate__cta-icon {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1440px) {
  .header-corporate__cta-icon {
    width: 2.2222222222vw;
    height: 2.2222222222vw;
  }
}
@media (max-width: 767px) {
  .header-corporate__cta-icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}
.header-sub {
  background: #ffffff;
  padding: 1.6666666667vw 2.7777777778vw;
}
@media (max-width: 767px) {
  .header-sub {
    padding: 6.1538461538vw 5.1282051282vw;
  }
}
.header-sub__container {
  display: flex;
  align-items: center;
  gap: 0.6944444444vw;
}
@media (max-width: 767px) {
  .header-sub__container {
    gap: 2.5641025641vw;
  }
}
.header-sub__logo {
  width: 9.7222222222vw;
  height: 2.4305555556vw;
  object-fit: contain;
}
@media (max-width: 767px) {
  .header-sub__logo {
    width: 35.8974358974vw;
    height: 8.9743589744vw;
  }
}

.top .hero {
  background: #0d6fd1;
  padding: 9.7222222222vw 0 5.5555555556vw;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top .hero {
    padding: 25.641025641vw 0 15.3846153846vw;
  }
}
.top .hero__container {
  max-width: 88.8888888889vw;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top .hero__container {
    max-width: 100%;
    padding: 0 5.1282051282vw;
  }
}
.top .hero__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.7777777778vw;
}
@media (max-width: 767px) {
  .top .hero__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 10.2564102564vw;
  }
}
.top .hero__text {
  display: flex;
  flex-direction: column;
  gap: 2.2222222222vw;
}
@media (max-width: 767px) {
  .top .hero__text {
    gap: 6.1538461538vw;
  }
}
.top .hero__headings {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.top .hero__subtitle {
  font-weight: 700;
  font-size: 3.8888888889vw;
  line-height: 1.4;
  color: #ffffff;
}
@media (max-width: 767px) {
  .top .hero__subtitle {
    font-size: 8.2051282051vw;
  }
}
.top .hero__title {
  font-weight: 700;
  font-size: 4.5833333333vw;
  line-height: 1.4;
  letter-spacing: -2.16px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .top .hero__title {
    font-size: 12.0512820513vw;
  }
}
.top .hero__description p {
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 2;
  color: #ffffff;
}
@media (max-width: 767px) {
  .top .hero__description p {
    font-size: 3.5897435897vw;
    line-height: 1.8;
  }
}
.top .hero__visual {
  flex-shrink: 0;
  width: 37.0138888889vw;
  height: auto;
}
@media (max-width: 767px) {
  .top .hero__visual {
    width: 100%;
    max-width: 102.5641025641vw;
    margin: 0 auto;
  }
}
.top .hero__image {
  width: 37.0138888889vw;
  height: 30.3472222222vw;
  display: block;
}
@media (max-width: 767px) {
  .top .hero__image {
    width: 100%;
    height: auto;
  }
}
.top .problem {
  background: #ffffff;
  padding: 8.3333333333vw 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .top .problem {
    padding: 20.5128205128vw 0 10.2564102564vw 0;
    align-items: center;
  }
}
.top .problem__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5.5555555556vw;
  max-width: 88.8888888889vw;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .top .problem__content {
    flex-direction: column;
    gap: 12.3076923077vw;
    max-width: 100%;
    padding: 0 5.1282051282vw;
  }
}
.top .problem__image {
  width: 27.3611111111vw;
  height: 27.3611111111vw;
  object-fit: contain;
}
@media (max-width: 767px) {
  .top .problem__image {
    width: 100%;
    height: auto;
    max-width: 96.1538461538vw;
  }
}
.top .problem__text-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1.6666666667vw;
  width: 44.4444444444vw;
}
@media (max-width: 767px) {
  .top .problem__text-content {
    width: 100%;
    gap: 6.1538461538vw;
    flex: none;
  }
}
.top .problem__subtitle-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .top .problem__subtitle-wrapper {
    flex-direction: column;
    gap: 2.5641025641vw;
  }
}
.top .problem__subtitle {
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 145%;
  color: #126ECA;
}
@media (max-width: 767px) {
  .top .problem__subtitle {
    font-size: 6.1538461538vw;
  }
}
.top .problem__description {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .top .problem__description {
    gap: 6.1538461538vw;
  }
}
.top .problem__description-text {
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 200%;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .top .problem__description-text {
    font-size: 4.1025641026vw;
  }
}
.top .problem__banner {
  width: 100%;
  margin-top: 5.5555555556vw;
  position: relative;
}
@media (max-width: 767px) {
  .top .problem__banner {
    margin-top: 10.2564102564vw;
  }
}
.top .problem__banner .swiper {
  width: 100%;
  padding: 5.5555555556vw 0;
}
@media (max-width: 767px) {
  .top .problem__banner .swiper {
    padding: 0;
  }
}
.top .problem__banner .swiper-slide {
  width: 34.4444444444vw;
  height: 9.7222222222vw;
  transition: transform 0.3s;
}
@media (max-width: 767px) {
  .top .problem__banner .swiper-slide {
    width: 62.3076923077vw;
    height: 17.6923076923vw;
  }
}
.top .problem__banner-item {
  width: 100%;
  height: 100%;
  background: #D9D9D9;
  box-shadow: 0 0.5555555556vw 2.0833333333vw rgba(48, 92, 135, 0.08);
  overflow: hidden;
}
.top .problem__banner-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top .problem__banner-prev, .top .problem__banner-next {
  position: absolute;
  top: 50% !important;
  z-index: 10;
  cursor: pointer;
}
.top .problem__banner-prev::after, .top .problem__banner-next::after {
  content: none;
}
.top .problem__banner-prev img, .top .problem__banner-next img {
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  object-fit: contain;
}
@media (max-width: 767px) {
  .top .problem__banner-prev img, .top .problem__banner-next img {
    width: 12.3076923077vw;
    height: 12.3076923077vw;
  }
}
.top .problem__banner-prev:hover, .top .problem__banner-next:hover {
  opacity: 0.8;
  background: transparent;
}
.top .problem__banner-prev::after, .top .problem__banner-next::after {
  content: none !important;
}
.top .problem__banner-prev {
  left: 8.3333333333vw !important;
}
@media (max-width: 767px) {
  .top .problem__banner-prev {
    left: 2.3076923077vw !important;
  }
}
.top .problem__banner-next {
  right: 8.3333333333vw !important;
}
@media (max-width: 767px) {
  .top .problem__banner-next {
    right: 2.3076923077vw !important;
  }
}
.top .service {
  padding: 8.3333333333vw 0;
  background: #edf5fc;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.5555555556vw;
}
@media (max-width: 767px) {
  .top .service {
    padding: 20.5128205128vw 5.1282051282vw;
    gap: 10.2564102564vw;
  }
}
.top .service__header {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  max-width: 83.3333333333vw;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .top .service__header {
    max-width: 100%;
  }
}
.top .service__label {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.45;
  text-transform: uppercase;
  color: #126eca;
  margin: 0;
}
@media (max-width: 767px) {
  .top .service__label {
    font-size: 4.1025641026vw;
  }
}
.top .service__title {
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 1.45;
  color: #333333;
  margin: 0;
}
@media (max-width: 767px) {
  .top .service__title {
    font-size: 8.2051282051vw;
  }
}
.top .service__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.7777777778vw;
  max-width: 83.3333333333vw;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .top .service__grid {
    grid-template-columns: 1fr;
    gap: 6.1538461538vw;
    max-width: 96.1538461538vw;
  }
}
.top .service__card {
  background: #ffffff;
  border-radius: 0.5555555556vw;
  padding: 2.2222222222vw;
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
  box-shadow: 0 0.5555555556vw 2.0833333333vw 0 rgba(48, 92, 135, 0.08);
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top .service__card {
    padding: 8.2051282051vw 5.1282051282vw;
    gap: 4.1025641026vw;
    border-radius: 2.0512820513vw;
  }
}
.top .service__image-wrapper {
  width: 100%;
  height: 14.3055555556vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.1111111111vw;
}
@media (max-width: 767px) {
  .top .service__image-wrapper {
    height: 51.2820512821vw;
    margin-bottom: 4.1025641026vw;
  }
}
.top .service__image-wrapper--small {
  height: auto;
  width: 3.3333333333vw;
  justify-content: flex-start;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .top .service__image-wrapper--small {
    width: 12.3076923077vw;
  }
}
.top .service__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.top .service__card-title {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.45;
  color: #126eca;
  margin: 0;
}
@media (max-width: 767px) {
  .top .service__card-title {
    font-size: 5.1282051282vw;
  }
}
.top .service__card-text {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #444444;
  margin: 0;
  flex: 1;
}
@media (max-width: 767px) {
  .top .service__card-text {
    font-size: 3.5897435897vw;
  }
}
.top .service__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5555555556vw;
  margin-top: auto;
  text-decoration: none;
  width: fit-content;
}
@media (max-width: 767px) {
  .top .service__button {
    gap: 2.0512820513vw;
  }
}
.top .service__button:hover .service__button-icon {
  transform: translateX(0.6944444444vw);
}
.top .service__button-text {
  font-weight: 700;
  font-size: 1.1111111111vw;
  color: #333333;
}
@media (max-width: 767px) {
  .top .service__button-text {
    font-size: 4.1025641026vw;
  }
}
.top .service__button-icon {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  background: url("../img/icons/icons_arrow-blue.svg") no-repeat center center;
  background-size: contain;
  transition: transform 0.3s ease;
}
@media (max-width: 767px) {
  .top .service__button-icon {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }
}
.top .cta {
  background: #126ECA;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media (max-width: 767px) {
  .top .cta {
    padding: 0;
  }
}
.top .cta__container {
  max-width: 83.3333333333vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5.5555555556vw 0;
}
@media (max-width: 767px) {
  .top .cta__container {
    flex-direction: column;
    padding: 10.2564102564vw 5.1282051282vw;
    gap: 10.2564102564vw;
    max-width: 100%;
  }
}
.top .cta__content {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  flex: 1;
}
@media (max-width: 767px) {
  .top .cta__content {
    gap: 4.1025641026vw;
  }
}
.top .cta__title {
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.45;
  text-align: left;
  color: #ffffff;
  margin: 0;
}
@media (max-width: 767px) {
  .top .cta__title {
    font-size: 5.1282051282vw;
  }
}
.top .cta__text {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.top .cta__text-line {
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 2;
  color: #ffffff;
  margin: 0;
}
@media (max-width: 767px) {
  .top .cta__text-line {
    font-size: 4.1025641026vw;
    line-height: 1.8;
  }
}
.top .cta__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.1111111111vw;
  padding: 0 1.6666666667vw 0 3.3333333333vw;
  background: #FF7B16;
  color: #ffffff;
  border-radius: 69.375vw;
  text-decoration: none;
  width: 22.2222222222vw;
  height: 5.5555555556vw;
  transition: all 0.3s ease;
  margin-top: 0.5555555556vw;
}
@media (max-width: 767px) {
  .top .cta__button {
    gap: 3.0769230769vw;
    padding: 0 6.1538461538vw;
    width: 100%;
    height: 15.3846153846vw;
    margin-top: 4.1025641026vw;
  }
}
.top .cta__button:hover .cta__button-icon {
  transform: translateX(0.6944444444vw);
}
.top .cta__button-text {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.45;
  text-align: center;
  color: #ffffff;
  flex: 1;
}
@media (max-width: 767px) {
  .top .cta__button-text {
    font-size: 4.6153846154vw;
  }
}
.top .cta__button-icon {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  background: url("../img/icons/arrow-left-white.svg") no-repeat center center;
  background-size: contain;
  transition: transform 0.3s ease;
}
@media (max-width: 767px) {
  .top .cta__button-icon {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
.top .cta__image-wrapper {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .top .cta__image-wrapper {
    width: 100%;
    max-width: 76.9230769231vw;
    justify-content: center;
    order: 2;
  }
}
.top .cta__image {
  width: 24.9305555556vw;
  height: 20.0694444444vw;
  object-fit: contain;
}
@media (max-width: 767px) {
  .top .cta__image {
    width: 60.2564102564vw;
    height: 44.8717948718vw;
  }
}
.top .feature {
  background: #edf5fc;
  padding: 8.3333333333vw 0;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top .feature {
    padding: 20.5128205128vw 5.1282051282vw;
  }
}
.top .feature__container {
  max-width: 83.3333333333vw;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.5555555556vw;
}
@media (max-width: 767px) {
  .top .feature__container {
    max-width: 100%;
    gap: 10.2564102564vw;
  }
}
.top .feature__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .top .feature__header {
    gap: 2.0512820513vw;
  }
}
.top .feature__label {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.45;
  color: #126eca;
  letter-spacing: 0.05em;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .top .feature__label {
    font-size: 4.1025641026vw;
  }
}
.top .feature__title {
  display: flex;
  align-items: baseline;
  gap: 0.2777777778vw;
  margin: 0;
  font-weight: 700;
  line-height: 1.45;
  color: #333333;
}
@media (max-width: 767px) {
  .top .feature__title {
    gap: 1.0256410256vw;
  }
}
.top .feature__title-text {
  font-size: 2.7777777778vw;
}
@media (max-width: 767px) {
  .top .feature__title-text {
    font-size: 7.1794871795vw;
  }
}
.top .feature__title-number {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 5.5555555556vw;
  color: #126eca;
  line-height: 1;
  transform: translateY(0.4166666667vw);
}
@media (max-width: 767px) {
  .top .feature__title-number {
    font-size: 14.358974359vw;
    transform: translateY(1.0256410256vw);
  }
}
.top .feature__grid {
  display: flex;
  justify-content: space-between;
  gap: 2.7777777778vw;
  width: 100%;
}
@media (max-width: 767px) {
  .top .feature__grid {
    flex-direction: column;
    gap: 10.2564102564vw;
  }
}
.top .feature__item {
  display: flex;
  flex-direction: column;
  width: calc((100% - 5.5555555556vw) / 3);
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .top .feature__item {
    width: 100%;
    gap: 6.1538461538vw;
  }
}
.top .feature__item-image-wrapper {
  width: 100%;
  height: 19.3055555556vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .top .feature__item-image-wrapper {
    height: auto;
    aspect-ratio: 373/278;
  }
}
.top .feature__item-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.top .feature__item-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.top .feature__point {
  display: flex;
  align-items: center;
  gap: 0.5555555556vw;
  color: #126eca;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  margin-bottom: 0.5555555556vw;
}
@media (max-width: 767px) {
  .top .feature__point {
    gap: 2.0512820513vw;
    margin-bottom: 1.0256410256vw;
  }
}
.top .feature__point-label {
  font-size: 1.6666666667vw;
}
@media (max-width: 767px) {
  .top .feature__point-label {
    font-size: 5.1282051282vw;
  }
}
.top .feature__point-number {
  font-size: 3.3333333333vw;
  line-height: 1;
}
@media (max-width: 767px) {
  .top .feature__point-number {
    font-size: 10.2564102564vw;
  }
}
.top .feature__item-title {
  font-size: 1.6666666667vw;
  font-weight: 700;
  color: #000;
  margin: 0 0 1.1111111111vw;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .top .feature__item-title {
    font-size: 5.1282051282vw;
    margin-bottom: 3.0769230769vw;
  }
}
.top .feature__item-text {
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #575757;
  margin: 0;
}
@media (max-width: 767px) {
  .top .feature__item-text {
    font-size: 3.5897435897vw;
  }
}
.top .feature__banner {
  background: #fff;
  border-radius: 0.5555555556vw;
  padding: 3.8888888889vw 4.4444444444vw;
  display: flex;
  align-items: center;
  gap: 3.3333333333vw;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top .feature__banner {
    flex-direction: column;
    padding: 10.2564102564vw 6.1538461538vw;
    gap: 8.2051282051vw;
    border-radius: 2.0512820513vw;
  }
}
.top .feature__banner-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .top .feature__banner-content {
    width: 100%;
    gap: 5.1282051282vw;
  }
}
.top .feature__banner-title {
  font-size: 2.2222222222vw;
  font-weight: 700;
  line-height: 1.4;
  color: #333333;
  margin: 0;
}
.top .feature__banner-title p {
  margin: 0;
}
@media (max-width: 767px) {
  .top .feature__banner-title {
    font-size: 5.641025641vw;
  }
}
.top .feature__banner-text {
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #575757;
}
.top .feature__banner-text p {
  margin: 0;
}
.top .feature__banner-text .u-font-bold {
  font-weight: 700;
}
@media (max-width: 767px) {
  .top .feature__banner-text {
    font-size: 3.5897435897vw;
  }
}
.top .feature__banner-image-wrapper {
  width: 27.5694444444vw;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .top .feature__banner-image-wrapper {
    width: 100%;
    max-width: 71.7948717949vw;
  }
}
.top .feature__banner-image {
  width: 100%;
  height: auto;
}
.top .process {
  background: #edf5fc;
  padding: 8.3333333333vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 5.5555555556vw;
  overflow: visible;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .top .process {
    padding: 20.5128205128vw 5.1282051282vw;
    gap: 10.2564102564vw;
    flex-direction: column;
  }
}
.top .process__header {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  max-width: 30.9027777778vw;
  position: sticky;
  top: 6.9444444444vw;
  align-self: flex-start;
  height: fit-content;
  z-index: 10;
}
@media (max-width: 767px) {
  .top .process__header {
    gap: 4.1025641026vw;
    max-width: 100%;
    position: static;
  }
}
.top .process__label-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .top .process__label-wrapper {
    gap: 2.0512820513vw;
  }
}
.top .process__label {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #126ECA;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .top .process__label {
    font-size: 4.1025641026vw;
  }
}
.top .process__title {
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 1.45;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .top .process__title {
    font-size: 8.2051282051vw;
  }
}
.top .process__description {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
.top .process__description-highlight {
  font-weight: 700;
}
@media (max-width: 767px) {
  .top .process__description {
    font-size: 3.5897435897vw;
  }
}
.top .process__steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1111111111vw;
  max-width: 53.9583333333vw;
  width: 100%;
}
@media (max-width: 767px) {
  .top .process__steps {
    gap: 4.1025641026vw;
    max-width: 100%;
  }
}
.top .process__step {
  width: 100%;
}
.top .process__step-content {
  background: #ffffff;
  border-radius: 0.5555555556vw;
  padding: 2.2222222222vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.6666666667vw;
  box-shadow: 0 0.5555555556vw 2.0833333333vw 0 rgba(48, 92, 135, 0.08);
}
@media (max-width: 767px) {
  .top .process__step-content {
    flex-direction: column;
    align-items: flex-start;
    border-radius: 2.0512820513vw;
    padding: 6.1538461538vw;
    gap: 4.1025641026vw;
  }
}
.top .process__step-icon-box {
  background: #edf5fc;
  border-radius: 50%;
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .top .process__step-icon-box {
    width: 20.5128205128vw;
    height: 20.5128205128vw;
  }
}
.top .process__step-icon {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  object-fit: contain;
}
@media (max-width: 767px) {
  .top .process__step-icon {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
  }
}
.top .process__step-info {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  flex: 1;
}
@media (max-width: 767px) {
  .top .process__step-info {
    gap: 2.0512820513vw;
    width: 100%;
  }
}
.top .process__step-head {
  display: flex;
  align-items: center;
  gap: 0.5555555556vw;
  color: #126ECA;
}
@media (max-width: 767px) {
  .top .process__step-head {
    gap: 2.0512820513vw;
  }
}
.top .process__step-number {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.45;
}
@media (max-width: 767px) {
  .top .process__step-number {
    font-size: 5.1282051282vw;
  }
}
.top .process__step-title {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  margin: 0;
}
@media (max-width: 767px) {
  .top .process__step-title {
    font-size: 4.6153846154vw;
  }
}
.top .process__step-text {
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .top .process__step-text {
    font-size: 3.5897435897vw;
  }
}
.top .process__arrow {
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  flex-shrink: 0;
  transform: rotate(0deg);
}
@media (max-width: 767px) {
  .top .process__arrow {
    width: 4.1025641026vw;
    height: 4.1025641026vw;
  }
}
.top .news {
  background: #ffffff;
  padding: 8.3333333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.5555555556vw;
}
@media (max-width: 767px) {
  .top .news {
    padding: 20.5128205128vw 2.5641025641vw;
    gap: 6.1538461538vw;
  }
}
.top .news__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5555555556vw;
  max-width: 83.3333333333vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .top .news__header {
    gap: 2.0512820513vw;
    align-items: flex-start;
    max-width: 100%;
    margin-left: 5.1282051282vw;
    margin-right: 0;
  }
}
.top .news__label {
  font-weight: 600;
  font-size: 1.1111111111vw;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .top .news__label {
    font-size: 4.1025641026vw;
  }
}
.top .news__title {
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 1.45;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .top .news__title {
    font-size: 6.1538461538vw;
    line-height: 1.45;
  }
}
.top .news__list {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  gap: 2.7777777778vw;
  width: 100%;
  max-width: 83.3333333333vw;
}
@media (max-width: 767px) {
  .top .news__list {
    flex-direction: column;
    gap: 10.2564102564vw;
    max-width: 89.7435897436vw;
  }
}
.top .news__card {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  flex: 1;
}
@media (max-width: 767px) {
  .top .news__card {
    gap: 2.0512820513vw;
  }
}
.top .news__card-image-wrapper {
  width: 100%;
  height: 13.8888888889vw;
  overflow: hidden;
  background: #D9D9D9;
}
@media (max-width: 767px) {
  .top .news__card-image-wrapper {
    height: 51.2820512821vw;
  }
}
.top .news__card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top .news__card-content {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
  flex: 1;
}
@media (max-width: 767px) {
  .top .news__card-content {
    gap: 4.1025641026vw;
  }
}
.top .news__card-meta {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .top .news__card-meta {
    gap: 2.0512820513vw;
  }
}
.top .news__card-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.2777777778vw 0.6944444444vw;
  background: #F7F7F7;
  border-radius: 0.2777777778vw;
  font-family: "YuGothic", sans-serif;
  font-weight: 700;
  font-size: 0.6944444444vw;
  line-height: 1.5;
  color: #262626;
  width: fit-content;
}
@media (max-width: 767px) {
  .top .news__card-tag {
    padding: 1.0256410256vw 2.5641025641vw;
    border-radius: 1.0256410256vw;
    font-size: 2.5641025641vw;
  }
}
.top .news__card-date {
  font-family: "YuGothic", sans-serif;
  font-weight: 700;
  font-size: 0.6944444444vw;
  line-height: 1.5;
  color: #636363;
}
@media (max-width: 767px) {
  .top .news__card-date {
    font-size: 2.5641025641vw;
  }
}
.top .news__card-title {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #000000;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 4.7222222222vw;
}
@media (max-width: 767px) {
  .top .news__card-title {
    font-size: 4.1025641026vw;
    line-height: 1.4;
    height: auto;
  }
}
.top .news__card-description {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #000000;
  margin: 0;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .top .news__card-description {
    font-size: 3.5897435897vw;
  }
}
.top .news__card-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5555555556vw;
  margin-top: auto;
  text-decoration: none;
  width: fit-content;
}
@media (max-width: 767px) {
  .top .news__card-button {
    gap: 2.0512820513vw;
  }
}
.top .news__card-button:hover .news__card-button-icon {
  transform: translateX(0.6944444444vw);
}
.top .news__card-button-text {
  font-weight: 700;
  font-size: 1.1111111111vw;
  color: #333333;
}
@media (max-width: 767px) {
  .top .news__card-button-text {
    font-size: 4.1025641026vw;
  }
}
.top .news__card-button-icon {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  background: url("../img/icons/icons_arrow-blue.svg") no-repeat center center;
  background-size: contain;
  transition: transform 0.3s ease;
}
@media (max-width: 767px) {
  .top .news__card-button-icon {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }
}
.top .news__more-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8333333333vw;
  padding: 1.8055555556vw 0.5555555556vw 1.6666666667vw 0.5555555556vw;
  border-radius: 69.375vw;
  border: 1px solid #126ECA;
  text-decoration: none;
  width: 23.6111111111vw;
  transition: all 0.3s ease;
  position: relative;
}
@media (max-width: 767px) {
  .top .news__more-button {
    gap: 3.0769230769vw;
    padding: 5.641025641vw 2.0512820513vw 5.641025641vw 2.0512820513vw;
    border-radius: 256.1538461538vw;
    width: 89.7435897436vw;
  }
}
.top .news__more-button:hover {
  background: #126ECA;
}
.top .news__more-button:hover .news__more-button-text {
  color: #ffffff;
}
.top .news__more-button:hover .news__more-button-icon {
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  background: url("../img/top/arrow_down-white.svg") no-repeat center center;
}
.top .news__more-button-text {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #126ECA;
  width: 100%;
  padding-right: 1.9444444444vw;
  margin-left: -0.9722222222vw;
}
@media (max-width: 767px) {
  .top .news__more-button-text {
    font-size: 4.1025641026vw;
    line-height: 1.4;
    padding-right: 7.1794871795vw;
    margin-left: -3.5897435897vw;
  }
}
.top .news__more-button-icon {
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  background: url("../img/top/arrow_down.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 1.1111111111vw;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .top .news__more-button-icon {
    width: 7.1794871795vw;
    height: 7.1794871795vw;
    right: 4.1025641026vw;
  }
}
.top .faq {
  background: #ffffff;
  padding: 8.3333333333vw 0;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top .faq {
    padding: 20.5128205128vw 5.1282051282vw;
  }
}
.top .faq__container {
  max-width: 83.3333333333vw;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5.5555555556vw;
}
@media (max-width: 767px) {
  .top .faq__container {
    flex-direction: column;
    gap: 10.2564102564vw;
    max-width: 100%;
  }
}
.top .faq__header {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  width: 41.5277777778vw;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .top .faq__header {
    width: 100%;
    position: static;
    gap: 2.0512820513vw;
  }
}
.top .faq__label {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.45;
  color: #126eca;
  letter-spacing: 0.05em;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .top .faq__label {
    font-size: 4.1025641026vw;
  }
}
.top .faq__title {
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 1.45;
  color: #333333;
  margin: 0 0 1.6666666667vw;
}
@media (max-width: 767px) {
  .top .faq__title {
    font-size: 8.2051282051vw;
    margin-bottom: 6.1538461538vw;
  }
}
.top .faq__description {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #575757;
  margin: 0;
}
@media (max-width: 767px) {
  .top .faq__description {
    font-size: 3.5897435897vw;
  }
}
.top .faq__list {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
  width: 100%;
}
@media (max-width: 767px) {
  .top .faq__list {
    gap: 4.1025641026vw;
  }
}
.top .faq__item {
  background: #ffffff;
  border: 1px solid #c8e4ff;
  border-radius: 0.5555555556vw;
  overflow: hidden;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .top .faq__item {
    border-radius: 2.0512820513vw;
  }
}
.top .faq__question {
  padding: 1.1111111111vw 1.6666666667vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top .faq__question {
    padding: 4.1025641026vw 4.1025641026vw;
  }
}
.top .faq__question-text-wrapper {
  display: flex;
  align-items: center;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .top .faq__question-text-wrapper {
    gap: 3.0769230769vw;
  }
}
.top .faq__q-mark {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.25;
  color: #126eca;
}
@media (max-width: 767px) {
  .top .faq__q-mark {
    font-size: 6.1538461538vw;
  }
}
.top .faq__question-text {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.5;
  color: #333333;
  margin: 0;
}
@media (max-width: 767px) {
  .top .faq__question-text {
    font-size: 3.5897435897vw;
  }
}
.top .faq__icon {
  position: relative;
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .top .faq__icon {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
.top .faq__icon-line {
  position: absolute;
  background-color: #126eca;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
}
.top .faq__icon-line--horizontal {
  width: 1.1111111111vw;
  height: 0.1388888889vw;
}
@media (max-width: 767px) {
  .top .faq__icon-line--horizontal {
    width: 4.1025641026vw;
    height: 0.5128205128vw;
  }
}
.top .faq__icon-line--vertical {
  width: 0.1388888889vw;
  height: 1.1111111111vw;
}
@media (max-width: 767px) {
  .top .faq__icon-line--vertical {
    width: 0.5128205128vw;
    height: 4.1025641026vw;
  }
}
.top .faq__item.is-active .top .faq__icon-line--vertical {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}
.top .faq__answer {
  display: none;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.3s ease, opacity 0.3s ease;
}
.top .faq__item.is-active .top .faq__answer {
  display: block;
}
.top .faq__answer-content {
  padding: 1.1111111111vw 1.6666666667vw 1.6666666667vw 1.6666666667vw;
}
.top .faq__answer-content p {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #575757;
  margin: 0;
}
@media (max-width: 767px) {
  .top .faq__answer-content p {
    font-size: 3.5897435897vw;
  }
}
@media (max-width: 767px) {
  .top .faq__answer-content {
    padding: 0 4.1025641026vw 4.1025641026vw 4.1025641026vw;
  }
}

.footer {
  position: relative;
  width: 100%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .footer {
    padding-top: 20.5128205128vw;
  }
}
.footer__main {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 0;
  padding: 8.3333333333vw 0 0 8.3333333333vw;
  align-items: flex-start;
  justify-content: flex-end;
}
@media (max-width: 1440px) {
  .footer__main {
    gap: 0;
    padding: 8.3333333333vw 0 0 8.3333333333vw;
  }
}
@media (max-width: 767px) {
  .footer__main {
    flex-direction: column;
    gap: 0;
    padding: 0 5.1282051282vw 0 5.1282051282vw;
  }
}
.footer__background-top {
  position: relative;
  flex-shrink: 0;
  height: 100%;
  min-height: 46.8152777778vw;
  overflow: hidden;
  width: 42.2222222222vw;
}
@media (max-width: 1440px) {
  .footer__background-top {
    min-height: 46.8152777778vw;
    width: 42.2222222222vw;
  }
}
@media (max-width: 767px) {
  .footer__background-top {
    height: 72.0512820513vw;
    min-height: auto;
    width: 100%;
    flex: none;
    order: -1;
    margin: 0 0 6.1538461538vw;
  }
}
.footer__background-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}
@media (max-width: 767px) {
  .footer__background-image {
    object-fit: cover;
    object-position: center top;
  }
}
.footer__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3.1944444444vw;
  flex-shrink: 0;
  width: 48.6111111111vw;
}
@media (max-width: 1440px) {
  .footer__content {
    gap: 3.1944444444vw;
    width: 48.6111111111vw;
  }
}
@media (max-width: 767px) {
  .footer__content {
    gap: 8.2051282051vw;
    max-width: 100%;
    width: 100%;
    align-items: center;
    width: 100%;
  }
}
.footer__logo {
  width: 21.8708333333vw;
  height: 5.3569444444vw;
  transition: opacity 0.3s ease;
}
@media (max-width: 767px) {
  .footer__logo {
    width: 51.5384615385vw;
    height: 12.5641025641vw;
  }
}
.footer__logo:hover {
  opacity: 0.6;
}
.footer__logo-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__info {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  max-width: 46.6666666667vw;
}
@media (max-width: 1440px) {
  .footer__info {
    gap: 1.6666666667vw;
    max-width: 46.6666666667vw;
  }
}
@media (max-width: 767px) {
  .footer__info {
    gap: 4.1025641026vw;
    max-width: 100%;
  }
}
.footer__section {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 1440px) {
  .footer__section {
    gap: 1.1111111111vw;
  }
}
@media (max-width: 767px) {
  .footer__section {
    gap: 4.1025641026vw;
  }
}
.footer__section-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #444444;
}
@media (max-width: 1440px) {
  .footer__section-title {
    font-size: 1.1111111111vw;
  }
}
@media (max-width: 767px) {
  .footer__section-title {
    font-weight: 600;
    font-size: 4.1025641026vw;
    line-height: 2;
  }
}
.footer__section-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #18191B;
}
@media (max-width: 1440px) {
  .footer__section-text {
    font-size: 1.6666666667vw;
  }
}
@media (max-width: 767px) {
  .footer__section-text {
    font-size: 5.1282051282vw;
    line-height: 1.6;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .footer__section-text .br-pc {
    display: none;
  }
}
.footer__description {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #18191B;
}
@media (max-width: 1440px) {
  .footer__description {
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 767px) {
  .footer__description {
    font-weight: 500;
    font-size: 3.5897435897vw;
    line-height: 1.6;
  }
}
@media (max-width: 767px) {
  .footer__description .br-pc {
    display: none;
  }
}
.footer__company {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 1440px) {
  .footer__company {
    gap: 0.5555555556vw;
  }
}
@media (max-width: 767px) {
  .footer__company {
    gap: 2.0512820513vw;
  }
}
.footer__company-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  color: #444444;
  width: 10vw;
}
@media (max-width: 1440px) {
  .footer__company-title {
    font-size: 1.1111111111vw;
    width: 10vw;
  }
}
@media (max-width: 767px) {
  .footer__company-title {
    font-size: 4.1025641026vw;
    line-height: 1.75;
    width: auto;
  }
}
.footer__company-info {
  display: flex;
  flex-direction: column;
  gap: 0.2777777778vw;
}
@media (max-width: 1440px) {
  .footer__company-info {
    gap: 0.2777777778vw;
  }
}
@media (max-width: 767px) {
  .footer__company-info {
    gap: 0;
  }
}
.footer__company-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #444444;
}
.footer__company-text a {
  color: #444444;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.footer__company-text a:hover {
  opacity: 0.6;
}
@media (max-width: 1440px) {
  .footer__company-text {
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 767px) {
  .footer__company-text {
    font-weight: 500;
    font-size: 3.5897435897vw;
    line-height: 1.8;
  }
}
.footer__bottom {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1.6666666667vw 1.1111111111vw 1.1111111111vw 1.1111111111vw;
  background: #ffffff;
}
@media (max-width: 1440px) {
  .footer__bottom {
    padding: 1.6666666667vw 1.1111111111vw 1.1111111111vw 1.1111111111vw;
  }
}
@media (max-width: 767px) {
  .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 6.1538461538vw;
    padding: 10.2564102564vw 4.1025641026vw 2.0512820513vw;
  }
}
.footer__bottom-left {
  display: flex;
  align-items: baseline;
  gap: 0.6944444444vw;
}
@media (max-width: 1440px) {
  .footer__bottom-left {
    gap: 0.6944444444vw;
  }
}
@media (max-width: 767px) {
  .footer__bottom-left {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.0512820513vw;
  }
}
.footer__tagline {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 0.8333333333vw;
  line-height: 180%;
  color: #444444;
}
@media (max-width: 1440px) {
  .footer__tagline {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 767px) {
  .footer__tagline {
    font-size: 3.0769230769vw;
    line-height: 1.6;
  }
}
.footer__company-name {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 0.8333333333vw;
  line-height: 180%;
  color: #18191B;
}
@media (max-width: 1440px) {
  .footer__company-name {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 767px) {
  .footer__company-name {
    font-size: 4.1025641026vw;
    line-height: 1;
  }
}
.footer__privacy {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 0.8333333333vw;
  line-height: 180%;
  color: #18191B;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.footer__privacy:hover {
  opacity: 0.6;
}
@media (max-width: 1440px) {
  .footer__privacy {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 767px) {
  .footer__privacy {
    font-size: 3.5897435897vw;
    line-height: 1;
  }
}
.footer__copyright {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 0.8333333333vw;
  line-height: 180%;
  color: #444444;
}
@media (max-width: 1440px) {
  .footer__copyright {
    font-size: 0.8333333333vw;
  }
}
@media (max-width: 767px) {
  .footer__copyright {
    font-size: 3.0769230769vw;
    line-height: 1.22;
  }
}

.confirm-page {
  background: #EDF5FC;
  min-height: 100vh;
}

.confirm-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8.3333333333vw;
  gap: 3.3333333333vw;
}
@media (max-width: 767px) {
  .confirm-section {
    padding: 20.5128205128vw 5.1282051282vw;
    gap: 10.2564102564vw;
  }
}
.confirm-section__header {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  width: 100%;
  max-width: 83.3333333333vw;
}
@media (max-width: 767px) {
  .confirm-section__header {
    gap: 2.0512820513vw;
    max-width: 100%;
  }
}
.confirm-section__subtitle {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.5;
  color: #126ECA;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 767px) {
  .confirm-section__subtitle {
    font-size: 3.5897435897vw;
  }
}
.confirm-section__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 1.45;
  color: #333333;
  margin: 0;
}
@media (max-width: 767px) {
  .confirm-section__title {
    font-size: 8.2051282051vw;
  }
}
.confirm-section__container {
  width: 100%;
  max-width: 58.8888888889vw;
}
@media (max-width: 767px) {
  .confirm-section__container {
    max-width: 100%;
  }
}

.confirm-form {
  display: flex;
  flex-direction: column;
  gap: 2.7777777778vw;
  background: #FFFFFF;
  padding: 5.5555555556vw;
  border-radius: 0.5555555556vw;
  width: 100%;
}
@media (max-width: 767px) {
  .confirm-form {
    gap: 8.2051282051vw;
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}
.confirm-form__fields {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .confirm-form__fields {
    gap: 6.1538461538vw;
  }
}
.confirm-form__field {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .confirm-form__field {
    gap: 2.0512820513vw;
  }
}
.confirm-form__label {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.45;
  color: #333333;
  margin: 0;
}
@media (max-width: 767px) {
  .confirm-form__label {
    font-size: 4.1025641026vw;
  }
}
.confirm-form__value {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #333333;
  padding: 0.1388888889vw 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 767px) {
  .confirm-form__value {
    font-size: 3.5897435897vw;
    padding: 0.5128205128vw 0;
  }
}
.confirm-form__value--textarea {
  white-space: pre-wrap;
}
.confirm-form__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.6666666667vw;
  width: 100%;
}
@media (max-width: 767px) {
  .confirm-form__actions {
    flex-direction: column-reverse;
    gap: 4.1025641026vw;
  }
}
.confirm-form__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1111111111vw;
  padding: 1.3888888889vw 2.7777777778vw;
  border-radius: 69.375vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 22.2222222222vw;
  height: 4.1666666667vw;
  border: none;
}
@media (max-width: 767px) {
  .confirm-form__button {
    width: 100%;
    height: 15.3846153846vw;
    padding: 5.1282051282vw 10.2564102564vw;
    border-radius: 256.1538461538vw;
    font-size: 4.1025641026vw;
    gap: 4.1025641026vw;
  }
}
.confirm-form__button--back {
  background: #FFFFFF;
  color: #0E3B8A;
  border: 1px solid #126ECA;
}
.confirm-form__button--back:hover {
  background: #F5F9FF;
}
@media (max-width: 767px) {
  .confirm-form__button--back {
    border: 1px solid #126ECA;
  }
}
.confirm-form__button--submit {
  background: #126ECA;
  color: #FFFFFF;
  border: 1px solid #126ECA;
}
.confirm-form__button--submit:hover {
  background: #0E5BA8;
  border-color: #0E5BA8;
}
@media (max-width: 767px) {
  .confirm-form__button--submit {
    border: 1px solid #126ECA;
  }
}
.confirm-form__button-icon {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .confirm-form__button-icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}
.confirm-form__button-icon--back {
  background-image: url("../icons/arrow-left-blue.svg");
}
.confirm-form__button-icon--forward {
  background-image: url("../icons/arrow-left-white.svg");
}

.confirm-breadcrumbs {
  padding: 0 2.7777777778vw;
}
@media (max-width: 767px) {
  .confirm-breadcrumbs {
    padding: 0 10.2564102564vw;
  }
}
.confirm-breadcrumbs__container {
  display: flex;
  align-items: center;
  gap: 0.6944444444vw;
}
@media (max-width: 767px) {
  .confirm-breadcrumbs__container {
    gap: 2.5641025641vw;
  }
}
.confirm-breadcrumbs__text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9722222222vw;
  line-height: 1.25;
  letter-spacing: 0.7px;
}
@media (max-width: 767px) {
  .confirm-breadcrumbs__text {
    font-size: 3.5897435897vw;
  }
}
.confirm-breadcrumbs__link {
  color: #212121;
  font-weight: 400;
}
.confirm-breadcrumbs__current {
  color: #999999;
  font-weight: 400;
}

.complete-page {
  background: #EDF5FC;
  min-height: 100vh;
}

.complete-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8.3333333333vw;
}
@media (max-width: 767px) {
  .complete-section {
    padding: 20.5128205128vw 5.1282051282vw;
  }
}
.complete-section__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6666666667vw;
  background: #FFFFFF;
  padding: 5.5555555556vw;
  border-radius: 0.5555555556vw;
  width: 100%;
  max-width: 58.8888888889vw;
}
@media (max-width: 767px) {
  .complete-section__container {
    gap: 6.1538461538vw;
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    max-width: 100%;
  }
}
.complete-section__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.45;
  text-align: center;
  color: #126ECA;
  margin: 0;
  width: 100%;
  max-width: 47.7777777778vw;
}
@media (max-width: 767px) {
  .complete-section__title {
    font-size: 7.1794871795vw;
    max-width: 100%;
  }
}
.complete-section__illustration {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22.9166666667vw;
  height: 15.5555555556vw;
}
@media (max-width: 767px) {
  .complete-section__illustration {
    width: 84.6153846154vw;
    height: 57.4358974359vw;
  }
}
.complete-section__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.complete-section__message {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #000000;
  text-align: left;
  width: 100%;
  max-width: 47.7777777778vw;
}
.complete-section__message p {
  margin: 0 0 0.2777777778vw 0;
}
.complete-section__message p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .complete-section__message p {
    margin: 0 0 1.0256410256vw 0;
  }
  .complete-section__message p:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .complete-section__message {
    font-size: 3.5897435897vw;
    max-width: 100%;
  }
}
.complete-section__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1.1111111111vw;
}
@media (max-width: 767px) {
  .complete-section__actions {
    margin-top: 4.1025641026vw;
  }
}
.complete-section__actions form {
  display: flex;
  justify-content: center;
}
.complete-section__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.3888888889vw 2.7777777778vw;
  background: #126ECA;
  border: 1px solid #126ECA;
  border-radius: 69.375vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1;
  color: #FFFFFF;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 22.2222222222vw;
  height: 4.1666666667vw;
}
.complete-section__button:hover {
  background: #0E5BA8;
  border-color: #0E5BA8;
}
@media (max-width: 767px) {
  .complete-section__button {
    width: 100%;
    max-width: 82.0512820513vw;
    height: 15.3846153846vw;
    padding: 5.1282051282vw 10.2564102564vw;
    border-radius: 256.1538461538vw;
    font-size: 4.1025641026vw;
    gap: 4.1025641026vw;
  }
}
.complete-section__button-icon {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  background-image: url("../icons/arrow-left-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .complete-section__button-icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}

.complete-breadcrumbs {
  padding: 0 2.7777777778vw;
}
@media (max-width: 767px) {
  .complete-breadcrumbs {
    padding: 0 10.2564102564vw;
  }
}
.complete-breadcrumbs__container {
  display: flex;
  align-items: center;
  gap: 0.6944444444vw;
}
@media (max-width: 767px) {
  .complete-breadcrumbs__container {
    gap: 2.5641025641vw;
  }
}
.complete-breadcrumbs__text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9722222222vw;
  line-height: 1.25;
  letter-spacing: 0.7px;
}
@media (max-width: 767px) {
  .complete-breadcrumbs__text {
    font-size: 3.5897435897vw;
  }
}
.complete-breadcrumbs__link {
  color: #212121;
  font-weight: 400;
}
.complete-breadcrumbs__current {
  color: #999999;
  font-weight: 400;
}

.complete-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .complete-form {
    gap: 6.1538461538vw;
  }
}
.complete-form__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.6666666667vw;
  width: 22.9166666667vw;
}
@media (max-width: 767px) {
  .complete-form__actions {
    gap: 6.1538461538vw;
    width: 84.6153846154vw;
  }
}
.complete-form__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3472222222vw;
  width: 20.8333333333vw;
  padding: 1.3888888889vw 2.2222222222vw 1.3888888889vw 2.2222222222vw;
  border-radius: 999px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  cursor: pointer;
  transition: opacity 0.3s ease;
  border: none;
  text-decoration: none;
}
@media (max-width: 767px) {
  .complete-form__button {
    gap: 1.2820512821vw;
    width: 76.9230769231vw;
    padding: 5.1282051282vw 8.2051282051vw 5.1282051282vw 8.2051282051vw;
    font-size: 4.1025641026vw;
  }
}
.complete-form__button:hover {
  opacity: 0.8;
}
.complete-form__button--submit {
  background: #222222;
  color: #ffffff;
}

.news-sub {
  background: #ffffff;
  padding: 8.3333333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.5555555556vw;
}
@media (max-width: 767px) {
  .news-sub {
    padding: 20.5128205128vw 5.1282051282vw;
    gap: 12.3076923077vw;
  }
}
.news-sub__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5555555556vw;
  max-width: 53.3333333333vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .news-sub__header {
    gap: 2.0512820513vw;
    max-width: 89.7435897436vw;
    margin-left: 0;
    margin-right: 0;
  }
}
.news-sub__header-label {
  display: flex;
  gap: 0.5555555556vw;
  align-items: center;
}
@media (max-width: 767px) {
  .news-sub__header-label {
    gap: 2.0512820513vw;
  }
}
.news-sub__header-category {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.2777777778vw 0.6944444444vw;
  background: #F7F7F7;
  border-radius: 0.2777777778vw;
  font-family: "YuGothic", sans-serif;
  font-weight: 700;
  font-size: 0.6944444444vw;
  line-height: 1.5;
  color: #262626;
  width: fit-content;
}
@media (max-width: 767px) {
  .news-sub__header-category {
    padding: 1.0256410256vw 2.5641025641vw;
    border-radius: 1.0256410256vw;
    font-size: 2.5641025641vw;
  }
}
.news-sub__header-date {
  font-family: "YuGothic", sans-serif;
  font-weight: 400;
  font-size: 0.8333333333vw;
  line-height: 100%;
  color: #4F5155;
}
@media (max-width: 767px) {
  .news-sub__header-date {
    font-size: 3.0769230769vw;
  }
}
.news-sub__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 140%;
  color: #18191B;
  text-align: center;
}
@media (max-width: 767px) {
  .news-sub__title {
    font-size: 12.3076923077vw;
  }
}
.news-sub__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2.7777777778vw;
  width: 100%;
  max-width: 83.3333333333vw;
}
@media (max-width: 767px) {
  .news-sub__list {
    flex-direction: column;
    max-width: 100%;
    gap: 10.2564102564vw;
  }
}
.news-sub__card {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  width: 25.9027777778vw;
}
@media (max-width: 767px) {
  .news-sub__card {
    gap: 2.0512820513vw;
    width: 100%;
  }
}
.news-sub__card-image-wrapper {
  width: 100%;
  height: 13.8888888889vw;
}
@media (max-width: 767px) {
  .news-sub__card-image-wrapper {
    height: 51.2820512821vw;
  }
}
.news-sub__card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-sub__card-content {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  flex: 1;
}
@media (max-width: 767px) {
  .news-sub__card-content {
    gap: 2.0512820513vw;
  }
}
.news-sub__card-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.2777777778vw 0.6944444444vw;
  background: #F7F7F7;
  font-family: "YuGothic", sans-serif;
  font-weight: 700;
  font-size: 0.6944444444vw;
  line-height: 1.5;
  color: #262626;
  width: fit-content;
}
@media (max-width: 767px) {
  .news-sub__card-tag {
    padding: 1.0256410256vw 2.5641025641vw;
    font-size: 2.5641025641vw;
  }
}
.news-sub__card-date {
  font-family: "YuGothic", sans-serif;
  font-weight: 700;
  font-size: 0.6944444444vw;
  line-height: 1.5;
  color: #636363;
}
@media (max-width: 767px) {
  .news-sub__card-date {
    font-size: 2.5641025641vw;
  }
}
.news-sub__card-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #000000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 4.7222222222vw;
}
@media (max-width: 767px) {
  .news-sub__card-title {
    font-size: 6.1538461538vw;
    line-height: 1.4;
    height: 17.4358974359vw;
  }
}
.news-sub__card-description {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #000000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
  .news-sub__card-description {
    font-size: 3.5897435897vw;
  }
}
.news-sub__card-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3472222222vw;
  padding: 1.1111111111vw 1.1111111111vw 1.1111111111vw 2.2222222222vw;
  background: #ffffff;
  color: #18191B;
  border: 1px solid #18191B;
  border-radius: 69.375vw;
  text-decoration: none;
  width: 100%;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .news-sub__card-button {
    gap: 1.2820512821vw;
    padding: 4.1025641026vw 4.1025641026vw 4.1025641026vw 8.2051282051vw;
    border-radius: 256.1538461538vw;
  }
}
.news-sub__card-button:hover {
  background: #4B4B4B;
}
.news-sub__card-button:hover .news-sub__card-button-text {
  color: #ffffff;
}
.news-sub__card-button:hover .news-sub__card-button-icon {
  background: url("../icons/black-arrow-right-hover.svg") no-repeat center center;
}
.news-sub__card-button-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #18191B;
  flex: 1;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .news-sub__card-button-text {
    font-size: 4.1025641026vw;
    line-height: 1.4;
  }
}
.news-sub__card-button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  background-image: url("../icons/black-arrow-right.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .news-sub__card-button-icon {
    width: 7.1794871795vw;
    height: 7.1794871795vw;
  }
}
.news-sub__pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.1111111111vw;
  justify-content: center;
}
@media (max-width: 767px) {
  .news-sub__pagination {
    gap: 3.0769230769vw;
  }
}
.news-sub__pagination-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.0555555556vw;
  height: 3.0555555556vw;
  background: #ffffff;
  border: 1px solid #C3C5C8;
  border-radius: 6.875vw;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  position: relative;
}
@media (max-width: 767px) {
  .news-sub__pagination-arrow {
    width: 9.2307692308vw;
    height: 9.2307692308vw;
    border-radius: 25.3846153846vw;
  }
}
.news-sub__pagination-arrow:hover:not(.news-sub__pagination-arrow.-disabled) {
  background: #4B4B4B;
}
.news-sub__pagination-arrow.-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.news-sub__pagination-arrow.-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../img/arrow_prev.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
}
@media (max-width: 767px) {
  .news-sub__pagination-arrow.-prev::before {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}
.news-sub__pagination-arrow.-prev:hover::before {
  background-image: url("../img/arrow_prev-white.svg");
}
.news-sub__pagination-arrow.-prev.-disabled:hover::before {
  background-image: url("../img/arrow_prev.svg");
}
.news-sub__pagination-arrow.-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../img/arrow_next.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
}
@media (max-width: 767px) {
  .news-sub__pagination-arrow.-next::before {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}
.news-sub__pagination-arrow.-next:hover::before {
  background-image: url("../img/arrow_next-white.svg");
}
.news-sub__pagination-arrow.-next.-disabled:hover::before {
  background-image: url("../img/arrow_next.svg");
}
.news-sub__pagination-page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.0555555556vw;
  height: 3.0555555556vw;
  background: #ffffff;
  border: 1px solid #C3C5C8;
  border-radius: 694.375vw;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1em;
  text-align: center;
  color: #18191B;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}
@media (max-width: 767px) {
  .news-sub__pagination-page {
    width: 9.2307692308vw;
    height: 9.2307692308vw;
    border-radius: 2563.8461538462vw;
    font-size: 4.6153846154vw;
  }
}
.news-sub__pagination-page:hover:not(.news-sub__pagination-page--active) {
  background-color: #4B4B4B;
  color: #ffffff;
}
.news-sub__pagination-page.-active {
  background: #18191B;
  border-color: #18191B;
  color: #ffffff;
  cursor: default;
}
.news-sub__pagination-page.-active:hover {
  background: #18191B;
  border-color: #18191B;
}
.news-sub__detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.5555555556vw;
  width: 100%;
}
@media (max-width: 767px) {
  .news-sub__detail {
    gap: 20.5128205128vw;
  }
}
.news-sub__detail-title {
  font-size: 3.3333333333vw;
  line-height: 140%;
  color: #18191B;
}
@media (max-width: 767px) {
  .news-sub__detail-title {
    font-size: 8.2051282051vw;
  }
}
.news-sub__detail-content {
  display: flex;
  flex-direction: column;
  gap: 4.4444444444vw;
  width: 100%;
  max-width: 53.3333333333vw;
}
@media (max-width: 767px) {
  .news-sub__detail-content {
    gap: 16.4102564103vw;
    max-width: 100%;
  }
}
.news-sub__detail-richtext {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.news-sub__detail-text {
  padding-bottom: 1.1111111111vw;
}
@media (max-width: 767px) {
  .news-sub__detail-text {
    padding-bottom: 4.1025641026vw;
  }
}
.news-sub__detail-text.-last {
  padding-bottom: 0;
}
.news-sub__detail-text p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.1111111111vw;
  line-height: 1.5em;
  color: #000000;
  margin: 0;
}
@media (max-width: 767px) {
  .news-sub__detail-text p {
    font-size: 4.1025641026vw;
  }
}
.news-sub__detail-text p + p {
  margin-top: 1.1111111111vw;
}
@media (max-width: 767px) {
  .news-sub__detail-text p + p {
    margin-top: 4.1025641026vw;
  }
}
.news-sub__detail-image {
  padding: 3.3333333333vw 0;
}
@media (max-width: 767px) {
  .news-sub__detail-image {
    padding: 12.3076923077vw 0;
  }
}
.news-sub__detail-image img {
  width: 53.3333333333vw;
  height: 27.7777777778vw;
  object-fit: cover;
}
@media (max-width: 767px) {
  .news-sub__detail-image img {
    width: 89.7435897436vw;
    height: 46.6666666667vw;
  }
}
.news-sub__detail-heading {
  padding: 1.3888888889vw 0 1.1111111111vw;
}
@media (max-width: 767px) {
  .news-sub__detail-heading {
    padding: 5.1282051282vw 0 4.1025641026vw;
  }
}
.news-sub__detail-heading h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.3888888889vw;
  line-height: 1.4em;
  color: #000000;
  margin: 0;
}
@media (max-width: 767px) {
  .news-sub__detail-heading h2 {
    font-size: 5.1282051282vw;
  }
}
.news-sub__detail-quote {
  display: flex;
  flex-direction: row;
  gap: 1.3888888889vw;
  padding: 2.5vw 0;
  padding-right: 1.3888888889vw;
}
@media (max-width: 767px) {
  .news-sub__detail-quote {
    gap: 5.1282051282vw;
    padding: 9.2307692308vw 0;
    padding-right: 5.1282051282vw;
  }
}
.news-sub__detail-quote-divider {
  width: 0.1388888889vw;
  background: #000000;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .news-sub__detail-quote-divider {
    width: 0.5128205128vw;
  }
}
.news-sub__detail-quote-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.3888888889vw;
  line-height: 1.4em;
  color: #000000;
  margin: 0;
  flex: 1;
}
@media (max-width: 767px) {
  .news-sub__detail-quote-text {
    font-size: 5.1282051282vw;
  }
}
.news-sub__detail-main-heading {
  padding: 1.6666666667vw 0 1.3888888889vw;
}
@media (max-width: 767px) {
  .news-sub__detail-main-heading {
    padding: 6.1538461538vw 0 5.1282051282vw;
  }
}
.news-sub__detail-main-heading h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.3em;
  color: #000000;
  margin: 0;
}
@media (max-width: 767px) {
  .news-sub__detail-main-heading h2 {
    font-size: 8.2051282051vw;
  }
}
.news-sub__detail-divider {
  width: 100%;
  max-width: 53.3333333333vw;
  height: 1px;
  background: #000000;
}
@media (max-width: 767px) {
  .news-sub__detail-divider {
    max-width: 100%;
  }
}
.news-sub__more-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3472222222vw;
  padding: 1.3888888889vw 1.1111111111vw 1.3888888889vw 2.2222222222vw;
  background: #18191B;
  color: #ffffff;
  border-radius: 69.375vw;
  text-decoration: none;
  width: 20.8333333333vw;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .news-sub__more-button {
    gap: 1.2820512821vw;
    padding: 4.1025641026vw 2.0512820513vw 4.1025641026vw 2.0512820513vw;
    border-radius: 256.1538461538vw;
    width: 100%;
  }
}
.news-sub__more-button:hover {
  background: #4F5155;
}
.news-sub__more-button-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  width: 14.9305555556vw;
}
@media (max-width: 767px) {
  .news-sub__more-button-text {
    font-size: 4.1025641026vw;
    width: 55.1282051282vw;
  }
}
.news-sub__more-button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  background: #ffffff url("../icons/white-arrow-right.svg") no-repeat center center;
  background-size: 1.25vw auto;
  border-radius: 2.7777777778vw;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .news-sub__more-button-icon {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    border-radius: 10.2564102564vw;
    background-size: 4.6153846154vw auto;
  }
}

.breadcrumbs__container {
  display: flex;
  align-items: center;
  gap: 0.6944444444vw;
}
@media (max-width: 767px) {
  .breadcrumbs__container {
    gap: 2.5641025641vw;
  }
}
.breadcrumbs__text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9722222222vw;
  line-height: 1.25;
  letter-spacing: 0.7px;
}
@media (max-width: 767px) {
  .breadcrumbs__text {
    font-size: 3.5897435897vw;
  }
}
.breadcrumbs__link {
  color: #212121;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease;
}
.breadcrumbs__link:hover {
  opacity: 0.6;
}
.breadcrumbs__current {
  color: #999999;
  font-weight: 400;
}

/* 拡大 */
.-zoomIn {
  animation-name: zoomInAnime;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}

.-zoomInTrigger {
  opacity: 0;
}

@keyframes zoomInAnime {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
/* その場で */
.-fadeIn {
  animation-name: fadeInAnime;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* 下から */
.-fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 上から */
/* 左から */
.-fadeLeft {
  animation-name: fadeLeftAnime;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeLeftAnime {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.-delay-time02 {
  animation-delay: 0.2s;
}

.-delay-time04 {
  animation-delay: 0.4s;
}

.-delay-time06 {
  animation-delay: 0.6s;
}

.-delay-time08 {
  animation-delay: 0.8s;
}

.-delay-time10 {
  animation-delay: 1s;
}

.-delay-time12 {
  animation-delay: 1.2s;
}

.-delay-time14 {
  animation-delay: 1.4s;
}

.-delay-time16 {
  animation-delay: 1.6s;
}

.corporate .hero {
  background: var(--0924, linear-gradient(180deg, #3AA896 12.22%, #4DAF9F 100%));
  padding: 8.3333333333vw 0 5.5555555556vw;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .corporate .hero {
    padding: 25.641025641vw 5.1282051282vw 5.1282051282vw;
    align-items: flex-start;
  }
}
.corporate .hero__container {
  max-width: 88.8888888889vw;
  margin: 0 5.5555555556vw 5.5555555556vw 5.5555555556vw;
  position: relative;
}
@media (max-width: 767px) {
  .corporate .hero__container {
    max-width: 96.1538461538vw;
    padding: 0 5.1282051282vw;
    margin: 0;
  }
}
.corporate .hero__content {
  display: flex;
  gap: 3.3333333333vw;
  flex-direction: column;
}
@media (max-width: 767px) {
  .corporate .hero__content {
    flex-direction: column;
    align-items: center;
    gap: 6.1538461538vw;
  }
}
.corporate .hero__image {
  position: absolute;
  top: 11.8055555556vw;
  right: 0;
  width: 29.2361111111vw;
  height: 31.0416666667vw;
}
@media (max-width: 767px) {
  .corporate .hero__image {
    display: none;
  }
}
.corporate .hero__text {
  display: flex;
  flex-direction: column;
  gap: 2.2222222222vw;
}
@media (max-width: 767px) {
  .corporate .hero__text {
    gap: 4.1025641026vw;
    width: 100%;
  }
}
.corporate .hero__subtitle {
  font-weight: 500;
  font-size: 2.2222222222vw;
  line-height: 1.4;
  color: #ffffff;
  margin: 0;
  width: 63.9583333333vw;
}
@media (max-width: 767px) {
  .corporate .hero__subtitle {
    font-size: 5.1282051282vw;
    font-weight: 700;
    width: 100%;
  }
}
.corporate .hero__title {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .corporate .hero__title {
    gap: 2.0512820513vw;
  }
}
.corporate .hero__title-line {
  display: flex;
  align-items: baseline;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .corporate .hero__title-line {
    gap: 1.0256410256vw;
  }
}
.corporate .hero__title-line--sp {
  display: none;
}
@media (max-width: 767px) {
  .corporate .hero__title-line--sp {
    display: flex;
  }
}
@media (max-width: 767px) {
  .corporate .hero__title-pc {
    display: none;
  }
}
.corporate .hero__title-highlight {
  font-weight: 700;
  font-size: 5.5555555556vw;
  line-height: 1.7;
  letter-spacing: -0.03em;
  color: #ffffff;
  background: linear-gradient(0deg, rgb(255, 204, 38) 10%, rgba(255, 255, 255, 0) 10%);
}
@media (max-width: 767px) {
  .corporate .hero__title-highlight {
    font-size: 10.2564102564vw;
    line-height: 1.4;
    letter-spacing: 0.02em;
  }
}
.corporate .hero__title-text {
  font-weight: 700;
  font-size: 4.4444444444vw;
  line-height: 1.4;
  color: #ffffff;
}
@media (max-width: 767px) {
  .corporate .hero__title-text {
    font-size: 8.2051282051vw;
  }
}
.corporate .hero__features {
  display: flex;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .corporate .hero__features {
    position: relative;
    width: 100%;
    height: 84.6153846154vw;
    gap: 0;
  }
}
.corporate .hero__features-pc {
  display: block;
  width: auto;
  height: 14.6527777778vw;
  object-fit: contain;
}
@media (max-width: 767px) {
  .corporate .hero__features-pc {
    display: none;
  }
}
.corporate .hero__features-sp {
  display: none;
}
@media (max-width: 767px) {
  .corporate .hero__features-sp {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
}
.corporate .hero__feature {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15.9722222222vw;
  height: 14.6527777778vw;
}
@media (max-width: 767px) {
  .corporate .hero__feature {
    position: absolute;
    width: 43.5897435897vw;
    height: 40vw;
  }
}
@media (max-width: 767px) {
  .corporate .hero__feature:nth-child(1) {
    left: -10px;
    top: 0;
  }
}
@media (max-width: 767px) {
  .corporate .hero__feature:nth-child(2) {
    right: -10px;
    top: 0;
  }
}
@media (max-width: 767px) {
  .corporate .hero__feature:nth-child(3) {
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.5641025641vw;
  }
}
.corporate .hero__feature-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.corporate .problem {
  background: #ffffff;
  padding: 8.3333333333vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .corporate .problem {
    padding: 20.5128205128vw 5.1282051282vw;
    align-items: center;
  }
}
.corporate .problem__header {
  margin-bottom: 5.5555555556vw;
  max-width: 83.3333333333vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .corporate .problem__header {
    margin-bottom: 10.2564102564vw;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.corporate .problem__title {
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 1.45;
  text-align: left;
  color: #18191B;
  margin: 0;
}
.corporate .problem__title br {
  display: none;
}
@media (max-width: 767px) {
  .corporate .problem__title {
    font-size: 6.1538461538vw;
    text-align: center;
  }
  .corporate .problem__title br {
    display: inline;
  }
}
.corporate .problem__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3.3333333333vw;
  max-width: 83.3333333333vw;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .corporate .problem__content {
    flex-direction: column;
    gap: 12.3076923077vw;
    max-width: 100%;
    margin: 0;
  }
}
.corporate .problem__image-wrapper {
  position: relative;
  flex-shrink: 0;
  width: 35.9027777778vw;
  height: 20.8333333333vw;
  border-radius: 1.6666666667vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .corporate .problem__image-wrapper {
    width: 100%;
    height: auto;
    border-radius: 0;
  }
}
.corporate .problem__image {
  width: 35.9027777778vw;
  height: 20.8333333333vw;
  object-fit: cover;
}
@media (max-width: 767px) {
  .corporate .problem__image {
    width: 100%;
    height: auto;
    max-width: 96.1538461538vw;
  }
}
.corporate .problem__text-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .corporate .problem__text-content {
    gap: 6.1538461538vw;
    flex: none;
  }
}
.corporate .problem__subtitle-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .corporate .problem__subtitle-wrapper {
    flex-direction: column;
    gap: 2.5641025641vw;
  }
}
.corporate .problem__subtitle {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.8;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .problem__subtitle {
    font-size: 5.1282051282vw;
  }
}
.corporate .problem__subtitle-highlight-wrapper {
  display: flex;
  gap: 0.1388888889vw;
}
@media (max-width: 767px) {
  .corporate .problem__subtitle-highlight-wrapper {
    gap: 0.5128205128vw;
    flex-wrap: wrap;
  }
}
.corporate .problem__subtitle-highlight {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.8;
  color: #18191B;
  background: linear-gradient(0deg, rgb(255, 204, 38) 17%, rgb(255, 255, 255) 17%);
  display: inline-block;
}
@media (max-width: 767px) {
  .corporate .problem__subtitle-highlight {
    font-size: 5.1282051282vw;
    display: block;
  }
}
.corporate .problem__subtitle-text {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.8;
  color: #18191B;
  display: inline-block;
}
@media (max-width: 767px) {
  .corporate .problem__subtitle-text {
    font-size: 5.1282051282vw;
    display: block;
  }
}
.corporate .problem__description {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .corporate .problem__description {
    gap: 6.1538461538vw;
  }
}
.corporate .problem__description-text {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .problem__description-text {
    font-size: 3.5897435897vw;
  }
}
.corporate .problems {
  padding: 8.3333333333vw 8.3333333333vw 5.5555555556vw;
  display: flex;
  flex-direction: column;
  gap: 5.5555555556vw;
  background: #F6F7FA;
}
@media (max-width: 767px) {
  .corporate .problems {
    padding: 20.5128205128vw 5.1282051282vw;
    gap: 10.2564102564vw;
  }
}
.corporate .problems__header {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  max-width: 83.3333333333vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .corporate .problems__header {
    gap: 2.0512820513vw;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.corporate .problems__label {
  font-weight: 600;
  font-size: 1.1111111111vw;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .problems__label {
    font-size: 4.1025641026vw;
  }
}
.corporate .problems__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  text-align: left;
  color: #18191B;
  margin: 0;
}
.corporate .problems__title br {
  display: none;
}
@media (max-width: 767px) {
  .corporate .problems__title {
    font-size: 8.2051282051vw;
  }
  .corporate .problems__title br {
    display: inline;
  }
}
.corporate .problems__list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 2.7777777778vw;
  width: 100%;
  max-width: 83.3333333333vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .corporate .problems__list {
    flex-direction: column;
    align-items: flex-end;
    gap: 6.1538461538vw;
    max-width: 96.1538461538vw;
    margin: 0;
  }
}
.corporate .problems__item {
  display: flex;
  flex-direction: column;
  gap: 5.5555555556vw;
  width: 25.9027777778vw;
}
@media (max-width: 1440px) {
  .corporate .problems__item {
    gap: 0.8333333333vw;
    width: 25.9027777778vw;
  }
}
@media (max-width: 767px) {
  .corporate .problems__item {
    gap: 6.1538461538vw;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .corporate .problems__item:nth-child(1), .corporate .problems__item:nth-child(3) {
    height: auto;
  }
}
@media (min-width: 1441px) {
  .corporate .problems__item:nth-child(2) {
    height: 31.25vw;
  }
}
@media (max-width: 767px) {
  .corporate .problems__item:nth-child(2) {
    height: auto;
  }
}
.corporate .problems__item-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .corporate .problems__item-top {
    gap: 4.1025641026vw;
    align-items: flex-start;
  }
}
.corporate .problems__checks {
  display: flex;
  flex-direction: column;
  min-height: 7.5vw;
  gap: 0.6944444444vw;
}
@media (max-width: 767px) {
  .corporate .problems__checks {
    min-height: unset;
  }
}
.corporate .problems__check {
  display: flex;
  gap: 0.4166666667vw;
  width: 26.3888888889vw;
}
@media (max-width: 767px) {
  .corporate .problems__check {
    gap: 1.5384615385vw;
    align-items: center;
    width: 76.9230769231vw;
  }
}
.corporate .problems__check-icon {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  flex-shrink: 0;
  object-fit: contain;
}
@media (max-width: 767px) {
  .corporate .problems__check-icon {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }
}
.corporate .problems__check-text {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #18191B;
}
@media (max-width: 767px) {
  .corporate .problems__check-text {
    font-size: 4.1025641026vw;
  }
  .corporate .problems__check-text br {
    display: none;
  }
}
.corporate .problems__triangle {
  display: block;
  width: auto;
  height: 2.7777777778vw;
}
@media (max-width: 767px) {
  .corporate .problems__triangle {
    display: none;
  }
}
.corporate .problems__image {
  width: 24.3055555556vw;
  height: auto;
}
@media (max-width: 767px) {
  .corporate .problems__image {
    width: 89.7435897436vw;
  }
}
.corporate .problems__solution {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  width: 100%;
}
@media (max-width: 767px) {
  .corporate .problems__solution {
    gap: 6.1538461538vw;
  }
}
.corporate .problems__item:nth-child(1) .corporate .problems__solution {
  gap: 10px;
}
@media (max-width: 767px) {
  .corporate .problems__item:nth-child(1) .corporate .problems__solution {
    gap: 10px;
  }
}
.corporate .problems__solution-header {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: -3.3333333333vw;
}
@media (max-width: 767px) {
  .corporate .problems__solution-header {
    gap: -12.3076923077vw;
  }
}
.corporate .problems__solution-image {
  width: 100%;
  height: 18.0555555556vw;
  object-fit: cover;
}
@media (max-width: 767px) {
  .corporate .problems__solution-image {
    height: 61.5384615385vw;
  }
}
.corporate .problems__solution-content {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .corporate .problems__solution-content {
    gap: 4.1025641026vw;
  }
}
.corporate .problems__solution-title-wrapper {
  display: inline-block;
  width: fit-content;
}
.corporate .problems__solution-title {
  display: block;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .problems__solution-title {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .corporate .problems__solution-title br {
    display: none !important;
  }
}
.corporate .problems__solution-highlight {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.5;
  color: #18191B;
}
@media (max-width: 767px) {
  .corporate .problems__solution-highlight {
    font-size: 4.1025641026vw;
  }
}
.corporate .problems__solution-number {
  font-weight: 700;
  font-size: 3.8888888889vw;
  line-height: 1;
  color: #18191B;
}
@media (max-width: 767px) {
  .corporate .problems__solution-number {
    font-size: 14.358974359vw;
  }
}
.corporate .problems__solution-title-text {
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.5;
  color: #18191B;
}
@media (max-width: 767px) {
  .corporate .problems__solution-title-text {
    font-size: 6.1538461538vw;
  }
}
.corporate .problems__solution-highlight-alt {
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.5em;
  letter-spacing: 0.04em;
  color: #18191B;
  background: linear-gradient(0deg, rgb(255, 204, 38) 17%, rgba(255, 255, 255, 0) 17%);
  display: inline-block;
  padding: 0;
}
@media (max-width: 767px) {
  .corporate .problems__solution-highlight-alt {
    font-size: 6.1538461538vw;
    display: inline-flex;
    align-items: flex-end;
    gap: 0.5128205128vw;
  }
}
@media (max-width: 767px) {
  .corporate .problems__solution-number {
    font-size: 12.3076923077vw;
    line-height: 1;
    background: linear-gradient(0deg, rgb(255, 204, 38) 17%, rgba(255, 255, 255, 0) 17%);
  }
}
@media (max-width: 767px) {
  .corporate .problems__solution-suffix-small {
    font-size: 4.6153846154vw;
    line-height: 1.5;
    align-self: flex-end;
    padding-bottom: 0.5128205128vw;
  }
}
@media (max-width: 767px) {
  .corporate .problems__solution-suffix-large {
    font-size: 6.1538461538vw;
    line-height: 1.5;
    align-self: flex-end;
    padding-bottom: 0.5128205128vw;
  }
}
.corporate .problems__solution-text {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .problems__solution-text {
    font-size: 3.5897435897vw;
  }
}
.corporate .cta {
  background: #96D6CC;
  padding: 5.5555555556vw 13.8888888889vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .corporate .cta {
    padding: 6.1538461538vw 5.1282051282vw;
  }
}
.corporate .cta__container {
  max-width: 88.8888888889vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1.6666666667vw;
  width: 100%;
}
@media (max-width: 767px) {
  .corporate .cta__container {
    flex-direction: column;
    gap: 4.1025641026vw;
  }
}
.corporate .cta__image {
  width: 21.8409722222vw;
  height: auto;
}
@media (max-width: 767px) {
  .corporate .cta__image {
    width: 52.3076923077vw;
    height: 42.5641025641vw;
  }
}
.corporate .cta__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .corporate .cta__content {
    gap: 2.0512820513vw;
    align-items: center;
  }
}
.corporate .cta__text-box {
  display: flex;
  align-items: center;
  gap: 0;
}
@media (max-width: 767px) {
  .corporate .cta__text-box {
    justify-content: space-between;
    width: 89.7435897436vw;
    height: 17.6923076923vw;
  }
}
.corporate .cta__icon {
  width: 4.7222222222vw;
  height: 4.7916666667vw;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .corporate .cta__icon {
    width: 8.2051282051vw;
    height: 17.6923076923vw;
  }
}
.corporate .cta__icon--pc {
  display: block;
}
@media (max-width: 767px) {
  .corporate .cta__icon--pc {
    display: none;
  }
}
.corporate .cta__icon--sp {
  display: none;
}
@media (max-width: 767px) {
  .corporate .cta__icon--sp {
    display: block;
  }
}
.corporate .cta__text {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  text-align: left;
  color: #18191B;
  margin: 0;
}
.corporate .cta__text br {
  display: none;
}
@media (max-width: 767px) {
  .corporate .cta__text {
    font-size: 4.1025641026vw;
    text-align: center;
    flex: 1;
  }
  .corporate .cta__text br {
    display: inline;
  }
}
.corporate .cta__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  text-align: left;
  color: #18191B;
  margin: 0;
  width: 46.6666666667vw;
}
@media (max-width: 767px) {
  .corporate .cta__title {
    font-size: 8.2051282051vw;
    width: 89.7435897436vw;
    text-align: center;
  }
}
.corporate .cta__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3472222222vw;
  padding: 1.3888888889vw 1.1111111111vw 1.3888888889vw 2.2222222222vw;
  background: #18191B;
  color: #ffffff;
  border-radius: 69.375vw;
  text-decoration: none;
  width: 20.8333333333vw;
  transition: all 0.3s ease;
  position: relative;
}
@media (max-width: 767px) {
  .corporate .cta__button {
    gap: 1.2820512821vw;
    padding: 5.1282051282vw 4.1025641026vw 5.1282051282vw 8.2051282051vw;
    border-radius: 256.1538461538vw;
    width: 100%;
  }
}
.corporate .cta__button:hover {
  background: #4F5155;
}
.corporate .cta__button-text {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  width: 100%;
  padding-right: 2.2222222222vw;
  margin-left: -1.1111111111vw;
}
@media (max-width: 767px) {
  .corporate .cta__button-text {
    font-size: 4.1025641026vw;
    padding-right: 8.2051282051vw;
    margin-left: -4.1025641026vw;
  }
}
.corporate .cta__button-icon {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  background: url("../icons/arrow-down.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 1.1111111111vw;
  transform: rotate(-90deg);
}
@media (max-width: 767px) {
  .corporate .cta__button-icon {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    right: 4.1025641026vw;
  }
}
.corporate .flow {
  background: #F7F9FF;
  padding: 8.3333333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .corporate .flow {
    padding: 20.5128205128vw 5.1282051282vw;
  }
}
.corporate .flow__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5.5555555556vw;
  width: 100%;
  max-width: 88.8888888889vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .corporate .flow__container {
    flex-direction: column;
    gap: 10.2564102564vw;
  }
}
.corporate .flow__content {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .corporate .flow__content {
    gap: 6.1538461538vw;
  }
}
.corporate .flow__header {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .corporate .flow__header {
    gap: 4.1025641026vw;
  }
}
.corporate .flow__label-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .corporate .flow__label-wrapper {
    gap: 4.1025641026vw;
  }
}
.corporate .flow__label {
  font-weight: 600;
  font-size: 1.1111111111vw;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .flow__label {
    font-size: 4.1025641026vw;
  }
}
.corporate .flow__title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .corporate .flow__title-wrapper {
    gap: 2.0512820513vw;
  }
}
.corporate .flow__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  text-align: left;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .flow__title {
    font-size: 8.2051282051vw;
  }
}
.corporate .flow__text-content {
  display: flex;
  flex-direction: column;
  gap: 0.2083333333vw;
}
@media (max-width: 767px) {
  .corporate .flow__text-content {
    gap: 0.7692307692vw;
  }
}
.corporate .flow__lead {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
  width: 37.2222222222vw;
}
@media (max-width: 767px) {
  .corporate .flow__lead {
    font-size: 4.1025641026vw;
    width: 100%;
  }
}
.corporate .flow__description {
  display: flex;
  flex-direction: row;
  gap: 0.2083333333vw;
}
@media (max-width: 767px) {
  .corporate .flow__description {
    gap: 0.7692307692vw;
    flex-wrap: wrap;
  }
}
.corporate .flow__description--pc {
  display: flex;
}
@media (max-width: 767px) {
  .corporate .flow__description--pc {
    display: none;
  }
}
.corporate .flow__description--sp {
  display: none;
}
@media (max-width: 767px) {
  .corporate .flow__description--sp {
    display: flex;
  }
}
.corporate .flow__description-text {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #4B4B4B;
}
@media (max-width: 767px) {
  .corporate .flow__description-text {
    font-size: 4.1025641026vw;
  }
}
.corporate .flow__description-highlight {
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #4B4B4B;
  background: linear-gradient(0deg, rgb(255, 204, 38) 17%, rgba(255, 255, 255, 0) 17%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.6944444444vw;
}
@media (max-width: 767px) {
  .corporate .flow__description-highlight {
    font-size: 4.6153846154vw;
    gap: 2.5641025641vw;
  }
}
.corporate .flow__detail {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .flow__detail {
    font-size: 4.1025641026vw;
  }
}
.corporate .flow__image {
  width: 34.4444444444vw;
  height: 23.4722222222vw;
}
@media (max-width: 767px) {
  .corporate .flow__image {
    width: 100%;
    height: auto;
  }
}
.corporate .plan {
  background: #ffffff;
  padding: 8.3333333333vw 2.7777777778vw 2.7777777778vw 2.7777777778vw;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  max-width: 93.75vw;
}
@media (max-width: 767px) {
  .corporate .plan {
    padding: 20.5128205128vw 1.0256410256vw 20.5128205128vw 1.0256410256vw;
  }
}
.corporate .plan__inner {
  display: flex;
  flex-direction: column;
  gap: 3.3333333333vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .corporate .plan__inner {
    gap: 4.1025641026vw;
  }
}
.corporate .plan__scrollbar-wrapper {
  display: none;
}
@media (max-width: 767px) {
  .corporate .plan__scrollbar-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 4.1025641026vw;
  }
}
.corporate .plan__scrollbar-track {
  width: 100%;
  background: #F0F0F0;
  border-radius: 69.375vw;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .corporate .plan__scrollbar-track {
    height: 3.8461538462vw;
  }
}
.corporate .plan__scrollbar-thumb {
  height: 100%;
  background: #222222;
  border-radius: 69.375vw;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  transition: background 0.2s ease;
}
.corporate .plan__scrollbar-thumb:hover {
  background: #000000;
}
.corporate .plan__scrollbar-thumb:active {
  background: #000000;
}
.corporate .plan__scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  padding-top: 1.3888888889vw;
}
@media (max-width: 767px) {
  .corporate .plan__scroll {
    padding-top: 5.1282051282vw;
  }
}
@media (max-width: 767px) {
  .corporate .plan__scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-top: 5.1282051282vw;
  }
  .corporate .plan__scroll::-webkit-scrollbar {
    display: none;
  }
}
.corporate .plan__header {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
  margin-bottom: 5.5555555556vw;
}
@media (max-width: 767px) {
  .corporate .plan__header {
    margin-bottom: 10.2564102564vw;
  }
}
.corporate .plan__label {
  font-weight: 600;
  font-size: 1.1111111111vw;
  letter-spacing: 0.03em;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .plan__label {
    font-size: 3.5897435897vw;
    letter-spacing: 0.04em;
  }
}
.corporate .plan__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.35;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .plan__title {
    font-size: 8.2051282051vw;
    line-height: 1.4;
  }
}
.corporate .plan__title-br {
  display: none;
}
@media (max-width: 767px) {
  .corporate .plan__title-br {
    display: block;
  }
}
.corporate .plan__description {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.75;
  color: #4b4b4b;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .plan__description {
    font-size: 3.5897435897vw;
    line-height: 1.8;
  }
}
.corporate .plan__addons {
  margin: 5.5555555556vw auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.8888888889vw;
  max-width: 93.75vw;
  padding: 3.8888888889vw 4.4444444444vw;
  background: #f6f7fa;
  border-radius: 1.6666666667vw;
}
@media (max-width: 767px) {
  .corporate .plan__addons {
    margin-top: 15.3846153846vw;
    flex-direction: column;
    align-items: stretch;
    gap: 8.2051282051vw;
    padding: 8.2051282051vw;
    border-radius: 6.1538461538vw;
  }
}
.corporate .plan__addons-text {
  flex: 0 0 auto;
  max-width: 22.2222222222vw;
  text-align: left;
}
@media (max-width: 767px) {
  .corporate .plan__addons-text {
    text-align: left;
    max-width: none;
  }
}
.corporate .plan__addons-title {
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.4;
  color: #18191B;
  margin: 0;
  width: 34.7222222222vw;
}
@media (max-width: 767px) {
  .corporate .plan__addons-title {
    font-size: 5.1282051282vw;
    width: 100%;
  }
}
.corporate .plan__addons-list {
  display: flex;
  align-items: baseline;
  flex: 1 1 auto;
  gap: 2.7777777778vw;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .corporate .plan__addons-list {
    flex-direction: column;
    align-items: stretch;
    gap: 6.1538461538vw;
    justify-content: flex-start;
  }
}
.corporate .plan__addon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .corporate .plan__addon {
    flex-direction: row;
    gap: 4.1025641026vw;
    width: 100%;
  }
}
.corporate .plan__addon-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.7222222222vw;
  height: 9.7222222222vw;
  background: #ffffff;
  border-radius: 50%;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .corporate .plan__addon-icon {
    width: 20.5128205128vw;
    height: 20.5128205128vw;
  }
}
.corporate .plan__addon-image {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  object-fit: contain;
}
@media (max-width: 767px) {
  .corporate .plan__addon-image {
    width: 14.358974359vw;
    height: 14.358974359vw;
  }
}
.corporate .plan__addon-text {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #18191B;
  text-align: center;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .plan__addon-text {
    font-size: 5.1282051282vw;
    text-align: left;
    flex: 1;
  }
  .corporate .plan__addon-text br {
    display: inline;
  }
}
.corporate .plan__grid {
  min-width: 83.3333333333vw;
  display: grid;
  grid-template-columns: 15.2777777778vw repeat(3, minmax(0, 1fr));
  background: #ffffff;
  border: 1px solid #d6dcea;
  box-shadow: 0 0.5555555556vw 1.6666666667vw rgba(16, 27, 54, 0.04);
}
@media (max-width: 767px) {
  .corporate .plan__grid {
    min-width: 287.1794871795vw;
    grid-template-columns: 25.641025641vw repeat(3, minmax(0, 87.1794871795vw));
  }
}
.corporate .plan__grid > * {
  padding: 0.8333333333vw 1.1111111111vw;
  border-right: 1px solid #d6dcea;
  border-bottom: 1px solid #d6dcea;
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.75;
  color: #18191B;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 767px) {
  .corporate .plan__grid > * {
    padding: 2.5641025641vw 1.5384615385vw;
    font-size: 3.0769230769vw;
  }
}
.corporate .plan__grid > *:nth-child(4n+1) {
  background: #F6F7FA;
  justify-content: left;
}
@media (max-width: 767px) {
  .corporate .plan__grid > *:nth-child(4n+1) {
    font-size: 3.5897435897vw;
    background: #F6F7FA;
    justify-content: left;
  }
}
.corporate .plan__grid > *:nth-child(4n) {
  border-right: none;
}
.corporate .plan__grid > *:nth-last-child(-n+4) {
  border-bottom: none;
}
@media (max-width: 767px) {
  .corporate .plan__grid > *:nth-last-child(-n+4) {
    padding: 3.0769230769vw;
  }
}
.corporate .plan__head {
  font-weight: 700;
  font-size: 1.5277777778vw;
  line-height: 1.4;
  position: relative;
  padding: 1.1111111111vw 2.0833333333vw;
}
@media (max-width: 767px) {
  .corporate .plan__head {
    font-size: 3.0769230769vw;
    padding: 4.1025641026vw 7.6923076923vw;
    width: 87.1794871795vw;
    padding: 4.1025641026vw;
  }
}
.corporate .plan__head--light {
  background: #cbd5e9;
  color: #162033;
}
.corporate .plan__head--dark {
  background: #1a1d26;
  color: #ffffff;
  z-index: 1;
  padding-top: 1.6666666667vw;
  margin-top: -0.5555555556vw;
}
@media (max-width: 767px) {
  .corporate .plan__head--dark {
    padding-top: 6.1538461538vw;
    margin-top: -2.0512820513vw;
  }
}
.corporate .plan__head--dark::after {
  content: "";
  position: absolute;
  top: -0.2777777778vw;
  right: -0.4166666667vw;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-image: url("../icons/ribbon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .corporate .plan__head--dark::after {
    width: 12.8205128205vw;
    height: 12.8205128205vw;
    top: -1.0256410256vw;
    right: -1.0256410256vw;
  }
}
.corporate .plan__head--empty {
  background: #F6F7FA;
}
.corporate .plan__head-title {
  display: block;
}
.corporate .plan__badge {
  position: absolute;
  top: -0.8333333333vw;
  right: 2.2222222222vw;
  padding: 0.5555555556vw 1.3888888889vw 0.8333333333vw;
  background: #ffcc26;
  color: #1a1d26;
  font-weight: 800;
  font-size: 0.9722222222vw;
  line-height: 1.1;
  letter-spacing: -0.04em;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .corporate .plan__badge {
    top: -2.0512820513vw;
    right: 4.1025641026vw;
    padding: 1.5384615385vw 3.5897435897vw 2.0512820513vw;
    font-size: 2.0512820513vw;
  }
}
.corporate .plan__cell--price {
  align-items: baseline;
  font-weight: 700;
  font-size: 1.8055555556vw;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .corporate .plan__cell--price {
    font-size: 5.641025641vw;
  }
}
.corporate .plan__cell--dash {
  font-weight: 500;
}
.corporate .plan__cell--icon {
  justify-content: center;
}
.corporate .plan__cell--list {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.corporate .plan__cell--custom {
  color: #4B4B4B;
}
.corporate .plan__price-number {
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .corporate .plan__price-number {
    font-size: 4.1025641026vw;
  }
}
.corporate .plan__price-unit, .corporate .plan__price-tilde {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .corporate .plan__price-unit, .corporate .plan__price-tilde {
    font-size: 3.5897435897vw;
  }
}
.corporate .plan__list {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: 400;
  font-size: 0.8333333333vw;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .corporate .plan__list {
    gap: 1.5384615385vw;
    font-size: 3.0769230769vw;
  }
}
.corporate .plan__list li {
  position: relative;
  padding-left: 1.1111111111vw;
}
@media (max-width: 767px) {
  .corporate .plan__list li {
    padding-left: 3.5897435897vw;
  }
}
.corporate .plan__list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
.corporate .plan__list--recommend {
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .corporate .plan__list--recommend {
    gap: 2.0512820513vw;
  }
}
.corporate .plan__list--recommend li {
  padding-left: 1.5277777778vw;
}
@media (max-width: 767px) {
  .corporate .plan__list--recommend li {
    padding-left: 7.1794871795vw;
  }
}
.corporate .plan__list--recommend li::before {
  content: "";
  background-image: url("../icons/checkmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.25vw;
  height: 1.25vw;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1440px) {
  .corporate .plan__list--recommend li::before {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
  }
}
@media (max-width: 767px) {
  .corporate .plan__list--recommend li::before {
    width: 3.0769230769vw;
    height: 3.0769230769vw;
  }
}
.corporate .plan .plan__recommend-strong {
  font-weight: 700;
}
.corporate .plan__check-icon {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
}
@media (max-width: 767px) {
  .corporate .plan__check-icon {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
.corporate .process {
  background: #F6F7FA;
  padding: 8.3333333333vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 5.5555555556vw;
  overflow: visible;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .corporate .process {
    padding: 20.5128205128vw 5.1282051282vw;
    gap: 10.2564102564vw;
    flex-direction: column;
  }
}
.corporate .process__header {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  max-width: 30.9027777778vw;
  position: sticky;
  top: 6.9444444444vw;
  align-self: flex-start;
  height: fit-content;
  z-index: 10;
}
@media (max-width: 767px) {
  .corporate .process__header {
    gap: 4.1025641026vw;
    max-width: 100%;
    position: static;
  }
}
.corporate .process__label-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .corporate .process__label-wrapper {
    gap: 2.0512820513vw;
  }
}
.corporate .process__label {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .process__label {
    font-size: 4.1025641026vw;
  }
}
.corporate .process__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .process__title {
    font-size: 8.2051282051vw;
  }
}
.corporate .process__description {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .process__description {
    font-size: 3.5897435897vw;
  }
}
.corporate .process__steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1111111111vw;
  max-width: 48.5416666667vw;
  width: 100%;
}
@media (max-width: 767px) {
  .corporate .process__steps {
    gap: 4.1025641026vw;
    max-width: 100%;
  }
}
.corporate .process__step {
  width: 100%;
}
.corporate .process__step-content {
  background: #ffffff;
  border: 1px solid #A9A9A9;
  border-radius: 1.6666666667vw;
  padding: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .corporate .process__step-content {
    border-radius: 6.1538461538vw;
    padding: 6.1538461538vw;
    gap: 4.1025641026vw;
  }
}
.corporate .process__step-header {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .corporate .process__step-header {
    gap: 4.1025641026vw;
  }
}
.corporate .process__step-icon {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  object-fit: contain;
}
@media (max-width: 767px) {
  .corporate .process__step-icon {
    width: 12.3076923077vw;
    height: 12.3076923077vw;
  }
}
.corporate .process__step-title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.2777777778vw;
}
@media (max-width: 767px) {
  .corporate .process__step-title-wrapper {
    gap: 1.0256410256vw;
  }
}
.corporate .process__step-number {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.8055555556vw;
  line-height: 1.25;
  text-transform: uppercase;
  color: #111111;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .process__step-number {
    font-size: 5.1282051282vw;
  }
}
.corporate .process__step-title {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #000000;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .process__step-title {
    font-size: 4.6153846154vw;
  }
}
.corporate .process__step-text {
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #444444;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .process__step-text {
    font-size: 3.5897435897vw;
  }
}
.corporate .process__arrow {
  width: 1.6666666667vw;
  height: 0.9166666667vw;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .corporate .process__arrow {
    width: 6.1538461538vw;
    height: 3.3846153846vw;
  }
}
.corporate .news {
  background: #ffffff;
  padding: 8.3333333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.5555555556vw;
}
@media (max-width: 767px) {
  .corporate .news {
    padding: 20.5128205128vw 2.5641025641vw;
    gap: 6.1538461538vw;
  }
}
.corporate .news__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5555555556vw;
  max-width: 83.3333333333vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .corporate .news__header {
    gap: 2.0512820513vw;
    align-items: flex-start;
    max-width: 100%;
    margin-left: 5.1282051282vw;
    margin-right: 0;
  }
}
.corporate .news__label {
  font-weight: 600;
  font-size: 1.1111111111vw;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .news__label {
    font-size: 4.1025641026vw;
  }
}
.corporate .news__title {
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 1.45;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .news__title {
    font-size: 6.1538461538vw;
    line-height: 1.45;
  }
}
.corporate .news__list {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  gap: 2.7777777778vw;
  width: 100%;
  max-width: 83.3333333333vw;
}
@media (max-width: 767px) {
  .corporate .news__list {
    flex-direction: column;
    gap: 10.2564102564vw;
    max-width: 89.7435897436vw;
  }
}
.corporate .news__card {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  flex: 1;
}
@media (max-width: 767px) {
  .corporate .news__card {
    gap: 2.0512820513vw;
  }
}
.corporate .news__card-image-wrapper {
  width: 100%;
  height: 13.8888888889vw;
  overflow: hidden;
  background: #D9D9D9;
}
@media (max-width: 767px) {
  .corporate .news__card-image-wrapper {
    height: 51.2820512821vw;
  }
}
.corporate .news__card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.corporate .news__card-content {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
  flex: 1;
}
@media (max-width: 767px) {
  .corporate .news__card-content {
    gap: 4.1025641026vw;
  }
}
.corporate .news__card-meta {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .corporate .news__card-meta {
    gap: 2.0512820513vw;
  }
}
.corporate .news__card-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.2777777778vw 0.6944444444vw;
  background: #F7F7F7;
  border-radius: 0.2777777778vw;
  font-family: "YuGothic", sans-serif;
  font-weight: 700;
  font-size: 0.6944444444vw;
  line-height: 1.5;
  color: #262626;
  width: fit-content;
}
@media (max-width: 767px) {
  .corporate .news__card-tag {
    padding: 1.0256410256vw 2.5641025641vw;
    border-radius: 1.0256410256vw;
    font-size: 2.5641025641vw;
  }
}
.corporate .news__card-date {
  font-family: "YuGothic", sans-serif;
  font-weight: 700;
  font-size: 0.6944444444vw;
  line-height: 1.5;
  color: #636363;
}
@media (max-width: 767px) {
  .corporate .news__card-date {
    font-size: 2.5641025641vw;
  }
}
.corporate .news__card-title {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #000000;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 4.7222222222vw;
}
@media (max-width: 767px) {
  .corporate .news__card-title {
    font-size: 4.1025641026vw;
    line-height: 1.4;
    height: auto;
  }
}
.corporate .news__card-description {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #000000;
  margin: 0;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .corporate .news__card-description {
    font-size: 3.5897435897vw;
  }
}
.corporate .news__card-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3472222222vw;
  padding: 0.8333333333vw 1.1111111111vw 0.8333333333vw 2.2222222222vw;
  background: #ffffff;
  color: #18191B;
  border: 1px solid #18191B;
  border-radius: 69.375vw;
  text-decoration: none;
  width: 100%;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .corporate .news__card-button {
    gap: 1.2820512821vw;
    padding: 3.0769230769vw 4.1025641026vw 3.0769230769vw 8.2051282051vw;
    border-radius: 256.1538461538vw;
    width: 100%;
  }
}
.corporate .news__card-button:hover {
  background: #4B4B4B;
}
.corporate .news__card-button:hover .news__card-button-text {
  color: #ffffff;
}
.corporate .news__card-button:hover .news__card-button-icon {
  background: url("../icons/white-arrow-right.svg") no-repeat center center;
  background-size: contain;
}
.corporate .news__card-button-text {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #18191B;
  flex: 1;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .corporate .news__card-button-text {
    font-size: 4.1025641026vw;
    line-height: 1.4;
  }
}
.corporate .news__card-button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  background-image: url("../icons/black-arrow-right.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .corporate .news__card-button-icon {
    width: 7.1794871795vw;
    height: 7.1794871795vw;
  }
}
.corporate .news__more-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8333333333vw;
  padding: 1.8055555556vw 0.5555555556vw 1.6666666667vw 0.5555555556vw;
  background: #18191B;
  color: #ffffff;
  border-radius: 69.375vw;
  text-decoration: none;
  width: 23.6111111111vw;
  transition: all 0.3s ease;
  position: relative;
}
@media (max-width: 767px) {
  .corporate .news__more-button {
    gap: 3.0769230769vw;
    padding: 5.641025641vw 2.0512820513vw 5.641025641vw 2.0512820513vw;
    border-radius: 256.1538461538vw;
    width: 89.7435897436vw;
  }
}
.corporate .news__more-button:hover {
  background: #4F5155;
}
.corporate .news__more-button-text {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  width: 100%;
  padding-right: 1.9444444444vw;
  margin-left: -0.9722222222vw;
}
@media (max-width: 767px) {
  .corporate .news__more-button-text {
    font-size: 4.1025641026vw;
    line-height: 1.4;
    padding-right: 7.1794871795vw;
    margin-left: -3.5897435897vw;
  }
}
.corporate .news__more-button-icon {
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  background: url("../icons/white-arrow-right.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 1.1111111111vw;
}
@media (max-width: 767px) {
  .corporate .news__more-button-icon {
    width: 7.1794871795vw;
    height: 7.1794871795vw;
    right: 4.1025641026vw;
  }
}
.corporate .contact-form {
  background: #F6F7FA;
  padding: 8.3333333333vw 8.3333333333vw 5.5555555556vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 5.5555555556vw;
}
@media (max-width: 767px) {
  .corporate .contact-form {
    padding: 20.5128205128vw 5.1282051282vw 10.2564102564vw;
    gap: 10.2564102564vw;
    flex-direction: column;
    align-items: center;
  }
}
.corporate .contact-form__header {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  max-width: 30.9027777778vw;
}
@media (max-width: 767px) {
  .corporate .contact-form__header {
    gap: 6.1538461538vw;
    max-width: 100%;
    align-self: stretch;
  }
}
.corporate .contact-form__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .contact-form__title {
    font-size: 8.2051282051vw;
    line-height: 1.4;
  }
}
.corporate .contact-form__description {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .contact-form__description {
    font-size: 4.1025641026vw;
  }
}
.corporate .contact-form__form {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
  background: #ffffff;
  padding: 5.5555555556vw 3.8888888889vw;
  border-radius: 0.5555555556vw;
  max-width: 69.4444444444vw;
  width: 100%;
}
@media (max-width: 767px) {
  .corporate .contact-form__form {
    gap: 5.1282051282vw;
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    max-width: 92.3076923077vw;
  }
}
.corporate .contact-form__field {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2.7777777778vw;
  width: 39.1666666667vw;
}
@media (max-width: 767px) {
  .corporate .contact-form__field {
    flex-direction: column;
    gap: 2.0512820513vw;
    align-items: stretch;
    width: 100%;
  }
}
.corporate .contact-form__field--radio {
  align-items: flex-start;
}
@media (max-width: 767px) {
  .corporate .contact-form__field--radio {
    flex-direction: column;
  }
}
.corporate .contact-form__field--textarea {
  align-items: flex-start;
}
@media (max-width: 767px) {
  .corporate .contact-form__field--textarea {
    flex-direction: column;
  }
}
.corporate .contact-form__label-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  gap: 0.5555555556vw;
  min-width: 10.4166666667vw;
}
@media (max-width: 767px) {
  .corporate .contact-form__label-wrapper {
    flex-direction: row !important;
    gap: 2.0512820513vw;
    min-width: auto;
  }
}
.corporate .contact-form__label-wrapper p {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  gap: 0.5555555556vw;
  margin: 0;
  min-width: 220px;
  padding-top: 0.5555555556vw;
}
@media (max-width: 767px) {
  .corporate .contact-form__label-wrapper p {
    gap: 2.0512820513vw;
    padding-top: 2.0512820513vw;
  }
}
.corporate .contact-form__label-wrapper label br {
  display: block !important;
}
.corporate .contact-form__badge {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.0833333333vw;
  height: 1.5277777778vw;
  border: 1px solid #E22020;
  border-radius: 0.1388888889vw;
  font-weight: 700;
  font-size: 0.8333333333vw;
  line-height: 1.8;
  text-align: center;
  color: #E22020;
}
@media (max-width: 767px) {
  .corporate .contact-form__badge {
    width: 7.6923076923vw;
    height: 5.641025641vw;
    font-size: 3.0769230769vw;
  }
}
.corporate .contact-form__label {
  display: inline;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  color: #000000;
}
@media (max-width: 767px) {
  .corporate .contact-form__label {
    font-size: 4.1025641026vw;
  }
}
.corporate .contact-form__label br {
  display: block;
}
.corporate .contact-form__input {
  flex: 1;
  height: 2.7777777778vw;
  padding: 0 0.6944444444vw;
  border: 1px solid #A9A9A9;
  border-radius: 0.2777777778vw;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #18191B;
}
.corporate .contact-form__input:focus {
  outline: none;
  border-color: #3690FF;
}
@media (max-width: 1440px) {
  .corporate .contact-form__input {
    height: 2.7777777778vw;
    padding: 0 1.3888888889vw;
    border-radius: 0.2777777778vw;
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 767px) {
  .corporate .contact-form__input {
    width: 100%;
    height: 10.2564102564vw;
    padding: 0 2.5641025641vw;
    border-radius: 1.5384615385vw;
    font-size: 3.5897435897vw;
  }
}
.corporate .contact-form__radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.9722222222vw;
}
.corporate .contact-form__radio-group .wpcf7-list-item {
  margin: 0 !important;
  display: block !important;
}
@media (max-width: 767px) {
  .corporate .contact-form__radio-group {
    gap: 2.0512820513vw;
  }
}
.corporate .contact-form__radio {
  display: flex;
  align-items: center;
  gap: 0.5555555556vw;
  cursor: pointer;
}
.corporate .contact-form__radio input[type=radio] {
  appearance: none;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  border: 1px solid #4B4B4B;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.corporate .contact-form__radio input[type=radio]:checked {
  border-color: #18191B;
}
.corporate .contact-form__radio input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5555555556vw;
  height: 0.5555555556vw;
  background: #18191B;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .corporate .contact-form__radio input[type=radio] {
    width: 4.1025641026vw;
    height: 4.1025641026vw;
  }
  .corporate .contact-form__radio input[type=radio]:checked::after {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
  }
}
@media (max-width: 767px) {
  .corporate .contact-form__radio {
    gap: 2.0512820513vw;
  }
}
.corporate .contact-form__radio-label {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #000000;
}
@media (max-width: 767px) {
  .corporate .contact-form__radio-label {
    font-size: 3.5897435897vw;
  }
}
.corporate .contact-form__textarea-label {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  min-width: 10.4166666667vw;
}
@media (max-width: 767px) {
  .corporate .contact-form__textarea-label {
    gap: 2.0512820513vw;
    min-width: auto;
  }
}
.corporate .contact-form__textarea-note {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .contact-form__textarea-note {
    font-size: 3.5897435897vw;
  }
}
.corporate .contact-form__textarea-limit {
  font-weight: 500;
  font-size: 0.8333333333vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .contact-form__textarea-limit {
    font-size: 3.0769230769vw;
  }
}
.corporate .contact-form__textarea {
  flex: 1;
  padding: 0.8333333333vw 1.3888888889vw;
  border: 1px solid #999999;
  border-radius: 0.2777777778vw;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #18191B;
  resize: vertical;
  min-height: 10.4166666667vw;
}
.corporate .contact-form__textarea:focus {
  outline: none;
  border-color: #3690FF;
}
@media (max-width: 767px) {
  .corporate .contact-form__textarea {
    width: 100%;
    padding: 3.0769230769vw 2.5641025641vw;
    border-radius: 1.5384615385vw;
    font-size: 3.5897435897vw;
    min-height: 38.4615384615vw;
  }
}
.corporate .contact-form__checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.corporate .contact-form__checkbox-group .wpcf7-list-item {
  margin: 0 !important;
  display: block !important;
}
.corporate .contact-form__checkbox-group .wpcf7-acceptance,
.corporate .contact-form__checkbox-group .cf-accept-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .corporate .contact-form__checkbox-group .wpcf7-acceptance,
  .corporate .contact-form__checkbox-group .cf-accept-wrap {
    gap: 2.0512820513vw;
  }
}
.corporate .contact-form__checkbox-group .wpcf7-acceptance label,
.corporate .contact-form__checkbox-group .cf-accept-wrap label {
  display: flex !important;
  align-items: center !important;
  gap: 0.5555555556vw;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .contact-form__checkbox-group .wpcf7-acceptance label,
  .corporate .contact-form__checkbox-group .cf-accept-wrap label {
    gap: 2.0512820513vw;
  }
}
.corporate .contact-form__checkbox-group .wpcf7-acceptance input[type=checkbox],
.corporate .contact-form__checkbox-group .cf-accept-wrap input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  background: #ffffff;
  border: 1px solid #999999;
  border-radius: 0.2777777778vw;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .corporate .contact-form__checkbox-group .wpcf7-acceptance input[type=checkbox],
  .corporate .contact-form__checkbox-group .cf-accept-wrap input[type=checkbox] {
    width: 4.1025641026vw;
    height: 4.1025641026vw;
    border-radius: 1.0256410256vw;
  }
}
.corporate .contact-form__checkbox-group .wpcf7-acceptance input[type=checkbox]:checked,
.corporate .contact-form__checkbox-group .cf-accept-wrap input[type=checkbox]:checked {
  background: #ffffff;
  border-color: #999999;
}
.corporate .contact-form__checkbox-group .wpcf7-acceptance input[type=checkbox]:checked::after,
.corporate .contact-form__checkbox-group .cf-accept-wrap input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-image: url("../icons/checkmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.corporate .contact-form__checkbox {
  display: flex;
  align-items: center;
  gap: 0.5555555556vw;
  cursor: pointer;
}
.corporate .contact-form__checkbox input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #999999;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
}
.corporate .contact-form__checkbox input[type=checkbox]:checked {
  background: #ffffff;
  border-color: #999999;
}
.corporate .contact-form__checkbox input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-image: url("../icons/checkmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767px) {
  .corporate .contact-form__checkbox input[type=checkbox] {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .corporate .contact-form__checkbox {
    gap: 2.0512820513vw;
  }
}
.corporate .contact-form__checkbox-label {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #000000;
}
@media (max-width: 767px) {
  .corporate .contact-form__checkbox-label {
    font-size: 4.1025641026vw;
  }
}
.corporate .contact-form__notice {
  font-weight: 500;
  font-size: 0.8333333333vw;
  line-height: 1.8;
  color: #E22020;
  margin: 0;
}
@media (max-width: 767px) {
  .corporate .contact-form__notice {
    font-size: 3.0769230769vw;
  }
}
.corporate .contact-form__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 0.6944444444vw;
}
@media (max-width: 767px) {
  .corporate .contact-form__actions {
    gap: 2.5641025641vw;
  }
}
.corporate .contact-form__actions .wpcf7-spinner {
  position: absolute;
  margin: 0;
}
.corporate .contact-form__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.corporate .contact-form__actions::after {
  content: "";
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  background: url("../icons/white-arrow-right.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  right: calc(50% - 20.8333333333vw / 2 + 1.3888888889vw);
  pointer-events: none;
}
@media (max-width: 767px) {
  .corporate .contact-form__actions::after {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    right: 5.1282051282vw;
  }
}
.corporate .contact-form__submit {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  padding: 1.3888888889vw 3.3333333333vw 1.3888888889vw 2.2222222222vw;
  background: #18191B;
  color: #ffffff;
  border: none;
  border-radius: 69.375vw;
  width: 20.8333333333vw;
  cursor: pointer;
  transition: all 0.3s ease;
}
.corporate .contact-form__submit:hover {
  background: #4F5155;
}
.corporate .contact-form__submit--disabled {
  background: #CCCCCC;
  cursor: not-allowed;
  opacity: 0.6;
}
.corporate .contact-form__submit--disabled:hover {
  background: #CCCCCC;
}
@media (max-width: 767px) {
  .corporate .contact-form__submit {
    padding: 5.1282051282vw 12.3076923077vw 5.1282051282vw 8.2051282051vw;
    border-radius: 256.1538461538vw;
    width: 100%;
    font-size: 4.1025641026vw;
  }
}
.corporate .contact-form__submit-text {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 767px) {
  .corporate .contact-form__submit-text {
    font-size: 4.1025641026vw;
  }
}
.corporate .contact-form__submit-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  border-radius: 2.7777777778vw;
  position: relative;
  flex-shrink: 0;
  background: url("../icons/white-arrow-right.svg") no-repeat center;
  background-size: contain;
}
@media (max-width: 767px) {
  .corporate .contact-form__submit-icon {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    border-radius: 10.2564102564vw;
  }
}

.recruit {
  background-color: #F5F5F5;
}
.recruit .hero {
  background: #E8515B;
  padding: 11.1111111111vw 5.5555555556vw 5.5555555556vw;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .recruit .hero {
    padding: 20.5128205128vw 5.1282051282vw 10.2564102564vw;
    align-items: flex-start;
  }
}
.recruit .hero__container {
  position: relative;
  max-width: 88.8888888889vw;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .recruit .hero__container {
    max-width: 96.1538461538vw;
  }
}
.recruit .hero__content {
  display: flex;
  gap: 3.3333333333vw;
  flex-direction: column;
}
@media (max-width: 767px) {
  .recruit .hero__content {
    flex-direction: column;
    align-items: center;
    gap: 6.1538461538vw;
  }
}
.recruit .hero__image {
  position: absolute;
  top: -1.5972222222vw;
  right: -5vw;
  width: 32.5vw;
  height: 28.2638888889vw;
}
@media (max-width: 767px) {
  .recruit .hero__image {
    display: none;
  }
}
.recruit .hero__text {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .recruit .hero__text {
    width: 100%;
  }
}
.recruit .hero__subtitle {
  font-weight: 700;
  font-size: 4.4444444444vw;
  line-height: 1.4;
  color: #ffffff;
}
@media (max-width: 767px) {
  .recruit .hero__subtitle {
    font-size: 9.2307692308vw;
    font-weight: 700;
    width: 100%;
  }
}
.recruit .hero__title {
  font-weight: 700;
  font-size: 6.6666666667vw;
  line-height: 1.4;
  color: #ffffff;
  letter-spacing: -2.88px;
}
@media (max-width: 767px) {
  .recruit .hero__title {
    font-size: 12.3076923077vw;
  }
}
.recruit .hero__features {
  display: flex;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .hero__features {
    position: relative;
    width: 100%;
    height: 84.6153846154vw;
    gap: 0;
  }
}
.recruit .hero__features-pc {
  display: block;
  width: auto;
  height: 14.6527777778vw;
  object-fit: contain;
}
@media (max-width: 767px) {
  .recruit .hero__features-pc {
    display: none;
  }
}
.recruit .hero__features-sp {
  display: none;
}
@media (max-width: 767px) {
  .recruit .hero__features-sp {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
}
.recruit .hero__feature {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15.9722222222vw;
  height: 14.6527777778vw;
}
@media (max-width: 767px) {
  .recruit .hero__feature {
    position: absolute;
    width: 43.5897435897vw;
    height: 40vw;
  }
}
@media (max-width: 767px) {
  .recruit .hero__feature:nth-child(1) {
    left: -10px;
    top: 0;
  }
}
@media (max-width: 767px) {
  .recruit .hero__feature:nth-child(2) {
    right: -10px;
    top: 0;
  }
}
@media (max-width: 767px) {
  .recruit .hero__feature:nth-child(3) {
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.5641025641vw;
  }
}
.recruit .hero__feature-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.recruit .problem {
  background: #ffffff;
  padding: 8.3333333333vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .recruit .problem {
    padding: 20.5128205128vw 5.1282051282vw;
    align-items: center;
  }
}
.recruit .problem__header {
  margin-bottom: 5.5555555556vw;
  max-width: 83.3333333333vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .problem__header {
    margin-bottom: 10.2564102564vw;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    gap: 4.1025641026vw;
  }
}
.recruit .problem__title-wrapper {
  display: flex;
  gap: 0.1388888889vw;
  flex-wrap: wrap;
  align-items: baseline;
}
@media (max-width: 767px) {
  .recruit .problem__title-wrapper {
    gap: 0.5128205128vw;
  }
}
.recruit .problem__title-highlight {
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 1.45;
  color: #18191B;
  background: linear-gradient(to top, #ff7c85 0%, #ff7c85 17%, transparent 17%);
  display: inline-block;
  padding: 0;
}
@media (max-width: 767px) {
  .recruit .problem__title-highlight {
    font-size: 8.2051282051vw;
  }
}
.recruit .problem__title {
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 1.45;
  color: #18191B;
  display: inline-block;
}
@media (max-width: 767px) {
  .recruit .problem__title {
    font-size: 8.2051282051vw;
    line-height: 1.4;
  }
}
.recruit .problem__subtitle {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #18191B;
}
@media (max-width: 767px) {
  .recruit .problem__subtitle {
    font-size: 3.5897435897vw;
  }
}
.recruit .problem__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3.3333333333vw;
  max-width: 83.3333333333vw;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .recruit .problem__content {
    flex-direction: column;
    gap: 12.3076923077vw;
    max-width: 100%;
    margin: 0;
  }
}
.recruit .problem__image-wrapper {
  position: relative;
  flex-shrink: 0;
  width: 32.8472222222vw;
  height: 26.9444444444vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .recruit .problem__image-wrapper {
    width: 67.4358974359vw;
    height: 55.641025641vw;
  }
}
.recruit .problem__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .recruit .problem__image {
    width: 100%;
    height: auto;
  }
}
.recruit .problem__text-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .problem__text-content {
    gap: 6.1538461538vw;
    flex: none;
    width: 100%;
  }
}
.recruit .problem__text-title {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.8;
  color: #18191B;
}
@media (max-width: 767px) {
  .recruit .problem__text-title {
    font-size: 5.1282051282vw;
  }
}
.recruit .problem__features {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .problem__features {
    gap: 4.1025641026vw;
  }
}
.recruit .problem__features-list {
  margin: 0;
  padding-left: 1.6666666667vw;
  list-style-type: disc;
}
.recruit .problem__features-list li {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #4b4b4b;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .recruit .problem__features-list li {
    font-size: 3.5897435897vw;
  }
}
@media (max-width: 767px) {
  .recruit .problem__features-list {
    padding-left: 6.1538461538vw;
  }
}
.recruit .problem__description p {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #4b4b4b;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .problem__description p {
    font-size: 3.5897435897vw;
  }
}
.recruit .problems {
  padding: 8.3333333333vw;
  display: flex;
  flex-direction: column;
  gap: 5.5555555556vw;
  background: #FCEFEF;
}
@media (max-width: 767px) {
  .recruit .problems {
    padding: 20.5128205128vw 5.1282051282vw;
    gap: 10.2564102564vw;
  }
}
.recruit .problems__header {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  max-width: 83.3333333333vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .recruit .problems__header {
    gap: 2.0512820513vw;
    max-width: 100%;
  }
}
.recruit .problems__label {
  font-weight: 600;
  font-size: 1.1111111111vw;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #18191B;
  margin: 0;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .recruit .problems__label {
    font-size: 4.1025641026vw;
  }
}
.recruit .problems__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .problems__title {
    font-size: 8.2051282051vw;
  }
}
.recruit .problems__content {
  display: flex;
  flex-direction: column;
  gap: 5.5555555556vw;
  max-width: 83.3333333333vw;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .recruit .problems__content {
    gap: 10.2564102564vw;
    max-width: 100%;
  }
}
.recruit .problems__cards {
  display: flex;
  gap: 2.7777777778vw;
  justify-content: center;
}
@media (max-width: 767px) {
  .recruit .problems__cards {
    flex-direction: column;
    gap: 6.1538461538vw;
  }
}
.recruit .problems__card {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2.2222222222vw;
}
@media (max-width: 767px) {
  .recruit .problems__card {
    gap: 6.1538461538vw;
  }
}
.recruit .problems__card-content {
  background: #ffffff;
  padding: 2.2222222222vw;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  max-width: 25.9027777778vw;
  min-height: 19.5833333333vw;
}
@media (max-width: 767px) {
  .recruit .problems__card-content {
    padding: 5.1282051282vw;
    gap: 4.1025641026vw;
    max-width: 100%;
    min-height: auto;
  }
}
.recruit .problems__card-header {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .problems__card-header {
    gap: 2.0512820513vw;
  }
}
.recruit .problems__card-number {
  font-weight: 600;
  font-size: 2.7777777778vw;
  line-height: 1;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .problems__card-number {
    font-size: 6.1538461538vw;
  }
}
.recruit .problems__card-title {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .problems__card-title {
    font-size: 5.1282051282vw;
  }
}
.recruit .problems__card-items {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .problems__card-items {
    gap: 2.0512820513vw;
  }
}
.recruit .problems__card-item {
  display: flex;
  gap: 0.4166666667vw;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .recruit .problems__card-item {
    gap: 1.5384615385vw;
  }
}
.recruit .problems__card-icon {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .recruit .problems__card-icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}
.recruit .problems__card-text {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.6;
  color: #4b4b4b;
  margin: 0;
  flex: 1;
}
@media (max-width: 767px) {
  .recruit .problems__card-text br {
    display: none;
  }
}
@media (max-width: 767px) {
  .recruit .problems__card-text {
    font-size: 3.5897435897vw;
  }
}
.recruit .problems__arrows {
  display: flex;
  gap: 2.7777777778vw;
  justify-content: center;
}
@media (max-width: 767px) {
  .recruit .problems__arrows {
    display: none;
  }
}
.recruit .problems__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 25.9027777778vw;
}
@media (max-width: 767px) {
  .recruit .problems__arrow {
    max-width: 100%;
  }
}
.recruit .problems__arrow-icon {
  width: 3.75vw;
  height: 2.7777777778vw;
}
@media (max-width: 767px) {
  .recruit .problems__arrow-icon {
    width: 13.8461538462vw;
    height: 10.2564102564vw;
  }
}
.recruit .problems__solutions {
  display: flex;
  gap: 2.7777777778vw;
  justify-content: center;
}
@media (max-width: 767px) {
  .recruit .problems__solutions {
    flex-direction: column;
    gap: 10.2564102564vw;
  }
}
.recruit .problems__solution {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
  max-width: 25.9027777778vw;
}
@media (max-width: 767px) {
  .recruit .problems__solution {
    gap: 4.1025641026vw;
    max-width: 100%;
  }
}
.recruit .problems__solution-image {
  width: 25.9027777778vw;
  height: 18.0555555556vw;
  object-fit: contain;
}
@media (max-width: 767px) {
  .recruit .problems__solution-image {
    width: 100%;
    height: 46.1538461538vw;
  }
}
.recruit .problems__solution-content {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .problems__solution-content {
    gap: 4.1025641026vw;
  }
}
.recruit .problems__solution-subtitle {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .problems__solution-subtitle {
    font-size: 3.5897435897vw;
  }
}
.recruit .problems__solution-title-wrapper {
  background: linear-gradient(to top, #ff7c85 0%, #ff7c85 17%, transparent 17%);
  display: flex;
  gap: 0.1388888889vw;
  align-items: baseline;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .recruit .problems__solution-title-wrapper {
    gap: 0.5128205128vw;
    width: fit-content;
  }
}
.recruit .problems__solution-title-wrapper--single {
  display: inline-flex;
  width: fit-content;
}
.recruit .problems__solution-text-small {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.5;
  color: #18191B;
}
@media (max-width: 767px) {
  .recruit .problems__solution-text-small {
    font-size: 5.1282051282vw;
  }
}
.recruit .problems__solution-number {
  font-weight: 700;
  font-size: 3.8888888889vw;
  line-height: 1;
  color: #18191B;
}
@media (max-width: 767px) {
  .recruit .problems__solution-number {
    font-size: 12.3076923077vw;
  }
}
.recruit .problems__solution-text-large {
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.5;
  color: #18191B;
}
@media (max-width: 767px) {
  .recruit .problems__solution-text-large {
    font-size: 6.1538461538vw;
  }
}
.recruit .problems__solution-text-medium {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.3;
  letter-spacing: 0.04em;
  color: #18191B;
}
@media (max-width: 767px) {
  .recruit .problems__solution-text-medium {
    font-size: 5.1282051282vw;
  }
}
.recruit .problems__solution-description {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #4b4b4b;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .problems__solution-description {
    font-size: 3.5897435897vw;
  }
}
.recruit .problems__reason {
  background: #ffffff;
  padding: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  gap: 2.7777777778vw;
}
@media (max-width: 767px) {
  .recruit .problems__reason {
    padding: 5.1282051282vw;
    gap: 10.2564102564vw;
  }
}
.recruit .problems__reason-header {
  display: flex;
  gap: 2.7777777778vw;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .recruit .problems__reason-header {
    flex-direction: column;
    gap: 0;
  }
}
.recruit .problems__reason-header-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .problems__reason-header-content {
    gap: 6.1538461538vw;
  }
}
.recruit .problems__reason-heading {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .problems__reason-heading {
    gap: 2.0512820513vw;
  }
}
.recruit .problems__reason-label {
  font-weight: 600;
  font-size: 1.1111111111vw;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #18191B;
  margin: 0;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .recruit .problems__reason-label {
    font-size: 4.1025641026vw;
  }
}
.recruit .problems__reason-title-wrapper {
  display: flex;
  gap: 0.1388888889vw;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .recruit .problems__reason-title-wrapper {
    gap: 0.5128205128vw;
  }
}
.recruit .problems__reason-title-text {
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.4;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .problems__reason-title-text {
    font-size: 5.1282051282vw;
  }
}
.recruit .problems__reason-title-highlight {
  background: linear-gradient(to top, #ff7c85 0%, #ff7c85 17%, transparent 17%);
}
.recruit .problems__reason-title-highlight.-pc {
  display: inline-flex;
}
@media (max-width: 767px) {
  .recruit .problems__reason-title-highlight.-pc {
    display: none;
  }
}
.recruit .problems__reason-title-highlight.-sp {
  display: none;
}
@media (max-width: 767px) {
  .recruit .problems__reason-title-highlight.-sp {
    display: inline-flex;
  }
}
.recruit .problems__reason-number-wrapper {
  display: inline-flex;
  align-items: baseline;
  gap: 0.2777777778vw;
}
@media (max-width: 767px) {
  .recruit .problems__reason-number-wrapper {
    gap: 1.0256410256vw;
  }
}
.recruit .problems__reason-number {
  font-weight: 700;
  font-size: 3.8888888889vw;
  line-height: 1;
  color: #18191B;
}
@media (max-width: 767px) {
  .recruit .problems__reason-number {
    font-size: 14.358974359vw;
  }
}
.recruit .problems__reason-number-text {
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.5;
  color: #18191B;
}
@media (max-width: 767px) {
  .recruit .problems__reason-number-text {
    font-size: 6.1538461538vw;
  }
}
.recruit .problems__reason-subtitle {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .problems__reason-subtitle {
    font-size: 4.1025641026vw;
  }
}
.recruit .problems__reason-image-wrapper {
  width: 18.2638888889vw;
  height: 14.7222222222vw;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .recruit .problems__reason-image-wrapper {
    display: none;
  }
}
.recruit .problems__reason-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .recruit .problems__reason-image {
    width: 100%;
    height: auto;
  }
}
.recruit .problems__reason-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .problems__reason-cards {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 6.1538461538vw;
  }
}
.recruit .problems__reason-card {
  border: 1px solid #a9a9a9;
  padding: 1.6666666667vw;
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .problems__reason-card {
    padding: 6.1538461538vw;
    gap: 4.1025641026vw;
  }
}
.recruit .problems__reason-card-title {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #e8515b;
}
@media (max-width: 767px) {
  .recruit .problems__reason-card-title {
    font-size: 4.1025641026vw;
  }
}
.recruit .problems__reason-card-text {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #4b4b4b;
}
@media (max-width: 767px) {
  .recruit .problems__reason-card-text {
    font-size: 3.5897435897vw;
  }
}
.recruit .cta {
  background: #E8515B;
  padding: 5.5555555556vw 13.8888888889vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .recruit .cta {
    padding: 6.1538461538vw 5.1282051282vw;
  }
}
.recruit .cta__container {
  max-width: 88.8888888889vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1.6666666667vw;
  width: 100%;
}
@media (max-width: 767px) {
  .recruit .cta__container {
    flex-direction: column;
    gap: 4.1025641026vw;
  }
}
.recruit .cta__image {
  width: 21.8409722222vw;
  height: auto;
}
@media (max-width: 767px) {
  .recruit .cta__image {
    width: 52.3076923077vw;
    height: 42.5641025641vw;
  }
}
.recruit .cta__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .cta__content {
    gap: 2.0512820513vw;
    align-items: center;
  }
}
.recruit .cta__text-box {
  display: flex;
  align-items: center;
  gap: 0;
}
@media (max-width: 767px) {
  .recruit .cta__text-box {
    justify-content: space-between;
    width: 89.7435897436vw;
    height: 17.6923076923vw;
  }
}
.recruit .cta__icon {
  width: 4.7222222222vw;
  height: 4.7916666667vw;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .recruit .cta__icon {
    width: 8.2051282051vw;
    height: 17.6923076923vw;
  }
}
.recruit .cta__icon--pc {
  display: block;
}
@media (max-width: 767px) {
  .recruit .cta__icon--pc {
    display: none;
  }
}
.recruit .cta__icon--sp {
  display: none;
}
@media (max-width: 767px) {
  .recruit .cta__icon--sp {
    display: block;
  }
}
.recruit .cta__text {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  text-align: left;
  color: #ffffff;
  margin: 0;
}
.recruit .cta__text br {
  display: none;
}
@media (max-width: 767px) {
  .recruit .cta__text {
    font-size: 4.1025641026vw;
    text-align: center;
    flex: 1;
  }
  .recruit .cta__text br {
    display: inline;
  }
}
.recruit .cta__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  text-align: left;
  color: #ffffff;
  margin: 0;
  width: 46.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .cta__title {
    font-size: 8.2051282051vw;
    width: 89.7435897436vw;
    text-align: center;
  }
}
.recruit .cta__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3472222222vw;
  padding: 1.3888888889vw 1.1111111111vw 1.3888888889vw 2.2222222222vw;
  background: #18191B;
  color: #ffffff;
  border-radius: 69.375vw;
  text-decoration: none;
  width: 20.8333333333vw;
  transition: all 0.3s ease;
  position: relative;
}
@media (max-width: 767px) {
  .recruit .cta__button {
    gap: 1.2820512821vw;
    padding: 5.1282051282vw 4.1025641026vw 5.1282051282vw 8.2051282051vw;
    border-radius: 256.1538461538vw;
    width: 100%;
  }
}
.recruit .cta__button:hover {
  background: #4F5155;
}
.recruit .cta__button-text {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  width: 100%;
  padding-right: 2.2222222222vw;
  margin-left: -1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .cta__button-text {
    font-size: 4.1025641026vw;
    padding-right: 8.2051282051vw;
    margin-left: -4.1025641026vw;
  }
}
.recruit .cta__button-icon {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  background: url("../icons/arrow-down.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 1.1111111111vw;
  transform: rotate(-90deg);
}
@media (max-width: 767px) {
  .recruit .cta__button-icon {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    right: 4.1025641026vw;
  }
}
.recruit .flow {
  background: #F7F9FF;
  padding: 8.3333333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .recruit .flow {
    padding: 20.5128205128vw 5.1282051282vw;
  }
}
.recruit .flow__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5.5555555556vw;
  width: 100%;
  max-width: 88.8888888889vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .recruit .flow__container {
    flex-direction: column;
    gap: 10.2564102564vw;
  }
}
.recruit .flow__content {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .flow__content {
    gap: 6.1538461538vw;
  }
}
.recruit .flow__header {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .flow__header {
    gap: 4.1025641026vw;
  }
}
.recruit .flow__label-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .flow__label-wrapper {
    gap: 4.1025641026vw;
  }
}
.recruit .flow__label {
  font-weight: 600;
  font-size: 1.1111111111vw;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .flow__label {
    font-size: 4.1025641026vw;
  }
}
.recruit .flow__title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .flow__title-wrapper {
    gap: 2.0512820513vw;
  }
}
.recruit .flow__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  text-align: left;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .flow__title {
    font-size: 8.2051282051vw;
  }
}
.recruit .flow__text-content {
  display: flex;
  flex-direction: column;
  gap: 0.2083333333vw;
}
@media (max-width: 767px) {
  .recruit .flow__text-content {
    gap: 0.7692307692vw;
  }
}
.recruit .flow__lead {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
  width: 37.2222222222vw;
}
@media (max-width: 767px) {
  .recruit .flow__lead {
    font-size: 4.1025641026vw;
    width: 100%;
  }
}
.recruit .flow__description {
  display: flex;
  flex-direction: row;
  gap: 0.2083333333vw;
}
@media (max-width: 767px) {
  .recruit .flow__description {
    gap: 0.7692307692vw;
    flex-wrap: wrap;
  }
}
.recruit .flow__description--pc {
  display: flex;
}
@media (max-width: 767px) {
  .recruit .flow__description--pc {
    display: none;
  }
}
.recruit .flow__description--sp {
  display: none;
}
@media (max-width: 767px) {
  .recruit .flow__description--sp {
    display: flex;
  }
}
.recruit .flow__description-text {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #4B4B4B;
}
@media (max-width: 767px) {
  .recruit .flow__description-text {
    font-size: 4.1025641026vw;
  }
}
.recruit .flow__description-highlight {
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #4B4B4B;
  background: linear-gradient(to top, #ff7c85 0%, #ff7c85 17%, transparent 17%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.6944444444vw;
}
@media (max-width: 767px) {
  .recruit .flow__description-highlight {
    font-size: 4.6153846154vw;
    gap: 2.5641025641vw;
  }
}
.recruit .flow__detail {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .flow__detail {
    font-size: 4.1025641026vw;
  }
}
.recruit .flow__image {
  width: 34.4444444444vw;
  height: 23.4722222222vw;
}
@media (max-width: 767px) {
  .recruit .flow__image {
    width: 100%;
    height: auto;
  }
}
.recruit .contents {
  background: #ffffff;
  padding: 5.5555555556vw 8.3333333333vw 8.3333333333vw;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .recruit .contents {
    padding: 20.5128205128vw 5.1282051282vw;
  }
}
.recruit .contents__header {
  margin-bottom: 3.3333333333vw;
}
@media (max-width: 767px) {
  .recruit .contents__header {
    margin-bottom: 10.2564102564vw;
  }
}
.recruit .contents__label {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.1111111111vw;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .contents__label {
    font-size: 4.1025641026vw;
    margin-bottom: 4.1025641026vw;
  }
}
.recruit .contents__title-wrapper {
  margin-bottom: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .contents__title-wrapper {
    margin-bottom: 4.1025641026vw;
  }
}
.recruit .contents__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  color: #000000;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0;
  margin-bottom: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .contents__title {
    font-size: 8.2051282051vw;
    margin-bottom: 2.0512820513vw;
  }
}
.recruit .contents__title-line {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  color: #000000;
}
@media (max-width: 767px) {
  .recruit .contents__title-line {
    font-size: 8.2051282051vw;
  }
}
.recruit .contents__title-highlight {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  color: #000000;
  background: linear-gradient(to top, #ff7c85 16.926%, rgba(255, 255, 255, 0) 16.928%);
  display: inline-block;
}
@media (max-width: 767px) {
  .recruit .contents__title-highlight {
    font-size: 8.2051282051vw;
  }
}
.recruit .contents__title-number {
  display: flex;
  align-items: baseline;
  gap: 0.1388888889vw;
}
@media (max-width: 767px) {
  .recruit .contents__title-number {
    gap: 0.5128205128vw;
  }
}
.recruit .contents__number {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 5.5555555556vw;
  line-height: 1;
  color: #E8515B;
}
@media (max-width: 767px) {
  .recruit .contents__number {
    font-size: 15.3846153846vw;
  }
}
.recruit .contents__subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #000000;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .contents__subtitle {
    font-size: 3.5897435897vw;
  }
}
.recruit .contents__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .contents__grid {
    grid-template-columns: 1fr;
    gap: 4.1025641026vw;
  }
}
.recruit .contents__item {
  background: #FCEFEF;
  padding: 1.1111111111vw;
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .contents__item {
    padding: 4.1025641026vw;
    gap: 4.1025641026vw;
  }
}
.recruit .contents__item-header {
  display: flex;
  align-items: center;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .contents__item-header {
    gap: 2.0512820513vw;
  }
}
.recruit .contents__item-number {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.6666666667vw;
  line-height: 1;
  color: #000000;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .recruit .contents__item-number {
    font-size: 5.1282051282vw;
  }
}
.recruit .contents__item-title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #000000;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .contents__item-title {
    font-size: 4.6153846154vw;
  }
}
.recruit .contents__item-subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  color: #000000;
}
@media (max-width: 767px) {
  .recruit .contents__item-subtitle {
    font-size: 3.5897435897vw;
  }
}
.recruit .contents__item-content {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .contents__item-content {
    gap: 2.0512820513vw;
  }
}
.recruit .contents__item-description {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #000000;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .contents__item-description {
    font-size: 3.3333333333vw;
  }
}
.recruit .contents__item-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .contents__item-tags {
    gap: 4.1025641026vw;
  }
}
.recruit .contents__item-tags--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .contents__item-tags--grid {
    gap: 2.0512820513vw;
  }
}
.recruit .contents__tags-column {
  list-style: disc;
  padding-left: 1.4583333333vw;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .contents__tags-column {
    padding-left: 4.6153846154vw;
  }
}
.recruit .contents__tags-column li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #000000;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .recruit .contents__tags-column li {
    font-size: 3.3333333333vw;
  }
}
.recruit .contents__tags-column li:last-child {
  margin-bottom: 0;
}
.recruit .plan {
  background: #FCEFEF;
  padding: 8.3333333333vw 8.3333333333vw 2.7777777778vw;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  max-width: 100vw;
}
@media (max-width: 767px) {
  .recruit .plan {
    padding: 20.5128205128vw 5.1282051282vw;
  }
}
.recruit .plan__inner {
  display: flex;
  flex-direction: column;
  gap: 3.3333333333vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .recruit .plan__inner {
    gap: 4.1025641026vw;
  }
}
.recruit .plan__scrollbar-wrapper {
  display: none;
}
@media (max-width: 767px) {
  .recruit .plan__scrollbar-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 4.1025641026vw;
  }
}
.recruit .plan__scrollbar-track {
  width: 100%;
  background: #F0F0F0;
  border-radius: 69.375vw;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .recruit .plan__scrollbar-track {
    height: 3.8461538462vw;
  }
}
.recruit .plan__scrollbar-thumb {
  height: 100%;
  background: #222222;
  border-radius: 69.375vw;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  transition: background 0.2s ease;
}
.recruit .plan__scrollbar-thumb:hover {
  background: #000000;
}
.recruit .plan__scrollbar-thumb:active {
  background: #000000;
}
.recruit .plan__scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  padding-top: 1.3888888889vw;
}
@media (max-width: 767px) {
  .recruit .plan__scroll {
    padding-top: 5.1282051282vw;
  }
}
@media (max-width: 767px) {
  .recruit .plan__scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-top: 5.1282051282vw;
  }
  .recruit .plan__scroll::-webkit-scrollbar {
    display: none;
  }
}
.recruit .plan__header {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
  margin-bottom: 5.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .plan__header {
    margin-bottom: 10.2564102564vw;
  }
}
.recruit .plan__label {
  font-weight: 600;
  font-size: 1.1111111111vw;
  letter-spacing: 0.03em;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .plan__label {
    font-size: 3.5897435897vw;
    letter-spacing: 0.04em;
  }
}
.recruit .plan__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.35;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .plan__title {
    font-size: 8.2051282051vw;
    line-height: 1.4;
  }
}
.recruit .plan__title-br {
  display: none;
}
@media (max-width: 767px) {
  .recruit .plan__title-br {
    display: block;
  }
}
.recruit .plan__description {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.75;
  color: #4b4b4b;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .plan__description {
    font-size: 3.5897435897vw;
    line-height: 1.8;
  }
}
.recruit .plan__addons {
  margin: 5.5555555556vw auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.8888888889vw;
  max-width: 93.75vw;
  padding: 3.8888888889vw 4.4444444444vw;
  background: #ffffff;
  border-radius: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .plan__addons {
    margin-top: 15.3846153846vw;
    flex-direction: column;
    align-items: stretch;
    gap: 8.2051282051vw;
    padding: 8.2051282051vw;
    border-radius: 6.1538461538vw;
  }
}
.recruit .plan__addons-text {
  flex: 0 0 auto;
  max-width: 22.2222222222vw;
  text-align: left;
}
@media (max-width: 767px) {
  .recruit .plan__addons-text {
    text-align: left;
    max-width: none;
  }
}
.recruit .plan__addons-title {
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.4;
  color: #18191B;
  margin: 0;
  width: 34.7222222222vw;
}
@media (max-width: 767px) {
  .recruit .plan__addons-title {
    font-size: 5.1282051282vw;
    width: 100%;
  }
}
.recruit .plan__addons-list {
  display: flex;
  align-items: baseline;
  flex: 1 1 auto;
  gap: 2.7777777778vw;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .recruit .plan__addons-list {
    flex-direction: column;
    align-items: stretch;
    gap: 6.1538461538vw;
    justify-content: flex-start;
  }
}
.recruit .plan__addon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .plan__addon {
    flex-direction: row;
    gap: 4.1025641026vw;
    width: 100%;
  }
}
.recruit .plan__addon-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.7222222222vw;
  height: 9.7222222222vw;
  background: #FCEFEF;
  border-radius: 50%;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .recruit .plan__addon-icon {
    width: 20.5128205128vw;
    height: 20.5128205128vw;
  }
}
.recruit .plan__addon-image {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  object-fit: contain;
}
@media (max-width: 767px) {
  .recruit .plan__addon-image {
    width: 14.358974359vw;
    height: 14.358974359vw;
  }
}
.recruit .plan__addon-text {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #18191B;
  text-align: center;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .plan__addon-text {
    font-size: 5.1282051282vw;
    text-align: left;
    flex: 1;
  }
  .recruit .plan__addon-text br {
    display: inline;
  }
}
.recruit .plan__grid {
  min-width: 83.3333333333vw;
  display: grid;
  grid-template-columns: 15.2777777778vw repeat(3, minmax(0, 1fr));
  background: #ffffff;
  border: 1px solid #d6dcea;
  box-shadow: 0 0.5555555556vw 1.6666666667vw rgba(16, 27, 54, 0.04);
}
@media (max-width: 767px) {
  .recruit .plan__grid {
    min-width: 287.1794871795vw;
    grid-template-columns: 25.641025641vw repeat(3, minmax(0, 87.1794871795vw));
  }
}
.recruit .plan__grid > * {
  padding: 0.8333333333vw 1.1111111111vw;
  border-right: 1px solid #d6dcea;
  border-bottom: 1px solid #d6dcea;
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.75;
  color: #18191B;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 767px) {
  .recruit .plan__grid > * {
    padding: 2.5641025641vw 1.5384615385vw;
    font-size: 3.0769230769vw;
  }
}
.recruit .plan__grid > *:nth-child(4n+1) {
  background: #EEE;
  justify-content: left;
}
@media (max-width: 767px) {
  .recruit .plan__grid > *:nth-child(4n+1) {
    font-size: 3.5897435897vw;
    background: #EEE;
    justify-content: left;
  }
}
.recruit .plan__grid > *:nth-child(4n) {
  border-right: none;
}
.recruit .plan__grid > *:nth-last-child(-n+4) {
  border-bottom: none;
}
@media (max-width: 767px) {
  .recruit .plan__grid > *:nth-last-child(-n+4) {
    padding: 3.0769230769vw;
  }
}
.recruit .plan__head {
  font-weight: 700;
  font-size: 1.5277777778vw;
  line-height: 1.4;
  position: relative;
  padding: 1.1111111111vw 2.0833333333vw;
}
@media (max-width: 767px) {
  .recruit .plan__head {
    font-size: 3.0769230769vw;
    padding: 4.1025641026vw 7.6923076923vw;
    width: 87.1794871795vw;
    padding: 4.1025641026vw;
  }
}
.recruit .plan__head--light {
  background: #444444;
  color: #ffffff;
}
.recruit .plan__head--dark {
  background: #E8515B;
  color: #ffffff;
  z-index: 1;
  padding-top: 1.6666666667vw;
  margin-top: -0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .plan__head--dark {
    padding-top: 6.1538461538vw;
    margin-top: -2.0512820513vw;
  }
}
.recruit .plan__head--dark::after {
  content: "";
  position: absolute;
  top: -0.2777777778vw;
  right: -0.4166666667vw;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  background-image: url("../icons/ribbon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .recruit .plan__head--dark::after {
    width: 12.8205128205vw;
    height: 12.8205128205vw;
    top: -1.0256410256vw;
    right: -1.0256410256vw;
  }
}
.recruit .plan__head--empty {
  background: #F6F7FA;
}
.recruit .plan__head-title {
  display: block;
}
.recruit .plan__badge {
  position: absolute;
  top: -0.8333333333vw;
  right: 2.2222222222vw;
  padding: 0.5555555556vw 1.3888888889vw 0.8333333333vw;
  background: #ffcc26;
  color: #1a1d26;
  font-weight: 800;
  font-size: 0.9722222222vw;
  line-height: 1.1;
  letter-spacing: -0.04em;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .recruit .plan__badge {
    top: -2.0512820513vw;
    right: 4.1025641026vw;
    padding: 1.5384615385vw 3.5897435897vw 2.0512820513vw;
    font-size: 2.0512820513vw;
  }
}
.recruit .plan__cell--price {
  align-items: baseline;
  font-weight: 700;
  font-size: 1.8055555556vw;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .recruit .plan__cell--price {
    font-size: 5.641025641vw;
  }
}
.recruit .plan__cell--dash {
  font-weight: 500;
}
.recruit .plan__cell--icon {
  justify-content: center;
}
.recruit .plan__cell--list {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.recruit .plan__cell--custom {
  color: #4B4B4B;
}
.recruit .plan__price-number {
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .recruit .plan__price-number {
    font-size: 4.1025641026vw;
  }
}
.recruit .plan__price-unit, .recruit .plan__price-tilde {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .recruit .plan__price-unit, .recruit .plan__price-tilde {
    font-size: 3.5897435897vw;
  }
}
.recruit .plan__list {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: 400;
  font-size: 0.8333333333vw;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .recruit .plan__list {
    gap: 1.5384615385vw;
    font-size: 3.0769230769vw;
  }
}
.recruit .plan__list li {
  position: relative;
  padding-left: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .plan__list li {
    padding-left: 3.5897435897vw;
  }
}
.recruit .plan__list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
.recruit .plan__list .-all {
  padding-left: 0;
  font-weight: 700;
}
.recruit .plan__list .-all::before {
  content: "";
  display: none;
}
.recruit .plan__list--recommend {
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .plan__list--recommend {
    gap: 2.0512820513vw;
  }
}
.recruit .plan__list--recommend li {
  padding-left: 1.5277777778vw;
}
@media (max-width: 767px) {
  .recruit .plan__list--recommend li {
    padding-left: 7.1794871795vw;
  }
}
.recruit .plan__list--recommend li::before {
  content: "";
  background-image: url("../icons/checkmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.25vw;
  height: 1.25vw;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1440px) {
  .recruit .plan__list--recommend li::before {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
  }
}
@media (max-width: 767px) {
  .recruit .plan__list--recommend li::before {
    width: 3.0769230769vw;
    height: 3.0769230769vw;
  }
}
.recruit .plan .plan__recommend-strong {
  font-weight: 700;
}
.recruit .plan__check-icon {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .plan__check-icon {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
.recruit .nurture {
  background: #E8515B;
  padding: 5.5555555556vw 8.3333333333vw 8.3333333333vw;
  width: 100%;
}
@media (max-width: 767px) {
  .recruit .nurture {
    padding: 5.1282051282vw;
  }
}
.recruit .nurture__container {
  background: #ffffff;
  padding: 5.5555555556vw;
  display: flex;
  flex-direction: column;
  gap: 5.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .nurture__container {
    padding: 10.2564102564vw 5.1282051282vw;
    gap: 10.2564102564vw;
  }
}
.recruit .nurture__header {
  display: flex;
  gap: 2.2222222222vw;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .recruit .nurture__header {
    flex-direction: column;
    gap: 6.1538461538vw;
    align-items: flex-start;
  }
}
.recruit .nurture__header-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .nurture__header-content {
    gap: 5.1282051282vw;
  }
}
.recruit .nurture__label {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.1111111111vw;
  line-height: 1;
  color: #000000;
  text-transform: capitalize;
  letter-spacing: 0.48px;
}
@media (max-width: 767px) {
  .recruit .nurture__label {
    font-size: 3.5897435897vw;
  }
}
.recruit .nurture__title-group {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .nurture__title-group {
    gap: 1.5384615385vw;
  }
}
.recruit .nurture__title-line {
  display: flex;
  align-items: baseline;
  gap: 0.2777777778vw;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .recruit .nurture__title-line {
    gap: 1.0256410256vw;
  }
}
.recruit .nurture__title {
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  color: #000000;
}
@media (max-width: 767px) {
  .recruit .nurture__title {
    font-size: 6.1538461538vw;
  }
}
.recruit .nurture__title-highlight {
  background: linear-gradient(to top, rgb(255, 124, 133) 16.926%, rgba(255, 255, 255, 0) 16.928%);
  padding: 0 0.2777777778vw;
}
@media (max-width: 767px) {
  .recruit .nurture__title-highlight {
    padding: 0 0.5128205128vw;
  }
}
.recruit .nurture__title-highlight .nurture__title {
  color: #000000;
}
.recruit .nurture__title-number {
  display: flex;
  align-items: baseline;
  gap: 0.1388888889vw;
}
@media (max-width: 767px) {
  .recruit .nurture__title-number {
    gap: 0.5128205128vw;
  }
}
.recruit .nurture__number {
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 700;
  font-size: 5.5555555556vw;
  line-height: 1;
  color: #E8515B;
}
@media (max-width: 767px) {
  .recruit .nurture__number {
    font-size: 12.3076923077vw;
  }
}
.recruit .nurture__lead {
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #000000;
}
@media (max-width: 767px) {
  .recruit .nurture__lead {
    font-size: 3.5897435897vw;
  }
}
.recruit .nurture__description {
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #4B4B4B;
  max-width: 72.2222222222vw;
}
@media (max-width: 767px) {
  .recruit .nurture__description {
    font-size: 3.5897435897vw;
  }
}
.recruit .nurture__header-image {
  width: 22.5vw;
  height: 16.5277777778vw;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .recruit .nurture__header-image {
    width: 61.5384615385vw;
    height: 45.1282051282vw;
  }
}
.recruit .nurture__header-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.recruit .nurture__content {
  display: flex;
  flex-direction: column;
  gap: 2.7777777778vw;
}
@media (max-width: 767px) {
  .recruit .nurture__content {
    gap: 8.2051282051vw;
  }
}
.recruit .nurture__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.3333333333vw;
}
@media (max-width: 767px) {
  .recruit .nurture__row {
    grid-template-columns: 1fr;
    gap: 10.2564102564vw;
  }
}
.recruit .nurture__divider {
  width: 100%;
  height: 1px;
  background: #A9A9A9;
}
@media (max-width: 767px) {
  .recruit .nurture__divider {
    margin: 2.0512820513vw 0;
  }
}
.recruit .nurture__point {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .nurture__point {
    gap: 4.1025641026vw;
  }
}
.recruit .nurture__point--single {
  grid-column: 1;
}
@media (max-width: 767px) {
  .recruit .nurture__point--single {
    grid-column: 1;
  }
}
.recruit .nurture__point-header {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .nurture__point-header {
    gap: 1.5384615385vw;
  }
}
.recruit .nurture__point-number {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 3.3333333333vw;
  line-height: 1;
  color: #E8515B;
}
@media (max-width: 767px) {
  .recruit .nurture__point-number {
    font-size: 8.2051282051vw;
  }
}
.recruit .nurture__point-title {
  display: flex;
  flex-direction: column;
  gap: 0.2777777778vw;
}
@media (max-width: 767px) {
  .recruit .nurture__point-title {
    gap: 1.0256410256vw;
  }
}
.recruit .nurture__point-title-main {
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 700;
  font-size: 2.2222222222vw;
  line-height: 1.4;
  color: #E8515B;
}
@media (max-width: 767px) {
  .recruit .nurture__point-title-main {
    font-size: 5.1282051282vw;
  }
}
.recruit .nurture__point-title-sub {
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #E8515B;
}
@media (max-width: 767px) {
  .recruit .nurture__point-title-sub {
    font-size: 4.1025641026vw;
  }
}
.recruit .nurture__point-body {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .nurture__point-body {
    gap: 2.0512820513vw;
  }
}
.recruit .nurture__point-text {
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #000000;
}
@media (max-width: 767px) {
  .recruit .nurture__point-text {
    font-size: 3.0769230769vw;
  }
}
.recruit .nurture__point-flex {
  display: flex;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .nurture__point-flex {
    flex-direction: column;
    gap: 4.1025641026vw;
  }
}
.recruit .nurture__point-list {
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #000000;
  padding-left: 1.4583333333vw;
}
@media (max-width: 767px) {
  .recruit .nurture__point-list {
    font-size: 3.0769230769vw;
    padding-left: 4.6153846154vw;
  }
}
.recruit .nurture__point-list li {
  margin-bottom: 0;
}
.recruit .nurture__point-box {
  border: 1px solid #A9A9A9;
  padding: 0.5555555556vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
@media (max-width: 767px) {
  .recruit .nurture__point-box {
    padding: 3.0769230769vw;
  }
}
.recruit .nurture__point-box-text {
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #000000;
}
@media (max-width: 767px) {
  .recruit .nurture__point-box-text {
    font-size: 3.0769230769vw;
  }
}
.recruit .nurture__point-result {
  display: flex;
  gap: 0.2777777778vw;
  align-items: center;
}
@media (max-width: 767px) {
  .recruit .nurture__point-result {
    gap: 1.0256410256vw;
  }
}
.recruit .nurture__point-arrow {
  width: 0.8333333333vw;
  height: 1.25vw;
  flex-shrink: 0;
  position: relative;
}
@media (max-width: 767px) {
  .recruit .nurture__point-arrow {
    width: 2.5641025641vw;
    height: 3.8461538462vw;
  }
}
.recruit .nurture__point-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  width: 0;
  height: 0;
  border-left: 0.4166666667vw solid transparent;
  border-right: 0.4166666667vw solid transparent;
  border-top: 0.625vw solid #E8515B;
}
@media (max-width: 767px) {
  .recruit .nurture__point-arrow::before {
    border-left: 1.2820512821vw solid transparent;
    border-right: 1.2820512821vw solid transparent;
    border-top: 1.9230769231vw solid #E8515B;
  }
}
.recruit .nurture__point-result-text {
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #000000;
  flex: 1;
}
@media (max-width: 767px) {
  .recruit .nurture__point-result-text {
    font-size: 3.5897435897vw;
  }
}
.recruit .process {
  background: #F6F7FA;
  padding: 8.3333333333vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 5.5555555556vw;
  overflow: visible;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .recruit .process {
    padding: 20.5128205128vw 5.1282051282vw;
    gap: 10.2564102564vw;
    flex-direction: column;
  }
}
.recruit .process__header {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  max-width: 30.9027777778vw;
  position: sticky;
  top: 6.9444444444vw;
  align-self: flex-start;
  height: fit-content;
  z-index: 10;
}
@media (max-width: 767px) {
  .recruit .process__header {
    gap: 4.1025641026vw;
    max-width: 100%;
    position: static;
  }
}
.recruit .process__label-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .process__label-wrapper {
    gap: 2.0512820513vw;
  }
}
.recruit .process__label {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .process__label {
    font-size: 4.1025641026vw;
  }
}
.recruit .process__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .process__title {
    font-size: 8.2051282051vw;
  }
}
.recruit .process__description {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .process__description {
    font-size: 3.5897435897vw;
  }
}
.recruit .process__steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1111111111vw;
  max-width: 48.5416666667vw;
  width: 100%;
}
@media (max-width: 767px) {
  .recruit .process__steps {
    gap: 4.1025641026vw;
    max-width: 100%;
  }
}
.recruit .process__step {
  width: 100%;
}
.recruit .process__step-content {
  background: #ffffff;
  border: 1px solid #A9A9A9;
  padding: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .recruit .process__step-content {
    padding: 6.1538461538vw;
    gap: 4.1025641026vw;
  }
}
.recruit .process__step-header {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .process__step-header {
    gap: 4.1025641026vw;
  }
}
.recruit .process__step-icon {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  object-fit: contain;
}
@media (max-width: 767px) {
  .recruit .process__step-icon {
    width: 12.3076923077vw;
    height: 12.3076923077vw;
  }
}
.recruit .process__step-title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.2777777778vw;
}
@media (max-width: 767px) {
  .recruit .process__step-title-wrapper {
    gap: 1.0256410256vw;
  }
}
.recruit .process__step-number {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.8055555556vw;
  line-height: 1.25;
  text-transform: uppercase;
  color: #111111;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .process__step-number {
    font-size: 5.1282051282vw;
  }
}
.recruit .process__step-title {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #000000;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .process__step-title {
    font-size: 4.6153846154vw;
  }
}
.recruit .process__step-text {
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #444444;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .process__step-text {
    font-size: 3.5897435897vw;
  }
}
.recruit .process__arrow {
  width: 1.6666666667vw;
  height: 0.9166666667vw;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .recruit .process__arrow {
    width: 6.1538461538vw;
    height: 3.3846153846vw;
  }
}
.recruit .news {
  background: #ffffff;
  padding: 8.3333333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .news {
    padding: 20.5128205128vw 2.5641025641vw;
    gap: 6.1538461538vw;
  }
}
.recruit .news__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5555555556vw;
  max-width: 83.3333333333vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .recruit .news__header {
    gap: 2.0512820513vw;
    align-items: flex-start;
    max-width: 100%;
    margin-left: 5.1282051282vw;
    margin-right: 0;
  }
}
.recruit .news__label {
  font-weight: 600;
  font-size: 1.1111111111vw;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .news__label {
    font-size: 4.1025641026vw;
  }
}
.recruit .news__title {
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 1.45;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .news__title {
    font-size: 6.1538461538vw;
    line-height: 1.45;
  }
}
.recruit .news__list {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  gap: 2.7777777778vw;
  width: 100%;
  max-width: 83.3333333333vw;
}
@media (max-width: 767px) {
  .recruit .news__list {
    flex-direction: column;
    gap: 10.2564102564vw;
    max-width: 89.7435897436vw;
  }
}
.recruit .news__card {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  flex: 1;
}
@media (max-width: 767px) {
  .recruit .news__card {
    gap: 2.0512820513vw;
  }
}
.recruit .news__card-image-wrapper {
  width: 100%;
  height: 13.8888888889vw;
  overflow: hidden;
  background: #D9D9D9;
}
@media (max-width: 767px) {
  .recruit .news__card-image-wrapper {
    height: 51.2820512821vw;
  }
}
.recruit .news__card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruit .news__card-content {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
  flex: 1;
}
@media (max-width: 767px) {
  .recruit .news__card-content {
    gap: 4.1025641026vw;
  }
}
.recruit .news__card-meta {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .news__card-meta {
    gap: 2.0512820513vw;
  }
}
.recruit .news__card-tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.2777777778vw 0.6944444444vw;
  background: #F7F7F7;
  border-radius: 0.2777777778vw;
  font-family: "YuGothic", sans-serif;
  font-weight: 700;
  font-size: 0.6944444444vw;
  line-height: 1.5;
  color: #262626;
  width: fit-content;
}
@media (max-width: 767px) {
  .recruit .news__card-tag {
    padding: 1.0256410256vw 2.5641025641vw;
    border-radius: 1.0256410256vw;
    font-size: 2.5641025641vw;
  }
}
.recruit .news__card-date {
  font-family: "YuGothic", sans-serif;
  font-weight: 700;
  font-size: 0.6944444444vw;
  line-height: 1.5;
  color: #636363;
}
@media (max-width: 767px) {
  .recruit .news__card-date {
    font-size: 2.5641025641vw;
  }
}
.recruit .news__card-title {
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #000000;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 4.7222222222vw;
}
@media (max-width: 767px) {
  .recruit .news__card-title {
    font-size: 4.1025641026vw;
    line-height: 1.4;
    height: auto;
  }
}
.recruit .news__card-description {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #000000;
  margin: 0;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .recruit .news__card-description {
    font-size: 3.5897435897vw;
  }
}
.recruit .news__card-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3472222222vw;
  padding: 0.8333333333vw 1.1111111111vw 0.8333333333vw 2.2222222222vw;
  background: #ffffff;
  color: #18191B;
  border: 1px solid #18191B;
  border-radius: 69.375vw;
  text-decoration: none;
  width: 100%;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .recruit .news__card-button {
    gap: 1.2820512821vw;
    padding: 3.0769230769vw 4.1025641026vw 3.0769230769vw 8.2051282051vw;
    border-radius: 256.1538461538vw;
    width: 100%;
  }
}
.recruit .news__card-button:hover {
  background: #4B4B4B;
}
.recruit .news__card-button:hover .news__card-button-text {
  color: #ffffff;
}
.recruit .news__card-button:hover .news__card-button-icon {
  background: url("../icons/white-arrow-right.svg") no-repeat center center;
  background-size: contain;
}
.recruit .news__card-button-text {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #18191B;
  flex: 1;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .recruit .news__card-button-text {
    font-size: 4.1025641026vw;
    line-height: 1.4;
  }
}
.recruit .news__card-button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  background-image: url("../icons/black-arrow-right.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .recruit .news__card-button-icon {
    width: 7.1794871795vw;
    height: 7.1794871795vw;
  }
}
.recruit .news__more-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8333333333vw;
  padding: 1.8055555556vw 0.5555555556vw 1.6666666667vw 0.5555555556vw;
  background: #18191B;
  color: #ffffff;
  border-radius: 69.375vw;
  text-decoration: none;
  width: 23.6111111111vw;
  transition: all 0.3s ease;
  position: relative;
}
@media (max-width: 767px) {
  .recruit .news__more-button {
    gap: 3.0769230769vw;
    padding: 5.641025641vw 2.0512820513vw 5.641025641vw 2.0512820513vw;
    border-radius: 256.1538461538vw;
    width: 89.7435897436vw;
  }
}
.recruit .news__more-button:hover {
  background: #4F5155;
}
.recruit .news__more-button-text {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  width: 100%;
  padding-right: 1.9444444444vw;
  margin-left: -0.9722222222vw;
}
@media (max-width: 767px) {
  .recruit .news__more-button-text {
    font-size: 4.1025641026vw;
    line-height: 1.4;
    padding-right: 7.1794871795vw;
    margin-left: -3.5897435897vw;
  }
}
.recruit .news__more-button-icon {
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  background: url("../icons/white-arrow-right.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 1.1111111111vw;
}
@media (max-width: 767px) {
  .recruit .news__more-button-icon {
    width: 7.1794871795vw;
    height: 7.1794871795vw;
    right: 4.1025641026vw;
  }
}
.recruit .contact-form {
  background: #F6F7FA;
  padding: 8.3333333333vw 8.3333333333vw 5.5555555556vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 5.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .contact-form {
    padding: 20.5128205128vw 5.1282051282vw 10.2564102564vw;
    gap: 10.2564102564vw;
    flex-direction: column;
    align-items: center;
  }
}
.recruit .contact-form__header {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  max-width: 30.9027777778vw;
}
@media (max-width: 767px) {
  .recruit .contact-form__header {
    gap: 6.1538461538vw;
    max-width: 100%;
    align-self: stretch;
  }
}
.recruit .contact-form__title {
  font-weight: 700;
  font-size: 3.3333333333vw;
  line-height: 1.4;
  color: #18191B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .contact-form__title {
    font-size: 8.2051282051vw;
    line-height: 1.4;
  }
}
.recruit .contact-form__description {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .contact-form__description {
    font-size: 4.1025641026vw;
  }
}
.recruit .contact-form__form {
  display: flex;
  flex-direction: column;
  gap: 1.3888888889vw;
  background: #ffffff;
  padding: 5.5555555556vw 3.8888888889vw;
  border-radius: 0.5555555556vw;
  max-width: 69.4444444444vw;
  width: 100%;
}
@media (max-width: 767px) {
  .recruit .contact-form__form {
    gap: 5.1282051282vw;
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    max-width: 92.3076923077vw;
  }
}
.recruit .contact-form__field {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2.7777777778vw;
  width: 39.1666666667vw;
}
@media (max-width: 767px) {
  .recruit .contact-form__field {
    flex-direction: column;
    gap: 2.0512820513vw;
    align-items: stretch;
    width: 100%;
  }
}
.recruit .contact-form__field--radio {
  align-items: flex-start;
}
@media (max-width: 767px) {
  .recruit .contact-form__field--radio {
    flex-direction: column;
  }
}
.recruit .contact-form__field--textarea {
  align-items: flex-start;
}
@media (max-width: 767px) {
  .recruit .contact-form__field--textarea {
    flex-direction: column;
  }
}
.recruit .contact-form__label-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  gap: 0.5555555556vw;
  min-width: 10.4166666667vw;
}
@media (max-width: 767px) {
  .recruit .contact-form__label-wrapper {
    flex-direction: row !important;
    gap: 2.0512820513vw;
    min-width: auto;
  }
}
.recruit .contact-form__label-wrapper p {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  gap: 0.5555555556vw;
  margin: 0;
  min-width: 220px;
  padding-top: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .contact-form__label-wrapper p {
    gap: 2.0512820513vw;
    padding-top: 2.0512820513vw;
  }
}
.recruit .contact-form__label-wrapper label br {
  display: block !important;
}
.recruit .contact-form__badge {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.0833333333vw;
  height: 1.5277777778vw;
  border: 1px solid #E22020;
  border-radius: 0.1388888889vw;
  font-weight: 700;
  font-size: 0.8333333333vw;
  line-height: 1.8;
  text-align: center;
  color: #E22020;
}
@media (max-width: 767px) {
  .recruit .contact-form__badge {
    width: 7.6923076923vw;
    height: 5.641025641vw;
    font-size: 3.0769230769vw;
  }
}
.recruit .contact-form__label {
  display: inline;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  color: #000000;
}
@media (max-width: 767px) {
  .recruit .contact-form__label {
    font-size: 4.1025641026vw;
  }
}
.recruit .contact-form__label br {
  display: block;
}
.recruit .contact-form__input {
  flex: 1;
  height: 2.7777777778vw;
  padding: 0 0.6944444444vw;
  border: 1px solid #A9A9A9;
  border-radius: 0.2777777778vw;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #18191B;
}
.recruit .contact-form__input:focus {
  outline: none;
  border-color: #3690FF;
}
@media (max-width: 1440px) {
  .recruit .contact-form__input {
    height: 2.7777777778vw;
    padding: 0 1.3888888889vw;
    border-radius: 0.2777777778vw;
    font-size: 0.9722222222vw;
  }
}
@media (max-width: 767px) {
  .recruit .contact-form__input {
    width: 100%;
    height: 10.2564102564vw;
    padding: 0 2.5641025641vw;
    border-radius: 1.5384615385vw;
    font-size: 3.5897435897vw;
  }
}
.recruit .contact-form__radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.9722222222vw;
}
.recruit .contact-form__radio-group .wpcf7-list-item {
  margin: 0 !important;
  display: block !important;
}
@media (max-width: 767px) {
  .recruit .contact-form__radio-group {
    gap: 2.0512820513vw;
  }
}
.recruit .contact-form__radio {
  display: flex;
  align-items: center;
  gap: 0.5555555556vw;
  cursor: pointer;
}
.recruit .contact-form__radio input[type=radio] {
  appearance: none;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  border: 1px solid #4B4B4B;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}
.recruit .contact-form__radio input[type=radio]:checked {
  border-color: #18191B;
}
.recruit .contact-form__radio input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5555555556vw;
  height: 0.5555555556vw;
  background: #18191B;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .recruit .contact-form__radio input[type=radio] {
    width: 4.1025641026vw;
    height: 4.1025641026vw;
  }
  .recruit .contact-form__radio input[type=radio]:checked::after {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
  }
}
@media (max-width: 767px) {
  .recruit .contact-form__radio {
    gap: 2.0512820513vw;
  }
}
.recruit .contact-form__radio-label {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #000000;
}
@media (max-width: 767px) {
  .recruit .contact-form__radio-label {
    font-size: 3.5897435897vw;
  }
}
.recruit .contact-form__textarea-label {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  min-width: 10.4166666667vw;
}
@media (max-width: 767px) {
  .recruit .contact-form__textarea-label {
    gap: 2.0512820513vw;
    min-width: auto;
  }
}
.recruit .contact-form__textarea-note {
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .contact-form__textarea-note {
    font-size: 3.5897435897vw;
  }
}
.recruit .contact-form__textarea-limit {
  font-weight: 500;
  font-size: 0.8333333333vw;
  line-height: 1.8;
  color: #4B4B4B;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .contact-form__textarea-limit {
    font-size: 3.0769230769vw;
  }
}
.recruit .contact-form__textarea {
  flex: 1;
  padding: 0.8333333333vw 1.3888888889vw;
  border: 1px solid #999999;
  border-radius: 0.2777777778vw;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #18191B;
  resize: vertical;
  min-height: 10.4166666667vw;
}
.recruit .contact-form__textarea:focus {
  outline: none;
  border-color: #3690FF;
}
@media (max-width: 767px) {
  .recruit .contact-form__textarea {
    width: 100%;
    padding: 3.0769230769vw 2.5641025641vw;
    border-radius: 1.5384615385vw;
    font-size: 3.5897435897vw;
    min-height: 38.4615384615vw;
  }
}
.recruit .contact-form__checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.recruit .contact-form__checkbox-group .wpcf7-list-item {
  margin: 0 !important;
  display: block !important;
}
.recruit .contact-form__checkbox-group .wpcf7-acceptance,
.recruit .contact-form__checkbox-group .cf-accept-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .recruit .contact-form__checkbox-group .wpcf7-acceptance,
  .recruit .contact-form__checkbox-group .cf-accept-wrap {
    gap: 2.0512820513vw;
  }
}
.recruit .contact-form__checkbox-group .wpcf7-acceptance label,
.recruit .contact-form__checkbox-group .cf-accept-wrap label {
  display: flex !important;
  align-items: center !important;
  gap: 0.5555555556vw;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .contact-form__checkbox-group .wpcf7-acceptance label,
  .recruit .contact-form__checkbox-group .cf-accept-wrap label {
    gap: 2.0512820513vw;
  }
}
.recruit .contact-form__checkbox-group .wpcf7-acceptance input[type=checkbox],
.recruit .contact-form__checkbox-group .cf-accept-wrap input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  background: #ffffff;
  border: 1px solid #999999;
  border-radius: 0.2777777778vw;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .recruit .contact-form__checkbox-group .wpcf7-acceptance input[type=checkbox],
  .recruit .contact-form__checkbox-group .cf-accept-wrap input[type=checkbox] {
    width: 4.1025641026vw;
    height: 4.1025641026vw;
    border-radius: 1.0256410256vw;
  }
}
.recruit .contact-form__checkbox-group .wpcf7-acceptance input[type=checkbox]:checked,
.recruit .contact-form__checkbox-group .cf-accept-wrap input[type=checkbox]:checked {
  background: #ffffff;
  border-color: #999999;
}
.recruit .contact-form__checkbox-group .wpcf7-acceptance input[type=checkbox]:checked::after,
.recruit .contact-form__checkbox-group .cf-accept-wrap input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-image: url("../icons/checkmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.recruit .contact-form__checkbox {
  display: flex;
  align-items: center;
  gap: 0.5555555556vw;
  cursor: pointer;
}
.recruit .contact-form__checkbox input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #999999;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
}
.recruit .contact-form__checkbox input[type=checkbox]:checked {
  background: #ffffff;
  border-color: #999999;
}
.recruit .contact-form__checkbox input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-image: url("../icons/checkmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767px) {
  .recruit .contact-form__checkbox input[type=checkbox] {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .recruit .contact-form__checkbox {
    gap: 2.0512820513vw;
  }
}
.recruit .contact-form__checkbox-label {
  font-weight: 500;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: #000000;
}
@media (max-width: 767px) {
  .recruit .contact-form__checkbox-label {
    font-size: 4.1025641026vw;
  }
}
.recruit .contact-form__notice {
  font-weight: 500;
  font-size: 0.8333333333vw;
  line-height: 1.8;
  color: #E22020;
  margin: 0;
}
@media (max-width: 767px) {
  .recruit .contact-form__notice {
    font-size: 3.0769230769vw;
  }
}
.recruit .contact-form__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 0.6944444444vw;
}
@media (max-width: 767px) {
  .recruit .contact-form__actions {
    gap: 2.5641025641vw;
  }
}
.recruit .contact-form__actions .wpcf7-spinner {
  position: absolute;
  margin: 0;
}
.recruit .contact-form__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.recruit .contact-form__actions::after {
  content: "";
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  background: url("../icons/white-arrow-right.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  right: calc(50% - 20.8333333333vw / 2 + 1.3888888889vw);
  pointer-events: none;
}
@media (max-width: 767px) {
  .recruit .contact-form__actions::after {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    right: 5.1282051282vw;
  }
}
.recruit .contact-form__submit {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  padding: 1.3888888889vw 3.3333333333vw 1.3888888889vw 2.2222222222vw;
  background: #18191B;
  color: #ffffff;
  border: none;
  border-radius: 69.375vw;
  width: 20.8333333333vw;
  cursor: pointer;
  transition: all 0.3s ease;
}
.recruit .contact-form__submit:hover {
  background: #4F5155;
}
.recruit .contact-form__submit--disabled {
  background: #CCCCCC;
  cursor: not-allowed;
  opacity: 0.6;
}
.recruit .contact-form__submit--disabled:hover {
  background: #CCCCCC;
}
@media (max-width: 767px) {
  .recruit .contact-form__submit {
    padding: 5.1282051282vw 12.3076923077vw 5.1282051282vw 8.2051282051vw;
    border-radius: 256.1538461538vw;
    width: 100%;
    font-size: 4.1025641026vw;
  }
}
.recruit .contact-form__submit-text {
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 767px) {
  .recruit .contact-form__submit-text {
    font-size: 4.1025641026vw;
  }
}
.recruit .contact-form__submit-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  border-radius: 2.7777777778vw;
  position: relative;
  flex-shrink: 0;
  background: url("../icons/white-arrow-right.svg") no-repeat center;
  background-size: contain;
}
@media (max-width: 767px) {
  .recruit .contact-form__submit-icon {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    border-radius: 10.2564102564vw;
  }
}

.error-404 {
  min-height: 100vh;
  background: #edf5fc;
  padding: 13.8888888889vw 8.3333333333vw 8.3333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .error-404 {
    padding: 30.7692307692vw 5.1282051282vw 20.5128205128vw;
    align-items: flex-start;
  }
}
.error-404__container {
  width: 100%;
  max-width: 88.8888888889vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .error-404__container {
    max-width: 100%;
  }
}
.error-404__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.5555555556vw;
}
@media (max-width: 767px) {
  .error-404__content {
    gap: 10.2564102564vw;
  }
}
.error-404__message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .error-404__message {
    gap: 2.0512820513vw;
  }
}
.error-404__title {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 16.6666666667vw;
  line-height: 1;
  color: #126ECA;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 767px) {
  .error-404__title {
    font-size: 30.7692307692vw;
  }
}
.error-404__description {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.6666666667vw;
  line-height: 1.4;
  color: #333;
  text-align: center;
  margin: 0;
}
@media (max-width: 767px) {
  .error-404__description {
    font-size: 4.1025641026vw;
  }
}
.error-404__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 22.2222222222vw;
  height: 4.1666666667vw;
  background: #ffffff;
  border: 1px solid #126ECA;
  border-radius: 999px;
  padding: 0 2.7777777778vw 0 1.6666666667vw;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (max-width: 767px) {
  .error-404__button {
    width: 71.7948717949vw;
    height: 14.358974359vw;
    gap: 3.0769230769vw;
    padding: 0 6.1538461538vw 0 5.1282051282vw;
  }
}
.error-404__button:hover {
  background: #126ECA;
}
.error-404__button:hover .error-404__button-text {
  color: #ffffff;
}
.error-404__button:hover .error-404__button-icon {
  color: #ffffff;
}
.error-404__button-icon {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  flex-shrink: 0;
  color: #0e3b8a;
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .error-404__button-icon {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
.error-404__button-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1;
  color: #0e3b8a;
  white-space: nowrap;
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .error-404__button-text {
    font-size: 3.5897435897vw;
  }
}

.contact-form {
  background: #EDF5FC;
  padding: 8.3333333333vw 8.3333333333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.3333333333vw;
}
@media (max-width: 767px) {
  .contact-form {
    padding: 20.5128205128vw 5.1282051282vw;
    gap: 10.2564102564vw;
  }
}
.contact-form__header {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
  width: 100%;
  max-width: 83.3333333333vw;
}
@media (max-width: 767px) {
  .contact-form__header {
    gap: 2.0512820513vw;
    max-width: 100%;
  }
}
.contact-form__subtitle {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1.5;
  color: #126ECA;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 767px) {
  .contact-form__subtitle {
    font-size: 3.5897435897vw;
  }
}
.contact-form__title {
  font-weight: 700;
  font-size: 2.7777777778vw;
  line-height: 1.45;
  color: #333333;
  margin: 0;
}
@media (max-width: 767px) {
  .contact-form__title {
    font-size: 8.2051282051vw;
  }
}
.contact-form__description {
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 2;
  color: #333333;
  margin: 1.1111111111vw 0 0 0;
}
@media (max-width: 767px) {
  .contact-form__description {
    font-size: 4.1025641026vw;
    margin: 4.1025641026vw 0 0 0;
  }
}
.contact-form__container {
  width: 100%;
  max-width: 58.8888888889vw;
}
@media (max-width: 767px) {
  .contact-form__container {
    max-width: 100%;
  }
}
.contact-form__form {
  display: flex;
  flex-direction: column;
  gap: 2.7777777778vw;
  background: #FFFFFF;
  padding: 5.5555555556vw;
  border-radius: 0.5555555556vw;
  width: 100%;
}
@media (max-width: 767px) {
  .contact-form__form {
    gap: 8.2051282051vw;
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}
.contact-form__field {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .contact-form__field {
    gap: 2.0512820513vw;
  }
}
.contact-form__field--checkbox-group {
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .contact-form__field--checkbox-group {
    gap: 4.1025641026vw;
  }
}
.contact-form__label-wrapper {
  display: flex;
  align-items: center;
  gap: 0.6944444444vw;
}
@media (max-width: 767px) {
  .contact-form__label-wrapper {
    gap: 2.0512820513vw;
  }
}
.contact-form__label {
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.45;
  color: #333333;
}
@media (max-width: 767px) {
  .contact-form__label {
    font-size: 4.1025641026vw;
  }
}
.contact-form__badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.1388888889vw 0.5555555556vw;
  border: 1px solid #E50012;
  border-radius: 0.2777777778vw;
  font-weight: 700;
  font-size: 0.8333333333vw;
  line-height: 1.5;
  color: #E50012;
}
@media (max-width: 767px) {
  .contact-form__badge {
    padding: 0.5128205128vw 2.0512820513vw;
    font-size: 3.0769230769vw;
    border-radius: 1.0256410256vw;
  }
}
.contact-form__sublabel {
  font-weight: 400;
  font-size: 0.7638888889vw;
  line-height: 1;
  color: #757575;
  margin: 0;
}
@media (max-width: 767px) {
  .contact-form__sublabel {
    font-size: 2.8205128205vw;
  }
}
.contact-form__sublabel--count {
  font-size: 0.8333333333vw;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .contact-form__sublabel--count {
    font-size: 3.0769230769vw;
  }
}
.contact-form__input {
  width: 100%;
  padding: 0.8333333333vw 1.1111111111vw;
  border: 1px solid #E1E1E1;
  border-radius: 0.5555555556vw;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #333333;
  background: #FFFFFF;
}
.contact-form__input:focus {
  outline: none;
  border-color: #126ECA;
}
@media (max-width: 767px) {
  .contact-form__input {
    padding: 3.0769230769vw 4.1025641026vw;
    border-radius: 2.0512820513vw;
    font-size: 3.5897435897vw;
  }
}
.contact-form__select {
  width: 100%;
  padding: 0.6944444444vw 1.1111111111vw;
  border: 1px solid #E1E1E1;
  border-radius: 0.5555555556vw;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #333333;
  background: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10L12 15L17 10H7Z' fill='%23333333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.1111111111vw center;
  background-size: 1.6666666667vw 1.6666666667vw;
  appearance: none;
  cursor: pointer;
}
.contact-form__select:focus {
  outline: none;
  border-color: #126ECA;
}
@media (max-width: 767px) {
  .contact-form__select {
    padding: 2.5641025641vw 4.1025641026vw;
    border-radius: 2.0512820513vw;
    font-size: 3.5897435897vw;
    background-position: right 4.1025641026vw center;
    background-size: 6.1538461538vw 6.1538461538vw;
  }
}
.contact-form__textarea {
  width: 100%;
  min-height: 8.3333333333vw;
  padding: 0.8333333333vw 1.1111111111vw;
  border: 1px solid #E1E1E1;
  border-radius: 0.5555555556vw;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #333333;
  background: #FFFFFF;
  resize: vertical;
  font-family: inherit;
}
.contact-form__textarea:focus {
  outline: none;
  border-color: #126ECA;
}
@media (max-width: 767px) {
  .contact-form__textarea {
    min-height: 30.7692307692vw;
    padding: 3.0769230769vw 4.1025641026vw;
    border-radius: 2.0512820513vw;
    font-size: 3.5897435897vw;
  }
}
.contact-form__checkbox-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.3333333333vw;
}
@media (max-width: 767px) {
  .contact-form__checkbox-columns {
    grid-template-columns: 1fr;
    gap: 6.1538461538vw;
  }
}
.contact-form__checkbox-column {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
@media (max-width: 767px) {
  .contact-form__checkbox-column {
    gap: 4.1025641026vw;
  }
}
.contact-form__checkbox {
  display: flex;
  align-items: center;
  gap: 0.8333333333vw;
  cursor: pointer;
}
.contact-form__checkbox input[type=checkbox] {
  appearance: none;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  border: 1px solid #E1E1E1;
  border-radius: 0.2777777778vw;
  background: #FFFFFF;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
}
.contact-form__checkbox input[type=checkbox]:checked {
  background: #0E3B8A;
  border-color: #0E3B8A;
}
.contact-form__checkbox input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3334 4L6.00002 11.3333L2.66669 8' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767px) {
  .contact-form__checkbox input[type=checkbox]:checked::after {
    width: 4.1025641026vw;
    height: 4.1025641026vw;
  }
}
@media (max-width: 767px) {
  .contact-form__checkbox input[type=checkbox] {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    border-radius: 1.0256410256vw;
  }
}
.contact-form__checkbox--privacy input[type=checkbox]:checked {
  background: #FFFFFF;
  border-color: #E1E1E1;
}
.contact-form__checkbox--privacy input[type=checkbox]:checked::after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3334 4L6.00002 11.3333L2.66669 8' stroke='%231E1E1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (max-width: 767px) {
  .contact-form__checkbox {
    gap: 3.0769230769vw;
  }
}
.contact-form__checkbox-text {
  font-weight: 400;
  font-size: 1.1111111111vw;
  line-height: 1;
  color: #333333;
}
.contact-form__checkbox-text strong {
  font-weight: 700;
}
@media (max-width: 767px) {
  .contact-form__checkbox-text {
    font-size: 3.5897435897vw;
  }
}
.contact-form__checkbox-privacy {
  display: flex;
  flex-direction: column;
  gap: 0.1388888889vw;
}
@media (max-width: 767px) {
  .contact-form__checkbox-privacy {
    gap: 0.5128205128vw;
  }
}
.contact-form__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media (max-width: 767px) {
  .contact-form__actions {
    justify-content: stretch;
  }
}
.contact-form__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1111111111vw;
  padding: 1.3888888889vw 2.7777777778vw;
  background: #126ECA;
  border: 1px solid #126ECA;
  border-radius: 69.375vw;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 1;
  color: #FFFFFF;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 22.2222222222vw;
}
.contact-form__submit::hover .contact-form__submit-icon {
  transform: translateX(0.6944444444vw);
}
.contact-form__submit:hover:not(:disabled) {
  background: #0E5BA8;
  border-color: #0E5BA8;
}
.contact-form__submit--disabled {
  background: #CCCCCC;
  border-color: #CCCCCC;
  cursor: not-allowed;
  opacity: 0.6;
}
.contact-form__submit--disabled:hover {
  background: #CCCCCC;
  border-color: #CCCCCC;
}
@media (max-width: 767px) {
  .contact-form__submit {
    width: 100%;
    min-width: auto;
    padding: 5.1282051282vw 10.2564102564vw;
    border-radius: 256.1538461538vw;
    font-size: 4.1025641026vw;
    gap: 4.1025641026vw;
  }
}
.contact-form__submit-icon {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  background: url("../icons/arrow-left-white.svg") no-repeat center center;
  background-size: contain;
  transition: transform 0.3s ease;
}
@media (max-width: 767px) {
  .contact-form__submit-icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}
.contact-form .wpcf7-not-valid-tip {
  display: none;
  font-weight: 400;
  font-size: 0.8333333333vw;
  line-height: 1.5;
  color: #E50012;
  margin: 0.2777777778vw 0 0 0;
}
@media (max-width: 767px) {
  .contact-form .wpcf7-not-valid-tip {
    font-size: 3.0769230769vw;
    margin: 1.0256410256vw 0 0 0;
  }
}
.contact-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

* {
  box-sizing: border-box;
  margin: 0;
}

html {
  scroll-behavior: smooth;
  width: 100%;
  overflow-x: clip;
}

:root {
  --color-white: #ffffff;
  --color-gray-950: #18191B;
  --color-gray-900: #262729;
  --color-navy: #002066;
}

html, body {
  width: 100%;
  margin-top: 0px !important;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  margin: 0;
  padding: 0;
  color: #18191B;
  background: #ffffff;
  overflow-x: clip;
}

main {
  min-height: 100vh;
  padding: 0;
  margin: 0;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 1440px) {
  .container {
    max-width: 88.8888888889vw;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: 96.1538461538vw;
    padding: 0 16px;
  }
}

.js-box {
  visibility: hidden;
  opacity: 0;
  transition: all 1s;
  transform: translateY(75px);
}

.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.js-fade-in {
  visibility: hidden;
  opacity: 0;
  transition: all 1s;
  transform: translateY(75px);
}

.-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

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

.links {
  background: #ffffff;
  padding: 8.3333333333vw 0;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .links {
    padding: 10.2564102564vw 0;
  }
}
.links__container {
  max-width: 83.3333333333vw;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .links__container {
    max-width: 100%;
    padding: 0 5.1282051282vw;
  }
}
.links__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2.7777777778vw;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .links__grid {
    gap: 10.2564102564vw;
    flex-direction: column;
  }
}
.links__card {
  display: flex;
  flex-direction: column;
  gap: 1.6666666667vw;
  width: calc((100% - 5.5555555556vw) / 3);
  text-decoration: none;
}
@media (max-width: 767px) {
  .links__card {
    width: 100%;
    gap: 4.1025641026vw;
  }
}
.links__card:hover .links__image-wrapper img {
  opacity: 0.6;
}
.links__card:hover .links__title {
  opacity: 0.6;
}
.links__card:hover .links__description {
  opacity: 0.6;
}
.links__image-wrapper {
  width: 100%;
  aspect-ratio: 285/150;
  overflow: hidden;
  background: #d9d9d9;
  position: relative;
}
.links__image-wrapper img {
  transition: all 0.3s ease;
}
.links__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.links__content {
  display: flex;
  flex-direction: column;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .links__content {
    gap: 2.0512820513vw;
  }
}
.links__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.45;
  color: #18191B;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .links__title {
    font-size: 4.1025641026vw;
  }
}
.links__description {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 1.8;
  color: #262729;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .links__description {
    font-size: 3.5897435897vw;
  }
}

/*# sourceMappingURL=main.css.map */