@charset "UTF-8";
:root {
  --inner-scale: 1;
  --vw-base: calc(1540 / var(--inner-scale));
  --inner: 980;
  --inner-1920: 1920;
  --inner-1484: 1484;
  --inner-1200: 1200;
  --fz-ratio: 1;
}
@media screen and (max-width: 999px) {
  :root {
    --vw-base: 768;
    --inner-scale: 1;
    --inner: 688;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --vw-base: 390;
    --inner-scale: 1;
    --inner: 350;
  }
}

/* ===============================
  国際事業
=============================== */
/*------------------------------
about
------------------------------*/
.about {
  padding-top: min( 116 * 100vw / var(--vw-base) , 116/var(--vw-base) * 1540px );
}
@media (max-width: 767px) {
  .about {
    padding-top: min( 50 * 100vw / var(--vw-base) , 50/var(--vw-base) * 1540px );
  }
}

.about__content {
  margin-top: calc(30 / var(--inner) * 100%);
}

.about__heading {
  margin-top: 2em;
  font-size: min( 20 * 100vw / var(--vw-base) , 20/var(--vw-base) * 1540px );
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 999px) {
  .about__heading {
    font-size: min( 20 * 100vw / var(--vw-base) , 20/var(--vw-base) * 1540px );
  }
}
@media (max-width: 767px) {
  .about__heading {
    margin-top: 0.8em;
  }
}

.about__wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: min( 30 * 100vw / var(--vw-base) , 30/var(--vw-base) * 1540px );
}
@media (max-width: 999px) {
  .about__wrapper {
    margin-top: calc(32 / var(--inner) * 100%);
    display: block;
    margin-top: calc(16 / var(--inner) * 100%);
  }
}

.about__message {
  width: 47.5%;
  font-size: min( 15 * 100vw / var(--vw-base) , 15/var(--vw-base) * 1540px );
  font-weight: 300;
  line-height: 2;
}
@media (max-width: 999px) {
  .about__message {
    width: 100%;
    font-size: min( 16 * 100vw / var(--vw-base) , 16/var(--vw-base) * 1540px );
  }
}

