@charset "UTF-8";
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes arrow-link-line {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
@keyframes arrow-link-line-reverse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.about-intro {
  padding-top: 6.4583333333vw;
  padding-bottom: 6.9444444444vw;
  position: relative;
}
@media (max-width: 767px) {
  .about-intro {
    padding-top: 21.8666666667vw;
    padding-bottom: 5.6vw;
  }
}
.about-intro:before {
  content: "";
  display: block;
  width: 50.7638888889vw;
  aspect-ratio: 1462/1462;
  background-image: url(../../img/common/deco_circle.webp);
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: contain;
  position: absolute;
  top: -4.3055555556vw;
  left: 50%;
  transform: translateX(-3.4027777778vw);
  opacity: 0.6;
  z-index: -1;
}
@media (max-width: 767px) {
  .about-intro:before {
    width: 86.9333333333vw;
    top: -4vw;
    left: 56.8vw;
    transform: none;
  }
}
.about-intro .list > .group {
  display: flex;
  align-items: flex-start;
  gap: 1.6666666667vw;
  transition-delay: 0.5s;
}
@media (max-width: 767px) {
  .about-intro .list > .group {
    display: block;
  }
}
.about-intro .list > .group:first-of-type {
  padding-left: 7.8472222222vw;
}
@media (max-width: 767px) {
  .about-intro .list > .group:first-of-type {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .about-intro .list > .group:first-of-type > dt {
    padding-left: 29.8666666667vw;
  }
}
@media (max-width: 767px) {
  .about-intro .list > .group:first-of-type > dt:before {
    left: -56vw;
  }
}
.about-intro .list > .group:first-of-type > dd {
  max-width: 67.0833333333vw;
}
@media (max-width: 767px) {
  .about-intro .list > .group:first-of-type > dd {
    max-width: 100%;
  }
}
.about-intro .list > .group:nth-of-type(2) {
  margin-top: 4.7222222222vw;
  padding-left: 16.1805555556vw;
}
@media (max-width: 767px) {
  .about-intro .list > .group:nth-of-type(2) {
    margin-top: 21.8666666667vw;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .about-intro .list > .group:nth-of-type(2) > dt {
    padding-left: 40.5333333333vw;
  }
}
@media (max-width: 767px) {
  .about-intro .list > .group:nth-of-type(2) > dt:before {
    left: -45.3333333333vw;
  }
}
.about-intro .list > .group:nth-of-type(2) > dd {
  max-width: 61.5972222222vw;
}
@media (max-width: 767px) {
  .about-intro .list > .group:nth-of-type(2) > dd {
    max-width: 100%;
  }
}
.about-intro .list > .group:last-of-type {
  margin-top: 5vw;
  padding-left: 24.0277777778vw;
}
@media (max-width: 767px) {
  .about-intro .list > .group:last-of-type {
    margin-top: 21.8666666667vw;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .about-intro .list > .group:last-of-type > dt {
    padding-left: 60vw;
  }
}
@media (max-width: 767px) {
  .about-intro .list > .group:last-of-type > dt:before {
    left: -26.1333333333vw;
  }
}
.about-intro .list > .group:last-of-type > dd {
  max-width: 55.9722222222vw;
}
@media (max-width: 767px) {
  .about-intro .list > .group:last-of-type > dd {
    max-width: 100%;
  }
}
.about-intro .list > .group > dt {
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  font-size: clamp(40px, 2.7777777778vw, 40px * 1.05);
  line-height: 1.175;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.6666666667vw;
}
@media (max-width: 767px) {
  .about-intro .list > .group > dt {
    font-size: 10.6666666667vw;
    display: block;
    position: relative;
  }
}
.about-intro .list > .group > dt:before {
  content: "";
  display: block;
  width: 23.9583333333vw;
  aspect-ratio: 345/65;
  background-image: url(../../img/about/deco_intro.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  bottom: 0;
  left: -23.9583333333vw;
}
@media (max-width: 767px) {
  .about-intro .list > .group > dt:before {
    width: 86.4vw;
  }
}
.about-intro .list > .group > dt:after {
  content: "";
  display: block;
  width: 6.9444444444vw;
  height: 1px;
  background: linear-gradient(90deg, #DEDEA5 16.62%, #E6B7CD 58.31%, #82C7DA 100%);
}
@media (max-width: 767px) {
  .about-intro .list > .group > dt:after {
    content: none;
  }
}
@media (max-width: 767px) {
  .about-intro .list > .group > dd {
    margin-top: 9.6vw;
    padding-left: 13.0666666667vw;
    position: relative;
  }
}
@media (max-width: 767px) {
  .about-intro .list > .group > dd:after {
    content: "";
    display: block;
    width: 26.6666666667vw;
    height: 1px;
    background: linear-gradient(90deg, #DEDEA5 16.62%, #E6B7CD 58.31%, #82C7DA 100%);
    position: absolute;
    top: 5.0666666667vw;
    left: -16.2666666667vw;
  }
}
.about-intro .list > .group > dd .lead {
  font-weight: 700;
  font-size: clamp(36px, 2.5vw, 36px * 1.05);
  letter-spacing: 0.03em;
  line-height: 1.4444444444;
}
@media (max-width: 767px) {
  .about-intro .list > .group > dd .lead {
    font-size: 6.4vw;
    line-height: 1.4583333333;
  }
}
.about-intro .list > .group > dd .desc {
  font-size: clamp(18px, 1.25vw, 18px * 1.05);
  line-height: 2;
  margin-top: 1.6666666667vw;
}
@media (max-width: 767px) {
  .about-intro .list > .group > dd .desc {
    font-size: 3.7333333333vw;
    margin-top: 6.4vw;
  }
}
.about-intro .list > .group > dd .valueDescWrap {
  position: relative;
}
@media (max-width: 767px) {
  .about-intro .list > .group > dd .valueDescWrap {
    padding-top: 1.0666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}
.about-intro .list > .group > dd .valueDescWrap:before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: -1.6666666667vw;
}
@media (max-width: 767px) {
  .about-intro .list > .group > dd .valueDescWrap:before {
    left: -2.6666666667vw;
  }
}
.about-intro .list > .group > dd .valueDescWrap > p {
  font-weight: 700;
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  line-height: 2.2;
  letter-spacing: 0.03em;
  word-break: auto-phrase;
}
@media (max-width: 767px) {
  .about-intro .list > .group > dd .valueDescWrap > p {
    font-size: 3.7333333333vw;
    margin-top: 1em;
    padding-left: 2.1333333333vw;
    line-height: 1.8;
  }
  .about-intro .list > .group > dd .valueDescWrap > p:first-of-type {
    margin-top: 0;
  }
}

.about-pro {
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .about-pro {
    padding-top: 17.0666666667vw;
    padding-bottom: 9.6vw;
    width: 87.2vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.about-pro__wrap:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}
.about-pro__wrap .ttl {
  width: calc(100% - 50vw);
  padding-left: 6.6666666667vw;
  box-sizing: border-box;
  float: left;
}
@media (max-width: 767px) {
  .about-pro__wrap .ttl {
    width: 100%;
    float: none;
    padding-left: 0;
  }
}
.about-pro__wrap .ttl .txt {
  color: #5B5293;
  font-weight: 700;
  font-size: clamp(40px, 2.7777777778vw, 40px * 1.05);
  width: fit-content;
  position: relative;
}
@media (max-width: 1024px) {
  .about-pro__wrap .ttl .txt {
    font-size: clamp(37px, 2.5694444444vw, 37px * 1.05);
  }
}
@media (max-width: 820px) {
  .about-pro__wrap .ttl .txt {
    font-size: clamp(34px, 2.3611111111vw, 34px * 1.05);
  }
}
@media (max-width: 767px) {
  .about-pro__wrap .ttl .txt {
    font-size: 9.6vw;
  }
}
.about-pro__wrap .ttl .txt:after {
  content: "";
  display: block;
  width: 25.8333333333vw;
  height: 1px;
  background-color: rgba(91, 82, 147, 0.4);
  position: absolute;
  top: 50%;
  right: -27.5vw;
  transform: translateY(-50%);
  z-index: 100;
}
@media (max-width: 767px) {
  .about-pro__wrap .ttl .txt:after {
    content: none;
  }
}
.about-pro__wrap .ttl .strong {
  font-size: clamp(48px, 3.3333333333vw, 48px * 1.05);
  line-height: 1.4583333333;
}
@media (max-width: 767px) {
  .about-pro__wrap .ttl .strong {
    font-size: 12.8vw;
    line-height: 1.6666666667;
  }
}
.about-pro__wrap .list {
  margin-top: 3.8888888889vw;
  width: calc(100% - 50vw);
  float: left;
  padding-left: 6.6666666667vw;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .about-pro__wrap .list {
    margin-top: 9.6vw;
    width: 100%;
    float: none;
    padding-left: 0;
  }
}
.about-pro__wrap .list > .group {
  margin-top: 3.8888888889vw;
}
@media (max-width: 767px) {
  .about-pro__wrap .list > .group {
    margin-top: 9.6vw;
  }
}
.about-pro__wrap .list > .group:first-of-type {
  margin-top: 0;
}
.about-pro__wrap .list > .group > dt {
  font-weight: 700;
  font-size: clamp(32px, 2.2222222222vw, 32px * 1.05);
  line-height: 1.4375;
}
@media (max-width: 767px) {
  .about-pro__wrap .list > .group > dt {
    font-size: 6.4vw;
    line-height: 1.4583333333;
  }
}
.about-pro__wrap .list > .group > dt:after {
  content: "";
  display: block;
  width: 6.5277777778vw;
  height: 0.5555555556vw;
  background: linear-gradient(90deg, #F4F4EF 0%, #F6E7EE 50%, #E7F2F5 100%);
  margin-top: 1.1111111111vw;
  margin-bottom: 1.6666666667vw;
}
@media (max-width: 767px) {
  .about-pro__wrap .list > .group > dt:after {
    width: 25.0666666667vw;
    height: 2.1333333333vw;
    margin-top: 4.2666666667vw;
    margin-bottom: 6.4vw;
  }
}
.about-pro__wrap .list > .group > dd {
  font-size: clamp(16px, 1.1111111111vw, 16px * 1.05);
  line-height: 2.4;
}
@media (max-width: 767px) {
  .about-pro__wrap .list > .group > dd {
    font-size: 4vw;
    line-height: 2;
  }
}
.about-pro__wrap .list > .group > dd:before {
  content: "■";
  font-size: 0.7em;
  padding-right: 0.3em;
  display: inline-block;
  vertical-align: 0.2em;
}
.about-pro .deco {
  width: 50vw;
  aspect-ratio: 720/655;
  float: right;
  position: relative;
  z-index: -1;
}
@media (max-width: 767px) {
  .about-pro .deco {
    width: 93.6vw;
    margin-top: 9.6vw;
    margin-left: auto;
    float: none;
  }
}
.about-pro .deco:before {
  content: "";
  display: block;
  width: 114.4444444444%;
  aspect-ratio: 824/675;
  background-color: rgba(219, 218, 218, 0.3);
  clip-path: polygon(32% 0%, 100% 0%, 68% 100%, 0% 100%);
  position: absolute;
  top: -3.3333333333vw;
  left: -4.4444444444vw;
}
@media (max-width: 767px) {
  .about-pro .deco:before {
    width: 111.2%;
    aspect-ratio: 417/341;
    top: -17.0666666667vw;
    left: -8.5333333333vw;
  }
}
.about-pro .deco:after {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1440/1310;
  background-image: url(../../img/about/deco_pro.webp);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
}

/*# sourceMappingURL=about.css.map */