.introduction__cnt {
  margin-top: min(-5.2083333333vw, -100px);
  padding-top: min(5.2083333333vw, 100px);
  max-width: 1532px;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 120px);
  padding-bottom: min(15.625vw, 300px);
  position: relative;
  z-index: 1;
}
.introduction__cnt--bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center top;
     object-position: center top;
}
.introduction .commonTtl:before {
  background-image: url(../images/common/common_title_before_wh.svg);
}
.introduction .commonTtl:after {
  background-image: url(../images/common/common_title_after_wh.svg);
}
.introduction .commonTtl__en {
  color: #fff;
}
.introduction .commonTtl__ja {
  color: #fff;
}
.introduction__cts {
  margin-top: 230px;
  margin-top: min(11.9791666667vw, 230px);
}
.introduction__cts .intro {
  padding: 193px 0 60px;
  margin-bottom: 60px;
}
.introduction__cts .intro-content-wrapper {
  position: relative;
  max-width: 1210px;
  margin: 0 auto;
}
.introduction__cts .intro-content-wrapper::before, .introduction__cts .intro-content-wrapper::after {
  position: absolute;
  font-size: 8.5rem;
  font-family: "Kaisei Opti", serif;
  content: "INTRODUCTION";
  display: block;
  letter-spacing: 0.05em;
  color: var(--color-white);
}
.introduction__cts .intro-content-wrapper::before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  left: 0;
  bottom: 0;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.introduction__cts .intro-content-wrapper::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  right: 0;
  bottom: 0;
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}
.introduction__cts .intro-content {
  font-family: "Kaisei Opti", serif;
  text-align: center;
  position: relative;
}
.introduction__cts .intro-title {
  position: relative;
  z-index: 2;
  font-size: 5.8rem;
  font-size: min(3.0208333333vw, 58px);
  font-weight: 500;
  color: #fff;
}
.introduction__cts .intro-text {
  position: relative;
  z-index: 2;
  letter-spacing: 0.05em;
  font-size: 3rem;
  font-size: min(1.5625vw, 30px);
  font-weight: 500;
  line-height: 2.3333333333;
  margin-top: 89px;
  margin-top: min(4.6354166667vw, 89px);
  color: #fff;
  margin-bottom: 0;
}
.introduction__cts .intro-text:not(:first-of-type) {
  margin-top: 60px;
  margin-top: min(3.125vw, 60px);
}
@media screen and (max-width: 768px) {
  .introduction__cts .intro {
    padding-top: 24vw;
    padding-bottom: 10.6666666667vw;
    margin-bottom: 24vw;
  }
  .introduction__cts .intro-content-wrapper {
    padding-top: 29.3333333333vw;
  }
  .introduction__cts .intro-content-wrapper::after {
    display: none;
  }
  .introduction__cts .intro-content-wrapper::before {
    font-size: 10.6666666667vw;
    left: 50%;
    top: 0;
    bottom: auto;
    -webkit-transform: rotate(0deg) translate(-50%, -100%);
            transform: rotate(0deg) translate(-50%, -100%);
  }
  .introduction__cts .intro-content {
    width: 92vw;
    margin: 0 auto;
  }
  .introduction__cts .intro-content::before {
    width: 100%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 58.6666666667vw;
  }
  .introduction__cts .intro-content-body {
    padding-bottom: 8vw;
    margin-top: 34px;
  }
  .introduction__cts .intro-title {
    font-size: 4.2666666667vw;
    font-size: min(4.2666666667vw, 16px);
    -webkit-transform: translateY(-8vw);
            transform: translateY(-8vw);
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-bottom: 0;
    line-height: 2;
  }
  .introduction__cts .intro-text {
    font-size: 2.9333333333vw;
    font-size: min(2.9333333333vw, 11px);
    line-height: 2.8181818182;
    letter-spacing: 0;
    margin-top: 4px;
  }
  .introduction__cts .intro-text:not(:first-of-type) {
    margin-top: 32px;
  }
}

@media screen and (max-width: 768px) {
  .introduction__cnt {
    margin-top: 0px;
    padding-top: 80px;
    width: calc(100% - 35px);
    padding-bottom: 0;
  }
  .introduction__cnt--bg {
    margin-top: 80px;
  }
  .introduction .commonTtl {
    position: relative;
    top: -80px;
  }
  .introduction .commonTtl:before {
    background-image: url(../images/common/common_title_before.svg);
  }
  .introduction .commonTtl:after {
    background-image: url(../images/common/common_title_after.svg);
  }
  .introduction .commonTtl__en {
    color: var(--color-main);
  }
  .introduction .commonTtl__ja {
    color: var(--color-accent);
  }
  .introduction__cts {
    margin-top: 47px;
  }
}
@media screen and (max-width: 374px) {
  .introduction__cts {
    margin-top: -26px;
  }
}
/*# sourceMappingURL=introduction.css.map */