.about__info {
  width: 47.5%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.about__info dt, .about__info dd {
  font-size: min( 15 * 100vw / var(--vw-base) , 15/var(--vw-base) * 1540px );
  font-weight: 400;
  line-height: 1.6;
  border-bottom: 1px solid #ACA197;
  padding: 1.5em 0;
}
.about__info dt:first-of-type, .about__info dd:first-of-type {
  border-top: 1px solid #ACA197;
}
.about__info dt {
  width: min( 130 * 100vw / var(--vw-base) , 130/var(--vw-base) * 1540px );
  color: #ACA197;
  display: flex;
  align-items: center;
}
.about__info dd {
  width: calc(100% - min( 130 * 100vw / var(--vw-base) , 130/var(--vw-base) * 1540px ));
}
@media (max-width: 999px) {
  .about__info {
    width: 100%;
    margin-top: calc(40 / var(--inner) * 100%);
  }
  .about__info dt, .about__info dd {
    font-size: min( 16 * 100vw / var(--vw-base) , 16/var(--vw-base) * 1540px );
    padding: 1.9em 0;
  }
  .about__info dt {
    width: calc(288 / var(--inner) * 100%);
  }
  .about__info dd {
    width: calc(100% - (288 / var(--inner) * 100%));
  }
}
@media (max-width: 767px) {
  .about__info {
    margin-top: min( 24 * 100vw / var(--vw-base) , 24/var(--vw-base) * 1540px );
  }
  .about__info dt, .about__info dd {
    line-height: 1.5;
    padding: 1.5em 0;
  }
  .about__info dt {
    width: calc(140 / var(--inner) * 100%);
  }
  .about__info dd {
    width: calc(100% - (140 / var(--inner) * 100%));
  }
}

/*------------------------------
problem
------------------------------*/
.problem {
  padding: min( 120 * 100vw / var(--vw-base) , 120/var(--vw-base) * 1540px ) 0 min( 70 * 100vw / var(--vw-base) , 70/var(--vw-base) * 1540px );
}
@media (max-width: 999px) {
  .problem {
    padding: min( 120 * 100vw / var(--vw-base) , 120/var(--vw-base) * 1540px ) 0 min( 70 * 100vw / var(--vw-base) , 70/var(--vw-base) * 1540px );
  }
}
@media (max-width: 767px) {
  .problem {
    padding-bottom: min( 50 * 100vw / var(--vw-base) , 50/var(--vw-base) * 1540px );
  }
}

.problem__subtext {
  font-size: min( 14 * 100vw / var(--vw-base) , 14/var(--vw-base) * 1540px );
  font-weight: 300;
  color: #ACA197;
  letter-spacing: 0.1em;
  text-align: center;
}
@media (max-width: 999px) {
  .problem__subtext {
    font-size: min( 16 * 100vw / var(--vw-base) , 16/var(--vw-base) * 1540px );
  }
}
@media (max-width: 767px) {
  .problem__subtext {
    letter-spacing: normal;
  }
}

.problem__heading {
  font-size: min( 20 * 100vw / var(--vw-base) , 20/var(--vw-base) * 1540px );
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.1em;
  text-align: center;
}
@media (max-width: 767px) {
  .problem__heading {
    letter-spacing: normal;
  }
}

.problem__illust {
  width: 81%;
  margin: calc(40 / var(--inner) * 100%) auto 0;
}
@media screen and (max-width: 999px) {
  .problem__illust {
    width: 100%;
    margin-top: min( 30 * 100vw / var(--vw-base) , 30/var(--vw-base) * 1540px );
  }
}
@media (max-width: 767px) {
  .problem__illust {
    width: calc(154 / var(--inner) * 100%);
    margin: 10% auto 0;
  }
}

.problem__content {
  margin-top: calc(32 / var(--inner) * 100%);
}

.problem__list { /* sp */ }
.problem__list li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  font-size: min( 16 * 100vw / var(--vw-base) , 16/var(--vw-base) * 1540px );
  font-weight: 400;
  line-height: 1.5;
  padding: 1.25em;
  letter-spacing: 0.1em;
  border-radius: 1.25em;
  background: #F9F7F4;
  text-align: center;
}
.problem__list li:nth-child(2n) {
  margin-left: unset;
  margin-right: auto;
}
.problem__list li:nth-child(n+2) {
  margin-top: calc(15 / var(--inner) * 100%);
}
.problem__list li:nth-child(3) {
  transform: translateX(-8%);
}
.problem__list li:nth-child(4) {
  transform: translateX(-3%);
}

.problem__cta {
  margin-top: calc(111 / var(--inner) * 100%);
  position: relative;
}
.problem__cta::before {
  content: "";
  position: absolute;
  top: min( -55 * 100vw / var(--vw-base) , -55/var(--vw-base) * 1540px );
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/arrow03.png) no-repeat center center/contain;
  width: min( 55 * 100vw / var(--vw-base) , 55/var(--vw-base) * 1540px );
  aspect-ratio: 55/63;
}
@media (max-width: 767px) {
  .problem__cta {
    padding: 0 6%;
  }
  .problem__cta::before {
    top: -21vw;
  }
}

.problem__cta-heading {
  font-size: min( 20 * 100vw / var(--vw-base) , 20/var(--vw-base) * 1540px );
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  border-bottom: 2px solid #D1CCC9;
  padding-bottom: 0.8em;
}
.problem__cta-message {
  font-size: min( 16 * 100vw / var(--vw-base) , 16/var(--vw-base) * 1540px );
  font-weight: 400;
  line-height: 2;
  text-align: center;
  margin-top: 1em;
}
@media (max-width: 767px) {
  .problem__cta-message {
    margin-top: 0.8em;
    letter-spacing: 0.1em;
  }
}
/*# sourceMappingURL=overseas.css.map */