.about {
  background-image: url("../img/common/bg_bk.webp");
  color: #fff;
}

.sec {
  position: relative;
}
.sec p {
  position: relative;
  z-index: 1;
  line-height: 2.8;
  letter-spacing: 0.19em;
}

.sec__img {
  position: absolute;
}
.sec__img.--1, .sec__img.--2, .sec__img.--3, .sec__img.--4, .sec__img.--5, .sec__img.--6, .sec__img.--7 {
  opacity: 0;
  transition: opacity 800ms cubic-bezier(0, 0, 0.58, 1), transform 800ms cubic-bezier(0, 0, 0.58, 1);
  will-change: opacity, transform;
}
.sec__img.--1.is-inview, .sec__img.--2.is-inview, .sec__img.--3.is-inview, .sec__img.--4.is-inview, .sec__img.--5.is-inview, .sec__img.--6.is-inview, .sec__img.--7.is-inview {
  opacity: 1;
  transform: translate(0, 0);
}
.sec__img.is-inview {
  opacity: 1;
  transform: translate(0, 0);
}
.sec__img.--2, .sec__img.--6 {
  position: relative;
  z-index: 2;
}

.ticker {
  display: flex;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}

.ticker__list {
  display: flex;
  flex-shrink: 0;
  animation: tickerLoop 60s linear infinite;
}

.ticker__img img {
  height: 100%;
  width: auto;
}

@media only screen and (max-width: 767px) {
  .kv__title {
    width: 26.9333333333vw;
  }
  .content-body {
    padding-top: 13.3333333333vw;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
  .sec p {
    width: 73.3333333333vw;
    font-size: 3.4666666667vw;
  }
  .sec + .sec {
    margin-top: 9.3333333333vw;
  }
  .sec.--1 p, .sec.--2 p, .sec.--4 p {
    margin-left: auto;
  }
  .sec.--6 {
    margin-bottom: 40vw;
  }
  .sec__img.--1 {
    top: 24vw;
    left: -5.3333333333vw;
    width: 49.0666666667vw;
    transform: translate(-5.3333333333vw, 0);
  }
  .sec__img.--2 {
    margin-top: 10.6666666667vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    transform: translate(0, 5.3333333333vw);
  }
  .sec__img.--3 {
    top: 68.8vw;
    right: -5.3333333333vw;
    width: 80.5333333333vw;
    transform: translate(5.3333333333vw, 0);
  }
  .sec__img.--4 {
    top: 54.6666666667vw;
    left: -5.3333333333vw;
    width: 62.6666666667vw;
    transform: translate(0, 5.3333333333vw);
  }
  .sec__img.--5 {
    top: 164.8vw;
    left: -5.3333333333vw;
    width: 49.6vw;
    transform: translate(-5.3333333333vw, 0);
  }
  .sec__img.--6 {
    margin-top: 10.6666666667vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    transform: translate(0, 5.3333333333vw);
  }
  .sec__img.--7 {
    top: 70.6666666667vw;
    right: -5.3333333333vw;
    width: 77.6vw;
    transform: translate(5.3333333333vw, 0);
  }
  .ticker {
    height: 42.6666666667vw;
    margin-top: 12vw;
    margin-bottom: 12vw;
  }
  .back-to-top {
    margin-top: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .kv__title {
    width: 129px;
  }
  .content-body {
    padding-top: min(13.4020618557vw, 130px);
  }
  .sec p {
    font-size: min(1.4432989691vw, 14px);
  }
  .sec + .sec {
    margin-top: min(6.7010309278vw, 65px);
  }
  .sec.--6 {
    margin-bottom: min(22.6804123711vw, 220px);
  }
  .sec__img.--1 {
    transform: translate(20px, 0);
  }
  .sec__img.--2 {
    transform: translate(0, 20px);
  }
  .sec__img.--3 {
    transform: translate(-20px, 0);
  }
  .sec__img.--4 {
    transform: translate(20px, 0);
  }
  .sec__img.--5 {
    transform: translate(-20px, 0);
  }
  .sec__img.--6 {
    transform: translate(0, 20px);
  }
  .sec__img.--7 {
    transform: translate(20px, 0);
  }
  .sec__img.--1 {
    top: min(9.793814433vw, 95px);
    right: max(-22.4742268041vw, -218px);
    width: min(32.2680412371vw, 313px);
    transform: translate(20px, 0);
  }
  .sec__img.--2 {
    margin-top: min(6.7010309278vw, 65px);
    transform: translate(0, 20px);
  }
  .sec__img.--3 {
    top: max(-4.1237113402vw, -40px);
    left: max(-24.5360824742vw, -238px);
    width: min(34.3298969072vw, 333px);
    transform: translate(-20px, 0);
  }
  .sec__img.--4 {
    top: max(-2.0618556701vw, -20px);
    right: max(-30.7216494845vw, -298px);
    width: min(41.5463917526vw, 403px);
    transform: translate(20px, 0);
  }
  .sec__img.--5 {
    top: min(35.0515463918vw, 340px);
    left: max(-24.2268041237vw, -235px);
    width: min(32.2680412371vw, 313px);
    transform: translate(-20px, 0);
  }
  .sec__img.--6 {
    margin-top: min(6.7010309278vw, 65px);
    transform: translate(0, 20px);
  }
  .sec__img.--7 {
    top: min(4.6391752577vw, 45px);
    right: max(-18.3505154639vw, -178px);
    width: min(53.1958762887vw, 516px);
    transform: translate(20px, 0);
  }
  .ticker {
    height: min(30.9278350515vw, 300px);
    margin-top: min(10.3092783505vw, 100px);
    margin-bottom: min(10.3092783505vw, 100px);
  }
  .back-to-top {
    margin-top: min(20.618556701vw, 200px);
  }
}