.preloader {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, #143175 0%, #5770AA 100%);
  overflow: hidden;
}
.preloader__logo-container {
  position: relative;
  width: 100%;
  display: inline-block;
  max-width: 23.0208333333vw;
}
@media screen and (max-width: 1440px) {
  .preloader__logo-container {
    max-width: 30.6944444444vw;
  }
}
@media screen and (max-width: 767px) {
  .preloader__logo-container {
    max-width: 57.6271186441vw;
  }
}
@media screen and (max-width: 480px) {
  .preloader__logo-container {
    max-width: 92.0833333333vw;
  }
}
@media screen and (max-width: 375px) {
  .preloader__logo-container {
    max-width: 117.8666666667vw;
  }
}
.preloader__logo-container:before {
  content: "";
  display: block;
  padding-top: 39.8190045249%;
}
.preloader__logo-container .ratio-item {
  object-fit: contain;
}
.preloader.mask {
  --gradient-radius: 50vh;
  --gradient-offset: 100%;
  mask-image: radial-gradient(circle at calc(var(--gradient-offset) + var(--gradient-radius)) 60%, transparent 0%, transparent var(--gradient-radius), black 0);
}
.preloader__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.preloader__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-family: Noto Sans JP;
  font-weight: 600;
  font-size: 2.0833333333vw;
  line-height: 1;
  letter-spacing: 0.018em;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 0;
}
@media screen and (max-width: 1440px) {
  .preloader__text {
    font-size: 2.7777777778vw;
  }
}
@media screen and (max-width: 767px) {
  .preloader__text {
    font-size: 3.9113428944vw;
  }
}
@media screen and (max-width: 480px) {
  .preloader__text {
    font-size: 6.25vw;
  }
}
@media screen and (max-width: 375px) {
  .preloader__text {
    font-size: 8vw;
  }
}
.preloader__text span {
  display: none;
}
@media (max-width: 767px) {
  .preloader__text span {
    line-height: 1.6;
  }
}
.preloader__text span .converted {
  opacity: 0;
  visibility: hidden;
}
.preloader__text .sp-only {
  display: none;
}
@media (max-width: 767px) {
  .preloader__text .sp-only {
    display: inline-block;
  }
}
.preloader__logo-container {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .preloader__logo-container {
    width: 80%;
    top: 60%;
  }
}

