@media screen and (min-width: 768px) {
  .p-top .main {
    height: 1306.244rem;
  }
}
.p-top .wrap {
  width: 192.177rem;
  position: relative;
  height: 1306.274rem;
  overflow: hidden;
  margin: -0.01rem 0 0 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap {
    width: 37.5rem;
    height: 1306.276rem;
    margin: 0.019rem 0 0 0.026rem;
  }
}
.p-top .wrap__investigation {
  width: 192.391rem;
  position: absolute;
  top: -0.012rem;
  left: 0.029rem;
  height: 1164.858rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap__investigation {
    width: 37.743rem;
    top: auto;
    left: auto;
    height: 1086.037rem;
    position: relative;
    margin: -0.006rem 0 0 -0.152rem;
    display: flow-root;
  }
}
.p-top .wrap__investigation--hero {
  width: 100%;
  position: relative;
  height: 113.441rem;
  overflow: hidden;
  background-color: #242424;
  margin: 0 0 0 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap__investigation--hero {
    width: 37.66rem;
    height: 80.343rem;
    margin: 0 0 0 0.084rem;
  }
}
.p-top .wrap-visual {
  width: 236.598rem;
  position: relative;
  height: 110.938rem;
  overflow: visible;
  margin: 0.262rem 0 0 -4.006rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual {
    width: 236.597rem;
    height: 82.602rem;
    margin: -2.277rem 0 0 -3.935rem;
  }
}
.p-top .wrap-visual__inner.--001 {
  width: 236.598rem;
  position: relative;
  height: 110.939rem;
  overflow: hidden;
  background-color: #242424;
  margin: 0 0 0 0;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__inner.--001 {
    height: 82.602rem;
    display: flow-root;
  }
}
.p-top .wrap-visual__artwork {
  width: 142.183rem;
  position: absolute;
  top: 7.072rem;
  left: 77.676rem;
  height: 75.763rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__artwork {
    width: 96.368rem;
    top: 9.341rem;
    left: -5.329rem;
    height: 61.565rem;
  }
}
.p-top .wrap-visual__artwork--shape.--001 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__artwork--shape.--001 {
    width: 172.207rem;
    opacity: 0.6;
    top: 19.737rem;
    left: -55.608rem;
    transform: scaleX(0.387112) scaleY(0.387112) rotate(45deg);
  }
}
.p-top .wrap-visual__artwork--shape.--002 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__artwork--shape.--002 {
    top: 19.737rem;
    left: -12.867rem;
    transform: scaleX(0.387112) scaleY(0.387112) rotate(45deg);
  }
}
.p-top .wrap-visual__artwork--shape.--003 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 47.405rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__artwork--shape.--003 {
    width: 181.389rem;
    top: 19.737rem;
    left: -22.087rem;
    transform: scaleX(0.387112) scaleY(0.387112) rotate(45deg);
  }
}
.p-top .wrap-visual__artwork--shape.--004 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__artwork--shape.--004 {
    width: 203.475rem;
    top: 20.064rem;
    left: -70.955rem;
    transform: scaleX(0.387112) scaleY(0.387112) rotateX(180deg) rotate(45deg);
  }
}
.p-top .wrap-visual__artwork--shape.--005 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__artwork--shape.--005 {
    top: 20.064rem;
    left: 6.546rem;
    transform: scaleX(0.387112) scaleY(0.387112) rotateX(180deg) rotate(45deg);
  }
}
.p-top .wrap-visual__artwork--shape.--006 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 64.42rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__artwork--shape.--006 {
    top: 20.064rem;
    left: 26.752rem;
    transform: scaleX(0.387112) scaleY(0.387112) rotateX(180deg) rotate(45deg);
  }
}
.p-top .wrap-visual__bg {
  width: 192rem;
  position: absolute;
  top: -0.422rem;
  left: 4.021rem;
  height: 35.615rem;
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  overflow: hidden;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__bg {
    width: 41.315rem;
    top: auto;
    left: auto;
    height: 30.849rem;
    position: relative;
    margin: 2.277rem 0 0 5.677rem;
  }
}
.p-top .wrap-visual__inner.--002 {
  width: 192.009rem;
  position: absolute;
  top: 56.788rem;
  left: 3.963rem;
  height: 52.098rem;
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  overflow: hidden;
  background-color: #f3f3f3;
  background-image: url("../img/common/bg-paper-texture.webp");
  background-size: 10rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__inner.--002 {
    width: 40.847rem;
    top: auto;
    left: auto;
    height: 38.558rem;
    position: relative;
    margin: 12.108rem 0 0 -1.555rem;
  }
}
.p-top .wrap-visual__decoration {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.336043107970955%2042.90071776760306%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-1704%22%20x1%3D%2249.99999999999999%25%22%20y1%3D%220%25%22%20x2%3D%2250.00000000000001%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2225.3%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%2021.336043%200%2021.336043%200%20C%2021.336043%200%2021.336043%2042.900718%2021.336043%2042.900718%20C%2021.336043%2042.900718%200%2042.900718%200%2042.900718%20C%200%2042.900718%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-1704)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.336043107970955%2042.90071776760306%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-1704%22%20x1%3D%2249.99999999999999%25%22%20y1%3D%220%25%22%20x2%3D%2250.00000000000001%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2225.3%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%2021.336043%200%2021.336043%200%20C%2021.336043%200%2021.336043%2042.900718%2021.336043%2042.900718%20C%2021.336043%2042.900718%200%2042.900718%200%2042.900718%20C%200%2042.900718%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-1704)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 203.953rem 33.594rem;
  mask-size: 203.953rem 33.594rem;
  -webkit-mask-position: 0.056rem 0.028rem;
  mask-position: 0.056rem 0.028rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
  width: 203.923rem;
  opacity: 0.37;
  mix-blend-mode: multiply;
  position: absolute;
  top: 19.893rem;
  left: -6.024rem;
  height: 31.446rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__decoration {
    -webkit-mask-size: 43.516rem 15.946rem;
    mask-size: 43.516rem 15.946rem;
    -webkit-mask-position: -0.015rem -0.003rem;
    mask-position: -0.015rem -0.003rem;
    width: 43.5rem;
    top: 19.542rem;
    left: -0.425rem;
    height: 15.9rem;
    overflow: visible;
  }
}
.p-top .wrap-visual__decoration--pattern {
  width: 247.609rem;
  position: relative;
  height: 75.716rem;
  overflow: visible;
  margin: -12.119rem 0 0 -10.573rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__decoration--pattern {
    width: 97.523rem;
    position: relative;
    height: 30.097rem;
    margin: -2.218rem 0 0 -10.658rem;
  }
}
.p-top .wrap-row.--001 {
  width: 142.183rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 75.763rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row.--001 {
    width: 55.626rem;
    position: absolute;
    top: 0;
    left: 0;
    height: 30.098rem;
  }
}
.p-top .wrap-row__shape.--001 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row__shape.--001 {
    width: 42.203rem;
    top: 10.791rem;
    left: -7.865rem;
    height: 8.517rem;
  }
}
.p-top .wrap-row__shape.--002 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row__shape.--002 {
    width: 49.151rem;
    top: 10.791rem;
    left: 2.666rem;
    height: 8.517rem;
  }
}
.p-top .wrap-row__shape.--003 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 45.253rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row__shape.--003 {
    width: 46.56rem;
    top: 10.791rem;
    left: 17.973rem;
    height: 8.517rem;
  }
}
.p-top .wrap-row__shape.--004 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row__shape.--004 {
    width: 31.605rem;
    top: 11.038rem;
    left: -2.346rem;
    height: 8.517rem;
  }
}
.p-top .wrap-row__shape.--005 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row__shape.--005 {
    width: 33.96rem;
    top: 11.038rem;
    left: 10.487rem;
    height: 8.517rem;
  }
}
.p-top .wrap-row__shape.--006 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 62.268rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row__shape.--006 {
    width: 33.489rem;
    top: 11.038rem;
    left: 24.73rem;
    height: 8.517rem;
  }
}
.p-top .wrap-row.--002 {
  width: 142.183rem;
  position: absolute;
  top: 0;
  left: 105.467rem;
  height: 75.763rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row.--002 {
    width: 55.626rem;
    position: absolute;
    top: 0;
    left: 41.898rem;
    height: 30.098rem;
  }
}
.p-top .wrap-row__shape.--007 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row__shape.--007 {
    width: 42.203rem;
    top: 10.791rem;
    left: -7.865rem;
    height: 8.517rem;
  }
}
.p-top .wrap-row__shape.--008 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row__shape.--008 {
    width: 49.151rem;
    top: 10.791rem;
    left: 2.67rem;
    height: 8.517rem;
  }
}
.p-top .wrap-row__shape.--009 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 45.253rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row__shape.--009 {
    width: 46.56rem;
    top: 10.791rem;
    left: 17.973rem;
    height: 8.517rem;
  }
}
.p-top .wrap-row__shape.--010 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row__shape.--010 {
    width: 31.605rem;
    top: 11.038rem;
    left: -2.346rem;
    height: 8.517rem;
  }
}
.p-top .wrap-row__shape.--011 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row__shape.--011 {
    width: 33.96rem;
    top: 11.038rem;
    left: 10.487rem;
    height: 8.517rem;
  }
}
.p-top .wrap-row__shape.--012 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 62.268rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-row__shape.--012 {
    width: 33.489rem;
    top: 11.038rem;
    left: 24.732rem;
    height: 8.517rem;
  }
}
.p-top .wrap-visual__content {
  width: 79.675rem;
  position: absolute;
  top: 3.622rem;
  left: 20.054rem;
  height: 22.308rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__content {
    width: 31.359rem;
    top: 2.538rem;
    left: 9.25rem;
    height: 26.072rem;
  }
}
.p-top .wrap-visual__content--head {
  width: 49.402rem;
  position: absolute;
  top: 15.03rem;
  left: 0;
  height: 5.828rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__content--head {
    width: 28.141rem;
    position: absolute;
    top: 13.577rem;
    left: -0.001rem;
    height: 9.227rem;
    display: flow-root;
  }
}
.p-top .wrap-label.--001 {
  width: 33.096rem;
  position: absolute;
  top: 0;
  left: 16.306rem;
  height: 5.828rem;
  border-radius: 500rem;
  border: 1px solid #69b833;
  overflow: hidden;
  background-color: #f3f3f3;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-label.--001 {
    width: 19.421rem;
    position: absolute;
    top: 0;
    left: 3.675rem;
    height: 3.871rem;
    display: none;
  }
}
.p-top .wrap-label__caption.--001 {
  width: auto;
  color: #69b833;
  position: absolute;
  top: 1.89rem;
  left: 10.352rem;
  height: auto;
  font-size: 1.92rem;
  line-height: 1;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-label__caption.--001 {
    top: 1.255rem;
    left: 4.692rem;
    font-size: 1.275rem;
  }
}
.p-top .wrap-label__mark.--001 {
  width: 1.452rem;
  position: absolute;
  top: 2.08rem;
  left: 28.128rem;
  height: 1.526rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-label__mark.--001 {
    width: 0.964rem;
    top: 1.319rem;
    left: 16.439rem;
    height: 1.014rem;
  }
}
.p-top .wrap-label.--002 {
  width: 24.804rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 5.828rem;
  border-radius: 500rem;
  overflow: hidden;
  background-color: #389d38;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-label.--002 {
    width: 28.142rem;
    position: relative;
    top: auto;
    left: auto;
    height: 5.283rem;
    margin: 3.945rem 0 0 0;
  }
}
.p-top .wrap-label__caption.--002 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  font-size: 1.92rem;
  line-height: 1;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  margin: 2.062rem 0 0 4.728rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-label__caption.--002 {
    font-size: 1.994rem;
    margin: 1.756rem 0 0 5.271rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-label__mark.--002 {
  width: 1.458rem;
  position: relative;
  height: 1.526rem;
  overflow: visible;
  margin: 2.08rem 0 0 1.663rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-label__mark.--002 {
    width: 1.515rem;
    height: 1.586rem;
    margin: 1.775rem 0 0 1.737rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-visual__content--body {
  width: 78.822rem;
  position: absolute;
  top: -0.124rem;
  left: 0.169rem;
  height: 12.677rem;
  overflow: visible;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__content--body {
    width: 31.092rem;
    position: absolute;
    top: 0;
    left: 0.268rem;
    height: 15.347rem;
  }
}
.p-top .wrap-title {
  width: auto;
  color: #242424;
  position: absolute;
  top: 0.956rem;
  left: 0;
  height: auto;
  border-bottom: 1px dotted #b2b2b2;
  font-size: 3.319rem;
  letter-spacing: 0.09em;
  font-family: Afacad, sans-serif;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-title {
    top: 0.433rem;
    left: 0;
    font-size: 2.234rem;
  }
}
.p-top .wrap-title__br.--001 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-title__br.--001 {
    display: none;
  }
}
.p-top .wrap-title__br.--002 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-title__br.--002 {
    display: block;
  }
}
.p-top .wrap-lead {
  width: auto;
  color: #242424;
  position: absolute;
  top: 7.159rem;
  left: 0;
  height: auto;
  font-size: 1.911rem;
  letter-spacing: 0.09em;
  font-family: Afacad, sans-serif;
  font-weight: 600;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-lead {
    width: 31.093rem;
    top: 8.074rem;
    left: 0;
    font-size: 1.252rem;
    white-space: normal;
  }
}
.p-top .wrap-lead__br.--001 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-lead__br.--001 {
    display: block;
  }
}
.p-top .wrap-lead__br.--002 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-lead__br.--002 {
    font-size: 1.276rem;
  }
}
.p-top .wrap-lead__br.--003 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-lead__br.--003 {
    display: block;
  }
}
.p-top .wrap-text-57.--001 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 1.166rem;
  letter-spacing: 0.09em;
  font-family: Afacad, sans-serif;
  font-weight: 600;
  white-space: nowrap;
  margin: 0 0 0 0.928rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57.--001 {
    font-size: 0.784rem;
    margin: 0 0 0 0.62rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-text-57.--002 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 1.166rem;
  letter-spacing: 0.09em;
  font-family: Afacad, sans-serif;
  font-weight: 600;
  white-space: nowrap;
  margin: 0 0 0 5.406rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57.--002 {
    font-size: 0.784rem;
    margin: 0 0 0 3.639rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-text-57.--003 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 1.166rem;
  letter-spacing: 0.09em;
  font-family: Afacad, sans-serif;
  font-weight: 600;
  white-space: nowrap;
  margin: 0 0 0 12.519rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57.--003 {
    font-size: 0.784rem;
    margin: 0.001rem 0 0 8.548rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-text-57.--004 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 1.166rem;
  letter-spacing: 0.09em;
  font-family: Afacad, sans-serif;
  font-weight: 600;
  white-space: nowrap;
  margin: 0 0 0 30.541rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57.--004 {
    top: 3.39rem;
    left: 17.339rem;
    font-size: 0.784rem;
    position: absolute;
    margin: 0;
  }
}
.p-top .wrap-visual__title {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 21.919rem;
  line-height: 0.9;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  white-space: nowrap;
  margin: 15.096rem 0 0 20.657rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__title {
    top: 15.096rem;
    left: 6.634rem;
    font-size: 11.346rem;
    line-height: 0.75;
    position: absolute;
    margin: 0;
  }
}
.p-top .wrap-visual__title--br.--001 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__title--br.--001 {
    display: block;
    font-size: 11.346rem;
  }
}
.p-top .wrap-visual__title--br.--002 {
  display: block;
  font-size: 21.919rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__title--br.--002 {
    font-size: 11.346rem;
  }
}
.p-top .wrap-visual__title--emphasis {
  width: 49.158rem;
  color: #ffffff;
  position: relative;
  height: 23.996rem;
  display: inline;
  padding-left: 3.343rem;
  font-size: 21.919rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__title--emphasis {
    width: 22.56rem;
    height: 11.012rem;
    display: block;
    padding-left: 1.085rem;
    margin-top: 2.355rem;
    font-size: 10.061rem;
  }
}
.p-top .wrap-visual__logo {
  width: 58.778rem;
  position: relative;
  height: 58.778rem;
  overflow: visible;
  margin: 15.95rem 0 0 11.192rem;
  flex-shrink: 0;
  display: flow-root;
  filter: drop-shadow(0 0.4rem 3.2rem rgba(0, 0, 0, 0.1));
}
@media screen and (max-width: 767px) {
  .p-top .wrap-visual__logo {
    width: 25.928rem;
    top: 12.121rem;
    left: 26.303rem;
    height: 25.928rem;
    position: absolute;
    margin: 0;
  }
}
.p-top .wrap__investigation--research-overview {
  width: 100%;
  position: absolute;
  top: 101.17rem;
  left: 0;
  height: 249.599rem;
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  overflow: hidden;
  background-color: #242424;
}
@media screen and (max-width: 767px) {
  .p-top .wrap__investigation--research-overview {
    width: 37.737rem;
    top: 75.324rem;
    left: 0.006rem;
    height: 249.587rem;
    border-top-left-radius: 3rem;
    border-top-right-radius: 0;
  }
}
.p-top .wrap-bg {
  width: 201.333rem;
  position: absolute;
  top: -2.492rem;
  left: -4.481rem;
  height: 108.977rem;
  overflow: hidden;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-bg {
    width: 37.857rem;
    top: -2.503rem;
    left: -0.252rem;
  }
}
.p-top .wrap__investigation--research-overview .wrap-bg__mask-group {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2033.17816709906892%20100.69142786823382%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-4299%22%20x1%3D%2215.519022813216516%25%22%20y1%3D%2213.79140692812662%25%22%20x2%3D%2284.48097718678349%25%22%20y2%3D%2286.20859307187338%25%22%3E%3Cstop%20offset%3D%2212.3%25%22%20stop-color%3D%22%239ca3af%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%2235.5%25%22%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%220.05%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%2033.178167%200%2033.178167%200%20C%2033.178167%200%2033.178167%20100.691428%2033.178167%20100.691428%20C%2033.178167%20100.691428%200%20100.691428%200%20100.691428%20C%200%20100.691428%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-4299)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2033.17816709906892%20100.69142786823382%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-4299%22%20x1%3D%2215.519022813216516%25%22%20y1%3D%2213.79140692812662%25%22%20x2%3D%2284.48097718678349%25%22%20y2%3D%2286.20859307187338%25%22%3E%3Cstop%20offset%3D%2212.3%25%22%20stop-color%3D%22%239ca3af%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%2235.5%25%22%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%220.05%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%2033.178167%200%2033.178167%200%20C%2033.178167%200%2033.178167%20100.691428%2033.178167%20100.691428%20C%2033.178167%20100.691428%200%20100.691428%200%20100.691428%20C%200%20100.691428%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-4299)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 188.746rem 135.939rem;
  mask-size: 188.746rem 135.939rem;
  -webkit-mask-position: -0.053rem -0.002rem;
  mask-position: -0.053rem -0.002rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
  width: 188.743rem;
  position: absolute;
  top: -0.102rem;
  left: 10.978rem;
  height: 136.013rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap__investigation--research-overview .wrap-bg__mask-group {
    -webkit-mask-size: 37.958rem 73.844rem;
    mask-size: 37.958rem 73.844rem;
    -webkit-mask-position: 0.003rem 0.066rem;
    mask-position: 0.003rem 0.066rem;
    width: 38rem;
    top: 5.466rem;
    left: -0.047rem;
    height: 73.9rem;
    overflow: visible;
  }
}
.p-top .wrap__investigation--research-overview .wrap-bg__mask-group--img {
  width: 201.801rem;
  position: absolute;
  top: 2.59rem;
  left: 7.6rem;
  height: 133.636rem;
  border-radius: 0;
  object-fit: cover;
  filter: blur(0.7rem);
}
@media screen and (max-width: 767px) {
  .p-top .wrap__investigation--research-overview .wrap-bg__mask-group--img {
    width: 37.498rem;
    position: absolute;
    top: 1.392rem;
    left: 0.33rem;
    height: 72.484rem;
    object-fit: cover;
  }
}
.p-top .wrap-list {
  width: 63.341rem;
  position: absolute;
  top: 24.332rem;
  left: 91.869rem;
  height: 60.177rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-list {
    width: 22.525rem;
    top: 37.186rem;
    left: 8.114rem;
    height: 21.4rem;
  }
}
.p-top .wrap-list__item.--001 {
  width: 39.716rem;
  position: absolute;
  top: 20.463rem;
  left: 23.627rem;
  height: 39.716rem;
  border-radius: 500rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: color-mix(in srgb, #000000 16%, transparent);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-list__item.--001 {
    width: 14.124rem;
    top: 7.277rem;
    left: 8.402rem;
    height: 14.124rem;
  }
}
.p-top .wrap-list__item--title.--001 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 16.741rem;
  left: 25.054rem;
  height: auto;
  border-radius: 0.5rem;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.13em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-list__item--title.--001 {
    top: 5.953rem;
    left: 8.91rem;
    font-size: 0.64rem;
  }
}
.p-top .wrap-list__item--label.--001 {
  width: auto;
  color: #F5F5F5;
  position: absolute;
  top: 18.25rem;
  left: 20.142rem;
  height: auto;
  font-size: 3.7rem;
  letter-spacing: 0;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-list__item--label.--001 {
    top: 6.49rem;
    left: 7.163rem;
    font-size: 1.316rem;
  }
}
.p-top .wrap-list__item.--002 {
  width: 39.716rem;
  position: absolute;
  top: 0;
  left: 11.814rem;
  height: 39.716rem;
  border-radius: 500rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: color-mix(in srgb, #000000 16%, transparent);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-list__item.--002 {
    width: 14.124rem;
    top: 0;
    left: 4.201rem;
    height: 14.124rem;
  }
}
.p-top .wrap-list__item--title.--002 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 10.728rem;
  left: 17.399rem;
  height: auto;
  border-radius: 0.5rem;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.13em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-list__item--title.--002 {
    top: 3.815rem;
    left: 6.187rem;
    font-size: 0.64rem;
  }
}
.p-top .wrap-list__item--label.--002 {
  width: auto;
  color: #F5F5F5;
  position: absolute;
  top: 12.276rem;
  left: 14.439rem;
  height: auto;
  font-size: 3.7rem;
  letter-spacing: 0;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-list__item--label.--002 {
    top: 4.366rem;
    left: 5.135rem;
    font-size: 1.316rem;
  }
}
.p-top .wrap-list__item.--003 {
  width: 39.716rem;
  position: absolute;
  top: 20.463rem;
  left: 0;
  height: 39.716rem;
  border-radius: 500rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: color-mix(in srgb, #000000 16%, transparent);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-list__item.--003 {
    width: 14.124rem;
    top: 7.277rem;
    left: 0;
    height: 14.124rem;
  }
}
.p-top .wrap-list__item--title.--003 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 16.742rem;
  left: 10.016rem;
  height: auto;
  border-radius: 0.5rem;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.13em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-list__item--title.--003 {
    top: 5.954rem;
    left: 3.562rem;
    font-size: 0.64rem;
  }
}
.p-top .wrap-list__item--subtitle {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 8.528rem;
  left: 29.214rem;
  height: auto;
  border-radius: 0.5rem;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.13em;
  font-family: "Afacad", sans-serif;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-list__item--subtitle {
    top: 3.033rem;
    left: 10.389rem;
    font-size: 0.64rem;
  }
}
.p-top .wrap-list__item--label.--003 {
  width: auto;
  color: #F5F5F5;
  position: absolute;
  top: 18.096rem;
  left: 2.284rem;
  height: auto;
  font-size: 3.7rem;
  letter-spacing: 0;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-list__item--label.--003 {
    top: 6.435rem;
    left: 0.812rem;
    font-size: 1.316rem;
  }
}
.p-top .wrap-list__item--caption {
  width: auto;
  color: #F5F5F5;
  position: absolute;
  top: 10.346rem;
  left: 26.577rem;
  height: auto;
  font-size: 4.477rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-list__item--caption {
    top: 3.679rem;
    left: 9.451rem;
    font-size: 1.592rem;
  }
}
.p-top .wrap-content {
  width: 75.446rem;
  position: absolute;
  top: 19.612rem;
  left: 13.155rem;
  height: 61.266rem;
  overflow: visible;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-content {
    width: 32.031rem;
    top: 6.645rem;
    left: 1.334rem;
    height: 67.34rem;
  }
}
.p-top .wrap-content__head {
  width: 3.083rem;
  position: relative;
  height: 16.444rem;
  overflow: visible;
  margin: 2.044rem 0 0 0;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-content__head {
    width: 2.111rem;
    position: relative;
    height: 2.109rem;
    margin: 0.226rem 0 0 0;
    flex-shrink: 0;
  }
}
.p-top .wrap-content__head--subtitle {
  width: auto;
  color: #F5F5F5;
  position: absolute;
  top: 6.68rem;
  left: -6.68rem;
  height: auto;
  font-size: 2.4rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-content__head--subtitle {
    position: relative;
    top: inherit;
    left: inherit;
    font-size: 1.6rem;
    white-space: nowrap;
    transform: rotate(90deg);
  }
}
.p-top .wrap-content__body {
  width: 68.204rem;
  position: relative;
  height: 61.267rem;
  overflow: visible;
  margin: 0 0 0 4.162rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-content__body {
    width: 28.509rem;
    position: relative;
    height: 67.34rem;
    margin: 0 0 0 1.412rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-content__body--group {
  width: 68.205rem;
  position: relative;
  height: 43.057rem;
  overflow: visible;
  margin: 0 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-content__body--group {
    width: 28.509rem;
    height: 30.623rem;
    margin: -0.004rem 0 0 -0.009rem;
  }
}
.p-top .wrap-group.--001 {
  width: 65.536rem;
  position: relative;
  height: 20.045rem;
  overflow: visible;
  margin: 0 0 0 0.352rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--001 {
    width: 28.407rem;
    height: 8.689rem;
    margin: 0 0 0 0.102rem;
  }
}
.p-top .wrap-group__text-57.--001 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 0.231rem;
  left: 0;
  height: auto;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 6.806rem;
  letter-spacing: 0.07em;
  font-family: Afacad, sans-serif;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--001 {
    top: 0.1rem;
    left: 0;
    font-size: 2.95rem;
  }
}
.p-top .wrap-group__text-57--br.--001 {
  display: block;
  font-size: 6.76rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57--br.--001 {
    font-size: 2.95rem;
  }
}
.p-top .wrap-group__text-57.--002 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  font-size: 1.466rem;
  letter-spacing: 0.09em;
  font-family: Afacad, sans-serif;
  font-weight: 600;
  white-space: nowrap;
  margin: 0 0 0 2.71rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--002 {
    font-size: 0.635rem;
    margin: 0 0 0 1.175rem;
  }
}
.p-top .wrap-group__text-57.--003 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  font-size: 1.466rem;
  letter-spacing: 0.09em;
  font-family: Afacad, sans-serif;
  font-weight: 600;
  white-space: nowrap;
  margin: 7.469rem 0 0 2.091rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--003 {
    font-size: 0.635rem;
    margin: 3.248rem 0 0 0.906rem;
  }
}
.p-top .wrap-group.--002 {
  width: 68.21rem;
  position: relative;
  height: 4.8rem;
  overflow: visible;
  margin: 2.415rem 0 0 0;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--002 {
    width: 27.599rem;
    height: 1.968rem;
    margin: 1.131rem 0 0 0;
  }
}
.p-top .wrap-group__frame.--001 {
  width: 15.688rem;
  position: relative;
  height: 4.784rem;
  border-radius: 50rem;
  border: 1px solid #bababa;
  overflow: hidden;
  margin: 0 0 0 25.439rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame.--001 {
    width: 5.605rem;
    height: 1.969rem;
    margin: 0 0 0 10.465rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-group__frame--text-57.--001 {
  width: auto;
  color: #bababa;
  position: absolute;
  top: 0.883rem;
  left: 3.952rem;
  height: auto;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 1.711rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame--text-57.--001 {
    top: 0.192rem;
    left: 0.636rem;
    font-size: 0.949rem;
  }
}
.p-top .wrap-group__frame.--002 {
  width: 23.679rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 4.784rem;
  border-radius: 50rem;
  border: 1px solid #bababa;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame.--002 {
    width: 9.745rem;
    top: 0;
    left: 0;
    height: 1.969rem;
  }
}
.p-top .wrap-group__frame--text-57.--002 {
  width: auto;
  color: #bababa;
  position: absolute;
  top: 0.883rem;
  left: 3.952rem;
  height: auto;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 1.711rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame--text-57.--002 {
    top: 0.192rem;
    left: 0.636rem;
    font-size: 0.949rem;
  }
}
.p-top .wrap-group__frame.--003 {
  width: 25.205rem;
  position: relative;
  height: 4.784rem;
  border-radius: 50rem;
  border: 1px solid #bababa;
  overflow: hidden;
  margin: 0 0 0 1.856rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame.--003 {
    width: 10.811rem;
    height: 1.969rem;
    margin: 0 0 0 0.72rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-group__frame--text-57.--003 {
  width: auto;
  color: #bababa;
  position: absolute;
  top: 0.883rem;
  left: 3.952rem;
  height: auto;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 1.711rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame--text-57.--003 {
    top: 0.192rem;
    left: 0.636rem;
    font-size: 0.949rem;
  }
}
.p-top .wrap-text-57.--005 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  font-size: 1.811rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-family: "Afacad", sans-serif;
  font-weight: 300;
  white-space: nowrap;
  margin: 2.737rem 0 0 0.466rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57.--005 {
    width: 27.793rem;
    font-size: 1.4rem;
    white-space: normal;
    margin: 1.216rem 0 0 0.155rem;
  }
}
.p-top .wrap-text-57__br.--001 {
  display: block;
}
.p-top .wrap-text-57__br.--002 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57__br.--002 {
    display: none;
  }
}
.p-top .wrap-text-57__br.--003 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57__br.--003 {
    display: none;
  }
}
.p-top .wrap-text-57__br.--004 {
  display: block;
}
.p-top .wrap-content__body--text-57 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  font-size: 1.811rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-family: "Afacad", sans-serif;
  font-weight: 300;
  white-space: nowrap;
  margin: 5.178rem 0 0 0.51rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-content__body--text-57 {
    width: 27.422rem;
    font-size: 1.4rem;
    white-space: normal;
    margin: 24.135rem 0 0 0.181rem;
  }
}
.p-top .wrap-br.--001 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--001 {
    display: none;
  }
}
.p-top .wrap-br.--002 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--002 {
    display: none;
  }
}
.p-top .wrap-br.--003 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--003 {
    display: none;
  }
}
.p-top .wrap-br.--004 {
  display: block;
}
.p-top .wrap-group.--003 {
  width: 203.921rem;
  position: absolute;
  top: 106.456rem;
  left: -7.146rem;
  height: 116.262rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--003 {
    width: 37.571rem;
    top: 72.046rem;
    left: 0.033rem;
    height: 177.541rem;
  }
}
.p-top .wrap-group__mask-group.--001 {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20106.46157050614455%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-1704%22%20x1%3D%2249.99999999999999%25%22%20y1%3D%220%25%22%20x2%3D%2250.00000000000001%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2225.3%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%20100%200%20100%200%20C%20100%200%20100%20106.461571%20100%20106.461571%20C%20100%20106.461571%200%20106.461571%200%20106.461571%20C%200%20106.461571%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-1704)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20106.46157050614455%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-1704%22%20x1%3D%2249.99999999999999%25%22%20y1%3D%220%25%22%20x2%3D%2250.00000000000001%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2225.3%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%20100%200%20100%200%20C%20100%200%20100%20106.461571%20100%20106.461571%20C%20100%20106.461571%200%20106.461571%200%20106.461571%20C%200%20106.461571%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-1704)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 203.953rem 39.571rem;
  mask-size: 203.953rem 39.571rem;
  -webkit-mask-position: 0.044rem -0.059rem;
  mask-position: 0.044rem -0.059rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
  width: 203.923rem;
  opacity: 0.66;
  mix-blend-mode: multiply;
  position: absolute;
  top: 76.78rem;
  left: 0;
  height: 39.484rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__mask-group.--001 {
    -webkit-mask-size: 203.953rem 39.571rem;
    mask-size: 203.953rem 39.571rem;
    -webkit-mask-position: 0.044rem -0.059rem;
    mask-position: 0.044rem -0.059rem;
    top: 137.53rem;
    left: -31.672rem;
  }
}
.p-top .wrap-group__mask-group--group.--001 {
  width: 247.609rem;
  position: relative;
  height: 75.716rem;
  overflow: visible;
  margin: -6.23rem 0 0 -10.58rem;
  display: flow-root;
}
.p-top .wrap-group.--004 {
  width: 142.183rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 75.763rem;
  overflow: visible;
}
.p-top .wrap-group__shape.--001 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-group__shape.--002 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-group__shape.--003 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 45.253rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-group__shape.--004 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group__shape.--005 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group__shape.--006 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 62.268rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group.--005 {
  width: 142.183rem;
  position: absolute;
  top: 0;
  left: 105.467rem;
  height: 75.763rem;
  overflow: visible;
}
.p-top .wrap-group__shape.--007 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-group__shape.--008 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-group__shape.--009 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 45.253rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-group__shape.--010 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group__shape.--011 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group__shape.--012 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 62.268rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group__group.--001 {
  width: 151.672rem;
  position: absolute;
  top: 0;
  left: 27.358rem;
  height: 92.292rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--001 {
    width: 37.455rem;
    top: 3.461rem;
    left: -0.011rem;
    height: 165.35rem;
  }
}
.p-top .wrap-group__group--shape.--001 {
  width: 149.589rem;
  position: relative;
  height: 2.09px;
  margin: 0 0 0 0.018rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--shape.--001 {
    width: 33.682rem;
    margin: 1.157rem 0 0 1.782rem;
  }
}
.p-top .wrap-group__group--group.--001 {
  width: 151.672rem;
  position: relative;
  height: 59.057rem;
  overflow: hidden;
  margin: 32.961rem 0 0 0;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--001 {
    width: 33.94rem;
    height: 146.863rem;
    overflow: visible;
    margin: 19.006rem 0 0 1.708rem;
    display: flow-root;
  }
}
.p-top .wrap-frame.--001 {
  width: 46.412rem;
  position: relative;
  height: 58.123rem;
  border-radius: 1.13rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: color-mix(in srgb, #eef0f3 10%, transparent);
  transform: scaleX(1.016113) scaleY(1.016113);
  margin: 0.468rem 0 0 52.629rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--001 {
    width: 39.914rem;
    position: absolute;
    top: 41.909rem;
    left: -2.695rem;
    height: 50.207rem;
    transform: scaleX(0.841201) scaleY(0.841201);
    margin: 0;
  }
}
.p-top .wrap-frame__text-57.--001 {
  width: 36.972rem;
  color: #ffffff;
  position: absolute;
  top: 32.517rem;
  left: 4.551rem;
  height: auto;
  font-size: 1.711rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-57.--001 {
    width: 32.617rem;
    top: 27.354rem;
    left: 3.838rem;
    font-size: 1.439rem;
  }
}
.p-top .wrap-frame__text-57.--002 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 25.889rem;
  left: 6.976rem;
  height: auto;
  font-size: 2.881rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", "Noto Sans JP", sans-serif;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-57.--002 {
    top: 21.778rem;
    left: 8.102rem;
    font-size: 2.423rem;
  }
}
.p-top .wrap-frame__text-57--group.--001 {
  width: 27.618rem;
  position: relative;
  height: 10.351rem;
  display: inline;
  margin-right: 0.5rem;
  font-size: 2.875rem;
  letter-spacing: 0.04em;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-57--group.--001 {
    width: 23.232rem;
    height: 8.708rem;
    font-size: 2.418rem;
  }
}
.p-top .wrap-frame__text-64.--001 {
  width: auto;
  color: #F5F5F5;
  position: absolute;
  top: 5.814rem;
  left: -4.511rem;
  height: auto;
  font-size: 2.551rem;
  letter-spacing: 0.05em;
  font-family: "Afacad", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-64.--001 {
    top: 4.617rem;
    left: -4.672rem;
    transform: scaleX(0.841201) scaleY(0.841201) rotate(90deg);
  }
}
.p-top .wrap-frame__frame.--001 {
  width: 37.121rem;
  position: absolute;
  top: 46.889rem;
  left: 4.403rem;
  height: 6.236rem;
  border-radius: 500rem;
  overflow: hidden;
  background-color: #69b833;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__frame.--001 {
    width: 32.748rem;
    top: 39.444rem;
    left: 3.708rem;
    height: 5.246rem;
  }
}
.p-top .wrap-frame__frame--text-64.--001 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  font-size: 2.055rem;
  line-height: 1;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: 500;
  white-space: nowrap;
  margin: 2.207rem 0 0 7.482rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__frame--text-64.--001 {
    font-size: 1.729rem;
    margin: 1.856rem 0 0 6.294rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-frame__frame--group.--001 {
  width: 1.471rem;
  position: relative;
  height: 1.593rem;
  overflow: visible;
  margin: 2.227rem 0 0 3.874rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__frame--group.--001 {
    width: 1.237rem;
    height: 1.34rem;
    margin: 1.873rem 0 0 3.255rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-frame__device-illustration {
  width: 31.631rem;
  position: absolute;
  top: 3.542rem;
  left: 6.338rem;
  height: 20.279rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__device-illustration {
    width: 26.608rem;
    top: 2.979rem;
    left: 6.48rem;
    height: 17.059rem;
  }
}
.p-top .wrap-frame.--002 {
  width: 46.412rem;
  position: absolute;
  top: 0.468rem;
  left: 0.374rem;
  height: 58.123rem;
  border-radius: 1.13rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: color-mix(in srgb, #eef0f3 10%, transparent);
  transform: scaleX(1.016113) scaleY(1.016113);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--002 {
    width: 39.952rem;
    position: relative;
    top: auto;
    left: auto;
    height: 49.669rem;
    overflow: visible;
    transform: scaleX(0.841201) scaleY(0.841201);
    margin: -3.633rem 0 0 -2.682rem;
    display: flow-root;
  }
}
.p-top .wrap-frame__artwork.--001 {
  width: 25.103rem;
  position: absolute;
  top: 3.728rem;
  left: 9.944rem;
  height: 19.733rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__artwork.--001 {
    width: 21.116rem;
    top: 3.136rem;
    left: 9.484rem;
    height: 16.6rem;
  }
}
.p-top .wrap-frame__artwork--group.--001 {
  width: 20.695rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 18.362rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__artwork--group.--001 {
    width: 17.409rem;
    top: 0;
    left: 0;
    height: 15.446rem;
  }
}
.p-top .wrap-path-4.--002 {
  width: 0.548rem;
  position: relative;
  height: 0.548rem;
  margin: 0 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-4.--002 {
    width: 0.461rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-5.--002 {
  width: 0.548rem;
  position: absolute;
  top: 0;
  left: 1.383rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-5.--002 {
    width: 0.461rem;
    top: 0;
    left: 1.163rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-6.--002 {
  width: 0.548rem;
  position: absolute;
  top: 0;
  left: 2.768rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-6.--002 {
    width: 0.461rem;
    top: 0;
    left: 2.328rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-7.--002 {
  width: 0.548rem;
  position: absolute;
  top: 0;
  left: 4.153rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-7.--002 {
    width: 0.461rem;
    top: 0;
    left: 3.494rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-8.--002 {
  width: 0.548rem;
  position: absolute;
  top: 0;
  left: 5.541rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-8.--002 {
    width: 0.461rem;
    top: 0;
    left: 4.661rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-9.--002 {
  width: 0.548rem;
  position: absolute;
  top: 0;
  left: 6.927rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-9.--002 {
    width: 0.461rem;
    top: 0;
    left: 5.827rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-10.--002 {
  width: 0.548rem;
  position: absolute;
  top: 0;
  left: 8.312rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-10.--002 {
    width: 0.461rem;
    top: 0;
    left: 6.992rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-11.--002 {
  width: 0.548rem;
  position: absolute;
  top: 0;
  left: 9.703rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-11.--002 {
    width: 0.461rem;
    top: 0;
    left: 8.162rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-12.--002 {
  width: 0.548rem;
  position: absolute;
  top: 0;
  left: 11.091rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-12.--002 {
    width: 0.461rem;
    top: 0;
    left: 9.33rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-13.--002 {
  width: 0.548rem;
  position: absolute;
  top: 0;
  left: 12.477rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-13.--002 {
    width: 0.461rem;
    top: 0;
    left: 10.495rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-14.--002 {
  width: 0.548rem;
  position: relative;
  height: 0.548rem;
  margin: 0.852rem 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-14.--002 {
    width: 0.461rem;
    height: 0.461rem;
    margin: 0.716rem 0 0 0;
  }
}
.p-top .wrap-path-15.--002 {
  width: 0.548rem;
  position: absolute;
  top: 1.399rem;
  left: 1.383rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-15.--002 {
    width: 0.461rem;
    top: 1.177rem;
    left: 1.163rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-16.--002 {
  width: 0.548rem;
  position: absolute;
  top: 1.399rem;
  left: 2.768rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-16.--002 {
    width: 0.461rem;
    top: 1.177rem;
    left: 2.328rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-17.--002 {
  width: 0.548rem;
  position: absolute;
  top: 1.399rem;
  left: 4.153rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-17.--002 {
    width: 0.461rem;
    top: 1.177rem;
    left: 3.494rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-18.--002 {
  width: 0.548rem;
  position: absolute;
  top: 1.399rem;
  left: 5.541rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-18.--002 {
    width: 0.461rem;
    top: 1.177rem;
    left: 4.661rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-19.--002 {
  width: 0.548rem;
  position: absolute;
  top: 1.399rem;
  left: 6.927rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-19.--002 {
    width: 0.461rem;
    top: 1.177rem;
    left: 5.827rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-20.--002 {
  width: 0.548rem;
  position: absolute;
  top: 1.399rem;
  left: 8.312rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-20.--002 {
    width: 0.461rem;
    top: 1.177rem;
    left: 6.992rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-21.--002 {
  width: 0.548rem;
  position: absolute;
  top: 1.399rem;
  left: 9.703rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-21.--002 {
    width: 0.461rem;
    top: 1.177rem;
    left: 8.162rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-22.--002 {
  width: 0.548rem;
  position: absolute;
  top: 1.399rem;
  left: 11.091rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-22.--002 {
    width: 0.461rem;
    top: 1.177rem;
    left: 9.33rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-23.--002 {
  width: 0.548rem;
  position: absolute;
  top: 1.399rem;
  left: 12.477rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-23.--002 {
    width: 0.461rem;
    top: 1.177rem;
    left: 10.495rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-24.--002 {
  width: 0.548rem;
  position: relative;
  height: 0.548rem;
  margin: 0.856rem 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-24.--002 {
    width: 0.461rem;
    height: 0.461rem;
    margin: 0.719rem 0 0 0;
  }
}
.p-top .wrap-path-25.--002 {
  width: 0.548rem;
  position: absolute;
  top: 2.802rem;
  left: 1.383rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-25.--002 {
    width: 0.461rem;
    top: 2.357rem;
    left: 1.163rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-26.--002 {
  width: 0.548rem;
  position: absolute;
  top: 2.802rem;
  left: 2.768rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-26.--002 {
    width: 0.461rem;
    top: 2.357rem;
    left: 2.328rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-27.--002 {
  width: 0.548rem;
  position: absolute;
  top: 2.802rem;
  left: 4.153rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-27.--002 {
    width: 0.461rem;
    top: 2.357rem;
    left: 3.494rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-28.--002 {
  width: 0.548rem;
  position: absolute;
  top: 2.802rem;
  left: 5.541rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-28.--002 {
    width: 0.461rem;
    top: 2.357rem;
    left: 4.661rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-29.--002 {
  width: 0.548rem;
  position: absolute;
  top: 2.802rem;
  left: 6.927rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-29.--002 {
    width: 0.461rem;
    top: 2.357rem;
    left: 5.827rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-30.--002 {
  width: 0.548rem;
  position: absolute;
  top: 2.802rem;
  left: 8.312rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-30.--002 {
    width: 0.461rem;
    top: 2.357rem;
    left: 6.992rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-31.--002 {
  width: 0.548rem;
  position: absolute;
  top: 2.802rem;
  left: 9.703rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-31.--002 {
    width: 0.461rem;
    top: 2.357rem;
    left: 8.162rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-32.--002 {
  width: 0.548rem;
  position: absolute;
  top: 2.802rem;
  left: 11.091rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-32.--002 {
    width: 0.461rem;
    top: 2.357rem;
    left: 9.33rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-33.--002 {
  width: 0.548rem;
  position: absolute;
  top: 2.802rem;
  left: 12.477rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-33.--002 {
    width: 0.461rem;
    top: 2.357rem;
    left: 10.495rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-34.--002 {
  width: 0.548rem;
  position: relative;
  height: 0.548rem;
  margin: 0.855rem 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-34.--002 {
    width: 0.461rem;
    height: 0.461rem;
    margin: 0.718rem 0 0 0;
  }
}
.p-top .wrap-path-35.--002 {
  width: 0.548rem;
  position: absolute;
  top: 4.204rem;
  left: 1.383rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-35.--002 {
    width: 0.461rem;
    top: 3.536rem;
    left: 1.163rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-36.--002 {
  width: 0.548rem;
  position: absolute;
  top: 4.204rem;
  left: 2.768rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-36.--002 {
    width: 0.461rem;
    top: 3.536rem;
    left: 2.328rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-37.--002 {
  width: 0.548rem;
  position: absolute;
  top: 4.204rem;
  left: 4.153rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-37.--002 {
    width: 0.461rem;
    top: 3.536rem;
    left: 3.494rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-38.--002 {
  width: 0.548rem;
  position: absolute;
  top: 4.204rem;
  left: 5.541rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-38.--002 {
    width: 0.461rem;
    top: 3.536rem;
    left: 4.661rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-39.--002 {
  width: 0.548rem;
  position: absolute;
  top: 4.204rem;
  left: 6.927rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-39.--002 {
    width: 0.461rem;
    top: 3.536rem;
    left: 5.827rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-40.--002 {
  width: 0.548rem;
  position: absolute;
  top: 4.204rem;
  left: 8.312rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-40.--002 {
    width: 0.461rem;
    top: 3.536rem;
    left: 6.992rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-41.--002 {
  width: 0.548rem;
  position: absolute;
  top: 4.204rem;
  left: 9.703rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-41.--002 {
    width: 0.461rem;
    top: 3.536rem;
    left: 8.162rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-42.--002 {
  width: 0.548rem;
  position: absolute;
  top: 4.204rem;
  left: 11.091rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-42.--002 {
    width: 0.461rem;
    top: 3.536rem;
    left: 9.33rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-43.--002 {
  width: 0.548rem;
  position: absolute;
  top: 4.204rem;
  left: 12.477rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-43.--002 {
    width: 0.461rem;
    top: 3.536rem;
    left: 10.495rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-44.--002 {
  width: 0.548rem;
  position: absolute;
  top: 5.612rem;
  left: 0;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-44.--002 {
    width: 0.461rem;
    top: 4.721rem;
    left: 0;
    height: 0.461rem;
  }
}
.p-top .wrap-path-45 {
  width: 0.548rem;
  position: absolute;
  top: 5.612rem;
  left: 1.383rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-45 {
    width: 0.461rem;
    top: 4.721rem;
    left: 1.163rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-46 {
  width: 0.548rem;
  position: absolute;
  top: 5.612rem;
  left: 2.768rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-46 {
    width: 0.461rem;
    top: 4.721rem;
    left: 2.328rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-47 {
  width: 0.548rem;
  position: absolute;
  top: 5.612rem;
  left: 4.153rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-47 {
    width: 0.461rem;
    top: 4.721rem;
    left: 3.494rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-48 {
  width: 0.548rem;
  position: absolute;
  top: 5.612rem;
  left: 5.541rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-48 {
    width: 0.461rem;
    top: 4.721rem;
    left: 4.661rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-49 {
  width: 0.548rem;
  position: absolute;
  top: 5.612rem;
  left: 6.927rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-49 {
    width: 0.461rem;
    top: 4.721rem;
    left: 5.827rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-50 {
  width: 0.548rem;
  position: absolute;
  top: 5.612rem;
  left: 8.312rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-50 {
    width: 0.461rem;
    top: 4.721rem;
    left: 6.992rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-51 {
  width: 0.548rem;
  position: absolute;
  top: 5.612rem;
  left: 9.703rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-51 {
    width: 0.461rem;
    top: 4.721rem;
    left: 8.162rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-52 {
  width: 0.548rem;
  position: absolute;
  top: 5.612rem;
  left: 11.091rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-52 {
    width: 0.461rem;
    top: 4.721rem;
    left: 9.33rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-53 {
  width: 0.548rem;
  position: absolute;
  top: 7.014rem;
  left: 0;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-53 {
    width: 0.461rem;
    top: 5.9rem;
    left: 0;
    height: 0.461rem;
  }
}
.p-top .wrap-path-54 {
  width: 0.548rem;
  position: absolute;
  top: 7.014rem;
  left: 1.383rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-54 {
    width: 0.461rem;
    top: 5.9rem;
    left: 1.163rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-55 {
  width: 0.548rem;
  position: absolute;
  top: 7.014rem;
  left: 2.768rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-55 {
    width: 0.461rem;
    top: 5.9rem;
    left: 2.328rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-56 {
  width: 0.548rem;
  position: absolute;
  top: 7.014rem;
  left: 4.153rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-56 {
    width: 0.461rem;
    top: 5.9rem;
    left: 3.494rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-57 {
  width: 0.548rem;
  position: absolute;
  top: 7.014rem;
  left: 5.541rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-57 {
    width: 0.461rem;
    top: 5.9rem;
    left: 4.661rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-58 {
  width: 0.548rem;
  position: absolute;
  top: 7.014rem;
  left: 6.927rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-58 {
    width: 0.461rem;
    top: 5.9rem;
    left: 5.827rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-59 {
  width: 0.548rem;
  position: absolute;
  top: 7.014rem;
  left: 8.312rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-59 {
    width: 0.461rem;
    top: 5.9rem;
    left: 6.992rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-60 {
  width: 0.548rem;
  position: absolute;
  top: 7.014rem;
  left: 9.703rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-60 {
    width: 0.461rem;
    top: 5.9rem;
    left: 8.162rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-61 {
  width: 0.548rem;
  position: absolute;
  top: 7.014rem;
  left: 11.091rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-61 {
    width: 0.461rem;
    top: 5.9rem;
    left: 9.33rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-62 {
  width: 0.548rem;
  position: absolute;
  top: 8.419rem;
  left: 0;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-62 {
    width: 0.461rem;
    top: 7.082rem;
    left: 0;
    height: 0.461rem;
  }
}
.p-top .wrap-path-63 {
  width: 0.548rem;
  position: absolute;
  top: 8.419rem;
  left: 1.383rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-63 {
    width: 0.461rem;
    top: 7.082rem;
    left: 1.163rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-64 {
  width: 0.548rem;
  position: absolute;
  top: 8.419rem;
  left: 2.768rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-64 {
    width: 0.461rem;
    top: 7.082rem;
    left: 2.328rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-65 {
  width: 0.548rem;
  position: absolute;
  top: 8.419rem;
  left: 4.153rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-65 {
    width: 0.461rem;
    top: 7.082rem;
    left: 3.494rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-66 {
  width: 0.548rem;
  position: absolute;
  top: 8.419rem;
  left: 5.541rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-66 {
    width: 0.461rem;
    top: 7.082rem;
    left: 4.661rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-67 {
  width: 0.548rem;
  position: absolute;
  top: 8.419rem;
  left: 6.927rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-67 {
    width: 0.461rem;
    top: 7.082rem;
    left: 5.827rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-68 {
  width: 0.548rem;
  position: absolute;
  top: 8.419rem;
  left: 8.312rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-68 {
    width: 0.461rem;
    top: 7.082rem;
    left: 6.992rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-69 {
  width: 0.548rem;
  position: absolute;
  top: 8.419rem;
  left: 9.703rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-69 {
    width: 0.461rem;
    top: 7.082rem;
    left: 8.162rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-70 {
  width: 0.548rem;
  position: absolute;
  top: 8.419rem;
  left: 11.091rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-70 {
    width: 0.461rem;
    top: 7.082rem;
    left: 9.33rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-71 {
  width: 0.548rem;
  position: absolute;
  top: 9.819rem;
  left: 0;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-71 {
    width: 0.461rem;
    top: 8.26rem;
    left: 0;
    height: 0.461rem;
  }
}
.p-top .wrap-path-72 {
  width: 0.548rem;
  position: absolute;
  top: 9.819rem;
  left: 1.383rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-72 {
    width: 0.461rem;
    top: 8.26rem;
    left: 1.163rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-73 {
  width: 0.548rem;
  position: absolute;
  top: 9.819rem;
  left: 2.768rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-73 {
    width: 0.461rem;
    top: 8.26rem;
    left: 2.328rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-74 {
  width: 0.548rem;
  position: absolute;
  top: 9.819rem;
  left: 4.153rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-74 {
    width: 0.461rem;
    top: 8.26rem;
    left: 3.494rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-75 {
  width: 0.548rem;
  position: absolute;
  top: 9.819rem;
  left: 5.541rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-75 {
    width: 0.461rem;
    top: 8.26rem;
    left: 4.661rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-76 {
  width: 0.548rem;
  position: absolute;
  top: 9.819rem;
  left: 6.927rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-76 {
    width: 0.461rem;
    top: 8.26rem;
    left: 5.827rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-77 {
  width: 0.548rem;
  position: absolute;
  top: 9.819rem;
  left: 8.312rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-77 {
    width: 0.461rem;
    top: 8.26rem;
    left: 6.992rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-78 {
  width: 0.548rem;
  position: absolute;
  top: 9.819rem;
  left: 9.703rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-78 {
    width: 0.461rem;
    top: 8.26rem;
    left: 8.162rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-79 {
  width: 0.548rem;
  position: absolute;
  top: 9.819rem;
  left: 11.091rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-79 {
    width: 0.461rem;
    top: 8.26rem;
    left: 9.33rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-80 {
  width: 0.548rem;
  position: absolute;
  top: 9.819rem;
  left: 12.477rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-80 {
    width: 0.461rem;
    top: 8.26rem;
    left: 10.495rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-81 {
  width: 0.548rem;
  position: absolute;
  top: 11.227rem;
  left: 0;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-81 {
    width: 0.461rem;
    top: 9.444rem;
    left: 0;
    height: 0.461rem;
  }
}
.p-top .wrap-path-82 {
  width: 0.548rem;
  position: absolute;
  top: 11.227rem;
  left: 1.383rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-82 {
    width: 0.461rem;
    top: 9.444rem;
    left: 1.163rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-83 {
  width: 0.548rem;
  position: absolute;
  top: 11.227rem;
  left: 2.768rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-83 {
    width: 0.461rem;
    top: 9.444rem;
    left: 2.328rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-84 {
  width: 0.548rem;
  position: absolute;
  top: 11.227rem;
  left: 4.153rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-84 {
    width: 0.461rem;
    top: 9.444rem;
    left: 3.494rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-85 {
  width: 0.548rem;
  position: absolute;
  top: 11.227rem;
  left: 5.541rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-85 {
    width: 0.461rem;
    top: 9.444rem;
    left: 4.661rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-86 {
  width: 0.548rem;
  position: absolute;
  top: 11.227rem;
  left: 6.927rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-86 {
    width: 0.461rem;
    top: 9.444rem;
    left: 5.827rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-87 {
  width: 0.548rem;
  position: absolute;
  top: 11.227rem;
  left: 8.312rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-87 {
    width: 0.461rem;
    top: 9.444rem;
    left: 6.992rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-88 {
  width: 0.548rem;
  position: absolute;
  top: 11.227rem;
  left: 9.703rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-88 {
    width: 0.461rem;
    top: 9.444rem;
    left: 8.162rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-89 {
  width: 0.548rem;
  position: absolute;
  top: 11.227rem;
  left: 11.091rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-89 {
    width: 0.461rem;
    top: 9.444rem;
    left: 9.33rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-90 {
  width: 0.548rem;
  position: absolute;
  top: 11.227rem;
  left: 12.477rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-90 {
    width: 0.461rem;
    top: 9.444rem;
    left: 10.495rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-91 {
  width: 0.548rem;
  position: absolute;
  top: 12.629rem;
  left: 0;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-91 {
    width: 0.461rem;
    top: 10.623rem;
    left: 0;
    height: 0.461rem;
  }
}
.p-top .wrap-path-92 {
  width: 0.548rem;
  position: absolute;
  top: 12.629rem;
  left: 1.383rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-92 {
    width: 0.461rem;
    top: 10.623rem;
    left: 1.163rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-93 {
  width: 0.548rem;
  position: absolute;
  top: 12.629rem;
  left: 2.768rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-93 {
    width: 0.461rem;
    top: 10.623rem;
    left: 2.328rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-94 {
  width: 0.548rem;
  position: absolute;
  top: 12.629rem;
  left: 4.153rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-94 {
    width: 0.461rem;
    top: 10.623rem;
    left: 3.494rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-95 {
  width: 0.548rem;
  position: absolute;
  top: 12.629rem;
  left: 5.541rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-95 {
    width: 0.461rem;
    top: 10.623rem;
    left: 4.661rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-96 {
  width: 0.548rem;
  position: absolute;
  top: 12.629rem;
  left: 6.927rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-96 {
    width: 0.461rem;
    top: 10.623rem;
    left: 5.827rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-97 {
  width: 0.548rem;
  position: absolute;
  top: 12.629rem;
  left: 8.312rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-97 {
    width: 0.461rem;
    top: 10.623rem;
    left: 6.992rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-98 {
  width: 0.548rem;
  position: absolute;
  top: 12.629rem;
  left: 9.703rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-98 {
    width: 0.461rem;
    top: 10.623rem;
    left: 8.162rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-99 {
  width: 0.548rem;
  position: absolute;
  top: 12.629rem;
  left: 11.091rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-99 {
    width: 0.461rem;
    top: 10.623rem;
    left: 9.33rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-100 {
  width: 0.548rem;
  position: absolute;
  top: 12.629rem;
  left: 12.477rem;
  height: 0.548rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-100 {
    width: 0.461rem;
    top: 10.623rem;
    left: 10.495rem;
    height: 0.461rem;
  }
}
.p-top .wrap-path-101 {
  width: 10.631rem;
  position: absolute;
  top: 2.435rem;
  left: 5.824rem;
  height: 14.545rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-101 {
    width: 8.943rem;
    top: 2.048rem;
    left: 4.899rem;
    height: 12.235rem;
  }
}
.p-top .wrap-path-102 {
  width: 9.858rem;
  position: absolute;
  top: 2.762rem;
  left: 6.148rem;
  height: 13.771rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-102 {
    width: 8.293rem;
    top: 2.324rem;
    left: 5.172rem;
    height: 11.585rem;
  }
}
.p-top .wrap-path-103 {
  width: 5.61rem;
  position: relative;
  height: 0.277rem;
  margin: 0.201rem 0 0 8.292rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-103 {
    width: 4.719rem;
    height: 0.233rem;
    margin: 0.168rem 0 0 6.975rem;
  }
}
.p-top .wrap-path-104 {
  width: 5.61rem;
  position: relative;
  height: 0.277rem;
  margin: 0.383rem 0 0 8.292rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-104 {
    width: 4.719rem;
    height: 0.233rem;
    margin: 0.323rem 0 0 6.975rem;
  }
}
.p-top .wrap-path-105 {
  width: 5.61rem;
  position: relative;
  height: 0.277rem;
  margin: 0.386rem 0 0 8.292rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-105 {
    width: 4.719rem;
    height: 0.233rem;
    margin: 0.324rem 0 0 6.975rem;
  }
}
.p-top .wrap-path-106 {
  width: 5.61rem;
  position: relative;
  height: 0.277rem;
  margin: 0.392rem 0 0 8.292rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-106 {
    width: 4.719rem;
    height: 0.233rem;
    margin: 0.33rem 0 0 6.975rem;
  }
}
.p-top .wrap-path-107 {
  width: 5.61rem;
  position: relative;
  height: 0.277rem;
  margin: 0.38rem 0 0 8.292rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-107 {
    width: 4.719rem;
    height: 0.233rem;
    margin: 0.32rem 0 0 6.975rem;
  }
}
.p-top .wrap-path-108 {
  width: 5.61rem;
  position: relative;
  height: 0.277rem;
  margin: 0.383rem 0 0 8.292rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-108 {
    width: 4.719rem;
    height: 0.233rem;
    margin: 0.322rem 0 0 6.975rem;
  }
}
.p-top .wrap-path-109 {
  width: 5.553rem;
  position: relative;
  height: 3.896rem;
  margin: 1.93rem 0 0 8.292rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-109 {
    width: 4.671rem;
    height: 3.277rem;
    margin: 1.623rem 0 0 6.975rem;
  }
}
.p-top .wrap-path-110 {
  width: 8.4rem;
  position: absolute;
  top: 1.809rem;
  left: 11.055rem;
  height: 4.662rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-110 {
    width: 7.067rem;
    top: 1.521rem;
    left: 9.299rem;
    height: 3.922rem;
  }
}
.p-top .wrap-path-111 {
  width: 1.229rem;
  position: absolute;
  top: 1.239rem;
  left: 19.468rem;
  height: 1.229rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-111 {
    width: 1.034rem;
    top: 1.042rem;
    left: 16.377rem;
    height: 1.034rem;
  }
}
.p-top .wrap-path-112 {
  width: 0.468rem;
  position: absolute;
  top: 1.569rem;
  left: 19.795rem;
  height: 0.468rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-112 {
    width: 0.394rem;
    top: 1.32rem;
    left: 16.652rem;
    height: 0.394rem;
  }
}
.p-top .wrap-group.--006 {
  width: 6.664rem;
  position: absolute;
  top: 13.678rem;
  left: 4.729rem;
  height: 4.719rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--006 {
    width: 5.606rem;
    top: 11.506rem;
    left: 3.978rem;
    height: 3.97rem;
  }
}
.p-top .wrap-frame__artwork--group.--002 {
  width: 8.138rem;
  position: absolute;
  top: 4.701rem;
  left: 16.965rem;
  height: 15.036rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__artwork--group.--002 {
    width: 6.845rem;
    top: 3.954rem;
    left: 14.271rem;
    height: 12.648rem;
  }
}
.p-top .wrap-frame__text-57.--003 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 25.113rem;
  left: 6.119rem;
  height: auto;
  font-size: 2.872rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", "Noto Sans JP", sans-serif;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-57.--003 {
    top: 21.125rem;
    left: 5.864rem;
    font-size: 2.416rem;
  }
}
.p-top .wrap-frame__text-57--group.--002 {
  width: auto;
  position: relative;
  height: auto;
  display: inline;
  font-size: 3.563rem;
  font-family: "Afacad", sans-serif;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-57--group.--002 {
    font-size: 2.997rem;
  }
}
.p-top .wrap-frame__text-57.--004 {
  width: 37.033rem;
  color: #ffffff;
  position: absolute;
  top: 32.517rem;
  left: 4.551rem;
  height: auto;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 1.711rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-57.--004 {
    width: 32.671rem;
    top: 27.354rem;
    left: 3.839rem;
    font-size: 1.439rem;
  }
}
.p-top .wrap-frame__text-64.--002 {
  width: auto;
  color: #F5F5F5;
  position: absolute;
  top: 5.814rem;
  left: -4.511rem;
  height: auto;
  font-size: 2.551rem;
  letter-spacing: 0.05em;
  font-family: "Afacad", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-64.--002 {
    top: 4.617rem;
    left: -4.672rem;
    transform: scaleX(0.841201) scaleY(0.841201) rotate(90deg);
  }
}
.p-top .wrap-frame__frame.--002 {
  width: 37.121rem;
  position: absolute;
  top: 46.889rem;
  left: 4.403rem;
  height: 6.236rem;
  border-radius: 500rem;
  overflow: hidden;
  background-color: #69b833;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__frame.--002 {
    width: 32.748rem;
    top: 39.444rem;
    left: 3.709rem;
    height: 5.246rem;
  }
}
.p-top .wrap-frame__frame--text-64.--002 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  font-size: 2.055rem;
  line-height: 1;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: 500;
  white-space: nowrap;
  margin: 2.207rem 0 0 4.443rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__frame--text-64.--002 {
    font-size: 1.729rem;
    margin: 1.856rem 0 0 3.737rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-frame__frame--group.--002 {
  width: 1.471rem;
  position: relative;
  height: 1.593rem;
  overflow: visible;
  margin: 2.227rem 0 0 2.761rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__frame--group.--002 {
    width: 1.237rem;
    height: 1.34rem;
    margin: 1.873rem 0 0 2.32rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-frame.--003 {
  width: 46.412rem;
  position: relative;
  height: 58.123rem;
  border-radius: 1.13rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: color-mix(in srgb, #eef0f3 10%, transparent);
  transform: scaleX(1.016113) scaleY(1.016113);
  margin: 0.468rem 0 0 5.848rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--003 {
    width: 40.173rem;
    position: relative;
    height: 50.052rem;
    transform: scaleX(0.841201) scaleY(0.841201);
    margin: 41.319rem 0 0 -2.809rem;
  }
}
.p-top .wrap-frame__text-57.--005 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 26.091rem;
  left: 6.02rem;
  height: auto;
  font-size: 2.881rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", "Noto Sans JP", sans-serif;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-57.--005 {
    top: 21.948rem;
    left: 6.294rem;
    font-size: 2.423rem;
  }
}
.p-top .wrap-frame__text-57.--006 {
  width: 36.972rem;
  color: #ffffff;
  position: absolute;
  top: 32.517rem;
  left: 4.551rem;
  height: auto;
  font-size: 1.711rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-57.--006 {
    width: 32.617rem;
    top: 27.354rem;
    left: 3.834rem;
    font-size: 1.439rem;
  }
}
.p-top .wrap-frame__text-64.--003 {
  width: auto;
  color: #F5F5F5;
  position: absolute;
  top: 5.814rem;
  left: -4.511rem;
  height: auto;
  font-size: 2.551rem;
  letter-spacing: 0.05em;
  font-family: "Afacad", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-64.--003 {
    top: 4.617rem;
    left: -4.672rem;
    transform: scaleX(0.841201) scaleY(0.841201) rotate(90deg);
  }
}
.p-top .wrap-frame__frame.--003 {
  width: 37.121rem;
  position: absolute;
  top: 46.889rem;
  left: 4.403rem;
  height: 6.236rem;
  border-radius: 500rem;
  overflow: hidden;
  background-color: #69b833;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__frame.--003 {
    width: 32.748rem;
    top: 39.444rem;
    left: 3.704rem;
    height: 5.246rem;
  }
}
.p-top .wrap-frame__frame--text-64.--003 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  font-size: 2.055rem;
  line-height: 1;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: 500;
  white-space: nowrap;
  margin: 2.207rem 0 0 9.321rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__frame--text-64.--003 {
    font-size: 1.729rem;
    margin: 1.856rem 0 0 7.84rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-frame__frame--group.--003 {
  width: 1.471rem;
  position: relative;
  height: 1.593rem;
  overflow: visible;
  margin: 2.227rem 0 0 4.049rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__frame--group.--003 {
    width: 1.237rem;
    height: 1.34rem;
    margin: 1.873rem 0 0 3.403rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-frame__artwork.--002 {
  width: 27.591rem;
  position: absolute;
  top: 6.353rem;
  left: 9.293rem;
  height: 15.879rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__artwork.--002 {
    width: 23.209rem;
    top: 5.344rem;
    left: 8.738rem;
    height: 13.358rem;
  }
}
.p-top .wrap-group__group--group.--002 {
  width: 60.971rem;
  position: absolute;
  top: 11.328rem;
  left: 45.856rem;
  height: 15.87rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--002 {
    width: 23.94rem;
    top: 4.955rem;
    left: 6.787rem;
    height: 13.872rem;
  }
}
.p-top .wrap-text-57.--006 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 3.824rem;
  left: 0;
  height: auto;
  border-radius: 0.5rem;
  font-size: 4.304rem;
  line-height: 1.4;
  letter-spacing: 0.09em;
  font-family: "Afacad", sans-serif;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57.--006 {
    top: 5.473rem;
    left: 0;
    font-size: 2rem;
  }
}
.p-top .wrap-text-57__br.--005 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57__br.--005 {
    font-size: 2.332rem;
  }
}
.p-top .wrap-text-57__br.--006 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57__br.--006 {
    display: block;
  }
}
.p-top .wrap-group.--007 {
  width: 6.818rem;
  position: absolute;
  top: 0;
  left: 26.716rem;
  height: 3.209rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--007 {
    width: 4.534rem;
    top: 1.614rem;
    left: 9.744rem;
    height: 2.182rem;
    font-size: 1.6rem;
  }
}
.p-top .wrap-group__text-64.--001 {
  width: fit-content;
  color: #F5F5F5;
  position: relative;
  height: auto;
  font-size: 2.4rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
  margin: 0 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-64.--001 {
    font-size: 1.6rem;
    margin: 0 0 0 -0.75rem;
  }
}
.p-top .wrap__investigation--client-concerns {
  width: 100%;
  position: relative;
  height: 232.413rem;
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  font-weight: 800;
  overflow: hidden;
  background-color: #eef0f3;
  margin: 203.754rem 0 0 0.034rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap__investigation--client-concerns {
    width: 37.736rem;
    height: 273.37rem;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    margin: 236.431rem 0 0 0.006rem;
  }
}
.p-top .wrap-mask-group {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2075.59810429541062%2068.3267665321249%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-1704%22%20x1%3D%2249.99999999999999%25%22%20y1%3D%220%25%22%20x2%3D%2250.00000000000001%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2225.3%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%2075.598104%200%2075.598104%200%20C%2075.598104%200%2075.598104%2068.326767%2075.598104%2068.326767%20C%2075.598104%2068.326767%200%2068.326767%200%2068.326767%20C%200%2068.326767%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-1704)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2075.59810429541062%2068.3267665321249%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-1704%22%20x1%3D%2249.99999999999999%25%22%20y1%3D%220%25%22%20x2%3D%2250.00000000000001%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2225.3%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%2075.598104%200%2075.598104%200%20C%2075.598104%200%2075.598104%2068.326767%2075.598104%2068.326767%20C%2075.598104%2068.326767%200%2068.326767%200%2068.326767%20C%200%2068.326767%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-1704)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 203.953rem 33.594rem;
  mask-size: 203.953rem 33.594rem;
  -webkit-mask-position: 0.056rem 0.028rem;
  mask-position: 0.056rem 0.028rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
  width: 203.923rem;
  opacity: 0.37;
  mix-blend-mode: multiply;
  position: absolute;
  top: 201.902rem;
  left: -6.067rem;
  height: 31.446rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-mask-group {
    -webkit-mask-size: 154.185rem 25.396rem;
    mask-size: 154.185rem 25.396rem;
    -webkit-mask-position: 0.042rem 0.021rem;
    mask-position: 0.042rem 0.021rem;
    width: 154.162rem;
    top: 247.544rem;
    left: -52.76rem;
    height: 23.773rem;
  }
}
.p-top .wrap-mask-group__group {
  width: 247.609rem;
  position: relative;
  height: 75.716rem;
  overflow: visible;
  margin: -12.119rem 0 0 -10.573rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-mask-group__group {
    transform: scaleX(0.755981) scaleY(0.755981);
    margin: -18.399rem 0 0 -38.203rem;
  }
}
.p-top .wrap-mask-group__group--group.--001 {
  width: 142.183rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 75.763rem;
  overflow: visible;
}
.p-top .wrap-shape.--001 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--002 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--003 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 45.253rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--004 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-shape.--005 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-shape.--006 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 62.268rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-mask-group__group--group.--002 {
  width: 142.183rem;
  position: absolute;
  top: 0;
  left: 105.467rem;
  height: 75.763rem;
  overflow: visible;
}
.p-top .wrap-shape.--007 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--008 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--009 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 45.253rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--010 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-shape.--011 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-shape.--012 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 62.268rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group.--008 {
  width: 69.507rem;
  position: absolute;
  top: 20.42rem;
  left: 12.576rem;
  height: 16.936rem;
  font-weight: 800;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--008 {
    width: 25.323rem;
    top: auto;
    left: auto;
    height: 11.852rem;
    position: relative;
    margin: 7.041rem 0 0 1.189rem;
    display: flow-root;
  }
}
.p-top .wrap-group__text-64.--002 {
  width: auto;
  color: #242424;
  position: absolute;
  top: 7.823rem;
  left: -5.835rem;
  height: auto;
  font-size: 2.4rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-64.--002 {
    position: absolute;
    top: 5.2rem;
    left: -3.893rem;
    font-size: 1.6rem;
    transform: rotate(90deg);
  }
}
.p-top .wrap-group__group.--002 {
  width: 61.974rem;
  position: absolute;
  top: 0;
  left: 7.535rem;
  height: 10.074rem;
  overflow: visible;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--002 {
    width: 21.423rem;
    top: 0;
    left: 3.9rem;
    height: 11.854rem;
    display: flow-root;
  }
}
.p-top .wrap-group__group--text-57.--001 {
  width: auto;
  color: #242424;
  position: absolute;
  top: 1.147rem;
  left: 0;
  height: auto;
  border-radius: 0.5rem;
  font-size: 6.377rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-family: "Afacad", sans-serif;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-57.--001 {
    position: absolute;
    top: 0.742rem;
    left: 0;
    font-size: 3.968rem;
  }
}
.p-top .wrap-br.--005 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--005 {
    display: block;
  }
}
.p-top .wrap-br.--006 {
  display: block;
  font-size: 6.404rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--006 {
    font-size: 3.968rem;
  }
}
.p-top .wrap-group__group--text-57.--002 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 1.466rem;
  letter-spacing: 0.09em;
  font-family: Afacad, sans-serif;
  font-weight: 600;
  white-space: nowrap;
  margin: 0 0 0 3.529rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-57.--002 {
    position: relative;
    font-size: 0.913rem;
    margin: 0 0 0 1.975rem;
  }
}
.p-top .wrap-group__group--text-57.--003 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 1.466rem;
  letter-spacing: 0.09em;
  font-family: Afacad, sans-serif;
  font-weight: 600;
  white-space: nowrap;
  margin: 0 0 0 20.704rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-57.--003 {
    position: relative;
    font-size: 0.913rem;
    margin: 4.045rem 0 0 1.946rem;
  }
}
.p-top .wrap-text-57.--007 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 1.911rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-family: Afacad, sans-serif;
  font-weight: 600;
  white-space: nowrap;
  margin: 32.255rem 0 0 20.374rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57.--007 {
    width: 27.426rem;
    font-size: 1.4rem;
    line-height: 1.6;
    white-space: normal;
    margin: 19.855rem 0 0 5.058rem;
  }
}
.p-top .wrap-text-57__br.--007 {
  display: block;
}
.p-top .wrap-text-57__br.--008 {
  display: block;
}
.p-top .wrap-group.--009 {
  width: 163.579rem;
  position: absolute;
  top: 47.397rem;
  left: 14.1rem;
  height: 65.268rem;
  border-radius: 3rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--009 {
    width: 27.621rem;
    top: 25.152rem;
    left: 5.013rem;
    height: 11.021rem;
    border-radius: 1.51rem;
  }
}
.p-top .wrap-group__img.--001 {
  width: 97.935rem;
  position: absolute;
  top: -0.051rem;
  left: -9.86rem;
  height: 65.29rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__img.--001 {
    width: 16.537rem;
    top: -0.009rem;
    left: -1.665rem;
    height: 11.024rem;
  }
}
.p-top .wrap-group__group.--003 {
  width: 94.681rem;
  position: absolute;
  top: 0.001rem;
  left: 81.911rem;
  height: 65.287rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--003 {
    width: 15.987rem;
    top: 0;
    left: 13.831rem;
    height: 11.024rem;
  }
}
.p-top .wrap-group__group--img.--001 {
  width: 97.935rem;
  position: relative;
  height: 65.29rem;
  object-fit: contain;
  margin: 0 0 0 -3.331rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--img.--001 {
    width: 16.537rem;
    height: 11.024rem;
    margin: 0 0 0 -0.562rem;
  }
}
.p-top .wrap-group__shape.--013 {
  width: 200.181rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: -4.043rem;
  left: -18.312rem;
  height: 74.472rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__shape.--013 {
    width: 33.801rem;
    top: -0.683rem;
    left: -3.092rem;
    height: 12.575rem;
  }
}
.p-top .wrap-group__mask-group.--002 {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20106.46157050614455%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-1704%22%20x1%3D%2249.99999999999999%25%22%20y1%3D%220%25%22%20x2%3D%2250.00000000000001%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2225.3%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%20100%200%20100%200%20C%20100%200%20100%20106.461571%20100%20106.461571%20C%20100%20106.461571%200%20106.461571%200%20106.461571%20C%200%20106.461571%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-1704)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20106.46157050614455%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-1704%22%20x1%3D%2249.99999999999999%25%22%20y1%3D%220%25%22%20x2%3D%2250.00000000000001%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2225.3%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%20100%200%20100%200%20C%20100%200%20100%20106.461571%20100%20106.461571%20C%20100%20106.461571%200%20106.461571%200%20106.461571%20C%200%20106.461571%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-1704)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 203.953rem 39.571rem;
  mask-size: 203.953rem 39.571rem;
  -webkit-mask-position: 0.044rem -0.059rem;
  mask-position: 0.044rem -0.059rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
  width: 203.923rem;
  opacity: 0.66;
  mix-blend-mode: multiply;
  position: absolute;
  top: 29.691rem;
  left: -19.201rem;
  height: 39.484rem;
  overflow: visible;
  transform: scaleX(1.01325) scaleY(1.01325);
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__mask-group.--002 {
    -webkit-mask-size: 203.953rem 39.571rem;
    mask-size: 203.953rem 39.571rem;
    -webkit-mask-position: 0.044rem -0.059rem;
    mask-position: 0.044rem -0.059rem;
    top: -11.395rem;
    left: -87.987rem;
    transform: scaleX(0.171091) scaleY(0.171091);
  }
}
.p-top .wrap-group__mask-group--group.--002 {
  width: 247.609rem;
  position: relative;
  height: 75.716rem;
  overflow: visible;
  margin: -6.23rem 0 0 -10.58rem;
  display: flow-root;
}
.p-top .wrap-group.--010 {
  width: 142.183rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 75.763rem;
  overflow: visible;
}
.p-top .wrap-group__shape.--014 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-group__shape.--015 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-group__shape.--016 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 45.253rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-group__shape.--017 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group__shape.--018 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group__shape.--019 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 62.268rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group.--011 {
  width: 142.183rem;
  position: absolute;
  top: 0;
  left: 105.467rem;
  height: 75.763rem;
  overflow: visible;
}
.p-top .wrap-group__shape.--020 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-group__shape.--021 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-group__shape.--022 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 45.253rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-group__shape.--023 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group__shape.--024 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group__shape.--025 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 62.268rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-text-57.--008 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  border-radius: 0.5rem;
  font-size: 5.525rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  margin: 55.157rem 0 0 69.434rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57.--008 {
    top: 31.2rem;
    left: 9.256rem;
    font-size: 2.085rem;
    position: absolute;
    margin: 0;
  }
}
.p-top .wrap-logo {
  width: 32.49rem;
  position: absolute;
  top: 61.618rem;
  left: 79.608rem;
  height: 32.49rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-logo {
    width: 10.76rem;
    top: 18.909rem;
    left: 13.311rem;
    height: 10.76rem;
  }
}
.p-top .wrap-frame.--004 {
  width: 37.121rem;
  position: relative;
  height: 6.236rem;
  border-radius: 500rem;
  overflow: hidden;
  background-color: #69b833;
  margin: 10.815rem 0 0 77.467rem;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--004 {
    width: 27.631rem;
    height: 4.62rem;
    margin: 2.482rem 0 0 5.041rem;
  }
}
.p-top .wrap-frame__text-64.--004 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  font-size: 2.055rem;
  line-height: 1;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: 500;
  white-space: nowrap;
  margin: 2.207rem 0 0 5.443rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-64.--004 {
    font-size: 1.522rem;
    margin: 1.635rem 0 0 4.032rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-frame__group {
  width: 1.471rem;
  position: relative;
  height: 1.593rem;
  overflow: visible;
  margin: 2.227rem 0 0 2.625rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__group {
    width: 1.089rem;
    height: 1.18rem;
    margin: 1.65rem 0 0 1.949rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-group.--012 {
  width: 151.652rem;
  position: relative;
  height: 78.207rem;
  overflow: visible;
  margin: 6.213rem 0 0 20.186rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--012 {
    width: 35.062rem;
    height: 185.733rem;
    margin: 4.298rem 0 0 1.379rem;
  }
}
.p-top .wrap-group__shape.--026 {
  width: 149.589rem;
  position: relative;
  height: 2.09px;
  margin: 0 0 0 0.003rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__shape.--026 {
    width: 35.063rem;
    margin: 0 0 0 0;
  }
}
.p-top .wrap-group__group.--004 {
  width: 151.654rem;
  position: absolute;
  top: 36.411rem;
  left: 0;
  height: 41.8rem;
  overflow: visible;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--004 {
    width: 33.901rem;
    top: 33.282rem;
    left: 0.554rem;
    height: 152.453rem;
    display: flow-root;
  }
}
.p-top .wrap-group__group--frame.--001 {
  width: 36.23rem;
  position: relative;
  height: 42.126rem;
  border-radius: 1.13rem;
  border: 1px solid #242424;
  overflow: hidden;
  background-color: color-mix(in srgb, #eef0f3 10%, transparent);
  transform: scaleX(0.992264) scaleY(0.992264);
  margin: -0.163rem 0 0 -0.14rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--001 {
    width: 33.901rem;
    height: 36rem;
    margin: 0 0 0 0.001rem;
  }
}
.p-top .wrap-group.--013 {
  width: 27.682rem;
  position: absolute;
  top: 1.68rem;
  left: 4.131rem;
  height: 35.99rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--013 {
    width: 27.678rem;
    top: 0.771rem;
    left: 2.92rem;
    height: 32.334rem;
  }
}
.p-top .wrap-group__text-57.--004 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 3.254rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", "Noto Sans JP", sans-serif;
  font-weight: 600;
  text-align: center;
  margin: 11.986rem 0 0 4.753rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--004 {
    position: relative;
    font-size: 2.6rem;
    white-space: nowrap;
    margin: 12.055rem 0 0 6.609rem;
  }
}
.p-top .wrap-group__text-57.--005 {
  width: 27.323rem;
  color: #242424;
  position: relative;
  height: 14.995rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 1.727rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
  margin: 0.937rem 0 0 0.001rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--005 {
    width: 27.612rem;
    position: relative;
    height: 15.153rem;
    font-size: 1.5rem;
    margin: 0.968rem 0 0 0;
  }
}
.p-top .wrap-group__frame.--004 {
  width: 27.616rem;
  position: absolute;
  top: 31.224rem;
  left: 0;
  height: 4.78rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #242424;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame.--004 {
    width: 27.645rem;
    position: absolute;
    top: 27.127rem;
    left: 0.034rem;
    height: 4.83rem;
  }
}
.p-top .wrap-group__frame--group.--001 {
  width: 21.375rem;
  position: relative;
  height: 1.799rem;
  overflow: visible;
  margin: 1.454rem 0 0 3.134rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame--group.--001 {
    width: 21.6rem;
    height: 1.818rem;
    margin: 1.47rem 0 0 3.167rem;
  }
}
.p-top .wrap-group.--014 {
  width: 1.055rem;
  position: absolute;
  top: 0.293rem;
  left: 20.33rem;
  height: 1.143rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--014 {
    width: 1.066rem;
    top: 0.296rem;
    left: 20.545rem;
    height: 1.155rem;
  }
}
.p-top .wrap-text-64.--001 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  font-size: 1.814rem;
  line-height: 1;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-64.--001 {
    top: 0;
    left: 0;
    font-size: 1.834rem;
  }
}
.p-top .wrap-group__group.--005 {
  width: 7.757rem;
  position: absolute;
  top: 0;
  left: 9.706rem;
  height: 10.772rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--005 {
    width: 7.935rem;
    position: absolute;
    top: 0;
    left: 9.845rem;
    height: 10.703rem;
  }
}
.p-top .wrap-group__group--text-64.--001 {
  width: auto;
  color: #69b833;
  position: absolute;
  top: 7.471rem;
  left: 0;
  height: auto;
  font-size: 2.421rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-64.--001 {
    top: 7.432rem;
    left: 0;
    font-size: 2.447rem;
  }
}
.p-top .wrap-group__group--text-64.--002 {
  width: auto;
  color: #69b833;
  position: absolute;
  top: 0;
  left: 0.024rem;
  height: auto;
  font-size: 7.231rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-64.--002 {
    top: 0;
    left: 0.162rem;
    font-size: 7.308rem;
  }
}
.p-top .wrap-group__group--frame.--002 {
  width: 36.23rem;
  position: relative;
  height: 42.126rem;
  border-radius: 1.13rem;
  border: 1px solid #242424;
  overflow: hidden;
  background-color: color-mix(in srgb, #eef0f3 10%, transparent);
  transform: scaleX(0.992264) scaleY(0.992264);
  margin: -0.163rem 0 0 2.34rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--002 {
    width: 33.901rem;
    height: 36rem;
    margin: 2.584rem 0 0 0;
  }
}
.p-top .wrap-group.--015 {
  width: 27.691rem;
  position: absolute;
  top: 1.68rem;
  left: 4.132rem;
  height: 35.877rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--015 {
    width: 27.892rem;
    top: 0.863rem;
    left: 2.954rem;
    height: 32.401rem;
  }
}
.p-top .wrap-group__text-57.--006 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 3.254rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", "Noto Sans JP", sans-serif;
  font-weight: 600;
  text-align: center;
  margin: 11.986rem 0 0 1.169rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--006 {
    position: relative;
    font-size: 2.6rem;
    margin: 12.082rem 0 0 3.664rem;
  }
}
.p-top .wrap-group__text-57.--007 {
  width: 27.323rem;
  color: #242424;
  position: relative;
  height: 14.995rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 1.727rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
  margin: 0.937rem 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--007 {
    width: 27.665rem;
    position: relative;
    height: 15.183rem;
    font-size: 1.5rem;
    margin: 0.979rem 0 0 0.227rem;
  }
}
.p-top .wrap-group__group.--006 {
  width: 9.902rem;
  position: absolute;
  top: 0;
  left: 8.966rem;
  height: 10.772rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--006 {
    width: 9.804rem;
    position: absolute;
    top: 0;
    left: 9.391rem;
    height: 10.719rem;
  }
}
.p-top .wrap-group__group--text-64.--003 {
  width: auto;
  color: #69b833;
  position: absolute;
  top: 0;
  left: 1.154rem;
  height: auto;
  font-size: 7.231rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-64.--003 {
    top: 0;
    left: 0.567rem;
    font-size: 7.322rem;
  }
}
.p-top .wrap-group__group--text-64.--004 {
  width: auto;
  color: #69b833;
  position: absolute;
  top: 7.471rem;
  left: 0;
  height: auto;
  font-size: 2.421rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-64.--004 {
    top: 7.446rem;
    left: 0;
    font-size: 2.451rem;
  }
}
.p-top .wrap-group__frame.--005 {
  width: 27.616rem;
  position: absolute;
  top: 31.11rem;
  left: 0.009rem;
  height: 4.78rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #242424;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame.--005 {
    width: 27.699rem;
    position: absolute;
    top: 26.788rem;
    left: 0;
    height: 4.84rem;
  }
}
.p-top .wrap-group__frame--group.--002 {
  width: 18.013rem;
  position: relative;
  height: 1.799rem;
  overflow: visible;
  margin: 1.414rem 0 0 4.991rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame--group.--002 {
    width: 18.239rem;
    height: 1.822rem;
    margin: 1.432rem 0 0 5.054rem;
  }
}
.p-top .wrap-group.--016 {
  width: 1.055rem;
  position: absolute;
  top: 0.317rem;
  left: 16.968rem;
  height: 1.143rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--016 {
    width: 1.068rem;
    top: 0.321rem;
    left: 17.181rem;
    height: 1.157rem;
  }
}
.p-top .wrap-text-64.--002 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  font-size: 1.814rem;
  line-height: 1;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-64.--002 {
    top: 0;
    left: 0;
    font-size: 1.836rem;
  }
}
.p-top .wrap-group__group--frame.--003 {
  width: 36.23rem;
  position: relative;
  height: 42.126rem;
  border-radius: 1.13rem;
  border: 1px solid #242424;
  overflow: hidden;
  background-color: color-mix(in srgb, #eef0f3 10%, transparent);
  transform: scaleX(0.992264) scaleY(0.992264);
  margin: -0.163rem 0 0 2.338rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--003 {
    width: 33.901rem;
    height: 37.479rem;
    margin: 2.584rem 0 0 0.001rem;
  }
}
.p-top .wrap-group.--017 {
  width: 27.864rem;
  position: absolute;
  top: 1.68rem;
  left: 4.132rem;
  height: 35.763rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--017 {
    width: 27.266rem;
    top: 1.115rem;
    left: 2.953rem;
    height: 32.959rem;
  }
}
.p-top .wrap-group__text-57.--008 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 3.254rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", "Noto Sans JP", sans-serif;
  font-weight: 600;
  text-align: center;
  margin: 11.986rem 0 0 4.367rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--008 {
    position: relative;
    font-size: 2.6rem;
    margin: 11.858rem 0 0 6.575rem;
  }
}
.p-top .wrap-group__text-57.--009 {
  width: 27.323rem;
  color: #242424;
  position: relative;
  height: 14.995rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 1.727rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
  margin: 0.937rem 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--009 {
    width: 27.151rem;
    position: relative;
    height: 14.9rem;
    font-size: 1.5rem;
    margin: 0.859rem 0 0 0.115rem;
  }
}
.p-top .wrap-group__group.--007 {
  width: 9.077rem;
  position: absolute;
  top: 0;
  left: 9.058rem;
  height: 10.772rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--007 {
    width: 9.088rem;
    position: absolute;
    top: 0;
    left: 9.205rem;
    height: 10.489rem;
  }
}
.p-top .wrap-group__group--text-64.--005 {
  width: auto;
  color: #69b833;
  position: absolute;
  top: 0;
  left: 0.741rem;
  height: auto;
  font-size: 7.231rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-64.--005 {
    top: 0;
    left: 0.803rem;
    font-size: 7.185rem;
  }
}
.p-top .wrap-group__group--text-64.--006 {
  width: auto;
  color: #69b833;
  position: absolute;
  top: 7.471rem;
  left: 0;
  height: auto;
  font-size: 2.421rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-64.--006 {
    top: 7.308rem;
    left: 0;
    font-size: 2.406rem;
  }
}
.p-top .wrap-group__frame.--006 {
  width: 27.616rem;
  position: absolute;
  top: 30.996rem;
  left: 0.182rem;
  height: 4.78rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #242424;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame.--006 {
    width: 27.183rem;
    position: absolute;
    top: 28.211rem;
    left: 0;
    height: 4.75rem;
  }
}
.p-top .wrap-group__frame--group.--003 {
  width: 19.571rem;
  position: relative;
  height: 1.799rem;
  overflow: visible;
  margin: 1.546rem 0 0 4.062rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame--group.--003 {
    width: 19.447rem;
    height: 1.788rem;
    margin: 1.536rem 0 0 4.037rem;
  }
}
.p-top .wrap-group.--018 {
  width: 1.055rem;
  position: absolute;
  top: 0.232rem;
  left: 18.526rem;
  height: 1.143rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--018 {
    width: 1.048rem;
    top: 0.23rem;
    left: 18.409rem;
    height: 1.136rem;
  }
}
.p-top .wrap-text-64.--003 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  font-size: 1.814rem;
  line-height: 1;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-64.--003 {
    top: 0;
    left: 0;
    font-size: 1.802rem;
  }
}
.p-top .wrap-group__group--frame.--004 {
  width: 36.23rem;
  position: relative;
  height: 42.126rem;
  border-radius: 1.13rem;
  border: 1px solid #242424;
  overflow: hidden;
  background-color: color-mix(in srgb, #eef0f3 10%, transparent);
  transform: scaleX(0.992264) scaleY(0.992264);
  margin: -0.163rem 0 0 2.338rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--004 {
    width: 33.901rem;
    height: 35.225rem;
    border-top-left-radius: 1.13rem;
    border-top-right-radius: 1.13rem;
    border-bottom-right-radius: 1.13rem;
    border-bottom-left-radius: 1.13rem;
    margin: 2.583rem 0 0 0.001rem;
  }
}
.p-top .wrap-group.--019 {
  width: 27.682rem;
  position: absolute;
  top: 1.827rem;
  left: 4.02rem;
  height: 35.505rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--019 {
    width: 27.584rem;
    top: 1.054rem;
    left: 2.953rem;
    height: 30.743rem;
  }
}
.p-top .wrap-group__text-57.--010 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 3.254rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", "Noto Sans JP", sans-serif;
  font-weight: 600;
  text-align: center;
  margin: 11.839rem 0 0 2.095rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--010 {
    position: relative;
    font-size: 2.6rem;
    margin: 11.835rem 0 0 5.121rem;
  }
}
.p-top .wrap-group__text-57.--011 {
  width: 27.323rem;
  color: #242424;
  position: relative;
  height: 14.995rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 1.727rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
  margin: 0.936rem 0 0 0.112rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--011 {
    width: 27.376rem;
    position: relative;
    height: auto;
    font-size: 1.5rem;
    margin: 0.911rem 0 0 0.209rem;
  }
}
.p-top .wrap-group__group.--008 {
  width: 10.727rem;
  position: absolute;
  top: 0;
  left: 8.629rem;
  height: 10.659rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--008 {
    width: 10.797rem;
    position: absolute;
    top: 0;
    left: 8.841rem;
    height: 10.53rem;
  }
}
.p-top .wrap-group__group--text-64.--007 {
  width: auto;
  color: #69b833;
  position: absolute;
  top: 0;
  left: 1.226rem;
  height: auto;
  font-size: 7.231rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-64.--007 {
    top: 0;
    left: 1.243rem;
    font-size: 7.245rem;
  }
}
.p-top .wrap-group__group--text-64.--008 {
  width: auto;
  color: #69b833;
  position: absolute;
  top: 7.358rem;
  left: 0;
  height: auto;
  font-size: 2.421rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-64.--008 {
    top: 7.257rem;
    left: -0.382rem;
    font-size: 2.426rem;
  }
}
.p-top .wrap-group__frame.--007 {
  width: 27.616rem;
  position: absolute;
  top: 30.738rem;
  left: 0;
  height: 4.78rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #242424;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame.--007 {
    width: 27.409rem;
    position: relative;
    top: auto;
    left: auto;
    height: 4.789rem;
    margin: 1.85rem 0 0 0;
  }
}
.p-top .wrap-group__frame--group.--004 {
  width: 16.339rem;
  position: relative;
  height: 1.889rem;
  overflow: visible;
  margin: 1.449rem 0 0 5.479rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame--group.--004 {
    width: 16.37rem;
    height: 1.893rem;
    margin: 1.452rem 0 0 5.489rem;
  }
}
.p-top .wrap-group.--020 {
  width: 1.055rem;
  position: absolute;
  top: 0.351rem;
  left: 15.237rem;
  height: 1.143rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--020 {
    width: 1.057rem;
    top: 0.352rem;
    left: 15.266rem;
    height: 1.145rem;
  }
}
.p-top .wrap-text-64.--004 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  font-size: 1.814rem;
  line-height: 1;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-64.--004 {
    top: 0;
    left: 0;
    font-size: 1.818rem;
  }
}
.p-top .wrap-group__group.--009 {
  width: 37.522rem;
  position: relative;
  height: 10.415rem;
  overflow: visible;
  margin: 11.153rem 0 0 57.052rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--009 {
    width: 27.52rem;
    height: 6.878rem;
    margin: 5.328rem 0 0 4.212rem;
  }
}
.p-top .wrap-group__group--text-57.--004 {
  width: auto;
  color: #242424;
  position: absolute;
  top: 4.392rem;
  left: 0;
  height: auto;
  border-radius: 0.5rem;
  font-size: 4.304rem;
  line-height: 1.4;
  letter-spacing: 0.09em;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-57.--004 {
    top: 2.351rem;
    left: 0;
    font-size: 3.115rem;
  }
}
.p-top .wrap-span.--001 {
  width: auto;
  color: #69b833;
  height: auto;
  display: inline;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-span.--001 {
    font-size: 3.234rem;
  }
}
.p-top .wrap-text-57.--009 {
  width: auto;
  color: #242424;
  position: absolute;
  top: -1.235rem;
  left: 1.601rem;
  height: auto;
  font-size: 1.466rem;
  letter-spacing: 0.09em;
  font-family: Afacad, sans-serif;
  font-weight: 600;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57.--009 {
    position: absolute;
    top: -0.638rem;
    left: 1.275rem;
    font-size: 0.913rem;
  }
}
.p-top .wrap-text-57.--010 {
  width: auto;
  color: #69b833;
  position: absolute;
  top: -1.235rem;
  left: 15.888rem;
  height: auto;
  font-size: 1.466rem;
  letter-spacing: 0.09em;
  font-family: Afacad, sans-serif;
  font-weight: 600;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57.--010 {
    position: absolute;
    top: -0.638rem;
    left: 12.027rem;
    font-size: 0.913rem;
  }
}
.p-top .wrap-group__group--group.--003 {
  width: 6.818rem;
  position: absolute;
  top: 0;
  left: 15.284rem;
  height: 3.209rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--003 {
    width: 4.246rem;
    top: 0;
    left: 11.017rem;
    height: 2.182rem;
  }
}
.p-top .wrap-text-64.--005 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  font-size: 2.4rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(-90deg) rotate(90deg);
  margin: 0 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-64.--005 {
    font-size: 1.6rem;
    margin: 0 0 0 -0.883rem;
  }
}
.p-top .wrap-group__text-57.--012 {
  width: fit-content;
  color: #242424;
  position: relative;
  height: auto;
  border-radius: 0.5rem;
  font-size: 2.2rem;
  line-height: 1.7;
  letter-spacing: 0.09em;
  font-family: "Afacad", sans-serif;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  margin: 2.821rem 0 0 24.137rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--012 {
    width: 27.964rem;
    font-size: 1.6rem;
    text-align: left;
    white-space: normal;
    margin: 1.557rem 0 0 4.281rem;
  }
}
.p-top .wrap-group__text-57--br.--002 {
  display: block;
}
.p-top .wrap__investigation--post-investigation {
  width: 100%;
  position: absolute;
  top: 540.612rem;
  left: 0;
  height: 624.248rem;
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  overflow: hidden;
  background-color: #242424;
}
@media screen and (max-width: 767px) {
  .p-top .wrap__investigation--post-investigation {
    width: 100%;
    top: 579.912rem;
    left: 0;
    height: 506.126rem;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
  }
}
.p-top .wrap-top-decoration {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2090.38158716933972%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-1704%22%20x1%3D%2249.99999999999999%25%22%20y1%3D%220%25%22%20x2%3D%2250.00000000000001%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2225.3%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%20100%200%20100%200%20C%20100%200%20100%2090.381587%20100%2090.381587%20C%20100%2090.381587%200%2090.381587%200%2090.381587%20C%200%2090.381587%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-1704)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2090.38158716933972%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-1704%22%20x1%3D%2249.99999999999999%25%22%20y1%3D%220%25%22%20x2%3D%2250.00000000000001%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2225.3%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%20100%200%20100%200%20C%20100%200%20100%2090.381587%20100%2090.381587%20C%20100%2090.381587%200%2090.381587%200%2090.381587%20C%200%2090.381587%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-1704)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 203.953rem 33.594rem;
  mask-size: 203.953rem 33.594rem;
  -webkit-mask-position: 0.056rem 0.028rem;
  mask-position: 0.056rem 0.028rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
  width: 203.923rem;
  opacity: 0.7;
  mix-blend-mode: multiply;
  position: relative;
  height: 31.446rem;
  overflow: visible;
  transform: rotate(180deg);
  margin: -0.972rem 0 0 -2.475rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-top-decoration {
    -webkit-mask-size: 203.953rem 33.594rem;
    mask-size: 203.953rem 33.594rem;
    -webkit-mask-position: 0.056rem 0.028rem;
    mask-position: 0.056rem 0.028rem;
    margin: -0.972rem 0 0 -21.366rem;
  }
}
.p-top .wrap-top-decoration__group {
  width: 247.609rem;
  position: relative;
  height: 75.716rem;
  overflow: visible;
  margin: -12.119rem 0 0 -10.573rem;
  display: flow-root;
}
.p-top .wrap-top-decoration__group--group.--001 {
  width: 142.183rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 75.763rem;
  overflow: visible;
}
.p-top .wrap-shape.--013 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--014 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--015 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 45.253rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--016 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-shape.--017 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-shape.--018 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 62.268rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-top-decoration__group--group.--002 {
  width: 142.183rem;
  position: absolute;
  top: 0;
  left: 105.467rem;
  height: 75.763rem;
  overflow: visible;
}
.p-top .wrap-shape.--019 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--020 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--021 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 45.253rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--022 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-shape.--023 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-shape.--024 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 62.268rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-bottom-decoration {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2067.10011961606125%2071.43584115476038%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-1704%22%20x1%3D%2249.99999999999999%25%22%20y1%3D%220%25%22%20x2%3D%2250.00000000000001%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2225.3%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%2067.10012%200%2067.10012%200%20C%2067.10012%200%2067.10012%2071.435841%2067.10012%2071.435841%20C%2067.10012%2071.435841%200%2071.435841%200%2071.435841%20C%200%2071.435841%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-1704)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2067.10011961606125%2071.43584115476038%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svg-fill-node-1704%22%20x1%3D%2249.99999999999999%25%22%20y1%3D%220%25%22%20x2%3D%2250.00000000000001%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%2225.3%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%220%22%20%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23242424%22%20stop-opacity%3D%221%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M%200%200%20C%200%200%2067.10012%200%2067.10012%200%20C%2067.10012%200%2067.10012%2071.435841%2067.10012%2071.435841%20C%2067.10012%2071.435841%200%2071.435841%200%2071.435841%20C%200%2071.435841%200%200%200%200%20Z%22%20fill%3D%22url(%23svg-fill-node-1704)%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 203.953rem 39.571rem;
  mask-size: 203.953rem 39.571rem;
  -webkit-mask-position: -0.031rem -0.081rem;
  mask-position: -0.031rem -0.081rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
  width: 203.923rem;
  opacity: 0.66;
  mix-blend-mode: multiply;
  position: absolute;
  top: 584.075rem;
  left: -5.761rem;
  height: 39.484rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-bottom-decoration {
    -webkit-mask-size: 136.853rem 26.552rem;
    mask-size: 136.853rem 26.552rem;
    -webkit-mask-position: -0.021rem -0.054rem;
    mask-position: -0.021rem -0.054rem;
    width: 136.833rem;
    top: 479.3rem;
    left: -46.459rem;
    height: 26.494rem;
  }
}
.p-top .wrap-bottom-decoration__group {
  width: 247.609rem;
  position: relative;
  height: 75.716rem;
  overflow: visible;
  margin: -13.711rem 0 0 -10.657rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-bottom-decoration__group {
    transform: scaleX(0.671001) scaleY(0.671001);
    margin: -21.655rem 0 0 -47.883rem;
  }
}
.p-top .wrap-bottom-decoration__group--group.--001 {
  width: 142.183rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 75.763rem;
  overflow: visible;
}
.p-top .wrap-shape.--025 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--026 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--027 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 45.253rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--028 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-shape.--029 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-shape.--030 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 62.268rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-bottom-decoration__group--group.--002 {
  width: 142.183rem;
  position: absolute;
  top: 0;
  left: 105.467rem;
  height: 75.763rem;
  overflow: visible;
}
.p-top .wrap-shape.--031 {
  width: 106.233rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: -19.799rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--032 {
  width: 123.721rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 6.729rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--033 {
  width: 117.2rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.163rem;
  left: 45.253rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotate(45deg);
}
.p-top .wrap-shape.--034 {
  width: 79.556rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: -5.907rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-shape.--035 {
  width: 85.484rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 26.413rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-shape.--036 {
  width: 84.298rem;
  mix-blend-mode: multiply;
  position: absolute;
  top: 27.787rem;
  left: 62.268rem;
  height: 21.438rem;
  border-radius: 65.62rem;
  transform: scaleX(0.738134) scaleY(0.738134) rotateX(180deg) rotate(45deg);
}
.p-top .wrap-group.--021 {
  width: 148.368rem;
  position: relative;
  height: auto;
  padding-top: 15.574rem;
  overflow: visible;
  margin: 10.422rem 0 0 19.905rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--021 {
    width: 34.012rem;
    padding-top: 1rem;
    overflow: hidden;
    margin: 1.001rem 0 0 1.912rem;
  }
}
.p-top .wrap-group__group.--010 {
  width: 100%;
  position: relative;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  padding: 0;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--010 {
    width: 34.011rem;
    height: auto;
    flex-direction: column-reverse;
    align-items: center;
    gap: 3rem;
  }
}
.p-top .wrap-group__group--group.--004 {
  width: fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4rem;
  grid-column: 1;
  grid-row: 2;
  padding: 0;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--004 {
    gap: 1rem;
  }
}
.p-top .wrap-frame.--005 {
  width: 26.559rem;
  position: relative;
  height: 26.559rem;
  grid-column: 1;
  grid-row: 1;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--005 {
    width: 10.617rem;
    height: 10.617rem;
  }
}
.p-top .wrap-frame__download-icon.--001 {
  width: 17.543rem;
  position: relative;
  height: 5.626rem;
  overflow: visible;
  margin: 10.478rem 0 0 4.449rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__download-icon.--001 {
    width: 7.013rem;
    height: 2.249rem;
    margin: 4.189rem 0 0 1.779rem;
  }
}
.p-top .wrap-frame.--006 {
  width: 26.559rem;
  opacity: 0.6;
  position: relative;
  height: 26.559rem;
  grid-column: 1;
  grid-row: 2;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--006 {
    width: 10.617rem;
    height: 10.617rem;
  }
}
.p-top .wrap-frame__layer.--001 {
  width: 15.472rem;
  position: relative;
  height: 9.846rem;
  overflow: visible;
  margin: 7.497rem 0 0 5.364rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__layer.--001 {
    width: 6.185rem;
    height: 3.936rem;
    margin: 2.997rem 0 0 2.144rem;
  }
}
.p-top .wrap-frame.--007 {
  width: 26.559rem;
  opacity: 0.6;
  position: relative;
  height: 26.559rem;
  grid-column: 2;
  grid-row: 2;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--007 {
    width: 10.617rem;
    height: 10.617rem;
  }
}
.p-top .wrap-frame__layer.--002 {
  width: 10.403rem;
  position: relative;
  height: 15.542rem;
  overflow: visible;
  margin: 5.597rem 0 0 8.02rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__layer.--002 {
    width: 4.159rem;
    height: 6.213rem;
    margin: 2.237rem 0 0 3.206rem;
  }
}
.p-top .wrap-frame.--008 {
  width: 26.559rem;
  opacity: 0.6;
  position: relative;
  height: 26.559rem;
  grid-column: 3;
  grid-row: 2;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--008 {
    width: 10.617rem;
    height: 10.617rem;
  }
}
.p-top .wrap-frame__Group {
  width: 20.627rem;
  position: relative;
  height: 6.157rem;
  overflow: visible;
  margin: 10.171rem 0 0 2.505rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__Group {
    width: 8.246rem;
    height: 2.461rem;
    margin: 4.066rem 0 0 1.001rem;
  }
}
.p-top .wrap-frame.--009 {
  width: 26.559rem;
  position: relative;
  height: 26.559rem;
  grid-column: 2;
  grid-row: 1;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--009 {
    width: 10.617rem;
    height: 10.617rem;
  }
}
.p-top .wrap-frame__asset {
  width: 21.66rem;
  position: relative;
  height: 21.66rem;
  overflow: visible;
  margin: 2.178rem 0 0 2.451rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset {
    width: 8.659rem;
    height: 8.659rem;
    margin: 0.871rem 0 0 0.98rem;
  }
}
.p-top .wrap-frame__asset--path-1 {
  width: 21.634rem;
  position: absolute;
  top: 0.013rem;
  left: 0.013rem;
  height: 21.634rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-1 {
    width: 8.648rem;
    top: 0.005rem;
    left: 0.005rem;
    height: 8.648rem;
  }
}
.p-top .wrap-frame__asset--path-2 {
  width: 21.634rem;
  position: absolute;
  top: 0.013rem;
  left: 0.013rem;
  height: 21.634rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-2 {
    width: 8.648rem;
    top: 0.005rem;
    left: 0.005rem;
    height: 8.648rem;
  }
}
.p-top .wrap-frame__asset--path-3 {
  width: 2.073rem;
  position: relative;
  height: 2.696rem;
  margin: 13.336rem 0 0 17.688rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-3 {
    width: 0.829rem;
    height: 1.078rem;
    margin: 5.331rem 0 0 7.071rem;
  }
}
.p-top .wrap-frame__asset--path-4 {
  width: 2.762rem;
  position: absolute;
  top: 13.292rem;
  left: 14.412rem;
  height: 2.785rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-4 {
    width: 1.104rem;
    top: 5.314rem;
    left: 5.762rem;
    height: 1.113rem;
  }
}
.p-top .wrap-frame__asset--path-5 {
  width: 2.663rem;
  position: absolute;
  top: 13.339rem;
  left: 11.266rem;
  height: 2.806rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-5 {
    width: 1.065rem;
    top: 5.332rem;
    left: 4.504rem;
    height: 1.122rem;
  }
}
.p-top .wrap-frame__asset--path-6 {
  width: 1.548rem;
  position: absolute;
  top: 13.336rem;
  left: 9.35rem;
  height: 2.698rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-6 {
    width: 0.619rem;
    top: 5.331rem;
    left: 3.738rem;
    height: 1.079rem;
  }
}
.p-top .wrap-frame__asset--path-7 {
  width: 1.579rem;
  position: absolute;
  top: 13.337rem;
  left: 7.375rem;
  height: 2.697rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-7 {
    width: 0.631rem;
    top: 5.332rem;
    left: 2.948rem;
    height: 1.078rem;
  }
}
.p-top .wrap-frame__asset--path-8 {
  width: 2.608rem;
  position: absolute;
  top: 13.209rem;
  left: 4.433rem;
  height: 2.821rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-8 {
    width: 1.043rem;
    top: 5.281rem;
    left: 1.772rem;
    height: 1.128rem;
  }
}
.p-top .wrap-frame__asset--path-9 {
  width: 2.239rem;
  position: absolute;
  top: 13.292rem;
  left: 1.936rem;
  height: 2.785rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-9 {
    width: 0.895rem;
    top: 5.314rem;
    left: 0.774rem;
    height: 1.113rem;
  }
}
.p-top .wrap-frame__asset--path-10 {
  width: 0.106rem;
  position: absolute;
  top: 17.026rem;
  left: 19.624rem;
  height: 0.104rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-10 {
    width: 0.042rem;
    top: 6.806rem;
    left: 7.845rem;
    height: 0.042rem;
  }
}
.p-top .wrap-frame__asset--path-11 {
  width: 0.401rem;
  position: relative;
  height: 0.386rem;
  margin: 0.704rem 0 0 19.122rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-11 {
    width: 0.16rem;
    height: 0.154rem;
    margin: 0.282rem 0 0 7.644rem;
  }
}
.p-top .wrap-frame__asset--path-12 {
  width: 0.364rem;
  position: absolute;
  top: 16.735rem;
  left: 18.741rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-12 {
    width: 0.146rem;
    top: 6.69rem;
    left: 7.492rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-13 {
  width: 0.401rem;
  position: absolute;
  top: 16.735rem;
  left: 18.269rem;
  height: 0.626rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-13 {
    width: 0.16rem;
    top: 6.69rem;
    left: 7.303rem;
    height: 0.25rem;
  }
}
.p-top .wrap-frame__asset--path-14 {
  width: 0.364rem;
  position: absolute;
  top: 16.735rem;
  left: 17.888rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-14 {
    width: 0.146rem;
    top: 6.69rem;
    left: 7.151rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-15 {
  width: 0.184rem;
  position: absolute;
  top: 16.511rem;
  left: 17.607rem;
  height: 0.855rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-15 {
    width: 0.074rem;
    top: 6.6rem;
    left: 7.039rem;
    height: 0.342rem;
  }
}
.p-top .wrap-frame__asset--path-16 {
  width: 0.322rem;
  position: absolute;
  top: 16.354rem;
  left: 17.164rem;
  height: 0.767rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-16 {
    width: 0.129rem;
    top: 6.538rem;
    left: 6.862rem;
    height: 0.306rem;
  }
}
.p-top .wrap-frame__asset--path-17 {
  width: 0.397rem;
  position: absolute;
  top: 16.735rem;
  left: 16.722rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-17 {
    width: 0.159rem;
    top: 6.69rem;
    left: 6.685rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-18 {
  width: 0.408rem;
  position: absolute;
  top: 16.354rem;
  left: 16.019rem;
  height: 0.778rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-18 {
    width: 0.163rem;
    top: 6.538rem;
    left: 6.404rem;
    height: 0.311rem;
  }
}
.p-top .wrap-frame__asset--path-19 {
  width: 0.425rem;
  position: absolute;
  top: 16.743rem;
  left: 15.542rem;
  height: 0.39rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-19 {
    width: 0.17rem;
    top: 6.693rem;
    left: 6.213rem;
    height: 0.156rem;
  }
}
.p-top .wrap-frame__asset--path-20 {
  width: 0.397rem;
  position: absolute;
  top: 16.735rem;
  left: 15.1rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-20 {
    width: 0.159rem;
    top: 6.69rem;
    left: 6.036rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-21 {
  width: 0.269rem;
  position: absolute;
  top: 16.735rem;
  left: 14.785rem;
  height: 0.385rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-21 {
    width: 0.108rem;
    top: 6.69rem;
    left: 5.911rem;
    height: 0.154rem;
  }
}
.p-top .wrap-frame__asset--path-22 {
  width: 0.401rem;
  position: absolute;
  top: 16.735rem;
  left: 14.326rem;
  height: 0.626rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-22 {
    width: 0.16rem;
    top: 6.69rem;
    left: 5.727rem;
    height: 0.25rem;
  }
}
.p-top .wrap-frame__asset--path-23 {
  width: 0.106rem;
  position: relative;
  height: 0.104rem;
  margin: -0.095rem 0 0 13.88rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-23 {
    width: 0.042rem;
    top: 6.806rem;
    left: 5.549rem;
    height: 0.042rem;
    position: absolute;
    margin: 0;
  }
}
.p-top .wrap-frame__asset--path-24 {
  width: 0.257rem;
  position: absolute;
  top: 16.735rem;
  left: 13.523rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-24 {
    width: 0.103rem;
    top: 6.69rem;
    left: 5.406rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-25 {
  width: 0.257rem;
  position: absolute;
  top: 16.735rem;
  left: 13.189rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-25 {
    width: 0.103rem;
    top: 6.69rem;
    left: 5.272rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-26 {
  width: 0.331rem;
  position: absolute;
  top: 16.735rem;
  left: 12.778rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-26 {
    width: 0.132rem;
    top: 6.69rem;
    left: 5.108rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-27 {
  width: 0.401rem;
  position: absolute;
  top: 16.735rem;
  left: 12.315rem;
  height: 0.386rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-27 {
    width: 0.16rem;
    top: 6.69rem;
    left: 4.923rem;
    height: 0.154rem;
  }
}
.p-top .wrap-frame__asset--path-28 {
  width: 0.153rem;
  position: absolute;
  top: 16.511rem;
  left: 12.104rem;
  height: 0.61rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-28 {
    width: 0.061rem;
    top: 6.6rem;
    left: 4.839rem;
    height: 0.244rem;
  }
}
.p-top .wrap-frame__asset--path-29 {
  width: 0.257rem;
  position: absolute;
  top: 16.735rem;
  left: 11.79rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-29 {
    width: 0.103rem;
    top: 6.69rem;
    left: 4.713rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-30 {
  width: 0.425rem;
  position: absolute;
  top: 16.743rem;
  left: 11.297rem;
  height: 0.39rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-30 {
    width: 0.17rem;
    top: 6.693rem;
    left: 4.516rem;
    height: 0.156rem;
  }
}
.p-top .wrap-frame__asset--path-31 {
  width: 0.408rem;
  position: absolute;
  top: 16.354rem;
  left: 10.845rem;
  height: 0.778rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-31 {
    width: 0.163rem;
    top: 6.538rem;
    left: 4.335rem;
    height: 0.311rem;
  }
}
.p-top .wrap-frame__asset--path-32 {
  width: 0.331rem;
  position: absolute;
  top: 16.735rem;
  left: 10.217rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-32 {
    width: 0.132rem;
    top: 6.69rem;
    left: 4.085rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-33 {
  width: 0.159rem;
  position: absolute;
  top: 16.354rem;
  left: 9.996rem;
  height: 0.767rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-33 {
    width: 0.064rem;
    top: 6.538rem;
    left: 3.996rem;
    height: 0.306rem;
  }
}
.p-top .wrap-frame__asset--path-34 {
  width: 0.364rem;
  position: absolute;
  top: 16.735rem;
  left: 9.621rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-34 {
    width: 0.146rem;
    top: 6.69rem;
    left: 3.846rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-35 {
  width: 0.339rem;
  position: absolute;
  top: 16.735rem;
  left: 9.22rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-35 {
    width: 0.136rem;
    top: 6.69rem;
    left: 3.686rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-36 {
  width: 0.257rem;
  position: absolute;
  top: 16.735rem;
  left: 8.901rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-36 {
    width: 0.103rem;
    top: 6.69rem;
    left: 3.558rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-37 {
  width: 0.106rem;
  position: absolute;
  top: 17.026rem;
  left: 8.435rem;
  height: 0.104rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-37 {
    width: 0.042rem;
    top: 6.806rem;
    left: 3.372rem;
    height: 0.042rem;
  }
}
.p-top .wrap-frame__asset--path-38 {
  width: 0.265rem;
  position: absolute;
  top: 16.644rem;
  left: 8.086rem;
  height: 0.488rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-38 {
    width: 0.106rem;
    top: 6.654rem;
    left: 3.233rem;
    height: 0.195rem;
  }
}
.p-top .wrap-frame__asset--path-39 {
  width: 0.269rem;
  position: absolute;
  top: 16.735rem;
  left: 7.788rem;
  height: 0.385rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-39 {
    width: 0.108rem;
    top: 6.69rem;
    left: 3.113rem;
    height: 0.154rem;
  }
}
.p-top .wrap-frame__asset--path-40 {
  width: 0.364rem;
  position: absolute;
  top: 16.735rem;
  left: 7.407rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-40 {
    width: 0.146rem;
    top: 6.69rem;
    left: 2.961rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-41 {
  width: 0.331rem;
  position: absolute;
  top: 16.735rem;
  left: 7.005rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-41 {
    width: 0.132rem;
    top: 6.69rem;
    left: 2.8rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-42 {
  width: 0.408rem;
  position: absolute;
  top: 16.354rem;
  left: 6.535rem;
  height: 0.767rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-42 {
    width: 0.163rem;
    top: 6.538rem;
    left: 2.613rem;
    height: 0.306rem;
  }
}
.p-top .wrap-frame__asset--path-43 {
  width: 0.269rem;
  position: absolute;
  top: 16.735rem;
  left: 5.987rem;
  height: 0.385rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-43 {
    width: 0.108rem;
    top: 6.69rem;
    left: 2.393rem;
    height: 0.154rem;
  }
}
.p-top .wrap-frame__asset--path-44 {
  width: 0.425rem;
  position: absolute;
  top: 16.743rem;
  left: 5.514rem;
  height: 0.39rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-44 {
    width: 0.17rem;
    top: 6.693rem;
    left: 2.204rem;
    height: 0.156rem;
  }
}
.p-top .wrap-frame__asset--path-45 {
  width: 0.397rem;
  position: absolute;
  top: 16.735rem;
  left: 5.073rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-45 {
    width: 0.159rem;
    top: 6.69rem;
    left: 2.028rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-46 {
  width: 0.405rem;
  position: absolute;
  top: 16.743rem;
  left: 4.644rem;
  height: 0.617rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-46 {
    width: 0.162rem;
    top: 6.693rem;
    left: 1.856rem;
    height: 0.247rem;
  }
}
.p-top .wrap-frame__asset--path-47 {
  width: 0.269rem;
  position: absolute;
  top: 16.735rem;
  left: 4.12rem;
  height: 0.385rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-47 {
    width: 0.108rem;
    top: 6.69rem;
    left: 1.647rem;
    height: 0.154rem;
  }
}
.p-top .wrap-frame__asset--path-48 {
  width: 0.331rem;
  position: absolute;
  top: 16.735rem;
  left: 3.731rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-48 {
    width: 0.132rem;
    top: 6.69rem;
    left: 1.491rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-49 {
  width: 0.265rem;
  position: absolute;
  top: 16.644rem;
  left: 3.42rem;
  height: 0.488rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-49 {
    width: 0.106rem;
    top: 6.654rem;
    left: 1.367rem;
    height: 0.195rem;
  }
}
.p-top .wrap-frame__asset--path-50 {
  width: 0.401rem;
  position: absolute;
  top: 16.735rem;
  left: 2.974rem;
  height: 0.386rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-50 {
    width: 0.16rem;
    top: 6.69rem;
    left: 1.189rem;
    height: 0.154rem;
  }
}
.p-top .wrap-frame__asset--path-51 {
  width: 0.331rem;
  position: absolute;
  top: 16.735rem;
  left: 2.584rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-51 {
    width: 0.132rem;
    top: 6.69rem;
    left: 1.033rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--path-52 {
  width: 0.339rem;
  position: absolute;
  top: 16.735rem;
  left: 2.191rem;
  height: 0.397rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--path-52 {
    width: 0.136rem;
    top: 6.69rem;
    left: 0.876rem;
    height: 0.159rem;
  }
}
.p-top .wrap-frame__asset--preserved-filter-2 {
  width: 21.659rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 21.659rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__asset--preserved-filter-2 {
    width: 8.659rem;
    top: 0;
    left: 0;
    height: 8.659rem;
  }
}
.p-top .wrap-frame.--010 {
  width: 26.559rem;
  position: relative;
  height: 26.559rem;
  grid-column: 3;
  grid-row: 1;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--010 {
    width: 10.617rem;
    height: 10.617rem;
  }
}
.p-top .wrap-frame__download-icon.--002 {
  width: 18.461rem;
  position: relative;
  height: 4.708rem;
  overflow: visible;
  margin: 10.932rem 0 0 3.859rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__download-icon.--002 {
    width: 7.38rem;
    height: 1.882rem;
    margin: 4.37rem 0 0 1.543rem;
  }
}
.p-top .wrap-frame__download-icon--path-1.--002 {
  width: 17.964rem;
  position: relative;
  height: 2.187rem;
  margin: 0.269rem 0 0 0.254rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__download-icon--path-1.--002 {
    width: 7.182rem;
    height: 0.874rem;
    margin: 0.108rem 0 0 0.102rem;
  }
}
.p-top .wrap-frame__download-icon--path-2.--002 {
  width: 10.16rem;
  position: relative;
  height: 1.4rem;
  margin: 0.463rem 0 0 0.332rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__download-icon--path-2.--002 {
    width: 4.061rem;
    height: 0.56rem;
    margin: 0.186rem 0 0 0.133rem;
  }
}
.p-top .wrap-frame__download-icon--group {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.557498712766215%201.7777000620217251%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cpath%20d%3D%22M%2022.670069%200%20C%2022.670069%200%200.88743%200%200.88743%200%20C%200.397125%200%200%200.397946%200%200.88885%20C%200%200.88885%200%200.88885%200%200.88885%20C%200%201.379754%200.397125%201.7777%200.88743%201.7777%20C%200.88743%201.7777%2022.670069%201.7777%2022.670069%201.7777%20C%2023.160152%201.7777%2023.557499%201.379754%2023.557499%200.88885%20C%2023.557499%200.397946%2023.160152%200%2022.670069%200%20C%2022.670069%200%2022.670069%200%2022.670069%200%20Z%22%20fill%3D%22white%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.557498712766215%201.7777000620217251%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20preserveAspectRatio%3D%22none%22%20style%3D%22overflow%3Avisible%22%3E%3Cpath%20d%3D%22M%2022.670069%200%20C%2022.670069%200%200.88743%200%200.88743%200%20C%200.397125%200%200%200.397946%200%200.88885%20C%200%200.88885%200%200.88885%200%200.88885%20C%200%201.379754%200.397125%201.7777%200.88743%201.7777%20C%200.88743%201.7777%2022.670069%201.7777%2022.670069%201.7777%20C%2023.160152%201.7777%2023.557499%201.379754%2023.557499%200.88885%20C%2023.557499%200.397946%2023.160152%200%2022.670069%200%20C%2022.670069%200%2022.670069%200%2022.670069%200%20Z%22%20fill%3D%22white%22%20fill-opacity%3D%221%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22none%22%20stroke-opacity%3D%221%22%20stroke-width%3D%220%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22miter%22%20stroke-miterlimit%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 6.578rem 0.496rem;
  mask-size: 6.578rem 0.496rem;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-mode: alpha;
  width: 6.578rem;
  position: absolute;
  top: 3.565rem;
  left: 11.534rem;
  height: 0.496rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__download-icon--group {
    -webkit-mask-size: 2.63rem 0.198rem;
    mask-size: 2.63rem 0.198rem;
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    width: 2.63rem;
    top: 1.425rem;
    left: 4.611rem;
    height: 0.198rem;
  }
}
.p-top .wrap-path-3.--003 {
  width: 6.578rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 0.496rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-3.--003 {
    width: 2.63rem;
    top: 0;
    left: 0;
    height: 0.198rem;
  }
}
.p-top .wrap-path-4.--003 {
  width: 4.712rem;
  position: absolute;
  top: -3.904rem;
  left: -1.133rem;
  height: 5.916rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-4.--003 {
    width: 1.884rem;
    top: -1.561rem;
    left: -0.453rem;
    height: 2.365rem;
  }
}
.p-top .wrap-path-5.--003 {
  width: 4.712rem;
  position: absolute;
  top: -3.422rem;
  left: -0.491rem;
  height: 5.916rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-5.--003 {
    width: 1.884rem;
    top: -1.368rem;
    left: -0.196rem;
    height: 2.365rem;
  }
}
.p-top .wrap-path-6.--003 {
  width: 4.713rem;
  position: absolute;
  top: -2.939rem;
  left: 0.151rem;
  height: 5.916rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-6.--003 {
    width: 1.884rem;
    top: -1.175rem;
    left: 0.061rem;
    height: 2.365rem;
  }
}
.p-top .wrap-path-7.--003 {
  width: 4.712rem;
  position: absolute;
  top: -2.456rem;
  left: 0.794rem;
  height: 5.916rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-7.--003 {
    width: 1.884rem;
    top: -0.982rem;
    left: 0.317rem;
    height: 2.365rem;
  }
}
.p-top .wrap-path-8.--003 {
  width: 4.712rem;
  position: absolute;
  top: -1.973rem;
  left: 1.436rem;
  height: 5.916rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-8.--003 {
    width: 1.884rem;
    top: -0.789rem;
    left: 0.574rem;
    height: 2.365rem;
  }
}
.p-top .wrap-path-9.--003 {
  width: 4.712rem;
  position: absolute;
  top: -1.491rem;
  left: 2.079rem;
  height: 5.916rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-9.--003 {
    width: 1.884rem;
    top: -0.596rem;
    left: 0.831rem;
    height: 2.365rem;
  }
}
.p-top .wrap-path-10.--003 {
  width: 4.712rem;
  position: absolute;
  top: -1.008rem;
  left: 2.721rem;
  height: 5.916rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-path-10.--003 {
    width: 1.884rem;
    top: -0.403rem;
    left: 1.088rem;
    height: 2.365rem;
  }
}
.p-top .wrap-frame.--011 {
  width: 26.559rem;
  opacity: 0.2;
  position: relative;
  height: 26.559rem;
  grid-column: 1;
  grid-row: 3;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--011 {
    width: 10.617rem;
    height: 10.617rem;
  }
}
.p-top .wrap-frame__svg {
  width: 20.043rem;
  position: relative;
  height: 13.362rem;
  margin: 6.598rem 0 0 3.09rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__svg {
    width: 8.013rem;
    height: 5.342rem;
    margin: 2.638rem 0 0 1.235rem;
  }
}
.p-top .wrap-frame.--012 {
  width: 26.559rem;
  opacity: 0.2;
  position: relative;
  height: 26.559rem;
  grid-column: 2;
  grid-row: 3;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--012 {
    width: 10.617rem;
    height: 10.617rem;
  }
}
.p-top .wrap-frame__img.--001 {
  width: 26.558rem;
  position: relative;
  height: 26.558rem;
  object-fit: contain;
  margin: 0.01rem 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__img.--001 {
    width: 10.617rem;
    height: 10.617rem;
    margin: 0.004rem 0 0 0;
  }
}
.p-top .wrap-frame.--013 {
  width: 26.559rem;
  opacity: 0.2;
  position: relative;
  height: 26.559rem;
  grid-column: 3;
  grid-row: 3;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--013 {
    width: 10.617rem;
    height: 10.617rem;
  }
}
.p-top .wrap-frame__img.--002 {
  width: 15.369rem;
  position: relative;
  height: 15.789rem;
  object-fit: contain;
  margin: 5.642rem 0 0 5.404rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__img.--002 {
    width: 6.144rem;
    height: 6.312rem;
    margin: 2.256rem 0 0 2.16rem;
  }
}
.p-top .wrap-group__group--group.--005 {
  width: fit-content;
  z-index: 2;
  position: sticky;
  top: 12rem;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  align-self: flex-start;
  grid-column: 2;
  grid-row: 1;
  padding: 0;
  text-align: center;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--005 {
    width: 34.011rem;
    position: relative;
    top: 12rem;
    height: 16.098rem;
    gap: 0.5rem;
    align-self: center;
  }
}
.p-top .wrap-text-57.--011 {
  width: auto;
  color: #ffffff;
  height: auto;
  border-radius: 0.5rem;
  font-size: 9.811rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57.--011 {
    font-size: 6rem;
  }
}
.p-top .wrap-text-57.--012 {
  width: auto;
  color: #ffffff;
  height: auto;
  font-size: 1.811rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-family: "Afacad", sans-serif;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57.--012 {
    font-size: 1rem;
    text-align: left;
    white-space: normal;
  }
}
.p-top .wrap-text-57__br.--009 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57__br.--009 {
    display: none;
  }
}
.p-top .wrap-text-57__br.--010 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57__br.--010 {
    display: none;
  }
}
.p-top .wrap-text-57__br.--011 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-57__br.--011 {
    display: none;
  }
}
.p-top .wrap-group.--022 {
  width: 192.564rem;
  position: relative;
  height: 69.061rem;
  overflow: hidden;
  margin: 0.494rem 0 0 -0.012rem;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--022 {
    margin: 23.579rem 0 0 0.008rem;
    display: flow-root;
  }
}
.p-top .wrap-group__group.--011 {
  width: fit-content;
  position: relative;
  height: fit-content;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 2rem;
  padding: 0;
  overflow: visible;
  margin: 29.307rem 0 0 24.61rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--011 {
    width: 34.151rem;
    height: 15.798rem;
    margin: 1.256rem 0 0 1.895rem;
  }
}
.p-top .wrap-group__group--text-57.--005 {
  width: auto;
  color: #ffffff;
  height: auto;
  border-radius: 0.5rem;
  font-size: 9.811rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-57.--005 {
    font-size: 6rem;
  }
}
.p-top .wrap-group__group--text-57.--006 {
  width: auto;
  color: #ffffff;
  height: auto;
  font-size: 1.811rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-family: "Afacad", sans-serif;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-57.--006 {
    font-size: 1rem;
    text-align: left;
    white-space: normal;
  }
}
.p-top .wrap-br.--007 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--007 {
    display: none;
  }
}
.p-top .wrap-br.--008 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--008 {
    display: none;
  }
}
.p-top .wrap-group__group.--012 {
  width: fit-content;
  position: relative;
  height: fit-content;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
  padding: 0;
  overflow: visible;
  margin: 19.978rem 0 0 19.445rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--012 {
    width: 162.933rem;
    height: 39.459rem;
    margin: 5.033rem 0 0 8.073rem;
  }
}
.p-top .wrap-group__group--frame.--005 {
  width: 27.548rem;
  position: relative;
  height: 49.024rem;
  border-radius: 1rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: #eef0f3;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--005 {
    width: 22.174rem;
    height: 39.46rem;
  }
}
.p-top .wrap-img.--001 {
  width: 28.132rem;
  position: absolute;
  top: -0.382rem;
  left: -0.398rem;
  height: 49.405rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--001 {
    width: 22.644rem;
    top: -0.307rem;
    left: -0.32rem;
    height: 39.767rem;
  }
}
.p-top .wrap-group__group--frame.--006 {
  width: 27.548rem;
  opacity: 0.6;
  position: relative;
  height: 49.024rem;
  border-radius: 1rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: #eef0f3;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--006 {
    width: 22.174rem;
    height: 39.46rem;
  }
}
.p-top .wrap-img.--002 {
  width: 28.396rem;
  position: absolute;
  top: -0.285rem;
  left: -0.277rem;
  height: 49.869rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--002 {
    width: 22.856rem;
    top: -0.229rem;
    left: -0.223rem;
    height: 40.14rem;
  }
}
.p-top .wrap-group__group--frame.--007 {
  width: 27.548rem;
  opacity: 0.2;
  position: relative;
  height: 49.024rem;
  border-radius: 1rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: #eef0f3;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--007 {
    width: 22.174rem;
    height: 39.46rem;
  }
}
.p-top .wrap-img.--003 {
  width: 28.427rem;
  position: absolute;
  top: -0.382rem;
  left: -0.336rem;
  height: 49.923rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--003 {
    width: 22.881rem;
    top: -0.307rem;
    left: -0.27rem;
    height: 40.183rem;
  }
}
.p-top .wrap-group__group--frame.--008 {
  width: 27.548rem;
  opacity: 0.2;
  position: relative;
  height: 49.024rem;
  border-radius: 1rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: #eef0f3;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--008 {
    width: 22.174rem;
    height: 39.46rem;
  }
}
.p-top .wrap-img.--004 {
  width: 28.427rem;
  position: absolute;
  top: -0.382rem;
  left: -0.336rem;
  height: 49.923rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--004 {
    width: 22.881rem;
    top: -0.307rem;
    left: -0.27rem;
    height: 40.183rem;
  }
}
.p-top .wrap-group__group--frame.--009 {
  width: 27.548rem;
  opacity: 0.2;
  position: relative;
  height: 49.024rem;
  border-radius: 1rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: #eef0f3;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--009 {
    width: 22.174rem;
    height: 39.46rem;
  }
}
.p-top .wrap-img.--005 {
  width: 28.132rem;
  position: absolute;
  top: -0.382rem;
  left: -0.398rem;
  height: 49.405rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--005 {
    width: 22.644rem;
    top: -0.307rem;
    left: -0.32rem;
    height: 39.767rem;
  }
}
.p-top .wrap-group__group--frame.--010 {
  width: 27.548rem;
  opacity: 0.2;
  position: relative;
  height: 49.024rem;
  border-radius: 1rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: #eef0f3;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--010 {
    width: 22.174rem;
    height: 39.46rem;
  }
}
.p-top .wrap-img.--006 {
  width: 28.427rem;
  position: absolute;
  top: -0.382rem;
  left: -0.336rem;
  height: 49.923rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--006 {
    width: 22.881rem;
    top: -0.307rem;
    left: -0.27rem;
    height: 40.183rem;
  }
}
.p-top .wrap-group__group--frame.--011 {
  width: 27.548rem;
  opacity: 0.2;
  position: relative;
  height: 49.024rem;
  border-radius: 1rem;
  border: 1px solid #ffffff;
  overflow: hidden;
  background-color: #eef0f3;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--011 {
    width: 22.174rem;
    height: 39.46rem;
  }
}
.p-top .wrap-img.--007 {
  width: 28.427rem;
  position: absolute;
  top: -0.382rem;
  left: -0.336rem;
  height: 49.923rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--007 {
    width: 22.881rem;
    top: -0.307rem;
    left: -0.27rem;
    height: 40.183rem;
  }
}
.p-top .wrap-group.--023 {
  width: 192.194rem;
  position: absolute;
  top: 212.668rem;
  left: -0.198rem;
  height: 81.244rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--023 {
    width: 45.513rem;
    top: auto;
    left: auto;
    height: 66.635rem;
    position: relative;
    margin: 8.433rem 0 0 -4.24rem;
  }
}
.p-top .wrap-group__group.--013 {
  width: fit-content;
  position: relative;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  padding: 0;
  overflow: visible;
  margin: 15.516rem 0 0 65.441rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--013 {
    width: 31.891rem;
    height: 16.759rem;
    margin: 9.031rem 0 0 7.297rem;
  }
}
.p-top .wrap-group__group--text-57.--007 {
  width: auto;
  color: #ffffff;
  height: auto;
  border-radius: 0.5rem;
  font-size: 9.811rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-57.--007 {
    font-size: 5.579rem;
    line-height: 1;
  }
}
.p-top .wrap-br.--009 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--009 {
    display: block;
  }
}
.p-top .wrap-group__group--text-57.--008 {
  width: auto;
  color: #ffffff;
  height: auto;
  font-size: 1.811rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-family: "Afacad", sans-serif;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-57.--008 {
    font-size: 1rem;
  }
}
.p-top .wrap-br.--010 {
  display: block;
}
.p-top .wrap-group__group.--014 {
  width: 339.336rem;
  position: relative;
  height: 35.383rem;
  overflow: visible;
  margin: 8.092rem 0 0 -91.87rem;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--014 {
    width: 305.475rem;
    height: 31.852rem;
    margin: 3.463rem 0 0 -146.194rem;
  }
}
.p-top .wrap-group__group--img.--002 {
  width: 62.13rem;
  position: relative;
  height: 34.9rem;
  border-radius: 0.5rem;
  object-fit: contain;
  margin: 0.097rem 0 0 0;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--img.--002 {
    width: 55.93rem;
    height: 31.417rem;
    margin: 0.087rem 0 0 0;
    flex-shrink: 0;
  }
}
.p-top .wrap-group__group--frame.--012 {
  width: 38.306rem;
  position: relative;
  height: 35.022rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #eef0f3;
  background-image: url("../img/common/bg-paper-texture.webp");
  background-size: 10rem;
  margin: 0.06rem 0 0 1.16rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--012 {
    width: 34.483rem;
    height: 31.527rem;
    margin: 0.054rem 0 0 1.045rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-group.--024 {
  width: 34.256rem;
  position: relative;
  height: 27.245rem;
  overflow: visible;
  margin: 4.043rem 0 0 1.729rem;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--024 {
    width: 30.838rem;
    height: 24.527rem;
    margin: 3.639rem 0 0 1.556rem;
  }
}
.p-top .wrap-group__img.--002 {
  width: 17.028rem;
  position: relative;
  height: 27.245rem;
  object-fit: contain;
  margin: 0 0 0 0;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__img.--002 {
    width: 15.329rem;
    height: 24.526rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-group__img.--003 {
  width: 16.906rem;
  position: relative;
  height: 27.062rem;
  object-fit: contain;
  margin: 0.173rem 0 0 0.327rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__img.--003 {
    width: 15.219rem;
    height: 24.362rem;
    margin: 0.156rem 0 0 0.294rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-group__group--frame.--013 {
  width: 38.208rem;
  position: relative;
  height: 34.933rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #eef0f3;
  background-image: url("../img/common/bg-paper-texture.webp");
  background-size: 10rem;
  margin: 0.06rem 0 0 1.283rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--013 {
    width: 34.395rem;
    height: 31.447rem;
    margin: 0.054rem 0 0 1.154rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-group.--025 {
  width: 34.209rem;
  position: relative;
  height: 27.359rem;
  overflow: visible;
  margin: 3.79rem 0 0 1.994rem;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--025 {
    width: 30.795rem;
    height: 24.629rem;
    margin: 3.412rem 0 0 1.795rem;
  }
}
.p-top .wrap-group__img.--004 {
  width: 17.076rem;
  position: relative;
  height: 27.357rem;
  object-fit: contain;
  margin: 0 0 0 0;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__img.--004 {
    width: 15.372rem;
    height: 24.627rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-group__img.--005 {
  width: 16.939rem;
  position: relative;
  height: 27.115rem;
  object-fit: contain;
  margin: 0.239rem 0 0 0.204rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__img.--005 {
    width: 15.249rem;
    height: 24.409rem;
    margin: 0.215rem 0 0 0.183rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-group__group--frame.--014 {
  width: 31.407rem;
  position: relative;
  height: 35.181rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #eef0f3;
  margin: 0.029rem 0 0 1.458rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--frame.--014 {
    width: 28.273rem;
    height: 31.671rem;
    margin: 0.026rem 0 0 1.314rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-img.--008 {
  width: 44.154rem;
  position: relative;
  height: 41.422rem;
  object-fit: contain;
  margin: -2.809rem 0 0 -6.742rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--008 {
    width: 39.748rem;
    height: 37.289rem;
    margin: -2.528rem 0 0 -6.07rem;
  }
}
.p-top .wrap-group__group--group.--006 {
  width: 24.818rem;
  position: relative;
  height: 35.216rem;
  border-radius: 0.5rem;
  overflow: hidden;
  margin: 0.14rem 0 0 1.584rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--006 {
    width: 22.341rem;
    height: 31.702rem;
    margin: 0.126rem 0 0 1.426rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-img.--009 {
  width: 25.054rem;
  position: relative;
  height: 35.51rem;
  object-fit: contain;
  margin: 0 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--009 {
    width: 22.554rem;
    height: 31.967rem;
  }
}
.p-top .wrap-group__group--group.--007 {
  width: 25.365rem;
  position: relative;
  height: 35.385rem;
  border-radius: 0.5rem;
  overflow: hidden;
  margin: 0 0 0 28.37rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--007 {
    width: 22.834rem;
    height: 31.854rem;
    margin: 0 0 0 25.539rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-img.--010 {
  width: 25.606rem;
  position: relative;
  height: 35.607rem;
  object-fit: contain;
  margin: -0.1rem 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--010 {
    width: 23.051rem;
    height: 32.054rem;
    margin: -0.09rem 0 0 0;
  }
}
.p-top .wrap-group__group--group.--008 {
  width: 25.092rem;
  position: relative;
  height: 35.361rem;
  border-radius: 0.5rem;
  border: 1px solid #c8c8c8;
  overflow: hidden;
  margin: 0.022rem 0 0 1.35rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--008 {
    width: 22.588rem;
    height: 31.833rem;
    margin: 0.02rem 0 0 1.215rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-img.--011 {
  width: 25.284rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 35.659rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--011 {
    width: 22.761rem;
    top: 0;
    left: 0;
    height: 32.1rem;
  }
}
.p-top .wrap-group__group--group.--009 {
  width: 24.909rem;
  position: absolute;
  top: 0.017rem;
  left: 202.081rem;
  height: 35.34rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--009 {
    width: 22.423rem;
    top: 0.015rem;
    left: 181.916rem;
    height: 31.814rem;
  }
}
.p-top .wrap-img.--012 {
  width: 25.317rem;
  position: relative;
  height: 35.699rem;
  object-fit: contain;
  margin: 0 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--012 {
    width: 22.791rem;
    height: 32.137rem;
  }
}
.p-top .wrap-group__group--group.--010 {
  width: 57.139rem;
  position: relative;
  height: 35.356rem;
  border-radius: 0.5rem;
  overflow: hidden;
  margin: 0.027rem 0 0 1.672rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--010 {
    width: 51.437rem;
    height: 31.828rem;
    margin: 0.024rem 0 0 1.505rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-img.--013 {
  width: 57.168rem;
  position: relative;
  height: 35.354rem;
  border-radius: 1rem;
  object-fit: contain;
  margin: 0 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--013 {
    width: 51.464rem;
    height: 31.826rem;
  }
}
.p-top .wrap-group.--026 {
  width: 189.332rem;
  position: relative;
  height: 166.702rem;
  overflow: visible;
  margin: 80.586rem 0 0 -0.012rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--026 {
    width: 33.849rem;
    height: 82.626rem;
    overflow: hidden;
    margin: 10.222rem 0 0 1.969rem;
  }
}
.p-top .wrap-group__group.--015 {
  width: 76.026rem;
  position: absolute;
  top: 25.333rem;
  left: 96.006rem;
  height: 140.82rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--015 {
    width: 33.96rem;
    top: auto;
    left: auto;
    height: 62.904rem;
    position: relative;
    margin: 19.754rem 0 0 -0.097rem;
    display: flow-root;
  }
}
.p-top .wrap-group__group--group.--011 {
  width: 75.997rem;
  position: relative;
  height: 56.603rem;
  overflow: visible;
  margin: 0 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--011 {
    width: 33.947rem;
    height: 25.284rem;
  }
}
.p-top .wrap-group.--027 {
  width: 75.999rem;
  position: relative;
  height: 56.605rem;
  overflow: visible;
  margin: 0 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--027 {
    width: 33.948rem;
    height: 25.285rem;
  }
}
.p-top .wrap-group__img.--006 {
  width: 17.843rem;
  position: relative;
  height: 17.843rem;
  border-radius: 0.5rem;
  object-fit: contain;
  margin: 0 0 0 58.077rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__img.--006 {
    width: 7.97rem;
    height: 7.97rem;
    margin: 0 0 0 25.943rem;
  }
}
.p-top .wrap-group__img.--007 {
  width: 56.608rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 56.608rem;
  border-radius: 0.5rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__img.--007 {
    width: 25.287rem;
    top: 0;
    left: 0;
    height: 25.287rem;
  }
}
.p-top .wrap-group__img.--008 {
  width: 17.81rem;
  position: relative;
  height: 17.81rem;
  border-radius: 0.5rem;
  object-fit: contain;
  margin: 20.915rem 0 0 58.059rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__img.--008 {
    width: 7.955rem;
    height: 7.955rem;
    margin: 9.344rem 0 0 25.935rem;
  }
}
.p-top .wrap-group__img.--009 {
  width: 17.79rem;
  position: absolute;
  top: 19.342rem;
  left: 58.08rem;
  height: 17.79rem;
  border-radius: 0.5rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__img.--009 {
    width: 7.947rem;
    top: 8.64rem;
    left: 25.944rem;
    height: 7.947rem;
  }
}
.p-top .wrap-group__group--group.--012 {
  width: 75.716rem;
  position: relative;
  height: 79.234rem;
  overflow: visible;
  margin: 4.94rem 0 0 0.152rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--012 {
    width: 33.822rem;
    height: 35.393rem;
    margin: 2.208rem 0 0 0.068rem;
  }
}
.p-top .wrap-group.--028 {
  width: 75.717rem;
  position: relative;
  height: 79.235rem;
  overflow: visible;
  margin: 0 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--028 {
    width: 33.823rem;
    height: 35.394rem;
  }
}
.p-top .wrap-group__frame.--008 {
  width: 75.722rem;
  position: relative;
  height: 42.17rem;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #eef0f3;
  margin: 0 0 0 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame.--008 {
    width: 33.825rem;
    height: 18.837rem;
  }
}
.p-top .wrap-group__frame--img {
  width: 83.55rem;
  position: relative;
  height: 55.694rem;
  object-fit: contain;
  margin: -4.038rem 0 0 -3.986rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame--img {
    width: 37.321rem;
    height: 24.878rem;
    margin: -1.804rem 0 0 -1.781rem;
  }
}
.p-top .wrap-group__img.--010 {
  width: 36.71rem;
  position: relative;
  height: 35.63rem;
  border-radius: 0.5rem;
  object-fit: contain;
  margin: 2.054rem 0 0 0.001rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__img.--010 {
    width: 16.398rem;
    height: 15.916rem;
    margin: 0.918rem 0 0 0;
  }
}
.p-top .wrap-group__img.--011 {
  width: 36.732rem;
  position: absolute;
  top: 44.223rem;
  left: 38.923rem;
  height: 35.63rem;
  border-radius: 0.5rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__img.--011 {
    width: 16.408rem;
    top: 19.754rem;
    left: 17.387rem;
    height: 15.916rem;
  }
}
.p-top .wrap-group__group.--016 {
  width: 64.536rem;
  z-index: 2;
  position: sticky;
  top: 12rem;
  height: 25.548rem;
  margin-top: 40.796rem;
  margin-left: 25.58rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--016 {
    width: 36.411rem;
    position: absolute;
    top: 1.577rem;
    left: -0.72rem;
    height: 15.588rem;
  }
}
.p-top .wrap-group__group--text-57.--009 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  border-radius: 0.5rem;
  font-size: 9.811rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  margin: 0 0 0 11.042rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-57.--009 {
    font-size: 5.698rem;
    margin: 0 0 0 4.906rem;
  }
}
.p-top .wrap-group__group--text-57.--010 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  font-size: 1.811rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-family: "Afacad", sans-serif;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
  margin: 2.03rem 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-57.--010 {
    font-size: 1.021rem;
    margin: 2.097rem 0 0 0;
  }
}
.p-top .wrap-br.--011 {
  display: block;
}
.p-top .wrap-br.--012 {
  display: block;
}
.p-top .wrap-group.--029 {
  width: 100.398rem;
  position: absolute;
  top: 19.488rem;
  left: 13.135rem;
  height: 19.701rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--029 {
    width: 31.335rem;
    top: 6.525rem;
    left: 1.586rem;
    height: 17.315rem;
  }
}
.p-top .wrap-group__group.--017 {
  width: 50.659rem;
  position: absolute;
  top: -0.007rem;
  left: 0.025rem;
  height: 14.879rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--017 {
    width: 29.281rem;
    position: absolute;
    top: 0;
    left: 0;
    height: 8.683rem;
  }
}
.p-top .wrap-group__group--text-57.--011 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 6.968rem;
  height: auto;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 6.806rem;
  letter-spacing: 0.07em;
  font-family: Afacad, sans-serif;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-57.--011 {
    top: 0;
    left: 3.612rem;
    font-size: 3.999rem;
  }
}
.p-top .wrap-group__group--text-64.--009 {
  width: auto;
  color: #F5F5F5;
  position: absolute;
  top: 6.661rem;
  left: -4.967rem;
  height: auto;
  font-size: 2.4rem;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: bold;
  white-space: nowrap;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-64.--009 {
    top: 3.258rem;
    left: -5.591rem;
    transform: scaleX(0.587633) scaleY(0.587633) rotate(90deg);
  }
}
.p-top .wrap-group__text-57.--013 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 13.178rem;
  left: 7.081rem;
  height: auto;
  font-size: 1.811rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-family: "Afacad", sans-serif;
  font-weight: 300;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--013 {
    width: 27.654rem;
    position: absolute;
    top: 7.236rem;
    left: 3.682rem;
    font-size: 1.4rem;
    white-space: normal;
  }
}
.p-top .wrap-group__text-57--br.--003 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57--br.--003 {
    display: none;
  }
}
.p-top .wrap-group__text-57--br.--004 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57--br.--004 {
    display: none;
  }
}
.p-top .wrap-group.--030 {
  width: 151.374rem;
  position: relative;
  height: 46.369rem;
  overflow: visible;
  margin: 20.923rem 0 0 18.104rem;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--030 {
    width: 35.258rem;
    height: 44.202rem;
    margin: 17.479rem 0 0 1.049rem;
    display: flow-root;
  }
}
.p-top .wrap-group__group.--018 {
  width: 144.803rem;
  position: absolute;
  top: 0;
  left: 6.574rem;
  height: 46.372rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--018 {
    width: 32.142rem;
    position: absolute;
    top: 0;
    left: 3.119rem;
    height: 46.051rem;
  }
}
.p-top .wrap-group__group--group.--013 {
  width: 62.13rem;
  position: absolute;
  top: 0.203rem;
  left: 82.673rem;
  height: 45.398rem;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--013 {
    width: 30.766rem;
    top: 23.571rem;
    left: 0.892rem;
    height: 22.481rem;
  }
}
.p-top .wrap-img.--014 {
  width: 38.94rem;
  position: relative;
  height: 21.845rem;
  object-fit: contain;
  margin: 0 0 0 0.063rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--014 {
    width: 19.283rem;
    height: 10.817rem;
    margin: 0 0 0 0.031rem;
  }
}
.p-top .wrap-img.--015 {
  width: 21.943rem;
  position: relative;
  height: 21.943rem;
  object-fit: contain;
  margin: 1.595rem 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--015 {
    width: 10.866rem;
    height: 10.866rem;
    margin: 0.791rem 0 0 0;
  }
}
.p-top .wrap-img.--016 {
  width: 38.974rem;
  position: absolute;
  top: 23.44rem;
  left: 23.145rem;
  height: 21.944rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--016 {
    width: 19.3rem;
    top: 11.607rem;
    left: 11.461rem;
    height: 10.866rem;
  }
}
.p-top .wrap-img.--017 {
  width: 21.467rem;
  position: absolute;
  top: 0.036rem;
  left: 40.63rem;
  height: 21.761rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--017 {
    width: 10.63rem;
    top: 0.018rem;
    left: 20.119rem;
    height: 10.776rem;
  }
}
.p-top .wrap-group__group--group.--014 {
  width: fit-content;
  position: absolute;
  top: 0;
  left: 0;
  height: fit-content;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.1rem;
  padding: 0 0 0.1rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--group.--014 {
    top: 0;
    left: 0;
  }
}
.p-top .wrap-img.--018 {
  width: 23.429rem;
  position: relative;
  height: 23.406rem;
  grid-column: 3;
  grid-row: 2;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--018 {
    width: 10.648rem;
    height: 10.637rem;
  }
}
.p-top .wrap-img.--019 {
  width: 22.728rem;
  position: relative;
  height: 22.728rem;
  grid-column: 2;
  grid-row: 1;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--019 {
    width: 10.329rem;
    height: 10.329rem;
  }
}
.p-top .wrap-img.--020 {
  width: 22.709rem;
  position: relative;
  height: 22.709rem;
  grid-column: 3;
  grid-row: 1;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--020 {
    width: 10.321rem;
    height: 10.321rem;
  }
}
.p-top .wrap-group.--031 {
  width: 22.825rem;
  position: relative;
  height: 22.825rem;
  grid-column: 1;
  grid-row: 2;
  overflow: visible;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--031 {
    width: 10.373rem;
    height: 10.373rem;
  }
}
.p-top .wrap-group__img.--012 {
  width: 22.841rem;
  position: relative;
  height: 22.841rem;
  object-fit: contain;
  margin: 0.115rem 0 0 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__img.--012 {
    width: 10.381rem;
    height: 10.381rem;
    margin: 0.052rem 0 0 0;
  }
}
.p-top .wrap-img.--021 {
  width: 22.872rem;
  position: relative;
  height: 22.884rem;
  grid-column: 2;
  grid-row: 2;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--021 {
    width: 10.395rem;
    height: 10.4rem;
  }
}
.p-top .wrap-img.--022 {
  width: 22.785rem;
  position: relative;
  height: 22.785rem;
  grid-column: 1;
  grid-row: 1;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-img.--022 {
    width: 10.355rem;
    height: 10.355rem;
  }
}
.p-top .wrap-group__text-57.--014 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  border-radius: 0.5rem;
  font-size: 6.111rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  transform: scaleX(0.924153) scaleY(0.924153) rotate(90deg);
  margin: 6.736rem 0 0 -7.953rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--014 {
    position: relative;
    transform: scaleX(0.420009) scaleY(0.420009) rotate(90deg);
    margin: 0.728rem 0 0 -9.813rem;
  }
}
.p-top .wrap-group__text-57.--015 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  border-radius: 0.5rem;
  font-size: 6.111rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  transform: scaleX(0.924153) scaleY(0.924153) rotate(90deg);
  margin: 5.238rem 0 0 61.285rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__text-57.--015 {
    position: relative;
    transform: scaleX(0.420009) scaleY(0.420009) rotate(90deg);
    margin: 14.259rem 0 0 -8.198rem;
  }
}
.p-top .wrap-group.--032 {
  width: fit-content;
  position: relative;
  height: fit-content;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2.9rem;
  padding: 0;
  overflow: visible;
  margin: 10.306rem 0 0 95.508rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--032 {
    margin: 9.052rem 0 0 18.325rem;
  }
}
.p-top .wrap-group__frame.--009 {
  width: 1.106rem;
  position: relative;
  height: 1.106rem;
  border-radius: 500rem;
  overflow: hidden;
  background-color: #5b5b5b;
}
.p-top .wrap-group__frame.--010 {
  width: 1.106rem;
  position: relative;
  height: 1.106rem;
  border-radius: 500rem;
  overflow: hidden;
  background-color: #5b5b5b;
}
.p-top .wrap-group__frame.--011 {
  width: 1.106rem;
  position: relative;
  height: 1.106rem;
  border-radius: 500rem;
  overflow: hidden;
  background-color: #5b5b5b;
}
.p-top .wrap-group.--033 {
  width: 151.798rem;
  position: relative;
  height: 54.385rem;
  overflow: visible;
  margin: 5.955rem 0 0 20.074rem;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--033 {
    width: 33.889rem;
    height: 62.276rem;
    margin: 10.976rem 0 0 1.946rem;
  }
}
.p-top .wrap-group__frame.--012 {
  width: 151.799rem;
  position: absolute;
  top: 6.979rem;
  left: 0;
  height: 47.407rem;
  border-radius: 1rem;
  border: 1px solid #121212;
  overflow: hidden;
  background-color: color-mix(in srgb, #000000 24%, transparent);
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame.--012 {
    width: 33.889rem;
    top: 3.74rem;
    left: 0;
    height: 58.538rem;
  }
}
.p-top .wrap-group__frame--text-57.--004 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 15.349rem;
  left: 42.694rem;
  height: auto;
  font-size: 1.84rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-family: "Afacad", sans-serif;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame--text-57.--004 {
    top: 12.913rem;
    left: 3.116rem;
    font-size: 1.4rem;
    text-align: left;
  }
}
.p-top .wrap-br.--013 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--013 {
    display: block;
  }
}
.p-top .wrap-br.--014 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--014 {
    display: block;
  }
}
.p-top .wrap-br.--015 {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--015 {
    display: block;
  }
}
.p-top .wrap-br.--016 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--016 {
    display: block;
  }
}
.p-top .wrap-group__frame--text-57.--005 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 7.577rem;
  left: 22.552rem;
  height: auto;
  border-radius: 0.5rem;
  font-size: 4.373rem;
  line-height: 1.4;
  letter-spacing: 0.09em;
  font-family: "Afacad", sans-serif;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame--text-57.--005 {
    top: 4.474rem;
    left: 3.178rem;
    font-size: 2.322rem;
  }
}
.p-top .wrap-br.--017 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-br.--017 {
    display: block;
    font-size: 2.322rem;
  }
}
.p-top .wrap-span.--002 {
  width: auto;
  height: auto;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-span.--002 {
    display: none;
    font-size: 2.322rem;
  }
}
.p-top .wrap-group__frame--frame {
  width: 37.72rem;
  position: absolute;
  top: 32.842rem;
  left: 56.385rem;
  height: 6.337rem;
  border-radius: 500rem;
  overflow: hidden;
  background-color: #69b833;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame--frame {
    width: 30.565rem;
    top: 45.328rem;
    left: 1.609rem;
    height: 5.475rem;
  }
}
.p-top .wrap-text-64.--006 {
  width: fit-content;
  color: #ffffff;
  position: relative;
  height: auto;
  font-size: 2.088rem;
  line-height: 1;
  letter-spacing: 0;
  font-family: Afacad;
  font-weight: 500;
  white-space: nowrap;
  margin: 2.242rem 0 0 8.569rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-text-64.--006 {
    margin: 1.826rem 0 0 4.708rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-group.--034 {
  width: 1.494rem;
  position: relative;
  height: 1.619rem;
  overflow: visible;
  margin: 2.263rem 0 0 5.018rem;
  flex-shrink: 0;
  display: flow-root;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group.--034 {
    margin: 1.847rem 0 0 1.809rem;
    flex-shrink: 0;
  }
}
.p-top .wrap-group__frame--group.--005 {
  width: 95.206rem;
  position: absolute;
  top: 23.564rem;
  left: 24.989rem;
  height: 4.86rem;
  overflow: visible;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__frame--group.--005 {
    width: 27.773rem;
    top: 30.24rem;
    left: 2.89rem;
    height: 12.744rem;
    display: flow-root;
  }
}
.p-top .wrap-frame.--014 {
  width: 26.776rem;
  position: relative;
  height: 4.861rem;
  border-radius: 50rem;
  border: 1px solid #bababa;
  overflow: hidden;
  margin: 0 0 0 33.427rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--014 {
    width: 27.774rem;
    height: 3.775rem;
    border-radius: 1rem;
    margin: 4.486rem 0 0 0;
  }
}
.p-top .wrap-frame__text-57.--007 {
  width: auto;
  color: #bababa;
  position: absolute;
  top: 0.961rem;
  left: 2.528rem;
  height: auto;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 1.739rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-57.--007 {
    top: 0.746rem;
    left: 5.454rem;
    font-size: 1.35rem;
  }
}
.p-top .wrap-frame.--015 {
  width: 31.998rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 4.861rem;
  border-radius: 50rem;
  border: 1px solid #bababa;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--015 {
    width: 27.671rem;
    top: 0;
    left: 0.053rem;
    height: 3.775rem;
    border-radius: 1rem;
  }
}
.p-top .wrap-frame__text-57.--008 {
  width: auto;
  color: #bababa;
  position: absolute;
  top: 0.961rem;
  left: 2.5rem;
  height: auto;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 1.739rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-57.--008 {
    top: 0.746rem;
    left: 3.354rem;
    font-size: 1.35rem;
  }
}
.p-top .wrap-frame.--016 {
  width: 33.584rem;
  position: relative;
  height: 4.861rem;
  border-radius: 50rem;
  border: 1px solid #bababa;
  overflow: hidden;
  margin: 0 0 0 1.42rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame.--016 {
    width: 27.74rem;
    height: 3.775rem;
    border-radius: 1rem;
    margin: 0.709rem 0 0 0.017rem;
  }
}
.p-top .wrap-frame__text-57.--009 {
  width: auto;
  color: #bababa;
  position: absolute;
  top: 0.961rem;
  left: 2.627rem;
  height: auto;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 1.739rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
  font-family: "Afacad", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-frame__text-57.--009 {
    top: 0.746rem;
    left: 2.871rem;
    font-size: 1.35rem;
  }
}
.p-top .wrap-group__group.--019 {
  width: 51.921rem;
  position: absolute;
  top: 0;
  left: 49.828rem;
  height: 13.956rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group.--019 {
    width: 27.833rem;
    top: 0;
    left: 2.977rem;
    height: 7.481rem;
  }
}
.p-top .wrap-group__group--shape.--002 {
  width: 51.922rem;
  position: absolute;
  top: 0.057rem;
  left: 0;
  height: 11.423rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--shape.--002 {
    width: 27.833rem;
    top: 0.03rem;
    left: 0;
    height: 6.123rem;
  }
}
.p-top .wrap-group__group--text-57.--012 {
  width: auto;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 3.048rem;
  height: auto;
  border-radius: 0.5rem;
  font-size: 9.969rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-family: "Afacad", sans-serif;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-top .wrap-group__group--text-57.--012 {
    top: 0;
    left: 1.634rem;
    font-size: 5.344rem;
  }
}

.p-top .wrap {
  overflow: clip;
  height: auto;
}
.p-top .wrap__investigation {
  height: auto;
}
.p-top .wrap__investigation--post-investigation {
  height: auto;
  overflow: clip;
}
.p-top .wrap__investigation--post-investigation {
  padding-bottom: 16rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap__investigation--post-investigation {
    padding-bottom: 8rem;
  }
}
.p-top .wrap-bottom-decoration {
  top: auto;
  bottom: 0;
}
.p-top .wrap__investigation--post-investigation > .--032.wrap-group {
  margin: 12rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-top .wrap__investigation--post-investigation > .--032.wrap-group {
    margin-top: 8rem;
  }
}
.p-top .wrap__investigation--post-investigation > .--032.wrap-group > .wrap-group__frame {
  animation: p-top-dots 2.4s ease-in-out infinite 0.8s;
}
.p-top .wrap__investigation--post-investigation > .--032.wrap-group > .wrap-group__frame:nth-child(2) {
  animation-delay: 0.4s;
}
.p-top .wrap__investigation--post-investigation > .--032.wrap-group > .wrap-group__frame:nth-child(3) {
  animation-delay: 0s;
}
@media (prefers-reduced-motion: reduce) {
  .p-top .wrap__investigation--post-investigation > .--032.wrap-group > .wrap-group__frame {
    animation: none;
  }
}

@keyframes p-top-dots {
  0%, 100% {
    filter: opacity(0.2);
  }
  40% {
    filter: opacity(1);
  }
}
.c-works {
  --works-width: 148.4rem;
  position: relative;
  z-index: 1;
  margin-top: -12rem;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .c-works {
    --works-width: 33.6rem;
    margin-top: -18rem;
  }
}

.c-works__head,
.c-works__cat {
  transition: opacity 0.7s ease;
}
.c-works__head.is-away,
.c-works__cat.is-away {
  opacity: 0;
}

.c-works__head {
  display: grid;
  gap: 2.4rem;
  width: var(--works-width);
  margin: 0 auto 16rem;
  padding-left: 7rem;
}
@media screen and (max-width: 767px) {
  .c-works__head {
    margin-bottom: 8rem;
    padding-left: 3rem;
  }
}

.c-works__heading {
  position: relative;
  margin: 0;
  font-family: Afacad, sans-serif;
  font-size: 6.81rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .c-works__heading {
    font-size: 3.2rem;
  }
}

.c-works__headingEn {
  position: absolute;
  top: 0.4rem;
  right: 100%;
  margin-right: 2.4rem;
  font-family: Afacad, sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.04em;
  color: #f5f5f5;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
  .c-works__headingEn {
    margin-right: 1rem;
    font-size: 1.4rem;
  }
}

.c-works__lead {
  margin: 0;
  font-size: 1.81rem;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .c-works__lead {
    font-size: 1.3rem;
  }
  .c-works__lead br {
    display: none;
  }
}

.c-works__cat {
  width: var(--works-width);
  margin: 0 auto 16rem;
}
@media screen and (max-width: 767px) {
  .c-works__cat {
    margin-bottom: 10rem;
  }
}

.c-works__intro {
  text-align: center;
}
.c-works__intro.is-center {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 767px) {
  .c-works__intro {
    margin-bottom: 3.2rem;
  }
}

.c-works__title {
  margin: 0;
  font-family: Afacad, sans-serif;
  font-size: 9.81rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .c-works__title {
    font-size: 4.4rem;
  }
}

.c-works__text {
  margin: 1.6rem 0 0;
  font-size: 1.81rem;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .c-works__text {
    font-size: 1.3rem;
    text-align: left;
  }
  .c-works__text br {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .c-works__sticky {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
  }
}

.c-works__logo {
  display: grid;
  grid-template-columns: 87.8rem 1fr;
  column-gap: 9.9rem;
}
@media screen and (min-width: 768px) {
  .c-works__logo .c-works__sticky {
    top: calc(50vh - 13.3rem);
    align-self: start;
    height: 26.6rem;
  }
}
@media screen and (max-width: 767px) {
  .c-works__logo {
    --works-sp-top: 6.3rem;
    grid-template-columns: 1fr;
  }
  .c-works__logo .c-works__sticky {
    position: sticky;
    top: var(--works-sp-top);
    z-index: 1;
    order: -1;
    align-self: start;
    padding-top: 1.1rem;
    background-color: #242424;
  }
  .c-works__logo .c-works__sticky::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: var(--works-sp-top);
    background-color: inherit;
  }
}

.c-works__logoLabel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7%;
  color: #9a9a9a;
  font-family: Afacad, sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .c-works__logoLabel {
    font-size: 0.9rem;
  }
}

.c-works__logoPrivate {
  position: absolute;
  top: 6%;
  left: 6%;
  padding: 0.3em 0.7em;
  border-radius: 10rem;
  background-color: #ee7d1a;
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .c-works__logoPrivate {
    font-size: 0.9rem;
  }
}

.c-works__logoGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .c-works__logoGrid {
    gap: 1rem;
  }
}

.c-works__logoItem {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  margin: 0;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: #ffffff;
  filter: opacity(var(--row-opacity, 1));
  transition: filter 0.3s;
}
.c-works__logoItem img {
  width: calc(100% * var(--scale, 1));
  height: calc(100% * var(--scale, 1));
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .c-works__logoItem {
    scale: 0.4;
    opacity: 0;
    transition: filter 0.3s, scale 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) calc(var(--i) * 0.09s), opacity 0.9s ease calc(var(--i) * 0.09s);
  }
  .c-works__logo.is-in .c-works__logoItem {
    scale: 1;
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .c-works__web {
    width: auto;
    height: calc(100vh + var(--scrub-distance, 0px));
  }
}

@media screen and (min-width: 768px) {
  .c-works__webStage {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    gap: 9.6rem;
    height: 100vh;
    padding-left: calc((100vw - var(--works-width)) / 2);
    overflow: hidden;
  }
  .c-works__webStage .c-works__intro {
    flex: 0 0 64.6rem;
  }
}

.c-works__webViewport {
  min-width: 0;
}
@media screen and (min-width: 768px) {
  .c-works__webViewport {
    flex: 1;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .c-works__webViewport {
    margin-inline: calc((100vw - var(--works-width)) / -2);
    padding-inline: calc((100vw - var(--works-width)) / 2);
    overflow-x: auto;
    scrollbar-width: none;
  }
  .c-works__webViewport::-webkit-scrollbar {
    display: none;
  }
}

.c-works__webTrack {
  display: flex;
  gap: 1.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: translateX(var(--scrub-x, 0px));
  will-change: transform;
}
@media screen and (max-width: 767px) {
  .c-works__webTrack {
    gap: 1.6rem;
    transform: none;
  }
}

.c-works__webItem {
  flex: 0 0 27.5rem;
  opacity: var(--web-opacity, 1);
  aspect-ratio: 27.5/49;
  overflow: hidden;
  border-radius: 0.6rem;
}
@media screen and (max-width: 767px) {
  .c-works__webItem {
    flex-basis: 21.9rem;
  }
  .c-works__webItem.is-clone {
    display: none;
  }
}
.c-works__webItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-works__webLink {
  display: block;
  height: 100%;
}

.c-works__webProgress {
  display: flex;
  width: 85.9rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .c-works__webProgress {
    display: none;
  }
}

.c-works__webBar {
  flex: 1;
  height: 0.2rem;
  background-color: rgba(255, 255, 255, 0.25);
}
.c-works__webBar > span {
  display: block;
  height: 100%;
  background-color: #ffffff;
  transform: scaleX(0);
  transform-origin: left;
}

.c-works__paper {
  width: auto;
}
.c-works__paper .c-works__intro {
  width: var(--works-width);
  margin-inline: auto;
}

.c-works__marquee {
  display: flex;
  width: max-content;
  animation: c-works-marquee 70s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .c-works__marquee {
    animation: none;
  }
}
@media screen and (max-width: 767px) {
  .c-works__marquee {
    animation-duration: 45s;
  }
}

.c-works__marqueeTrack {
  display: flex;
  gap: 1.6rem;
  margin: 0;
  padding: 0 1.6rem 0 0;
  list-style: none;
}

.c-works__paperItem {
  display: flex;
  height: 35rem;
}
@media screen and (max-width: 767px) {
  .c-works__paperItem {
    height: 24rem;
  }
}
.c-works__paperItem img {
  width: auto;
  height: 100%;
  border-radius: 0.4rem;
}
.c-works__paperItem.is-spread {
  align-items: center;
  gap: 0.4rem;
  padding: 0 1.6rem;
  border-radius: 0.4rem;
  background-color: #f3f3f3;
}
.c-works__paperItem.is-spread img {
  height: 78%;
  border-radius: 0;
}

@keyframes c-works-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.c-works__package {
  display: grid;
  grid-template-columns: 1fr 76rem;
  column-gap: 6rem;
}
@media screen and (max-width: 767px) {
  .c-works__package {
    grid-template-columns: 1fr;
  }
}

.c-works__packageGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.7rem;
  align-content: start;
}
@media screen and (min-width: 768px) {
  .c-works__packageGrid {
    padding-block: 20vh;
  }
}
@media screen and (max-width: 767px) {
  .c-works__packageGrid {
    gap: 1rem;
  }
}

.c-works__packageItem {
  margin: 0;
  overflow: hidden;
  border-radius: 0.6rem;
}
.c-works__packageItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-works__packageItem.is-l {
  grid-column: span 3;
  grid-row: span 3;
  aspect-ratio: 1;
}
.c-works__packageItem.is-s {
  aspect-ratio: 1;
}
.c-works__packageItem.is-w {
  grid-column: span 4;
  aspect-ratio: 3/2;
}
.c-works__packageItem.is-m {
  grid-column: span 2;
  aspect-ratio: 1.03;
}

.c-works__gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
}
@media screen and (max-width: 767px) {
  .c-works__gallery {
    grid-template-columns: 1fr;
  }
}

.c-works__galleryCol {
  display: flex;
  gap: 2rem;
}

.c-works__galleryTitle {
  margin: 0;
  font-family: Afacad, sans-serif;
  font-size: 6.11rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
  .c-works__galleryTitle {
    font-size: 3.2rem;
  }
}

.c-works__galleryGrid {
  display: grid;
  flex: 1;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8rem;
  align-content: start;
}

.c-works__galleryItem {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 1;
}
.c-works__galleryItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-works__galleryItem.is-w {
  grid-column: span 2;
  aspect-ratio: auto;
  min-height: 8rem;
  contain: size;
}

.p-top .wrap__investigation--client-concerns,
.p-top #works > .c-works {
  content-visibility: auto;
}
.p-top #works > .c-works {
  contain-intrinsic-block-size: auto 7230px;
}
@media screen and (max-width: 767px) {
  .p-top #works > .c-works {
    contain-intrinsic-block-size: auto 4240px;
  }
}

.p-top .wrap {
  height: auto;
}

.p-top .wrap > .wrap__investigation {
  position: relative;
  top: auto;
  left: auto;
  margin-top: -0.011rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap > .wrap__investigation {
    margin-top: -0.005rem;
  }
}

.p-top .wrap__investigation {
  height: auto;
}

.p-top .wrap__investigation > .wrap__investigation--hero {
  position: relative;
  top: auto;
  left: auto;
  margin-top: 0;
}

.p-top .wrap__investigation > .wrap__investigation--research-overview {
  position: relative;
  top: auto;
  left: auto;
  margin-top: -12.272rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap__investigation > .wrap__investigation--research-overview {
    margin-top: -5.019rem;
  }
}

.p-top .wrap__investigation > .wrap__investigation--client-concerns {
  position: relative;
  top: auto;
  left: auto;
  margin-top: -33.573rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap__investigation > .wrap__investigation--client-concerns {
    margin-top: -8.137rem;
  }
}

.p-top .wrap__investigation > .wrap__investigation--post-investigation {
  position: relative;
  top: auto;
  left: auto;
  margin-top: -8.995rem;
}
@media screen and (max-width: 767px) {
  .p-top .wrap__investigation > .wrap__investigation--post-investigation {
    margin-top: -10.23rem;
  }
}

.p-top div.main {
  height: auto;
}

.p-service-web .investigation {
  height: auto;
}

.p-service-web .investigation > .investigation__hero {
  position: relative;
  top: auto;
  left: auto;
  margin-top: 0;
  height: auto;
  padding-bottom: 12.7rem;
}
@media screen and (max-width: 767px) {
  .p-service-web .investigation > .investigation__hero {
    padding-bottom: 10rem;
  }
}

.p-service-web .investigation > .investigation__research-overview {
  position: relative;
  top: auto;
  left: auto;
  margin-top: -8rem;
}
@media screen and (max-width: 767px) {
  .p-service-web .investigation > .investigation__research-overview {
    margin-top: -7rem;
  }
}

.p-service-web .investigation > .investigation__post-investigation {
  position: relative;
  top: auto;
  left: auto;
  margin-top: -9.463rem;
}
@media screen and (max-width: 767px) {
  .p-service-web .investigation > .investigation__post-investigation {
    margin-top: -7.413rem;
  }
}

.p-service-web .investigation > .faq {
  position: relative;
  top: auto;
  left: auto;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-service-web .investigation > .faq {
    margin-top: 5rem;
  }
}

.p-service-web div.main {
  height: auto;
}

.p-service-creative .creative-service {
  height: auto;
}

.p-service-creative .creative-service > .creative-service__hero {
  position: relative;
  top: auto;
  left: auto;
  margin-top: 0;
  height: auto;
  padding-bottom: 12.7rem;
}
@media screen and (max-width: 767px) {
  .p-service-creative .creative-service > .creative-service__hero {
    padding-bottom: 10rem;
  }
}

.p-service-creative .creative-service > .creative-service__body {
  position: relative;
  top: auto;
  left: auto;
  margin-top: -8rem;
}
@media screen and (max-width: 767px) {
  .p-service-creative .creative-service > .creative-service__body {
    margin-top: -7rem;
  }
}

.p-service-creative div.main {
  height: auto;
}

.p-service-maintenance .site-maintenance {
  height: auto;
}

.p-service-maintenance .site-maintenance > .site-maintenance__hero {
  position: relative;
  top: auto;
  left: auto;
  margin-top: 0;
  height: auto;
  padding-bottom: 12.7rem;
}
@media screen and (max-width: 767px) {
  .p-service-maintenance .site-maintenance > .site-maintenance__hero {
    padding-bottom: 10rem;
  }
}

.p-service-maintenance .site-maintenance > .site-maintenance__content {
  position: relative;
  top: auto;
  left: auto;
  margin-top: -8rem;
}
@media screen and (max-width: 767px) {
  .p-service-maintenance .site-maintenance > .site-maintenance__content {
    margin-top: -7rem;
  }
}

.p-service-maintenance div.main {
  height: auto;
}

.p-about .creative-service {
  height: auto;
}

.p-about .creative-service > .creative-service__hero {
  position: relative;
  top: auto;
  left: auto;
  margin-top: 0;
  height: auto;
  padding-bottom: 12.7rem;
}
@media screen and (max-width: 767px) {
  .p-about .creative-service > .creative-service__hero {
    padding-bottom: 10rem;
  }
}

.p-about .creative-service > .creative-service__body {
  position: relative;
  top: auto;
  left: auto;
  margin-top: -8rem;
}
@media screen and (max-width: 767px) {
  .p-about .creative-service > .creative-service__body {
    margin-top: -7rem;
  }
}

.p-about div.main {
  height: auto;
}

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