.row-4 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 10px;
}
@media screen and (max-width: 767px) {
  .row-4 {
    gap: 20px;
  }
}
.row-4 > div {
  width: calc(25% - 7.5px);
}
@media screen and (max-width: 767px) {
  .row-4 > div {
    width: 100%;
  }
}

.row-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
}
@media screen and (max-width: 767px) {
  .row-3 {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .row-3 > div {
    width: 100%;
  }
}
.row-3 > div {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .row-3 > div {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .l-module .heading-m.--name {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .l-module .heading-s.--name {
    font-size: 1.25rem;
  }
}
.l-module .wrapper-text-img > div .wrapper-img {
  width: 100%;
}
.l-module .--bnr {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .l-module .--bnr {
    margin-top: 20px;
  }
}
.l-module .--bnr > a {
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .l-module .--bnr > a:hover {
    opacity: 0.8;
  }
}
.l-module .--bnr img {
  border: none !important;
}

.row-4.--jp {
  justify-content: space-between;
}
.row-4.--jp > div:first-of-type {
  width: 25.4208754209%;
}
@media screen and (max-width: 767px) {
  .row-4.--jp > div:first-of-type {
    width: 100%;
  }
}
.row-4.--jp > div:nth-of-type(2) {
  width: 18.5185185185%;
}
@media screen and (max-width: 1000px) {
  .row-4.--jp > div:nth-of-type(2) {
    width: 21.8855218855%;
  }
}
@media screen and (max-width: 767px) {
  .row-4.--jp > div:nth-of-type(2) {
    width: 100%;
  }
}
.row-4.--jp > div:nth-of-type(3) {
  width: 22.3063973064%;
}
@media screen and (max-width: 767px) {
  .row-4.--jp > div:nth-of-type(3) {
    width: 100%;
  }
}
.row-4.--jp > div:nth-of-type(4) {
  width: 21.0437710438%;
}
@media screen and (max-width: 1000px) {
  .row-4.--jp > div:nth-of-type(4) {
    width: 25.2525252525%;
  }
}
@media screen and (max-width: 767px) {
  .row-4.--jp > div:nth-of-type(4) {
    width: 100%;
  }
}
.row-4.--jp > div:nth-of-type(5) {
  width: 19.3602693603%;
}
@media screen and (max-width: 767px) {
  .row-4.--jp > div:nth-of-type(5) {
    width: 100%;
  }
}

.row-4.--jp > div, .row-3.--en > div, .row-4.--cn > div, .row-4.--tw > div {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .row-4.--jp > div, .row-3.--en > div, .row-4.--cn > div, .row-4.--tw > div {
    display: block;
  }
}
.row-4.--jp > div .heading-s, .row-3.--en > div .heading-s, .row-4.--cn > div .heading-s, .row-4.--tw > div .heading-s {
  margin-top: auto;
}

.row-3.--en > div:first-of-type {
  width: 36.2794612795%;
}
@media screen and (max-width: 767px) {
  .row-3.--en > div:first-of-type {
    width: 100%;
  }
}
.row-3.--en > div:nth-of-type(2) {
  width: 36.1952861953%;
}
@media screen and (max-width: 767px) {
  .row-3.--en > div:nth-of-type(2) {
    width: 100%;
  }
}
.row-3.--en > div:nth-of-type(3) {
  width: 26.5993265993%;
}
@media screen and (max-width: 767px) {
  .row-3.--en > div:nth-of-type(3) {
    width: 100%;
  }
}
.row-3.--en > div:nth-of-type(4) {
  width: 36.2794612795%;
}
@media screen and (max-width: 767px) {
  .row-3.--en > div:nth-of-type(4) {
    width: 100%;
  }
}
.row-3.--en > div:nth-of-type(5) {
  width: 36.1952861953%;
}
@media screen and (max-width: 767px) {
  .row-3.--en > div:nth-of-type(5) {
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */