:root {
  --inner-scale: 1;
  --vw-base: calc(520 / var(--inner-scale));
  --inner: 410;
  --inner-500: 500;
}
@media screen and (max-width: 999px) {
  :root {
    --inner-scale: calc(0.9 / (410 / 520));
  }
}
@media screen and (max-width: 767px) {
  :root {
    --vw-base: calc(520 * 0.3);
    --inner-scale: 1;
  }
}

.business__hero--cx {
  background: url(../img/cx_fv.jpg) no-repeat center center/cover;
  position: relative;
  z-index: 10;
}

.business__hero--at {
  background: url(../img/at1.jpg) no-repeat center center/cover;
  position: relative;
  z-index: 10;
}

/*------------------------------
features
------------------------------*/
.features {
  position: relative;
}
.features::before {
  content: "";
  position: absolute;
  background: url(../img/philosophy_dec.png) no-repeat center center/100%;
  aspect-ratio: 449/463;
  transform: translate(-50%, -8%);
  width: 49%;
  left: 19.6%;
  top: 0%;
}
.features > * {
  position: relative;
  z-index: 10;
}

.features--at {
  padding-bottom: min( 56 * 100vw / var(--vw-base) , 56/var(--vw-base) * 1440px );
}

.features__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: min( 62 * 100vw / var(--vw-base) , 62/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .features__header {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding-top: 10%;
  }
}

.features__container {
  margin-top: min( 40 * 100vw / var(--vw-base) , 40/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .features__container {
    margin-top: 0;
  }
}

.features__block {
  display: flex;
  justify-content: space-between;
}
.features__block:nth-child(2) {
  flex-direction: row-reverse;
}
.features__block:nth-child(2) .features__label::after {
  left: 0;
  width: 27.5em;
}
.features__block:nth-child(n+2) {
  margin-top: min( 10 * 100vw / var(--vw-base) , 10/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .features__block {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  .features__block:nth-child(2) .features__label::after {
    width: 100%;
  }
}

.features__body {
  width: 41.5%;
  max-width: 532px;
}
@media (max-width: 767px) {
  .features__body {
    width: 100%;
    padding-right: 0;
    max-width: unset;
    margin-top: 10%;
  }
}

.features__heading {
  font-size: min( 8 * 100vw / var(--vw-base) , 8/var(--vw-base) * 1440px );
  font-weight: 600;
  line-height: 2.375;
}

.features__description {
  font-size: min( 5 * 100vw / var(--vw-base) , 5/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 2;
  margin-top: 1.5em;
}
@media (max-width: 767px) {
  .features__description {
    margin-top: 1em;
  }
}

@media (min-width: 768px) {
  .features__description--4 {
    width: 101%;
    max-width: unset;
  }
}

.features__image {
  width: calc(min(768 / 1440 * 100vw,768px) + max((100vw - 1440px) / 2, 0px));
}
@media (max-width: 767px) {
  .features__image {
    width: 100%;
    margin-top: 5%;
  }
}

.features__label {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: min( 7 * 100vw / var(--vw-base) , 7/var(--vw-base) * 1440px );
  padding-bottom: 0.7em;
  margin-bottom: 2.6em;
  position: relative;
  color: #654d9d;
  font-weight: bold;
  font-style: italic;
}
.features__label::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: #654d9d;
  width: 9.7em;
  height: 1px;
}
@media (max-width: 767px) {
  .features__label {
    margin-bottom: 0;
  }
  .features__label::after {
    width: 100%;
  }
}

/*------------------------------
service
------------------------------*/
.service--at {
  position: relative;
}
.service--at::after {
  content: "";
  position: absolute;
  background: url(../img/philosophy_dec.png) no-repeat center left/cover;
  aspect-ratio: 379/463;
  transform: translate(0%, -71%);
  width: 41%;
  right: 0%;
  top: 0%;
}

.cx .service {
  padding-top: min( 80 * 100vw / var(--vw-base) , 80/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .cx .service {
    padding-top: calc(120 / var(--inner) * 100%);
  }
}
@media (max-width: 767px) {
  .cx .service__header {
    width: 100%;
  }
}

.automobile .service {
  background: url(../img/at7.png) no-repeat top center/101% 100%;
  color: #fff;
  padding: min( 18 * 100vw / var(--vw-base) , 18/var(--vw-base) * 1440px ) 0 min( 40 * 100vw / var(--vw-base) , 40/var(--vw-base) * 1440px );
}
.automobile .service__header {
  width: calc(286 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .automobile .service__header {
    width: 100%;
  }
}

.service__section:nth-child(1) {
  padding-bottom: min( 28 * 100vw / var(--vw-base) , 28/var(--vw-base) * 1440px );
  position: relative;
}
.service__section:nth-child(1)::before {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.72);
  width: calc(min(1224 / 1440 * 100vw,1224px) + max((100vw - 1440px) / 2, 0px));
  height: calc(100% - min( 52 * 100vw / var(--vw-base) , 52/var(--vw-base) * 1440px ));
  left: 0%;
  bottom: 0%;
  z-index: 5;
}
.service__section:nth-child(1)::after {
  content: "";
  position: absolute;
  background: url(../img/philosophy_dec.png) no-repeat center left/cover;
  aspect-ratio: 379/463;
  transform: translate(0%, 81%);
  width: 41%;
  right: 0%;
  bottom: 0%;
}
.service__section:nth-child(1) > * {
  position: relative;
  z-index: 10;
}
.service__section:nth-child(2) {
  padding-bottom: min( 28 * 100vw / var(--vw-base) , 28/var(--vw-base) * 1440px );
  margin-top: min( 32 * 100vw / var(--vw-base) , 32/var(--vw-base) * 1440px );
  position: relative;
}
.service__section:nth-child(2)::before {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.72);
  width: calc(min(1224 / 1440 * 100vw,1224px) + max((100vw - 1440px) / 2, 0px));
  height: calc(100% - min( 52 * 100vw / var(--vw-base) , 52/var(--vw-base) * 1440px ));
  right: 0%;
  bottom: 0%;
}
.service__section:nth-child(2) > * {
  position: relative;
  z-index: 10;
}
.service__section:nth-child(2) .service__header {
  margin-left: auto;
}
@media (max-width: 767px) {
  .service__section:nth-child(n+2) {
    margin-top: calc(60 / var(--inner) * 100%);
  }
}

.service__heading {
  font-size: min( 8 * 100vw / var(--vw-base) , 8/var(--vw-base) * 1440px );
  font-weight: 600;
  line-height: 2.375;
  margin-top: 4.6em;
}
@media (max-width: 767px) {
  .service__heading {
    margin-top: 2em;
  }
}

.service__heading-en {
  display: block;
  font-size: min( 13 * 100vw / var(--vw-base) , 13/var(--vw-base) * 1440px );
  font-style: italic;
  font-family: "EB Garamond", serif;
}

.service__heading-ja {
  display: block;
  font-size: min( 15 * 100vw / var(--vw-base) , 15/var(--vw-base) * 1440px );
  font-weight: 400;
  line-height: 1.2666666667;
  margin-top: 0em;
}
@media (max-width: 767px) {
  .service__heading-ja {
    font-size: min( 13 * 100vw / var(--vw-base) , 13/var(--vw-base) * 1440px );
  }
}

.service__message {
  font-size: min( 6 * 100vw / var(--vw-base) , 6/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 1.8333333333;
  margin-top: 3em;
}

.service__image {
  width: calc(min(768 / 1440 * 100vw,768px) + max((100vw - 1440px) / 2, 0px));
}
@media (max-width: 767px) {
  .service__image {
    width: 100%;
  }
}

.service__list {
  margin-top: 5%;
  display: flex;
  gap: 0 calc(15 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .service__list {
    display: block;
  }
}

.service__item {
  width: calc(33.3% - (15 / var(--inner) * 100%) * 2 / 3);
}
@media (max-width: 767px) {
  .service__item {
    width: 100%;
  }
  .service__item:nth-child(n+2) {
    margin-top: calc(20 / var(--inner) * 100%);
  }
}

.service__item-title {
  font-size: min( 8 * 100vw / var(--vw-base) , 8/var(--vw-base) * 1440px );
  font-weight: 600;
  line-height: 2.375;
  color: #654d9d;
}

.service__item-description {
  font-size: min( 5 * 100vw / var(--vw-base) , 5/var(--vw-base) * 1440px );
  font-weight: 500;
  line-height: 2;
  margin-top: 0em;
}

.service__note {
  margin-top: calc(15 / var(--inner) * 100%);
  font-size: min( 6 * 100vw / var(--vw-base) , 6/var(--vw-base) * 1440px );
  font-weight: 600;
  line-height: 3.1666666667;
}
@media (max-width: 767px) {
  .service__note {
    line-height: 2;
  }
}

.service__block--1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .service__block--1 {
    flex-direction: column-reverse;
  }
}

.service__block--2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .service__block--2 {
    flex-direction: column;
  }
}

.service__body {
  width: 41.5%;
  max-width: 532px;
}
@media (max-width: 767px) {
  .service__body {
    width: 100%;
    max-width: unset;
  }
}

.service__description {
  font-weight: 500;
  font-size: min( 6 * 100vw / var(--vw-base) , 6/var(--vw-base) * 1440px );
  margin-top: 2.7em;
  line-height: 1.6;
}

.service-note1 {
  padding-left: 6em;
  text-indent: -6em;
  display: inline-block;
}

.service__figure-wrap {
  margin-top: min( 18 * 100vw / var(--vw-base) , 18/var(--vw-base) * 1440px );
}
@media (max-width: 767px) {
  .service__figure-wrap {
    width: 105.5555555556%;
    max-width: unset;
    overflow: scroll;
    overflow-y: hidden;
    position: relative;
  }
}

@media (max-width: 767px) {
  .service__figure {
    width: 170vw;
    max-width: unset;
  }
}

@media (max-width: 767px) {
  .service__figure-note {
    font-size: min( 8 * 100vw / var(--vw-base) , 8/var(--vw-base) * 1440px );
    text-align: right;
    margin-top: 0.5em;
  }
}
/*# sourceMappingURL=business.css.map */