.scroll-button {
  position: fixed;
  z-index: 2;
  right: 6.25vw;
  bottom: 4.1666666667vw;
  width: 6.3020833333vw;
  height: 8.75vw;
  object-fit: contain;
}
@media screen and (max-width: 1440px) {
  .scroll-button {
    right: 8.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .scroll-button {
    right: 6.518904824vw;
  }
}
@media screen and (max-width: 480px) {
  .scroll-button {
    right: 10.4166666667vw;
  }
}
@media screen and (max-width: 375px) {
  .scroll-button {
    right: 13.3333333333vw;
  }
}
@media screen and (max-width: 1440px) {
  .scroll-button {
    bottom: 5.5555555556vw;
  }
}
@media screen and (max-width: 767px) {
  .scroll-button {
    bottom: 6.518904824vw;
  }
}
@media screen and (max-width: 480px) {
  .scroll-button {
    bottom: 10.4166666667vw;
  }
}
@media screen and (max-width: 375px) {
  .scroll-button {
    bottom: 13.3333333333vw;
  }
}
@media screen and (max-width: 1440px) {
  .scroll-button {
    width: 8.4027777778vw;
  }
}
@media screen and (max-width: 767px) {
  .scroll-button {
    width: 7.8226857888vw;
  }
}
@media screen and (max-width: 480px) {
  .scroll-button {
    width: 12.5vw;
  }
}
@media screen and (max-width: 375px) {
  .scroll-button {
    width: 16vw;
  }
}
@media screen and (max-width: 1440px) {
  .scroll-button {
    height: 11.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .scroll-button {
    height: 10.4302477184vw;
  }
}
@media screen and (max-width: 480px) {
  .scroll-button {
    height: 16.6666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .scroll-button {
    height: 21.3333333333vw;
  }
}
.scroll-button img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .scroll-button {
    display: none;
  }
}

.about {
  position: relative;
  padding-top: 7.8125vw;
  padding-bottom: 5.2083333333vw;
  overflow: hidden;
}
.about__image-container {
  position: relative;
  width: 100%;
  display: inline-block;
  max-width: 47.6041666667vw;
}
@media screen and (max-width: 1440px) {
  .about__image-container {
    max-width: 63.4722222222vw;
  }
}
@media screen and (max-width: 767px) {
  .about__image-container {
    max-width: 119.1655801825vw;
  }
}
@media screen and (max-width: 480px) {
  .about__image-container {
    max-width: 190.4166666667vw;
  }
}
@media screen and (max-width: 375px) {
  .about__image-container {
    max-width: 243.7333333333vw;
  }
}
.about__image-container:before {
  content: "";
  display: block;
  padding-top: 56.2363238512%;
}
.about__image-container .ratio-item {
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .about__image-container {
    max-width: 19.53125vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 1440px) {
  .about__image-container {
    max-width: 26.0416666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .about__image-container {
    max-width: 48.8917861799vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 480px) {
  .about__image-container {
    max-width: 78.125vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  .about__image-container {
    max-width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  .about__image-container:before {
    padding-top: 80%;
  }
}
@media screen and (max-width: 1440px) {
  .about {
    padding-top: 10.4166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .about {
    padding-top: 13.037809648vw;
  }
}
@media screen and (max-width: 480px) {
  .about {
    padding-top: 20.8333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .about {
    padding-top: 26.6666666667vw;
  }
}
@media screen and (max-width: 1440px) {
  .about {
    padding-bottom: 6.9444444444vw;
  }
}
@media screen and (max-width: 767px) {
  .about {
    padding-bottom: 4.1720990874vw;
  }
}
@media screen and (max-width: 480px) {
  .about {
    padding-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .about {
    padding-bottom: 8.5333333333vw;
  }
}
.about__ornament .ornament {
  position: absolute;
  top: 26.0416666667vw;
  right: 0;
  pointer-events: none;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 1440px) {
  .about__ornament .ornament {
    top: 34.7222222222vw;
  }
}
@media screen and (max-width: 767px) {
  .about__ornament .ornament {
    top: 65.1890482399vw;
  }
}
@media screen and (max-width: 480px) {
  .about__ornament .ornament {
    top: 104.1666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .about__ornament .ornament {
    top: 133.3333333333vw;
  }
}
.about__ornament .ornament-1 {
  width: 29.3229166667vw;
  height: 27.34375vw;
}
@media screen and (max-width: 1440px) {
  .about__ornament .ornament-1 {
    width: 39.0972222222vw;
  }
}
@media screen and (max-width: 767px) {
  .about__ornament .ornament-1 {
    width: 73.4028683181vw;
  }
}
@media screen and (max-width: 480px) {
  .about__ornament .ornament-1 {
    width: 117.2916666667vw;
  }
}
@media screen and (max-width: 375px) {
  .about__ornament .ornament-1 {
    width: 150.1333333333vw;
  }
}
@media screen and (max-width: 1440px) {
  .about__ornament .ornament-1 {
    height: 36.4583333333vw;
  }
}
@media screen and (max-width: 767px) {
  .about__ornament .ornament-1 {
    height: 68.4485006519vw;
  }
}
@media screen and (max-width: 480px) {
  .about__ornament .ornament-1 {
    height: 109.375vw;
  }
}
@media screen and (max-width: 375px) {
  .about__ornament .ornament-1 {
    height: 140vw;
  }
}
.about__ornament .ornament-2 {
  top: 34.8958333333vw;
  width: 17.0833333333vw;
  height: 15.8333333333vw;
}
@media screen and (max-width: 1440px) {
  .about__ornament .ornament-2 {
    top: 46.5277777778vw;
  }
}
@media screen and (max-width: 767px) {
  .about__ornament .ornament-2 {
    top: 87.3533246415vw;
  }
}
@media screen and (max-width: 480px) {
  .about__ornament .ornament-2 {
    top: 139.5833333333vw;
  }
}
@media screen and (max-width: 375px) {
  .about__ornament .ornament-2 {
    top: 178.6666666667vw;
  }
}
@media screen and (max-width: 1440px) {
  .about__ornament .ornament-2 {
    width: 22.7777777778vw;
  }
}
@media screen and (max-width: 767px) {
  .about__ornament .ornament-2 {
    width: 42.7640156454vw;
  }
}
@media screen and (max-width: 480px) {
  .about__ornament .ornament-2 {
    width: 68.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .about__ornament .ornament-2 {
    width: 87.4666666667vw;
  }
}
@media screen and (max-width: 1440px) {
  .about__ornament .ornament-2 {
    height: 21.1111111111vw;
  }
}
@media screen and (max-width: 767px) {
  .about__ornament .ornament-2 {
    height: 39.6349413299vw;
  }
}
@media screen and (max-width: 480px) {
  .about__ornament .ornament-2 {
    height: 63.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .about__ornament .ornament-2 {
    height: 81.0666666667vw;
  }
}
@media (max-width: 767px) {
  .about__ornament {
    display: none;
  }
}
.about__card {
  position: relative;
}
.about__card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 12.5vw;
  height: 3.125vw;
  background-color: transparent;
  z-index: -1;
  border-top: 1px solid #153175;
  border-right: 1px solid #153175;
}
@media screen and (max-width: 1440px) {
  .about__card::before {
    width: 16.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .about__card::before {
    width: 7.8226857888vw;
  }
}
@media screen and (max-width: 480px) {
  .about__card::before {
    width: 12.5vw;
  }
}
@media screen and (max-width: 375px) {
  .about__card::before {
    width: 16vw;
  }
}
@media screen and (max-width: 1440px) {
  .about__card::before {
    height: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .about__card::before {
    height: 7.8226857888vw;
  }
}
@media screen and (max-width: 480px) {
  .about__card::before {
    height: 12.5vw;
  }
}
@media screen and (max-width: 375px) {
  .about__card::before {
    height: 16vw;
  }
}
.about__title {
  margin-bottom: 1.4583333333vw;
}
@media screen and (max-width: 1440px) {
  .about__title {
    margin-bottom: 1.9444444444vw;
  }
}
@media screen and (max-width: 767px) {
  .about__title {
    margin-bottom: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .about__title {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .about__title {
    margin-bottom: 5.3333333333vw;
  }
}
.about__subtitle {
  color: #153175;
}
.about__description {
  font-family: Noto Sans JP;
  font-weight: 300;
  font-size: clamp(16px, 0.9375vw, 999999px);
  line-height: 2;
}
.about__image-container {
  margin-top: 2.0833333333vw;
  margin-bottom: 0vw;
}
@media screen and (max-width: 1440px) {
  .about__image-container {
    margin-top: 2.7777777778vw;
  }
}
@media screen and (max-width: 767px) {
  .about__image-container {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 480px) {
  .about__image-container {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 375px) {
  .about__image-container {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 1440px) {
  .about__image-container {
    margin-bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .about__image-container {
    margin-bottom: 3.1290743155vw;
  }
}
@media screen and (max-width: 480px) {
  .about__image-container {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 375px) {
  .about__image-container {
    margin-bottom: 6.4vw;
  }
}

.about-gallery {
  --translateY: 1.9791666667vw;
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: 7.8125vw;
}
@media screen and (max-width: 1440px) {
  .about-gallery {
    --translateY: 2.6388888889vw;
  }
}
@media screen and (max-width: 767px) {
  .about-gallery {
    --translateY: 1.4341590613vw;
  }
}
@media screen and (max-width: 480px) {
  .about-gallery {
    --translateY: 2.2916666667vw;
  }
}
@media screen and (max-width: 375px) {
  .about-gallery {
    --translateY: 2.9333333333vw;
  }
}
@media screen and (max-width: 1440px) {
  .about-gallery {
    margin-top: 10.4166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .about-gallery {
    margin-top: 6.258148631vw;
  }
}
@media screen and (max-width: 480px) {
  .about-gallery {
    margin-top: 10vw;
  }
}
@media screen and (max-width: 375px) {
  .about-gallery {
    margin-top: 12.8vw;
  }
}
.about-gallery__item {
  flex: 1 1 33.3333%;
  height: 41.25vw;
}
@media screen and (max-width: 1440px) {
  .about-gallery__item {
    height: 55vw;
  }
}
@media screen and (max-width: 767px) {
  .about-gallery__item {
    height: 29.7262059974vw;
  }
}
@media screen and (max-width: 480px) {
  .about-gallery__item {
    height: 47.5vw;
  }
}
@media screen and (max-width: 375px) {
  .about-gallery__item {
    height: 60.8vw;
  }
}
.about-gallery__item:nth-child(2) {
  transform: translateY(var(--translateY));
  height: 48.3333333333vw;
}
@media screen and (max-width: 1440px) {
  .about-gallery__item:nth-child(2) {
    height: 64.4444444444vw;
  }
}
@media screen and (max-width: 767px) {
  .about-gallery__item:nth-child(2) {
    height: 36.5058670143vw;
  }
}
@media screen and (max-width: 480px) {
  .about-gallery__item:nth-child(2) {
    height: 58.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .about-gallery__item:nth-child(2) {
    height: 74.6666666667vw;
  }
}
.about-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .about-gallery__item {
    flex: 1 1 25%;
  }
  .about-gallery__item:nth-child(2) {
    flex: 1 1 50%;
  }
}

.policy {
  position: relative;
  padding: 7.8125vw 0vw;
  background-color: #153175;
}
@media screen and (max-width: 1440px) {
  .policy {
    padding: 10.4166666667vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .policy {
    padding: 7.8226857888vw 0vw 5.2151238592vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .policy {
    padding: 12.5vw 0vw 8.3333333333vw 0vw;
  }
}
@media screen and (max-width: 375px) {
  .policy {
    padding: 16vw 0vw 10.6666666667vw 0vw;
  }
}
.policy::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../images/eco-ornament.svg") no-repeat top center;
  background-size: 150%;
  pointer-events: none;
}
.policy__badge {
  margin-bottom: 1.6666666667vw;
}
@media screen and (max-width: 1440px) {
  .policy__badge {
    margin-bottom: 2.2222222222vw;
  }
}
@media screen and (max-width: 767px) {
  .policy__badge {
    margin-bottom: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .policy__badge {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .policy__badge {
    margin-bottom: 5.3333333333vw;
  }
}
.policy__description {
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .policy::before {
    background-size: 300%;
  }
}
@media (max-width: 767px) {
  .policy-button--wrap {
    justify-content: center;
    display: flex;
  }
}

.policy-gallery {
  --translateY: 3.125vw;
  margin-top: 12.5vw;
}
@media screen and (max-width: 1440px) {
  .policy-gallery {
    --translateY: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .policy-gallery {
    --translateY: 1.4341590613vw;
  }
}
@media screen and (max-width: 480px) {
  .policy-gallery {
    --translateY: 2.2916666667vw;
  }
}
@media screen and (max-width: 375px) {
  .policy-gallery {
    --translateY: 2.9333333333vw;
  }
}
@media screen and (max-width: 1440px) {
  .policy-gallery {
    margin-top: 16.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .policy-gallery {
    margin-top: 1.3037809648vw;
  }
}
@media screen and (max-width: 480px) {
  .policy-gallery {
    margin-top: 2.0833333333vw;
  }
}
@media screen and (max-width: 375px) {
  .policy-gallery {
    margin-top: 2.6666666667vw;
  }
}
.policy-gallery__swiper {
  position: relative;
  padding-bottom: var(--translateY);
  padding-top: 0vw;
}
@media screen and (max-width: 1440px) {
  .policy-gallery__swiper {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .policy-gallery__swiper {
    padding-top: 5.2151238592vw;
  }
}
@media screen and (max-width: 480px) {
  .policy-gallery__swiper {
    padding-top: 8.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .policy-gallery__swiper {
    padding-top: 10.6666666667vw;
  }
}
.policy-gallery__swiper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../images/eco-2-ornament.svg") no-repeat top center;
  pointer-events: none;
  background-size: 100%;
}
.policy-gallery__swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.policy-gallery__swiper .swiper-slide--odd .policy-gallery__item {
  transform: translateY(var(--translateY));
}
.policy-gallery__item {
  height: 43.3333333333vw;
  border-radius: 10.4166666667vw;
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  .policy-gallery__item {
    height: 57.7777777778vw;
  }
}
@media screen and (max-width: 767px) {
  .policy-gallery__item {
    height: 21.1212516297vw;
  }
}
@media screen and (max-width: 480px) {
  .policy-gallery__item {
    height: 33.75vw;
  }
}
@media screen and (max-width: 375px) {
  .policy-gallery__item {
    height: 43.2vw;
  }
}
@media screen and (max-width: 1440px) {
  .policy-gallery__item {
    border-radius: 13.8888888889vw;
  }
}
@media screen and (max-width: 767px) {
  .policy-gallery__item {
    border-radius: 5.2151238592vw;
  }
}
@media screen and (max-width: 480px) {
  .policy-gallery__item {
    border-radius: 8.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .policy-gallery__item {
    border-radius: 10.6666666667vw;
  }
}
.policy-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.company {
  position: relative;
  padding: 14.5833333333vw 0vw 11.9791666667vw 0vw;
}
.company__image-container {
  position: relative;
  width: 100%;
  display: inline-block;
  max-width: 47.6041666667vw;
}
@media screen and (max-width: 1440px) {
  .company__image-container {
    max-width: 63.4722222222vw;
  }
}
@media screen and (max-width: 767px) {
  .company__image-container {
    max-width: 119.1655801825vw;
  }
}
@media screen and (max-width: 480px) {
  .company__image-container {
    max-width: 190.4166666667vw;
  }
}
@media screen and (max-width: 375px) {
  .company__image-container {
    max-width: 243.7333333333vw;
  }
}
.company__image-container:before {
  content: "";
  display: block;
  padding-top: 56.2363238512%;
}
.company__image-container .ratio-item {
  object-fit: cover;
}
@media screen and (max-width: 1440px) {
  .company {
    padding: 19.4444444444vw 0vw 15.9722222222vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .company {
    padding: 4.1720990874vw 0vw 4.1720990874vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .company {
    padding: 6.6666666667vw 0vw 6.6666666667vw 0vw;
  }
}
@media screen and (max-width: 375px) {
  .company {
    padding: 8.5333333333vw 0vw 8.5333333333vw 0vw;
  }
}
.company::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../images/eco-3-ornament.svg") no-repeat top center;
  pointer-events: none;
}
.company__ornament .ornament {
  position: absolute;
  z-index: -1;
  top: 35%;
  left: 0;
  pointer-events: none;
}
.company__ornament .ornament-1 {
  width: 11.1458333333vw;
  height: 20.6770833333vw;
}
@media screen and (max-width: 1440px) {
  .company__ornament .ornament-1 {
    width: 14.8611111111vw;
  }
}
@media screen and (max-width: 767px) {
  .company__ornament .ornament-1 {
    width: 27.9009126467vw;
  }
}
@media screen and (max-width: 480px) {
  .company__ornament .ornament-1 {
    width: 44.5833333333vw;
  }
}
@media screen and (max-width: 375px) {
  .company__ornament .ornament-1 {
    width: 57.0666666667vw;
  }
}
@media screen and (max-width: 1440px) {
  .company__ornament .ornament-1 {
    height: 27.5694444444vw;
  }
}
@media screen and (max-width: 767px) {
  .company__ornament .ornament-1 {
    height: 51.7601043025vw;
  }
}
@media screen and (max-width: 480px) {
  .company__ornament .ornament-1 {
    height: 82.7083333333vw;
  }
}
@media screen and (max-width: 375px) {
  .company__ornament .ornament-1 {
    height: 105.8666666667vw;
  }
}
.company__ornament .ornament-2 {
  top: 10%;
  width: 21.71875vw;
  height: 40.3645833333vw;
}
@media screen and (max-width: 1440px) {
  .company__ornament .ornament-2 {
    width: 28.9583333333vw;
  }
}
@media screen and (max-width: 767px) {
  .company__ornament .ornament-2 {
    width: 54.3676662321vw;
  }
}
@media screen and (max-width: 480px) {
  .company__ornament .ornament-2 {
    width: 86.875vw;
  }
}
@media screen and (max-width: 375px) {
  .company__ornament .ornament-2 {
    width: 111.2vw;
  }
}
@media screen and (max-width: 1440px) {
  .company__ornament .ornament-2 {
    height: 53.8194444444vw;
  }
}
@media screen and (max-width: 767px) {
  .company__ornament .ornament-2 {
    height: 101.0430247718vw;
  }
}
@media screen and (max-width: 480px) {
  .company__ornament .ornament-2 {
    height: 161.4583333333vw;
  }
}
@media screen and (max-width: 375px) {
  .company__ornament .ornament-2 {
    height: 206.6666666667vw;
  }
}
@media (max-width: 767px) {
  .company__ornament {
    display: none;
  }
}
.company__title {
  margin-bottom: 1.4583333333vw;
}
@media screen and (max-width: 1440px) {
  .company__title {
    margin-bottom: 1.9444444444vw;
  }
}
@media screen and (max-width: 767px) {
  .company__title {
    margin-bottom: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .company__title {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .company__title {
    margin-bottom: 5.3333333333vw;
  }
}
.company__subtitle {
  color: #153175;
}
.company__card {
  position: relative;
}
.company__card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 12.5vw;
  height: 3.125vw;
  background-color: transparent;
  z-index: -1;
  border-top: 1px solid #153175;
  border-right: 1px solid #153175;
}
@media screen and (max-width: 1440px) {
  .company__card::before {
    width: 16.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .company__card::before {
    width: 7.8226857888vw;
  }
}
@media screen and (max-width: 480px) {
  .company__card::before {
    width: 12.5vw;
  }
}
@media screen and (max-width: 375px) {
  .company__card::before {
    width: 16vw;
  }
}
@media screen and (max-width: 1440px) {
  .company__card::before {
    height: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .company__card::before {
    height: 7.8226857888vw;
  }
}
@media screen and (max-width: 480px) {
  .company__card::before {
    height: 12.5vw;
  }
}
@media screen and (max-width: 375px) {
  .company__card::before {
    height: 16vw;
  }
}
.company__description {
  padding-right: 2.6041666667vw;
}
@media screen and (max-width: 1440px) {
  .company__description {
    padding-right: 3.4722222222vw;
  }
}
@media screen and (max-width: 767px) {
  .company__description {
    padding-right: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .company__description {
    padding-right: 4.1666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .company__description {
    padding-right: 5.3333333333vw;
  }
}
.company__button-wrapper {
  margin-top: 2.8645833333vw;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1440px) {
  .company__button-wrapper {
    margin-top: 3.8194444444vw;
  }
}
@media screen and (max-width: 767px) {
  .company__button-wrapper {
    margin-top: 7.1707953064vw;
  }
}
@media screen and (max-width: 480px) {
  .company__button-wrapper {
    margin-top: 11.4583333333vw;
  }
}
@media screen and (max-width: 375px) {
  .company__button-wrapper {
    margin-top: 14.6666666667vw;
  }
}
@media (max-width: 767px) {
  .company__button-wrapper {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .company::before {
    background-size: 200%;
  }
}

.profile {
  position: relative;
  padding: 8.3333333333vw 0vw;
}
@media screen and (max-width: 1440px) {
  .profile {
    padding: 11.1111111111vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .profile {
    padding: 7.8226857888vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .profile {
    padding: 12.5vw 0vw;
  }
}
@media screen and (max-width: 375px) {
  .profile {
    padding: 16vw 0vw;
  }
}
.profile__bg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  padding: 8.3333333333vw 0vw;
  background-color: #153175;
}
@media screen and (max-width: 1440px) {
  .profile__bg {
    padding: 11.1111111111vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .profile__bg {
    padding: 3.520208605vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .profile__bg {
    padding: 5.625vw 0vw;
  }
}
@media screen and (max-width: 375px) {
  .profile__bg {
    padding: 7.2vw 0vw;
  }
}
.profile__bg::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../images/eco-3-ornament.svg") no-repeat top center;
  opacity: 0.1;
  transform: scale(-1);
  pointer-events: none;
}
@media (max-width: 767px) {
  .profile__bg::before {
    opacity: 1;
    background-size: 200%;
  }
}
.profile__inner {
  max-width: 46%;
  text-align: center;
}
@media (max-width: 767px) {
  .profile__inner {
    max-width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .profile__inner {
    padding: 0vw 1.3037809648vw;
  }
}
@media screen and (max-width: 480px) {
  .profile__inner {
    padding: 0vw 2.0833333333vw;
  }
}
@media screen and (max-width: 375px) {
  .profile__inner {
    padding: 0vw 2.6666666667vw;
  }
}
.profile__item {
  position: relative;
  display: block;
  color: #FFFFFF;
  padding: 1.5625vw 3.125vw;
  border-bottom: 1px solid #FFFFFF;
  text-decoration: none;
  letter-spacing: 0.18em;
  margin-bottom: 1.25vw;
}
@media screen and (max-width: 1440px) {
  .profile__item {
    padding: 2.0833333333vw 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .profile__item {
    padding: 0.1303780965vw 0.1303780965vw;
  }
}
@media screen and (max-width: 480px) {
  .profile__item {
    padding: 0.2083333333vw 0.2083333333vw;
  }
}
@media screen and (max-width: 375px) {
  .profile__item {
    padding: 0.2666666667vw 0.2666666667vw;
  }
}
@media screen and (max-width: 1440px) {
  .profile__item {
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .profile__item {
    margin-bottom: 2.0860495437vw;
  }
}
@media screen and (max-width: 480px) {
  .profile__item {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .profile__item {
    margin-bottom: 4.2666666667vw;
  }
}
.profile__item:hover {
  opacity: 0.6;
  transition: 0.5s;
}
.profile__item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6.9270833333vw;
  height: 4.2708333333vw;
  background-image: url("../../images/ornament-profile-item.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1440px) {
  .profile__item::before {
    width: 9.2361111111vw;
  }
}
@media screen and (max-width: 767px) {
  .profile__item::before {
    width: 3.259452412vw;
  }
}
@media screen and (max-width: 480px) {
  .profile__item::before {
    width: 5.2083333333vw;
  }
}
@media screen and (max-width: 375px) {
  .profile__item::before {
    width: 6.6666666667vw;
  }
}
@media screen and (max-width: 1440px) {
  .profile__item::before {
    height: 5.6944444444vw;
  }
}
@media screen and (max-width: 767px) {
  .profile__item::before {
    height: 2.0860495437vw;
  }
}
@media screen and (max-width: 480px) {
  .profile__item::before {
    height: 3.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .profile__item::before {
    height: 4.2666666667vw;
  }
}
.profile__item:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .profile__item {
    padding-left: 3.259452412vw;
  }
}
@media screen and (max-width: 480px) {
  .profile__item {
    padding-left: 5.2083333333vw;
  }
}
@media screen and (max-width: 375px) {
  .profile__item {
    padding-left: 6.6666666667vw;
  }
}
.profile__wrapper {
  display: flex;
  justify-content: flex-end;
}
.profile__image-container {
  margin: -3.90625vw 0vw;
  width: 74%;
  height: auto;
}
@media screen and (max-width: 1440px) {
  .profile__image-container {
    margin: -5.2083333333vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .profile__image-container {
    margin: -7.8226857888vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .profile__image-container {
    margin: -12.5vw 0vw;
  }
}
@media screen and (max-width: 375px) {
  .profile__image-container {
    margin: -16vw 0vw;
  }
}
.profile__image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1399px) {
  .profile__image-container {
    width: 65%;
  }
}
@media (max-width: 767px) {
  .profile__image-container {
    width: 60%;
  }
}

.product {
  padding: 10.4166666667vw 0vw;
}
@media screen and (max-width: 1440px) {
  .product {
    padding: 13.8888888889vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .product {
    padding: 7.8226857888vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .product {
    padding: 12.5vw 0vw;
  }
}
@media screen and (max-width: 375px) {
  .product {
    padding: 16vw 0vw;
  }
}
.product__title {
  margin-bottom: 1.4583333333vw;
}
@media screen and (max-width: 1440px) {
  .product__title {
    margin-bottom: 1.9444444444vw;
  }
}
@media screen and (max-width: 767px) {
  .product__title {
    margin-bottom: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .product__title {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .product__title {
    margin-bottom: 5.3333333333vw;
  }
}
.product__subtitle {
  color: #153175;
}
.product__card {
  position: relative;
}
.product__card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 12.5vw;
  height: 3.125vw;
  background-color: transparent;
  z-index: -1;
  border-top: 1px solid #153175;
  border-right: 1px solid #153175;
}
@media screen and (max-width: 1440px) {
  .product__card::before {
    width: 16.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .product__card::before {
    width: 7.8226857888vw;
  }
}
@media screen and (max-width: 480px) {
  .product__card::before {
    width: 12.5vw;
  }
}
@media screen and (max-width: 375px) {
  .product__card::before {
    width: 16vw;
  }
}
@media screen and (max-width: 1440px) {
  .product__card::before {
    height: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .product__card::before {
    height: 7.8226857888vw;
  }
}
@media screen and (max-width: 480px) {
  .product__card::before {
    height: 12.5vw;
  }
}
@media screen and (max-width: 375px) {
  .product__card::before {
    height: 16vw;
  }
}
.product__description {
  padding-right: 2.6041666667vw;
}
@media screen and (max-width: 1440px) {
  .product__description {
    padding-right: 3.4722222222vw;
  }
}
@media screen and (max-width: 767px) {
  .product__description {
    padding-right: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .product__description {
    padding-right: 4.1666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .product__description {
    padding-right: 5.3333333333vw;
  }
}
.product__button-wrapper {
  margin-top: 2.8645833333vw;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1440px) {
  .product__button-wrapper {
    margin-top: 3.8194444444vw;
  }
}
@media screen and (max-width: 767px) {
  .product__button-wrapper {
    margin-top: 5.2151238592vw;
  }
}
@media screen and (max-width: 480px) {
  .product__button-wrapper {
    margin-top: 8.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .product__button-wrapper {
    margin-top: 10.6666666667vw;
  }
}
@media (max-width: 767px) {
  .product__button-wrapper {
    justify-content: center;
  }
}

.product-gallery {
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: 2.6041666667vw;
}
@media screen and (max-width: 1440px) {
  .product-gallery {
    margin-top: 3.4722222222vw;
  }
}
@media screen and (max-width: 767px) {
  .product-gallery {
    margin-top: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .product-gallery {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .product-gallery {
    margin-top: 5.3333333333vw;
  }
}
.product-gallery__item {
  flex: 1 1 50%;
  display: block;
  min-height: 49.4791666667vw;
}
@media screen and (max-width: 1440px) {
  .product-gallery__item {
    min-height: 65.9722222222vw;
  }
}
@media screen and (max-width: 767px) {
  .product-gallery__item {
    min-height: 26.075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .product-gallery__item {
    min-height: 41.6666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .product-gallery__item {
    min-height: 53.3333333333vw;
  }
}
.product-gallery__item:last-child {
  padding: 1.8229166667vw 0vw;
}
@media screen and (max-width: 1440px) {
  .product-gallery__item:last-child {
    padding: 2.4305555556vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .product-gallery__item:last-child {
    padding: 1.3037809648vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .product-gallery__item:last-child {
    padding: 2.0833333333vw 0vw;
  }
}
@media screen and (max-width: 375px) {
  .product-gallery__item:last-child {
    padding: 2.6666666667vw 0vw;
  }
}
.product-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news {
  position: relative;
  background-color: #E7F1FE;
  padding: 4.1666666667vw 0vw 14.0625vw 0vw;
  margin-bottom: 0vw;
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  .news {
    padding: 5.5555555556vw 0vw 18.75vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .news {
    padding: 7.8226857888vw 0vw 3.1290743155vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .news {
    padding: 12.5vw 0vw 5vw 0vw;
  }
}
@media screen and (max-width: 375px) {
  .news {
    padding: 16vw 0vw 6.4vw 0vw;
  }
}
@media screen and (max-width: 1440px) {
  .news {
    margin-bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .news {
    margin-bottom: 4.1720990874vw;
  }
}
@media screen and (max-width: 480px) {
  .news {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .news {
    margin-bottom: 8.5333333333vw;
  }
}
.news__ornament .ornament {
  position: absolute;
  top: 2.6041666667vw;
  right: 0;
  pointer-events: none;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 1440px) {
  .news__ornament .ornament {
    top: 3.4722222222vw;
  }
}
@media screen and (max-width: 767px) {
  .news__ornament .ornament {
    top: 6.518904824vw;
  }
}
@media screen and (max-width: 480px) {
  .news__ornament .ornament {
    top: 10.4166666667vw;
  }
}
@media screen and (max-width: 375px) {
  .news__ornament .ornament {
    top: 13.3333333333vw;
  }
}
.news__ornament .ornament-1 {
  width: 29.3229166667vw;
  height: 27.34375vw;
}
@media screen and (max-width: 1440px) {
  .news__ornament .ornament-1 {
    width: 39.0972222222vw;
  }
}
@media screen and (max-width: 767px) {
  .news__ornament .ornament-1 {
    width: 73.4028683181vw;
  }
}
@media screen and (max-width: 480px) {
  .news__ornament .ornament-1 {
    width: 117.2916666667vw;
  }
}
@media screen and (max-width: 375px) {
  .news__ornament .ornament-1 {
    width: 150.1333333333vw;
  }
}
@media screen and (max-width: 1440px) {
  .news__ornament .ornament-1 {
    height: 36.4583333333vw;
  }
}
@media screen and (max-width: 767px) {
  .news__ornament .ornament-1 {
    height: 68.4485006519vw;
  }
}
@media screen and (max-width: 480px) {
  .news__ornament .ornament-1 {
    height: 109.375vw;
  }
}
@media screen and (max-width: 375px) {
  .news__ornament .ornament-1 {
    height: 140vw;
  }
}
.news__ornament .ornament-2 {
  top: 11.4583333333vw;
  width: 17.0833333333vw;
  height: 15.8333333333vw;
}
@media screen and (max-width: 1440px) {
  .news__ornament .ornament-2 {
    top: 15.2777777778vw;
  }
}
@media screen and (max-width: 767px) {
  .news__ornament .ornament-2 {
    top: 28.6831812256vw;
  }
}
@media screen and (max-width: 480px) {
  .news__ornament .ornament-2 {
    top: 45.8333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .news__ornament .ornament-2 {
    top: 58.6666666667vw;
  }
}
@media screen and (max-width: 1440px) {
  .news__ornament .ornament-2 {
    width: 22.7777777778vw;
  }
}
@media screen and (max-width: 767px) {
  .news__ornament .ornament-2 {
    width: 42.7640156454vw;
  }
}
@media screen and (max-width: 480px) {
  .news__ornament .ornament-2 {
    width: 68.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .news__ornament .ornament-2 {
    width: 87.4666666667vw;
  }
}
@media screen and (max-width: 1440px) {
  .news__ornament .ornament-2 {
    height: 21.1111111111vw;
  }
}
@media screen and (max-width: 767px) {
  .news__ornament .ornament-2 {
    height: 39.6349413299vw;
  }
}
@media screen and (max-width: 480px) {
  .news__ornament .ornament-2 {
    height: 63.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .news__ornament .ornament-2 {
    height: 81.0666666667vw;
  }
}
@media (max-width: 767px) {
  .news__ornament {
    display: none;
  }
}
.news__container {
  display: flex;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
  padding: 0vw 2.0833333333vw;
}
@media screen and (max-width: 1440px) {
  .news__container {
    padding: 0vw 2.7777777778vw;
  }
}
@media screen and (max-width: 767px) {
  .news__container {
    padding: 0vw;
  }
}
@media screen and (max-width: 480px) {
  .news__container {
    padding: 0vw;
  }
}
@media screen and (max-width: 375px) {
  .news__container {
    padding: 0vw;
  }
}
.news__left {
  flex: 0 1 auto;
  padding: 2.0833333333vw 4.1666666667vw 1.5625vw 1.0416666667vw;
  text-align: left;
  position: relative;
  border-right: 1px solid #153175;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .news__left {
    padding: 2.7777777778vw 5.5555555556vw 2.0833333333vw 1.3888888889vw;
  }
}
@media screen and (max-width: 767px) {
  .news__left {
    padding: 0vw;
  }
}
@media screen and (max-width: 480px) {
  .news__left {
    padding: 0vw;
  }
}
@media screen and (max-width: 375px) {
  .news__left {
    padding: 0vw;
  }
}
@media (max-width: 767px) {
  .news__left {
    flex: 1 1 100%;
    border: none;
    text-align: left;
    display: grid;
    grid-template-areas: "title button" "subtitle button";
  }
}
@media screen and (max-width: 767px) {
  .news__left {
    margin-bottom: 2.0860495437vw;
  }
}
@media screen and (max-width: 480px) {
  .news__left {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .news__left {
    margin-bottom: 4.2666666667vw;
  }
}
.news__title {
  position: relative;
  line-height: 1;
}
.news__title:before {
  content: "";
  position: absolute;
  bottom: -0.625vw;
  left: 0;
  display: inline-block;
  width: 10.6770833333vw;
  height: 0.0520833333vw;
  background-color: #153175;
  opacity: 0;
}
@media screen and (max-width: 1440px) {
  .news__title:before {
    bottom: -0.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .news__title:before {
    bottom: -1.5645371578vw;
  }
}
@media screen and (max-width: 480px) {
  .news__title:before {
    bottom: -2.5vw;
  }
}
@media screen and (max-width: 375px) {
  .news__title:before {
    bottom: -3.2vw;
  }
}
@media screen and (max-width: 1440px) {
  .news__title:before {
    width: 14.2361111111vw;
  }
}
@media screen and (max-width: 767px) {
  .news__title:before {
    width: 17.7314211213vw;
  }
}
@media screen and (max-width: 480px) {
  .news__title:before {
    width: 28.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .news__title:before {
    width: 36.2666666667vw;
  }
}
@media screen and (max-width: 1440px) {
  .news__title:before {
    height: 0.0694444444vw;
  }
}
@media screen and (max-width: 767px) {
  .news__title:before {
    height: 0.1303780965vw;
  }
}
@media screen and (max-width: 480px) {
  .news__title:before {
    height: 0.2083333333vw;
  }
}
@media screen and (max-width: 375px) {
  .news__title:before {
    height: 0.2666666667vw;
  }
}
@media (maX-width: 767px) {
  .news__title {
    grid-area: title;
  }
  .news__title::before {
    opacity: 1;
  }
  .news__title br {
    display: none;
  }
}
.news__subtitle {
  display: block;
  color: #153175;
  margin-top: 1.5625vw;
  margin-bottom: 2.6041666667vw;
  text-decoration: none;
}
@media screen and (max-width: 1440px) {
  .news__subtitle {
    margin-top: 2.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .news__subtitle {
    margin-top: 1.0430247718vw;
  }
}
@media screen and (max-width: 480px) {
  .news__subtitle {
    margin-top: 1.6666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .news__subtitle {
    margin-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 1440px) {
  .news__subtitle {
    margin-bottom: 3.4722222222vw;
  }
}
@media screen and (max-width: 767px) {
  .news__subtitle {
    margin-bottom: 1.0430247718vw;
  }
}
@media screen and (max-width: 480px) {
  .news__subtitle {
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .news__subtitle {
    margin-bottom: 2.1333333333vw;
  }
}
@media (max-width: 767px) {
  .news__subtitle {
    grid-area: subtitle;
  }
}
.news__subtitle:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.news__right {
  flex: 1 1 70%;
  padding: 2.0833333333vw 1.0416666667vw 1.5625vw 4.1666666667vw;
}
@media screen and (max-width: 1440px) {
  .news__right {
    padding: 2.7777777778vw 1.3888888889vw 2.0833333333vw 5.5555555556vw;
  }
}
@media screen and (max-width: 767px) {
  .news__right {
    padding: 6.518904824vw 7.8226857888vw;
  }
}
@media screen and (max-width: 480px) {
  .news__right {
    padding: 10.4166666667vw 12.5vw;
  }
}
@media screen and (max-width: 375px) {
  .news__right {
    padding: 13.3333333333vw 16vw;
  }
}
@media (max-width: 767px) {
  .news__right {
    flex: 1 1 100%;
    padding: 0;
  }
}
.news__button {
  color: #153175;
  padding: 0.46875vw;
}
@media screen and (max-width: 1440px) {
  .news__button {
    padding: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .news__button {
    padding: 1.1734028683vw;
  }
}
@media screen and (max-width: 480px) {
  .news__button {
    padding: 1.875vw;
  }
}
@media screen and (max-width: 375px) {
  .news__button {
    padding: 2.4vw;
  }
}
.news__button svg {
  width: 2.0833333333vw;
  height: 1.1979166667vw;
}
@media screen and (max-width: 1440px) {
  .news__button svg {
    width: 2.7777777778vw;
  }
}
@media screen and (max-width: 767px) {
  .news__button svg {
    width: 5.2151238592vw;
  }
}
@media screen and (max-width: 480px) {
  .news__button svg {
    width: 8.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .news__button svg {
    width: 10.6666666667vw;
  }
}
@media screen and (max-width: 1440px) {
  .news__button svg {
    height: 1.5972222222vw;
  }
}
@media screen and (max-width: 767px) {
  .news__button svg {
    height: 2.998696219vw;
  }
}
@media screen and (max-width: 480px) {
  .news__button svg {
    height: 4.7916666667vw;
  }
}
@media screen and (max-width: 375px) {
  .news__button svg {
    height: 6.1333333333vw;
  }
}
.news__button:hover {
  margin-left: 8px;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .news__button {
    grid-area: button;
    justify-self: end;
    align-self: center;
  }
}

.news-card {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.6041666667vw;
  padding: 0.5208333333vw 0vw;
  text-decoration: none;
  color: #000000;
  margin-bottom: 1.875vw;
  flex-wrap: wrap;
}
@media screen and (max-width: 1440px) {
  .news-card {
    gap: 3.4722222222vw;
  }
}
@media screen and (max-width: 767px) {
  .news-card {
    gap: 1.0430247718vw;
  }
}
@media screen and (max-width: 480px) {
  .news-card {
    gap: 1.6666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .news-card {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 1440px) {
  .news-card {
    padding: 0.6944444444vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .news-card {
    padding: 0.5215123859vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .news-card {
    padding: 0.8333333333vw 0vw;
  }
}
@media screen and (max-width: 375px) {
  .news-card {
    padding: 1.0666666667vw 0vw;
  }
}
@media screen and (max-width: 1440px) {
  .news-card {
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .news-card {
    margin-bottom: 2.0860495437vw;
  }
}
@media screen and (max-width: 480px) {
  .news-card {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .news-card {
    margin-bottom: 4.2666666667vw;
  }
}
.news-card:last-child {
  margin-bottom: 0;
}
.news-card:hover {
  opacity: 0.7;
  transition: 0.3s;
}
.news-card:hover .news-card__icon {
  margin-top: -10px;
  transition: 0.3s;
}
.news-card__date {
  flex: 0 0 auto;
  margin-bottom: 0;
  font-weight: 400;
}
.news-card__category {
  flex: 0 0 auto;
  background: linear-gradient(180deg, #143175 0%, #5770AA 100%);
  color: #FFFFFF;
  border-radius: 0.8333333333vw;
  margin-bottom: 0;
  padding: 0.1041666667vw 0.8333333333vw;
}
@media screen and (max-width: 1440px) {
  .news-card__category {
    border-radius: 1.1111111111vw;
  }
}
@media screen and (max-width: 767px) {
  .news-card__category {
    border-radius: 2.0860495437vw;
  }
}
@media screen and (max-width: 480px) {
  .news-card__category {
    border-radius: 3.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .news-card__category {
    border-radius: 4.2666666667vw;
  }
}
@media screen and (max-width: 1440px) {
  .news-card__category {
    padding: 0.1388888889vw 1.1111111111vw;
  }
}
@media screen and (max-width: 767px) {
  .news-card__category {
    padding: 0.260756193vw 2.0860495437vw;
  }
}
@media screen and (max-width: 480px) {
  .news-card__category {
    padding: 0.4166666667vw 3.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .news-card__category {
    padding: 0.5333333333vw 4.2666666667vw;
  }
}
.news-card__title {
  flex: 1 1 0;
  margin-bottom: 0;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
@media (max-width: 767px) {
  .news-card__title {
    flex: 1 1 100%;
  }
}
.news-card__icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.7291666667vw;
  height: 0.7291666667vw;
  color: #153175;
}
@media screen and (max-width: 1440px) {
  .news-card__icon {
    width: 0.9722222222vw;
  }
}
@media screen and (max-width: 767px) {
  .news-card__icon {
    width: 1.8252933507vw;
  }
}
@media screen and (max-width: 480px) {
  .news-card__icon {
    width: 2.9166666667vw;
  }
}
@media screen and (max-width: 375px) {
  .news-card__icon {
    width: 3.7333333333vw;
  }
}
@media screen and (max-width: 1440px) {
  .news-card__icon {
    height: 0.9722222222vw;
  }
}
@media screen and (max-width: 767px) {
  .news-card__icon {
    height: 1.8252933507vw;
  }
}
@media screen and (max-width: 480px) {
  .news-card__icon {
    height: 2.9166666667vw;
  }
}
@media screen and (max-width: 375px) {
  .news-card__icon {
    height: 3.7333333333vw;
  }
}
.news-card__icon svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .news-card__icon {
    margin-left: auto;
    margin-top: -0.5vw;
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 767px) {
  .news-card {
    justify-content: flex-start;
  }
}

.news-gallery {
  display: flex;
  justify-content: center;
  background-color: #E7F1FE;
}
.news-gallery__item {
  flex: 1 1 50%;
  min-height: 51.0416666667vw;
}
@media screen and (max-width: 1440px) {
  .news-gallery__item {
    min-height: 68.0555555556vw;
  }
}
@media screen and (max-width: 767px) {
  .news-gallery__item {
    min-height: 27.1186440678vw;
  }
}
@media screen and (max-width: 480px) {
  .news-gallery__item {
    min-height: 43.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .news-gallery__item {
    min-height: 55.4666666667vw;
  }
}
.news-gallery__item:nth-child(2), .news-gallery__item:nth-child(3) {
  transform: translateY(5%);
}
.news-gallery__item:nth-child(2) {
  flex: 1 1 30%;
}
.news-gallery__item:nth-child(3) {
  flex: 1 1 20%;
}
.news-gallery__item img {
  width: 101%;
  height: 101%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .news-gallery {
    background-color: #ffffff;
  }
}

.recruit {
  padding: 10.4166666667vw 0vw;
}
.recruit__image-container {
  position: relative;
  width: 100%;
  display: inline-block;
  max-width: 47.6041666667vw;
}
@media screen and (max-width: 1440px) {
  .recruit__image-container {
    max-width: 63.4722222222vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit__image-container {
    max-width: 119.1655801825vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit__image-container {
    max-width: 190.4166666667vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit__image-container {
    max-width: 243.7333333333vw;
  }
}
.recruit__image-container:before {
  content: "";
  display: block;
  padding-top: 56.2363238512%;
}
.recruit__image-container .ratio-item {
  object-fit: cover;
}
@media screen and (max-width: 1440px) {
  .recruit {
    padding: 13.8888888889vw 0vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit {
    padding: 5.4758800522vw 0vw 4.1720990874vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit {
    padding: 8.75vw 0vw 6.6666666667vw 0vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit {
    padding: 11.2vw 0vw 8.5333333333vw 0vw;
  }
}
.recruit__title {
  margin-bottom: 1.4583333333vw;
}
@media screen and (max-width: 1440px) {
  .recruit__title {
    margin-bottom: 1.9444444444vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit__title {
    margin-bottom: 2.0860495437vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit__title {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit__title {
    margin-bottom: 4.2666666667vw;
  }
}
.recruit__subtitle {
  color: #153175;
}
.recruit__button-wrapper {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .recruit__button-wrapper {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .recruit__button-wrapper {
    margin-top: 4.1720990874vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit__button-wrapper {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit__button-wrapper {
    margin-top: 8.5333333333vw;
  }
}
.recruit__card-wrapper {
  margin-top: 7.5vw;
}
@media screen and (max-width: 1440px) {
  .recruit__card-wrapper {
    margin-top: 10vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit__card-wrapper {
    margin-top: 4.1720990874vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit__card-wrapper {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit__card-wrapper {
    margin-top: 8.5333333333vw;
  }
}

.recruit-card {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 3.75vw;
  margin-bottom: 6.6666666667vw;
  padding: 0vw;
  text-decoration: none;
  color: #000000;
  flex-wrap: wrap;
}
.recruit-card__image-container {
  position: relative;
  width: 100%;
  display: inline-block;
  max-width: 30.625vw;
}
@media screen and (max-width: 1440px) {
  .recruit-card__image-container {
    max-width: 40.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit-card__image-container {
    max-width: 76.6623207301vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit-card__image-container {
    max-width: 122.5vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit-card__image-container {
    max-width: 156.8vw;
  }
}
.recruit-card__image-container:before {
  content: "";
  display: block;
  padding-top: 43.3673469388%;
}
.recruit-card__image-container .ratio-item {
  object-fit: cover;
}
@media screen and (max-width: 1440px) {
  .recruit-card {
    gap: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit-card {
    gap: 3.1290743155vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit-card {
    gap: 5vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit-card {
    gap: 6.4vw;
  }
}
@media screen and (max-width: 1440px) {
  .recruit-card {
    margin-bottom: 8.8888888889vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit-card {
    margin-bottom: 4.1720990874vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit-card {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit-card {
    margin-bottom: 8.5333333333vw;
  }
}
@media screen and (max-width: 1440px) {
  .recruit-card {
    padding: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit-card {
    padding: 1.0430247718vw 0vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit-card {
    padding: 1.6666666667vw 0vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit-card {
    padding: 2.1333333333vw 0vw;
  }
}
.recruit-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 12.5vw;
  height: 3.125vw;
  background-color: transparent;
  z-index: -1;
  border-top: 1px solid #153175;
  border-right: 1px solid #153175;
}
@media screen and (max-width: 1440px) {
  .recruit-card::before {
    width: 16.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit-card::before {
    width: 7.8226857888vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit-card::before {
    width: 12.5vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit-card::before {
    width: 16vw;
  }
}
@media screen and (max-width: 1440px) {
  .recruit-card::before {
    height: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit-card::before {
    height: 7.8226857888vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit-card::before {
    height: 12.5vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit-card::before {
    height: 16vw;
  }
}
.recruit-card:last-child {
  margin-bottom: 0;
}
.recruit-card__badge {
  margin-bottom: 1.25vw;
}
@media screen and (max-width: 1440px) {
  .recruit-card__badge {
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit-card__badge {
    margin-bottom: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit-card__badge {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit-card__badge {
    margin-bottom: 5.3333333333vw;
  }
}
@media (max-width: 767px) {
  .recruit-card__badge {
    flex: 1 1 100%;
  }
}
.recruit-card__content {
  padding-right: 2.34375vw;
  flex: 1 1 0;
}
@media screen and (max-width: 1440px) {
  .recruit-card__content {
    padding-right: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit-card__content {
    padding-right: 5.8670143416vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit-card__content {
    padding-right: 9.375vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit-card__content {
    padding-right: 12vw;
  }
}
@media (max-width: 767px) {
  .recruit-card__content {
    flex: 1 1 100%;
  }
}
.recruit-card__description {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .recruit-card__image-container {
    order: 2;
  }
}
.recruit-card__button-wrapper {
  margin-top: 1.5625vw;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1440px) {
  .recruit-card__button-wrapper {
    margin-top: 2.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .recruit-card__button-wrapper {
    margin-top: 2.6075619296vw;
  }
}
@media screen and (max-width: 480px) {
  .recruit-card__button-wrapper {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 375px) {
  .recruit-card__button-wrapper {
    margin-top: 5.3333333333vw;
  }
}
@media (max-width: 767px) {
  .recruit-card__button-wrapper {
    justify-content: center;
  }
}/*# sourceMappingURL=home.css.map */