* {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img,
a {
  text-decoration: none;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
  padding: 0;
}

img {
  vertical-align: bottom;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

@-webkit-keyframes slideUpFromMask {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideUpFromMask {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes slideDownFromMask {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideDownFromMask {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes revealBg {
  0% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
  }
}
@keyframes revealBg {
  0% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
  }
}
@-webkit-keyframes revealText {
  to {
    opacity: 1;
  }
}
@keyframes revealText {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fullCircle {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fullCircle {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes graphCircle {
  to {
    stroke-dashoffset: 9.6vw;
  }
}
@keyframes graphCircle {
  to {
    stroke-dashoffset: 9.6vw;
  }
}
@-webkit-keyframes graphAnimSP {
  from {
    stroke-dashoffset: 175.9vw;
  }
  to {
    stroke-dashoffset: 21.1vw;
  }
}
@keyframes graphAnimSP {
  from {
    stroke-dashoffset: 175.9vw;
  }
  to {
    stroke-dashoffset: 21.1vw;
  }
}
@-webkit-keyframes loop-media {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
}
@keyframes loop-media {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
}
@-webkit-keyframes slide-blue-mask {
  0% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
  }
}
@keyframes slide-blue-mask {
  0% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
  }
}
@-webkit-keyframes disappearBtn {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
    opacity: 0;
  }
  51% {
    opacity: 0;
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes disappearBtn {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
    opacity: 0;
  }
  51% {
    opacity: 0;
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes clipPath {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes clipPath {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
html {
  width: 100%;
  background-color: #fff;
}

.wrapper {
  width: 100%;
}

body {
  margin: 0 auto;
  color: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "IBM Plex Sans JP", "Noto Sans JP", "Inter", "Roboto", sans-serif, serif;
  font-weight: normal;
  line-height: 1;
}

.c-reveal__textwrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.c-reveal__textwrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  z-index: 2;
  background-color: #4243f1;
}

.c-reveal__text {
  opacity: 0;
}

.l-header {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  z-index: 100;
  padding-inline: min(1.8229166667vw, 35px);
}
.l-header::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: transparent;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
}
.l-header.is-show::before {
  opacity: 1;
  background: repeating-linear-gradient(140deg, #4243f1, #5b7ad5 42%, #7caaa6 59%, #9dd977 78%, #c6ff34);
}
@media screen and (max-width: 959px) {
  .l-header {
    height: 15.0666666667vw;
    padding-inline: 2.1333333333vw;
    background-attachment: scroll;
  }
}

.l-header__logo {
  width: min(12.5vw, 240px);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (max-width: 959px) {
  .l-header__logo {
    width: 23.4666666667vw;
  }
}
.l-header__logo img {
  width: 100%;
  height: auto;
}
@media (any-hover: hover) {
  .l-header__logo:hover {
    opacity: 0.7;
  }
}

.l-header__nav {
  width: min(53.5vw, 1027px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 959px) {
  .l-header__nav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.l-header__nav__box {
  width: 46%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 3px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px) {
  .l-header__nav__box {
    display: none;
  }
}

.l-header__nav__item {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  opacity: 0;
  position: relative;
}
.l-header__nav__item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.125rem;
  left: 0;
  top: 100%;
  background: #fff;
  scale: 0 1;
  -webkit-transition: scale 0.2s ease-in-out;
  transition: scale 0.2s ease-in-out;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
@media screen and (max-width: 959px) {
  .l-header__nav__item::after {
    height: 0.2666666667vw;
  }
}
@media (any-hover: hover) {
  .l-header__nav__item:hover::after {
    scale: 1 1;
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.l-header__nav__item a {
  font-size: min(1.5vw, 29px);
  font-weight: 600;
  color: #fff;
}

.l-header__button {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: min(2.6vw, 50px);
}
@media screen and (max-width: 959px) {
  .l-header__button {
    width: 100%;
    height: 9.4666666667vw;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.l-header__button p {
  font-size: min(0.8vw, 15px);
  font-weight: 600;
  margin-top: 0.1vw;
}

.l-header__button__item {
  width: min(12vw, 230px);
  text-align: center;
  border-radius: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(1.5vw, 29px);
  opacity: 0;
}
@media screen and (max-width: 959px) {
  .l-header__button__item {
    width: 30vw;
    border-radius: 5.0666666667vw;
    margin-right: 0.6666666667vw;
  }
  .l-header__button__item:first-child {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .l-header__button__item p {
    font-size: 2.6666666667vw;
  }
}

.l-header__yajirusi {
  width: 0.9vw;
  height: 0.9vw;
}

.l-header__DL {
  width: 1vw;
  height: 1vw;
  -webkit-filter: brightness(0) saturate(100%) invert(39%) sepia(93%) saturate(7387%) hue-rotate(241deg) brightness(99%) contrast(91%);
          filter: brightness(0) saturate(100%) invert(39%) sepia(93%) saturate(7387%) hue-rotate(241deg) brightness(99%) contrast(91%);
}
@media screen and (max-width: 959px) {
  .l-header__DL {
    width: 2.8vw;
    height: 2.8vw;
  }
}

.l-foot__bg {
  background: repeating-linear-gradient(310deg, #4243f1, #5b7ad5 42%, #7caaa6 59%, #9dd977 78%, #c6ff34);
}

.l-footer {
  padding-top: min(1vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px) {
  .l-footer {
    padding-top: 12.5333333333vw;
  }
}

.l-footer__logo {
  width: min(22.96875vw, 441px);
  aspect-ratio: 441/89;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  margin-inline: auto;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (max-width: 959px) {
  .l-footer__logo {
    width: 58.8vw;
  }
}
@media (any-hover: hover) {
  .l-footer__logo:hover {
    opacity: 0.7;
  }
}

.l-footer__logo img {
  width: 100%;
  height: 100%;
  -webkit-filter: brightness(0) saturate(100%) invert(100%);
          filter: brightness(0) saturate(100%) invert(100%);
}

.l-footer small {
  margin: min(1.9791666667vw, 38px) 0 min(2.7604166667vw, 53px);
  font-size: min(1vw, 19px);
  color: #fff;
}
@media screen and (max-width: 959px) {
  .l-footer small {
    font-size: 2.6666666667vw;
    margin: 3.8666666667vw 0 7.0666666667vw;
  }
}

.p-mv {
  background: repeating-linear-gradient(140deg, #4243f1, #5b7ad5 42%, #7caaa6 59%, #9dd977 78%, #c6ff34);
  padding: min(9.4791666667vw, 182px) 0 4.375rem;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
@media screen and (max-width: 959px) {
  .p-mv {
    padding: 23.0666666667vw 0 6.6666666667vw;
  }
}

.p-mv__1st {
  padding: 0 8% 0 6.6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  max-width: 1620px;
  margin-inline: auto;
}
@media screen and (max-width: 959px) {
  .p-mv__1st {
    padding: 0 3.3333333333vw 0;
  }
}

.p-mv__1st__text {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  font-weight: 700;
  font-size: min(7.5vw, 144px);
  letter-spacing: -0.13vw;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #fff;
}
@media screen and (max-width: 959px) {
  .p-mv__1st__text {
    font-size: 12vw;
    margin: -1.0666666667vw 0;
    text-align: left;
    white-space: nowrap;
  }
}

.p-mv__1st__comment {
  padding: min(1vw, 20px) 0 2px 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  color: #fff;
  font-family: "IBM Plex Sans JP", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: min(1.6vw, 31px);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 959px) {
  .p-mv__1st__comment {
    font-size: 4.1333333333vw;
    margin-top: 4vw;
  }
}

.p-mv__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 959px) {
  .p-mv__main {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 53.3333333333vw;
  }
}

@media screen and (max-width: 959px) {
  .p-mv__main__caption {
    margin-top: 7.0666666667vw;
    margin-left: 5.0666666667vw;
  }
}

.p-mv__main__text {
  color: #c6ff34;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-size: min(5.2vw, 100px);
  font-weight: 700;
  line-height: 1.38;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
@media screen and (max-width: 959px) {
  .p-mv__main__text {
    font-size: 8.8vw;
  }
}

.p-mv__main__switch {
  position: absolute;
  right: 0;
  top: calc(100% + min(2.6041666667vw, 50px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: min(2.2916666667vw, 44px);
}
@media screen and (max-width: 959px) {
  .p-mv__main__switch {
    gap: 5.0666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    right: 3.3333333333vw;
    top: calc(100% + 50.6666666667vw);
  }
}

.p-mv__main__switch__item {
  width: min(4.1vw, 79px);
  height: min(4.1vw, 79px);
  border: solid 2px #4243f1;
  border-radius: 10vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.3s ease-out, background-color 0.3s ease-out, border-top 0.3s ease-out, border-right 0.3s ease-out;
  transition: opacity 0.3s ease-out, background-color 0.3s ease-out, border-top 0.3s ease-out, border-right 0.3s ease-out;
}
@media (any-hover: hover) {
  .p-mv__main__switch__item:hover {
    opacity: 0.7;
    cursor: pointer;
    background: #4243f1;
  }
  .p-mv__main__switch__item:hover::before {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }
}
@media screen and (max-width: 959px) {
  .p-mv__main__switch__item {
    width: 9.0666666667vw;
    height: 9.0666666667vw;
    border: solid 0.2666666667vw #4243f1;
    margin: 2.2666666667vw 0;
  }
}

.p-mv__main__switch__item::before {
  content: "";
  width: 0.7vw;
  height: 0.7vw;
  position: relative;
  display: inline-block;
  border-top: solid 2px #4243f1;
  border-right: solid 2px #4243f1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-right: 0.5vw;
}
@media screen and (max-width: 959px) {
  .p-mv__main__switch__item::before {
    content: "";
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    border-top: solid 0.4vw #4243f1;
    border-right: solid 0.4vw #4243f1;
  }
}

.p-mv__main__slid {
  width: min(29.1vw, 559px);
  height: min(23.1vw, 443px);
  margin: 0 1vw;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media screen and (max-width: 959px) {
  .p-mv__main__slid {
    width: 75.4666666667vw;
    height: 59.4666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4vw;
    padding: 5.0666666667vw;
    margin: 0 0 0 3.0666666667vw;
    position: relative;
    z-index: 2;
  }
}

.p-mv__main-inner {
  background-color: #4243f1;
  width: 100%;
  height: 100%;
  padding: 2vw;
  border-radius: min(2vw, 38px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 959px) {
  .p-mv__main-inner {
    padding: 5.3333333333vw 5.3333333333vw 6.6666666667vw;
  }
}

.p-mv__main__slid::before {
  content: "";
  position: absolute;
  top: min(-5.5vw, -153px);
  left: min(29.5vw, 569px);
  width: min(9.5vw, 183px);
  height: min(9.3vw, 179px);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  -webkit-filter: brightness(0) saturate(100%) invert(19%) sepia(58%) saturate(6756%) hue-rotate(242deg) brightness(100%) contrast(89%);
          filter: brightness(0) saturate(100%) invert(19%) sepia(58%) saturate(6756%) hue-rotate(242deg) brightness(100%) contrast(89%);
}
@media (max-width: 1735px) {
  .p-mv__main__slid::before {
    top: min(-6.25vw, -120px);
    left: min(30.2083333333vw, 580px);
  }
}
@media (max-width: 1450px) {
  .p-mv__main__slid::before {
    top: min(-5.7291666667vw, -110px);
    left: min(30.7291666667vw, 590px);
  }
}
@media (max-width: 1350px) {
  .p-mv__main__slid::before {
    top: min(-4.9479166667vw, -95px);
    left: min(30.7291666667vw, 590px);
  }
}
@media (max-width: 1200px) {
  .p-mv__main__slid::before {
    top: min(-3.90625vw, -75px);
    left: min(30.7291666667vw, 590px);
  }
}
@media screen and (max-width: 959px) {
  .p-mv__main__slid::before {
    top: -14.1333333333vw;
    left: 79%;
    width: 21.2vw;
    height: -webkit-fill-available;
    -webkit-filter: brightness(0) saturate(100%) invert(19%) sepia(58%) saturate(6756%) hue-rotate(242deg) brightness(100%) contrast(89%);
            filter: brightness(0) saturate(100%) invert(19%) sepia(58%) saturate(6756%) hue-rotate(242deg) brightness(100%) contrast(89%);
    z-index: -1;
  }
}

.p-mv__main__slid__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: min(33.5vw, 643px);
  height: min(26.7vw, 513px);
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-transform: rotate(340deg);
          transform: rotate(340deg);
}
@media screen and (max-width: 959px) {
  .p-mv__main__slid__box {
    width: 85.0666666667vw;
  }
}

.p-mv__main__slid__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: min(2vw, 38px) 0 0;
  -webkit-transform: rotate(340deg);
          transform: rotate(340deg);
}
@media screen and (max-width: 959px) {
  .p-mv__main__slid__item {
    margin: 20.6666666667vw 0 0 -17.8666666667vw;
    width: 100%;
    height: 100%;
  }
}

.p-mv__main__slid__img {
  width: min(28.9vw, 555px);
  aspect-ratio: 16/9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 1.5vw;
  overflow: hidden;
}
@media screen and (max-width: 959px) {
  .p-mv__main__slid__img {
    width: 74.2666666667vw;
  }
}
.p-mv__main__slid__img video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform-origin: center;
          transform-origin: center;
  transform-box: fill-box;
}

.p-mv__main__slid__img video {
  max-width: -webkit-fill-available;
  display: block;
}

.p-mv__main__slid-title-text {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  color: #fff;
  font-size: 1.9vw;
  font-weight: 600;
  margin-bottom: min(0.7291666667vw, 14px);
}
@media screen and (max-width: 959px) {
  .p-mv__main__slid-title-text {
    font-size: 6.4vw;
    margin-top: 3.5vw;
  }
}

.p-mv__main__slid-text {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  color: #fff;
  font-size: min(1vw, 20px);
  font-weight: 600;
  margin-bottom: min(0.7291666667vw, 14px);
}
@media screen and (max-width: 959px) {
  .p-mv__main__slid-text {
    font-size: 2.6666666667vw;
    margin-bottom: 1.8666666667vw;
  }
}

.p-mv__2nd {
  width: min(80vw, 1536px);
  height: auto;
  text-align: center;
  margin: 0 auto;
  padding: min(11vw, 211px) 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px) {
  .p-mv__2nd {
    width: 100%;
    padding: 12.2666666667vw 0 0;
    margin: 0;
  }
}

.p-mv__2nd__logo {
  width: min(54.4vw, 1044px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 1vw;
  opacity: 0;
}
@media screen and (max-width: 959px) {
  .p-mv__2nd__logo {
    margin: 0 0 0 2.4vw;
    width: 73.0666666667vw;
  }
}

.p-mv__2nd__comment {
  margin-top: 5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px) {
  .p-mv__2nd__comment {
    display: none;
  }
}

.p-mv__2nd__commentSP {
  display: none;
}
@media screen and (max-width: 959px) {
  .p-mv__2nd__commentSP {
    margin: 13.0666666667vw 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-mv__2nd__comment__text {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  background-color: #4243f1;
  color: #fff;
  font-size: min(2.2vw, 42px);
  font-weight: 600;
  padding: 0.8vw;
  margin: 0 0 1.9vw;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.1vw;
  overflow: hidden;
  opacity: 0;
  z-index: 1;
}
@media screen and (max-width: 959px) {
  .p-mv__2nd__comment__text {
    font-size: 3.8666666667vw;
    margin: 0 0 3.8666666667vw;
    padding: 1.6vw 0.9333333333vw;
  }
}

.p-mv__2nd__comment__box {
  position: relative;
  display: inline-block;
}

.p-mv__2nd__comment__box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 1.78vw);
  background-color: #4243f1;
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  z-index: 2;
}

.p-graph {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  padding-block: 6.875rem 6.25rem;
}
@media screen and (max-width: 959px) {
  .p-graph {
    height: auto;
    overflow: hidden;
    margin: 0;
    padding-block: 13.6vw;
  }
}

.p-graph__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: center;
      align-content: center;
  width: min(110rem, 100%);
  padding-inline: 2.5rem;
  margin-inline: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 959px) {
  .p-graph__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-inline: 6.6666666667vw;
  }
}

.p-graph__cover-before {
  background-color: #4243f1;
  width: 84.5238095238cqi;
  height: auto;
  aspect-ratio: 1;
  border-radius: 2vw;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
@media screen and (max-width: 959px) {
  .p-graph__cover-before {
    width: 100%;
    height: inherit;
  }
}

.p-graph__cover {
  background-color: #c6ff34;
  margin: -1px 0 0 -1px;
  width: calc(84.5238095238cqi + 2px);
  height: auto;
  aspect-ratio: 1;
  border-radius: 2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  container-type: inline-size;
}
@media screen and (max-width: 959px) {
  .p-graph__cover {
    width: calc(100% - 5.0666666667vw);
    height: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4vw;
    margin: -1px 0 -1px;
    padding-block: 6.6666666667vw;
    padding-inline: 2.6666666667vw;
  }
}

.p-graph__cover__img {
  opacity: 0;
}

.p-graph__img {
  width: 32.3943661972cqi;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 959px) {
  .p-graph__img {
    width: calc(100% - 5.3333333333vw);
    max-width: 43.6vw;
    height: auto;
    aspect-ratio: 327/430;
    margin-bottom: 0;
  }
}
.p-graph__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-shadow: 0px 11px 11.6px 1.4px rgba(111, 153, 4, 0.6);
          box-shadow: 0px 11px 11.6px 1.4px rgba(111, 153, 4, 0.6);
}

.p-graph__cover-title {
  font-size: 3.9436619718cqi;
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #4243f1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  letter-spacing: 0.05em;
  padding: 1.4084507042cqi;
  overflow: hidden;
  opacity: 0;
  z-index: 1;
}
@media screen and (max-width: 959px) {
  .p-graph__cover-title {
    font-size: 3.7333333333vw;
    margin: 0;
    padding: 1.4vw 2vw;
  }
}

.p-graph__cover-text {
  font-size: 3.2394366197cqi;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #4243f1;
  letter-spacing: 0.01em;
  padding-inline: 2.8169014085cqi;
  line-height: 1.1034482759;
  text-align: center;
  margin-top: 0.9375rem;
  -webkit-font-feature-settings: "palt" on;
          font-feature-settings: "palt" on;
}
@media screen and (max-width: 959px) {
  .p-graph__cover-text {
    font-size: 2.6666666667vw;
    padding-inline: 0vw;
    margin-top: 0;
  }
}

.p-graph__text {
  background-color: #4243f1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(3.3vw, 63px);
  font-weight: 600;
  color: #fff;
  padding: 0.7vw 0.8vw;
  margin: 0 2.3vw 0 0;
  overflow: hidden;
  opacity: 0;
  z-index: 1;
}
@media screen and (max-width: 959px) {
  .p-graph__text {
    font-size: 7.1vw;
    margin: 0;
    padding: 1.4vw 2vw;
  }
}

.p-graph__item {
  width: 100%;
  height: auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px) {
  .p-graph__item {
    padding: 13.3333333333vw 0 0 0;
    row-gap: 9.3333333333vw;
  }
}

.p-graph__left {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  container-type: inline-size;
}
@media screen and (max-width: 959px) {
  .p-graph__left {
    width: 100%;
  }
}

.p-graph__centers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-graph__right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px) {
  .p-graph__right {
    width: 100%;
  }
}

.p-graph__box {
  position: relative;
}

.p-graph__box-icon {
  position: absolute;
  height: auto;
  z-index: 2;
}
.p-graph__box-icon.--1 {
  top: 2.625rem;
  left: -5.9375rem;
  width: 5.625rem;
  aspect-ratio: 99/107;
}
@media screen and (max-width: 959px) {
  .p-graph__box-icon.--1 {
    top: 0px;
    left: -9.3333333333vw;
    width: 11.3333333333vw;
    aspect-ratio: 99/107;
  }
}
.p-graph__box-icon.--2 {
  top: min(14.375vw, 276px);
  left: min(-7.03125vw, -135px);
  width: min(4.5833333333vw, 88px);
  aspect-ratio: 88/94;
}
@media screen and (max-width: 959px) {
  .p-graph__box-icon.--2 {
    top: 26.6666666667vw;
    left: -14.6666666667vw;
    width: 10vw;
    aspect-ratio: 75/81;
  }
}
.p-graph__box-icon.--3 {
  bottom: min(-1.3020833333vw, -25px);
  left: min(-3.125vw, -60px);
  width: min(4.84375vw, 93px);
  aspect-ratio: 93/93;
}
@media screen and (max-width: 959px) {
  .p-graph__box-icon.--3 {
    bottom: -2.6666666667vw;
    left: -1.3333333333vw;
    width: 10.6666666667vw;
  }
}
.p-graph__box-icon.--4 {
  top: min(1.9270833333vw, 37px);
  right: min(-0.46875vw, -9px);
  width: min(5.15625vw, 99px);
  aspect-ratio: 111/101;
}
@media screen and (max-width: 959px) {
  .p-graph__box-icon.--4 {
    top: 0px;
    right: -4.2666666667vw;
    width: 9.3333333333vw;
  }
}
.p-graph__box-icon.--5 {
  top: min(12.5vw, 240px);
  right: min(-3.6458333333vw, -70px);
  width: min(4.9479166667vw, 95px);
  aspect-ratio: 95/98;
}
@media screen and (max-width: 959px) {
  .p-graph__box-icon.--5 {
    top: 23.0666666667vw;
    right: -14.2666666667vw;
    width: 10.9333333333vw;
  }
}
.p-graph__box-icon.--6 {
  bottom: min(-2.1354166667vw, -41px);
  right: min(-1.9791666667vw, -38px);
  width: min(4.9479166667vw, 95px);
  aspect-ratio: 95/106;
  -webkit-transform: translateX(0px) translateY(0px);
          transform: translateX(0px) translateY(0px);
}
@media screen and (max-width: 959px) {
  .p-graph__box-icon.--6 {
    bottom: -3.0666666667vw;
    right: -4vw;
    width: 10.9333333333vw;
  }
}
.p-graph__box-icon img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-graph__circle {
  width: min(27vw, 518px);
  height: min(27vw, 518px);
  background-color: #fff;
  margin: 2.7vw 3.4vw 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  overflow: visible;
}
@media screen and (max-width: 959px) {
  .p-graph__circle {
    display: none;
  }
}
.p-graph__circle circle {
  cx: min(13.5vw, 259px);
  cy: min(13.5vw, 259px);
  r: min(12.6vw, 242px);
}

.p-graph__circleSP {
  display: none;
}
@media screen and (max-width: 959px) {
  .p-graph__circleSP {
    width: 61vw;
    height: 61vw;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

@media screen and (max-width: 959px) {
  .p-graph__circleSP.u-graph1 .p-graph__circle__line {
    -webkit-animation: graphAnimSP 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
            animation: graphAnimSP 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
}

.p-graph__circle__base,
.p-graph__circle__line {
  fill: none;
  stroke-width: min(1.5vw, 29px);
  stroke-linecap: round;
  stroke-dasharray: min(80vw, 1520px);
  -webkit-transform-origin: center;
          transform-origin: center;
}
@media screen and (max-width: 959px) {
  .p-graph__circle__base,
  .p-graph__circle__line {
    stroke-width: 3vw;
    stroke-dasharray: 175.9vw;
  }
}

.p-graph__circle__line {
  stroke-dashoffset: min(80vw, 1520px);
}
@media screen and (max-width: 959px) {
  .p-graph__circle__line {
    stroke-dashoffset: 175.9vw;
  }
}

@keyframes graphCircle {
  to {
    stroke-dashoffset: min(9.6vw, 185px);
  }
}
.p-graph__circle__text {
  font-size: min(12vw, 230px);
  font-weight: 600;
  color: #4243f1;
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  position: absolute;
  padding: 1.4vw 1.5vw 0 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
@media screen and (max-width: 959px) {
  .p-graph__circle__text {
    font-size: 27vw;
    padding: 0 0 3vw 1vw;
  }
}

.p-graph__textwrapper {
  position: relative;
  display: inline-block;
}

.p-graph__textwrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4243f1;
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  z-index: 2;
}

.p-graph__logo-overflow {
  margin: 0 auto 1.3vw;
}
@media screen and (max-width: 959px) {
  .p-graph__logo-overflow {
    margin: 0 0;
  }
}

.p-graph__logo {
  width: min(20vw, 384px);
  height: min(5vw, 96px);
  -webkit-filter: brightness(0) saturate(100%) invert(19%) sepia(58%) saturate(6756%) hue-rotate(242deg) brightness(100%) contrast(89%);
          filter: brightness(0) saturate(100%) invert(19%) sepia(58%) saturate(6756%) hue-rotate(242deg) brightness(100%) contrast(89%);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
@media screen and (max-width: 959px) {
  .p-graph__logo {
    width: 44vw;
    height: 9vw;
  }
}

.p-graph__comment {
  position: absolute;
  bottom: -2.5rem;
  right: 2.5rem;
  color: #4243f1;
  font-size: 1.2vw;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-graph__comment {
    font-size: 3.2vw;
    bottom: -8vw;
    right: 2.6666666667vw;
  }
}

.p-casestudy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: min(8vw, 154px);
  background: repeating-linear-gradient(40deg, #4243f1, #5b7ad5 42%, #7caaa6 59%, #9dd977 78%, #c6ff34);
}
@media screen and (max-width: 959px) {
  .p-casestudy {
    padding-bottom: 17.5vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#c6ff34), to(#4243f1));
    background: linear-gradient(to bottom, #c6ff34, #4243f1);
  }
}

.p-casestudy__h2 {
  margin-top: min(7vw, 134px);
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-casestudy__h2 {
    margin-top: 17.5vw;
  }
}

.p-casestudy__h2__text {
  font-size: min(8.7vw, 167px);
  letter-spacing: -0.2vw;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #4243f1;
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  display: block;
  -webkit-transform: translateY(130%);
          transform: translateY(130%);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (max-width: 959px) {
  .p-casestudy__h2__text {
    font-size: 13.8vw;
  }
}

.u-slideUp .p-casestudy__h2__text {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.p-casestudy__h2__comment {
  text-align: center;
  margin-top: min(1.8vw, 35px);
  font-size: min(2.2vw, 42px);
  font-weight: 700;
  color: #4243f1;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-casestudy__h2__comment {
    margin-top: 4.4vw;
    font-size: 3vw;
  }
}

.u-slideUp .p-casestudy__h2__comment {
  opacity: 1;
}

.p-casestudy__comment {
  margin-top: min(4.8vw, 92px);
  font-size: min(2vw, 38px);
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  color: #4243f1;
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
@media screen and (max-width: 959px) {
  .p-casestudy__comment {
    margin-top: 12.3vw;
    font-size: 4.3vw;
    line-height: 1.5;
  }
}

.p-casestudy__comment.u-slideUp {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.p-casestudy__list-inner {
  width: min(105rem, 100%);
  padding-inline: 2.5rem;
  margin-inline: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 959px) {
  .p-casestudy__list-inner {
    padding-inline: 6.6666666667vw;
  }
}

.p-casestudy__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: min(5.5vw, 106px);
  width: 100%;
}
@media screen and (max-width: 959px) {
  .p-casestudy__list {
    margin-top: 13.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-casestudy__list-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 0 min(1.875vw, 36px);
}
@media screen and (max-width: 959px) {
  .p-casestudy__list-wrap {
    margin: 0 0 6.8vw;
  }
}

.p-casestudy__list__item {
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3.125rem 3.125rem 0 3.125rem;
  background-color: #4243f1;
  border: solid 0.375rem #4243f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  position: relative;
  clip-path: inset(0 100% 0 0);
  overflow: hidden;
}
.p-casestudy__list__item.is-show {
  -webkit-animation: clipPath 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards;
          animation: clipPath 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.p-casestudy__list__item.is-show .p-casestudy__box {
  -webkit-animation: clipPath 0.8s 0.3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
          animation: clipPath 0.8s 0.3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@media (max-width: 1250px) {
  .p-casestudy__list__item {
    border-radius: 2.1875rem 2.1875rem 0 2.1875rem;
    border: solid 0.25rem #4243f1;
  }
}
@media screen and (max-width: 959px) {
  .p-casestudy__list__item {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    border: solid 0.8vw #4243f1;
    border-radius: 5vw 5vw 0 5vw;
  }
}

.p-casestudy__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: relative;
  clip-path: inset(0 100% 0 0);
}
@media screen and (max-width: 959px) {
  .p-casestudy__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 4vw;
    -webkit-padding-after: 5.7333333333vw;
            padding-block-end: 5.7333333333vw;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.p-casestudy__box__image {
  width: 36.6993652626%;
  height: auto;
  border-right: solid 0.3vw #4243f1;
  border-top-left-radius: 2.7vw;
  border-bottom-left-radius: 2.7vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-block: 4.375rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 1250px) {
  .p-casestudy__box__image {
    padding-block: 2.1875rem;
  }
}
@media screen and (max-width: 959px) {
  .p-casestudy__box__image {
    width: 100%;
    border-right: none;
    border-bottom: solid 0.8vw #4243f1;
    border-radius: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-inline: 4vw;
    gap: 1.3333333333vw;
  }
}

.p-casestudy__box__img {
  width: min(25vw, 480px);
  height: auto;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  cursor: pointer;
}
@media screen and (max-width: 959px) {
  .p-casestudy__box__img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 60vw;
    height: auto;
  }
}
.p-casestudy__box__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (any-hover: hover) {
  .p-casestudy__box__image:hover .p-casestudy__box__img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.p-casestudy__box__text {
  margin-top: -2vw;
  margin-left: 3.49vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8vw;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 959px) {
  .p-casestudy__box__text {
    margin-top: 4vw;
    margin-left: 4.2vw;
  }
}

.p-casestudy__box__caption {
  background-color: #4243f1;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  color: #fff;
  font-size: min(2.22vw, 43px);
  font-weight: 600;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.7vw 1vw;
}
@media screen and (max-width: 959px) {
  .p-casestudy__box__caption {
    padding: 2.3vw 1vw;
    font-size: 5vw;
    font-weight: 600;
  }
}

.p-casestudy__box__comment {
  max-width: min(43vw, 826px);
  color: #4243f1;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-size: min(1.67vw, 32px);
  font-weight: 500;
  line-height: min(2vw, 38px);
  margin: 0 1vw;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  overflow-wrap: break-word;
  opacity: 0;
}
.p-casestudy__box__comment small {
  font-size: min(1.2vw, 25px);
}
@media screen and (max-width: 959px) {
  .p-casestudy__box__comment small {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 959px) {
  .p-casestudy__box__comment {
    max-width: 62vw;
    font-size: 3.6vw;
    font-weight: 500;
    line-height: 5vw;
  }
}

.p-casestudy__box__no {
  font-size: min(4.5vw, 86px);
  font-weight: 600;
  letter-spacing: 0.3vw;
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  color: #4243f1;
  opacity: 0;
  position: absolute;
  top: 0.9375rem;
  right: 2rem;
  width: auto;
  height: auto;
}
@media screen and (max-width: 959px) {
  .p-casestudy__box__no {
    display: none;
  }
}

.p-casestudy__box__noSP {
  display: none;
}
@media screen and (max-width: 959px) {
  .p-casestudy__box__noSP {
    font-size: 12vw;
    display: block;
    font-weight: 700;
    letter-spacing: 0.3vw;
    font-family: "Barlow Condensed", sans-serif;
    font-style: normal;
    color: #4243f1;
  }
}

.p-casestudy__box__link {
  position: absolute;
  bottom: 0;
  right: 0;
  width: min(5.2083333333vw, 100px);
  height: min(5.2083333333vw, 100px);
  -webkit-padding-before: min(0.5208333333vw, 10px);
          padding-block-start: min(0.5208333333vw, 10px);
  -webkit-padding-start: min(0.5208333333vw, 10px);
          padding-inline-start: min(0.5208333333vw, 10px);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.p-casestudy__box__link.is-show {
  opacity: 1;
}
@media (any-hover: hover) {
  .p-casestudy__box__link:hover .p-casestudy__box__link__box {
    background: #2d2ee0;
  }
  .p-casestudy__box__link:hover .p-casestudy__box__link__icon {
    -webkit-animation: 0.7s ease-in-out forwards disappearBtn;
            animation: 0.7s ease-in-out forwards disappearBtn;
  }
}
@media screen and (max-width: 959px) {
  .p-casestudy__box__link {
    width: 12vw;
    height: 12vw;
    -webkit-padding-before: 1.3333333333vw;
            padding-block-start: 1.3333333333vw;
    -webkit-padding-start: 1.3333333333vw;
            padding-inline-start: 1.3333333333vw;
  }
}

.p-casestudy__box__link__box {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4243f1;
  overflow: hidden;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.p-casestudy__box__link__icon {
  width: min(2.1875vw, 42px);
  height: auto;
  aspect-ratio: 1;
  rotate: -45deg;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
@media screen and (max-width: 959px) {
  .p-casestudy__box__link__icon {
    width: 4.6666666667vw;
    height: 4.6666666667vw;
  }
}
.p-casestudy__box__link__icon img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-casestudy__box__link__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-casestudy__partition {
  width: 47.2vw;
  height: 0.2vw;
}
@media screen and (max-width: 959px) {
  .p-casestudy__partition {
    margin: 3vw 0;
    width: 75.3vw;
    height: 0.4vw;
  }
}

.p-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 8.1875rem;
  background: repeating-linear-gradient(310deg, #4243f1, #5b7ad5 42%, #7caaa6 59%, #9dd977 78%, #c6ff34);
  overflow-x: clip;
}
@media screen and (max-width: 959px) {
  .p-about {
    padding-top: 20vw;
  }
}

.p-about__pin-start {
  margin-bottom: 9.375rem;
}
@media screen and (max-width: 959px) {
  .p-about__pin-start {
    margin-bottom: 21.3333333333vw;
  }
}

.p-about__h2__text {
  font-size: min(8.7vw, 167px);
  letter-spacing: -0.2vw;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #4243f1;
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  display: block;
  -webkit-transform: translateY(130%);
          transform: translateY(130%);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  text-align: center;
}
@media screen and (max-width: 959px) {
  .p-about__h2__text {
    font-size: 14.6666666667vw;
  }
}

.p-about__h2.u-slideUp .p-about__h2__text {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.p-about__h3 {
  font-size: min(7vw, 134px);
  margin: -1.4vw 0 0 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #4243f1;
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-about__h3 {
    font-size: 12vw;
  }
}

.p-about__inner {
  width: min(105rem, 100%);
  padding-inline: 2.5rem;
  margin-inline: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 959px) {
  .p-about__inner {
    padding-inline: 6.6666666667vw;
  }
}

.p-about__wrapper {
  margin: min(5vw, 96px) 0 0;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border-radius: min(1.8vw, 35px);
  padding-top: min(6.6vw, 127px);
  clip-path: inset(0 100% 0 0);
  position: relative;
  height: auto;
}
.p-about__wrapper.is-show {
  -webkit-animation: clipPath 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards;
          animation: clipPath 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@media screen and (max-width: 959px) {
  .p-about__wrapper {
    margin-top: 11.5vw;
    border-radius: 5vw;
    padding-top: 9vw;
  }
}

.p-about__pin {
  position: relative;
  top: auto;
  left: auto;
  translate: none;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.p-about__wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-inline: 4.375rem;
}
@media screen and (max-width: 959px) {
  .p-about__wrapper-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-inline: 2.6666666667vw;
  }
}

.p-about__img {
  width: min(29.53125vw, 567px);
  height: auto;
  aspect-ratio: 567/609;
}
@media screen and (max-width: 959px) {
  .p-about__img {
    width: 100%;
    aspect-ratio: 567/609;
    max-width: 630px;
  }
}
.p-about__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-about__wrapper__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-about__partition {
  display: block;
  width: 100%;
  height: 0.2vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 5.625rem;
}

.p-about__partition2 {
  display: block;
  width: 100%;
  height: 0.2vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-about__text {
  font-size: min(3.85vw, 74px);
  font-weight: 600;
  color: #4243f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: -1vw;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-about__text {
    font-size: 6.5vw;
  }
}

.p-about__item-small {
  position: absolute;
  bottom: 1.25rem;
  right: 4.375rem;
  font-size: 1.375rem;
  font-weight: 600;
  color: #4243f1;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-about__item-small {
    font-size: 1.8666666667vw;
    bottom: 1.3333333333vw;
    right: 2.6666666667vw;
  }
}

.p-about__comment {
  margin-top: min(3vw, 58px);
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 959px) {
  .p-about__comment {
    width: auto;
  }
}

.p-about__comment__text {
  font-size: min(1.7vw, 33px);
  font-weight: 600;
  line-height: min(1.9vw, 37px);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #4243f1;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-about__comment__text {
    margin: 11.1vw 1vw;
    font-size: 3.4vw;
    font-weight: 500;
    line-height: 5.3vw;
  }
}

.p-about__item__box {
  width: 100%;
  height: min(41vw, 787px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-about__item__box.--01 {
  padding-block: 5.625rem 15rem;
}
@media screen and (max-width: 959px) {
  .p-about__item__box.--01 {
    padding-block: 0;
  }
}
.p-about__item__box.--02 {
  padding-block: 4.375rem 15rem;
}
@media screen and (max-width: 959px) {
  .p-about__item__box.--02 {
    padding-block: 0;
  }
}
@media screen and (max-width: 959px) {
  .p-about__item__box {
    margin-block: 12vw 21.3333333333vw;
  }
}

.p-about__chart {
  position: relative;
  margin: 0 auto;
  width: min(59vh, 40rem);
  width: min(59svh, 40rem);
  height: min(59vh, 40rem);
  height: min(59svh, 40rem);
  border-radius: 50%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1400px) {
  .p-about__chart {
    width: 31.25rem;
    height: 31.25rem;
  }
}
@media screen and (max-width: 959px) {
  .p-about__chart {
    width: 38.2666666667vw;
    height: 38.2666666667vw;
  }
}

.p-about__chart2 {
  margin: 0 auto;
  width: min(59vh, 40rem);
  width: min(59svh, 40rem);
  height: min(59vh, 40rem);
  height: min(59svh, 40rem);
}
@media (max-width: 1400px) {
  .p-about__chart2 {
    width: 31.25rem;
    height: 31.25rem;
  }
}
@media screen and (max-width: 959px) {
  .p-about__chart2 {
    width: 38.2666666667vw;
    height: 38.2666666667vw;
  }
}
.p-about__chart2 {
  border-radius: 50%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-about__chart__inner {
  width: min(48vh, 32.375rem);
  width: min(48svh, 32.375rem);
  height: min(48vh, 32.375rem);
  height: min(48svh, 32.375rem);
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 4;
}
@media (max-width: 1400px) {
  .p-about__chart__inner {
    width: 26.125rem;
    height: 26.125rem;
  }
}
@media screen and (max-width: 959px) {
  .p-about__chart__inner {
    width: 30.2666666667vw;
    height: 30.2666666667vw;
  }
}

.p-about__chart-item1,
.p-about__chart-item2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.p-about__chart-item1 svg,
.p-about__chart-item2 svg {
  width: 100%;
  height: 100%;
}

.p-about__chart-item1 .circle circle,
.p-about__chart-item2 .circle circle {
  stroke-dasharray: 0 169.65;
}

.p-about__chart-item1.is-active .circle circle:nth-child(1) {
  -webkit-animation: c1s1 0.48s 0s forwards linear;
          animation: c1s1 0.48s 0s forwards linear;
}

.p-about__chart-item1.is-active .circle circle:nth-child(2) {
  -webkit-animation: cdiv 0.05s 0.48s forwards linear;
          animation: cdiv 0.05s 0.48s forwards linear;
}

.p-about__chart-item1.is-active .circle circle:nth-child(3) {
  -webkit-animation: c1s2 0.1s 0.48s forwards linear;
          animation: c1s2 0.1s 0.48s forwards linear;
}

.p-about__chart-item1.is-active .circle circle:nth-child(4) {
  -webkit-animation: cdiv 0.05s 0.58s forwards linear;
          animation: cdiv 0.05s 0.58s forwards linear;
}

.p-about__chart-item1.is-active .circle circle:nth-child(5) {
  -webkit-animation: c1s3 0.07s 0.58s forwards linear;
          animation: c1s3 0.07s 0.58s forwards linear;
}

.p-about__chart-item1.is-active .circle circle:nth-child(6) {
  -webkit-animation: cdiv 0.05s 0.65s forwards linear;
          animation: cdiv 0.05s 0.65s forwards linear;
}

.p-about__chart-item1.is-active .circle circle:nth-child(7) {
  -webkit-animation: c1s4 0.06s 0.65s forwards linear;
          animation: c1s4 0.06s 0.65s forwards linear;
}

.p-about__chart-item1.is-active .circle circle:nth-child(8) {
  -webkit-animation: cdiv 0.05s 0.71s forwards linear;
          animation: cdiv 0.05s 0.71s forwards linear;
}

.p-about__chart-item1.is-active .circle circle:nth-child(9) {
  -webkit-animation: c1s5 0.29s 0.71s forwards linear;
          animation: c1s5 0.29s 0.71s forwards linear;
}

@-webkit-keyframes c1s1 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 81.43 169.65;
  }
}

@keyframes c1s1 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 81.43 169.65;
  }
}
@-webkit-keyframes c1s2 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 16.63 169.65;
  }
}
@keyframes c1s2 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 16.63 169.65;
  }
}
@-webkit-keyframes c1s3 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 11.54 169.65;
  }
}
@keyframes c1s3 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 11.54 169.65;
  }
}
@-webkit-keyframes c1s4 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 9.84 169.65;
  }
}
@keyframes c1s4 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 9.84 169.65;
  }
}
@-webkit-keyframes c1s5 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 49.03 169.65;
  }
}
@keyframes c1s5 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 49.03 169.65;
  }
}
@-webkit-keyframes cdiv {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 0.34 169.65;
  }
}
@keyframes cdiv {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 0.34 169.65;
  }
}
.p-about__chart-item2.is-active .circle circle:nth-child(1) {
  -webkit-animation: c2s1 0.29s 0s forwards linear;
          animation: c2s1 0.29s 0s forwards linear;
}

.p-about__chart-item2.is-active .circle circle:nth-child(2) {
  -webkit-animation: cdiv 0.05s 0.29s forwards linear;
          animation: cdiv 0.05s 0.29s forwards linear;
}

.p-about__chart-item2.is-active .circle circle:nth-child(3) {
  -webkit-animation: c2s2 0.15s 0.29s forwards linear;
          animation: c2s2 0.15s 0.29s forwards linear;
}

.p-about__chart-item2.is-active .circle circle:nth-child(4) {
  -webkit-animation: cdiv 0.05s 0.44s forwards linear;
          animation: cdiv 0.05s 0.44s forwards linear;
}

.p-about__chart-item2.is-active .circle circle:nth-child(5) {
  -webkit-animation: c2s3 0.09s 0.44s forwards linear;
          animation: c2s3 0.09s 0.44s forwards linear;
}

.p-about__chart-item2.is-active .circle circle:nth-child(6) {
  -webkit-animation: cdiv 0.05s 0.53s forwards linear;
          animation: cdiv 0.05s 0.53s forwards linear;
}

.p-about__chart-item2.is-active .circle circle:nth-child(7) {
  -webkit-animation: c2s4 0.08s 0.53s forwards linear;
          animation: c2s4 0.08s 0.53s forwards linear;
}

.p-about__chart-item2.is-active .circle circle:nth-child(8) {
  -webkit-animation: cdiv 0.05s 0.61s forwards linear;
          animation: cdiv 0.05s 0.61s forwards linear;
}

.p-about__chart-item2.is-active .circle circle:nth-child(9) {
  -webkit-animation: c2s5 0.07s 0.61s forwards linear;
          animation: c2s5 0.07s 0.61s forwards linear;
}

.p-about__chart-item2.is-active .circle circle:nth-child(10) {
  -webkit-animation: cdiv 0.05s 0.68s forwards linear;
          animation: cdiv 0.05s 0.68s forwards linear;
}

.p-about__chart-item2.is-active .circle circle:nth-child(11) {
  -webkit-animation: c2s6 0.06s 0.68s forwards linear;
          animation: c2s6 0.06s 0.68s forwards linear;
}

.p-about__chart-item2.is-active .circle circle:nth-child(12) {
  -webkit-animation: cdiv 0.05s 0.74s forwards linear;
          animation: cdiv 0.05s 0.74s forwards linear;
}

.p-about__chart-item2.is-active .circle circle:nth-child(13) {
  -webkit-animation: c2s7 0.26s 0.74s forwards linear;
          animation: c2s7 0.26s 0.74s forwards linear;
}

@-webkit-keyframes c2s1 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 49.03 169.65;
  }
}

@keyframes c2s1 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 49.03 169.65;
  }
}
@-webkit-keyframes c2s2 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 25.11 169.65;
  }
}
@keyframes c2s2 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 25.11 169.65;
  }
}
@-webkit-keyframes c2s3 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 14.93 169.65;
  }
}
@keyframes c2s3 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 14.93 169.65;
  }
}
@-webkit-keyframes c2s4 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 13.23 169.65;
  }
}
@keyframes c2s4 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 13.23 169.65;
  }
}
@-webkit-keyframes c2s5 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 11.54 169.65;
  }
}
@keyframes c2s5 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 11.54 169.65;
  }
}
@-webkit-keyframes c2s6 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 9.84 169.65;
  }
}
@keyframes c2s6 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 9.84 169.65;
  }
}
@-webkit-keyframes c2s7 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 43.94 169.65;
  }
}
@keyframes c2s7 {
  0% {
    stroke-dasharray: 0 169.65;
  }
  100% {
    stroke-dasharray: 43.94 169.65;
  }
}
.p-about__user__text {
  color: #4243f1;
  font-size: min(2.4vw, 46px);
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
@media screen and (max-width: 959px) {
  .p-about__user__text {
    font-size: 2.4vw;
  }
}

.p-about__user__text span {
  color: #4243f1 !important;
}

.p-about__userSpFlex {
  display: contents;
}
.p-about__user {
  position: absolute;
  width: auto;
  height: auto;
  z-index: 5;
}
.p-about__user .p-about__user__text {
  position: relative;
}
.p-about__user .p-about__user__text::before {
  position: absolute;
  content: "";
  width: min(4.6875vw, 90px);
  height: 1px;
  background: #4243f1;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
@media screen and (max-width: 959px) {
  .p-about__user .p-about__user__text::before {
    width: 5.2vw;
  }
}
.p-about__user._01 {
  top: calc(50% + 4.1875rem);
  translate: 0 -50%;
  left: calc(100% + 8.5rem);
}
@media (max-width: 1750px) {
  .p-about__user._01 {
    top: calc(50% + 7.5rem);
    left: calc(100% + 7.9375rem);
  }
}
@media (max-width: 1650px) {
  .p-about__user._01 {
    top: calc(50% + 9.375rem);
    left: calc(100% + 6.875rem);
  }
}
@media (max-width: 1550px) {
  .p-about__user._01 {
    top: calc(50% + 11.875rem);
    left: calc(100% + 3.125rem);
  }
}
@media (max-width: 1550px) {
  .p-about__user._01 {
    top: calc(50% + 12.5rem);
    left: calc(100% + 1.875rem);
  }
}
@media (max-width: 1030px) {
  .p-about__user._01 {
    top: calc(50% + 11.25rem);
    left: calc(100% + 0rem);
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._01 {
    top: calc(50% + 6.4vw);
    left: calc(100% + 2.1333333333vw);
  }
}
.p-about__user._01 .p-about__user__text::before {
  right: calc(100% + 1.875rem);
  top: 1.8125rem;
}
@media (max-width: 1550px) {
  .p-about__user._01 .p-about__user__text::before {
    right: calc(100% + 0rem);
    top: 3.125rem;
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._01 .p-about__user__text::before {
    right: calc(100% - 4.6666666667vw);
    top: -1.3333333333vw;
    rotate: 11deg;
  }
}
.p-about__user._02 {
  top: calc(100% + 1.875rem);
  left: calc(50% - 7.5rem);
  translate: -50%;
}
@media (max-width: 1400px) {
  .p-about__user._02 {
    top: calc(100% + 1.5rem);
    left: calc(50% - 5.625rem);
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._02 {
    top: calc(100% + 6vw);
    left: calc(50% - 12.6666666667vw);
  }
}
.p-about__user._02 .p-about__user__text::before {
  left: calc(50% + min(0.5729166667vw, 11px));
  translate: -50%;
  top: 0px;
  rotate: -37deg;
}
@media screen and (max-width: 959px) {
  .p-about__user._02 .p-about__user__text::before {
    translate: 0;
    left: auto;
    right: -1.2vw;
    top: -2.9333333333vw;
    rotate: -77deg;
  }
}
.p-about__user._03 {
  top: calc(100% - 2.625rem);
  left: calc(50% - 24.375rem);
  translate: -50%;
}
@media (max-width: 1600px) {
  .p-about__user._03 {
    top: calc(100% - 2.625rem);
    left: calc(50% - 22.875rem);
  }
}
@media (max-width: 1400px) {
  .p-about__user._03 {
    top: calc(100% - 2.625rem);
    left: calc(50% - 20rem);
  }
}
@media (max-width: 1250px) {
  .p-about__user._03 {
    left: calc(50% - 18.125rem);
  }
}
@media (max-width: 1030px) {
  .p-about__user._03 {
    top: calc(100% - 2.625rem);
    left: calc(50% - 16.875rem);
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._03 {
    top: calc(100% - 3.7333333333vw);
    left: calc(50% - 25.4666666667vw);
  }
}
.p-about__user._03 .p-about__user__text::before {
  left: calc(50% + min(7.8125vw, 150px));
  translate: -50%;
  top: 0px;
  rotate: -25deg;
}
@media screen and (max-width: 959px) {
  .p-about__user._03 .p-about__user__text::before {
    translate: 0;
    left: calc(100% + 0.6666666667vw);
    top: 1.4666666667vw;
    rotate: -45deg;
  }
}
.p-about__user._04 {
  top: calc(50% + 8.1875rem);
  right: calc(100% + 5.875rem);
  translate: 0 -50%;
}
@media (max-width: 1400px) {
  .p-about__user._04 {
    top: calc(50% + 6.6875rem);
    right: calc(100% + 4.375rem);
  }
}
@media (max-width: 1030px) {
  .p-about__user._04 {
    top: calc(50% + 6.6875rem);
    right: calc(100% + 2.875rem);
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._04 {
    top: calc(50% + 3.6vw);
    right: calc(100% + 5.7333333333vw);
  }
}
.p-about__user._04 .p-about__user__text::before {
  left: calc(50% + min(9.5833333333vw, 184px));
  translate: -50%;
  bottom: 21px;
  rotate: -2deg;
}
@media screen and (max-width: 959px) {
  .p-about__user._04 .p-about__user__text::before {
    left: calc(50% + 9.8666666667vw);
    bottom: 0.5333333333vw;
    rotate: 2deg;
  }
}
.p-about__user._01-2 {
  top: -0.5625rem;
  left: calc(100% + 8.25rem);
}
@media (max-width: 1250px) {
  .p-about__user._01-2 {
    top: -0.5625rem;
    left: calc(100% + 4rem);
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._01-2 {
    top: -2vw;
    left: calc(100% + 8.2666666667vw);
  }
}
.p-about__user._01-2 .p-about__user__text::before {
  width: 8.875rem;
  right: calc(100% + 0.625rem);
  top: calc(50% + 2.0625rem);
  translate: 0 -50%;
  rotate: -27deg;
}
@media (max-width: 1250px) {
  .p-about__user._01-2 .p-about__user__text::before {
    width: 5.625rem;
    right: calc(100% + 0.625rem);
    top: calc(50% - 0.1875rem);
    translate: 0 -50%;
    rotate: -27deg;
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._01-2 .p-about__user__text::before {
    width: 8vw;
    right: calc(100% + 1.6vw);
    top: calc(50% + 1.7333333333vw);
    rotate: -22deg;
  }
}
.p-about__user._02-2 {
  bottom: -0.8125rem;
  left: calc(100% + 6.6875rem);
}
@media (max-width: 1250px) {
  .p-about__user._02-2 {
    bottom: 0.6875rem;
    left: calc(100% + 3.1875rem);
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._02-2 {
    bottom: -3.0666666667vw;
    left: calc(100% + 6.9333333333vw);
  }
}
.p-about__user._02-2 .p-about__user__text::before {
  width: 9.0625rem;
  right: calc(100% + 1rem);
  top: 3rem;
  rotate: 18deg;
}
@media (max-width: 1250px) {
  .p-about__user._02-2 .p-about__user__text::before {
    width: 5.625rem;
    right: calc(100% + 0.625rem);
    top: calc(50% - 0.1875rem);
    translate: 0 -50%;
    rotate: 18deg;
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._02-2 .p-about__user__text::before {
    width: 8vw;
    right: calc(100% + 1.0666666667vw);
    top: 2.2666666667vw;
    rotate: 14deg;
  }
}
.p-about__user._03-2 {
  top: calc(100% + 1.625rem);
  left: calc(50% + 8.75rem);
  translate: -50%;
}
@media (max-width: 1250px) {
  .p-about__user._03-2 {
    top: calc(100% + 1.0625rem);
    left: calc(50% + 6.625rem);
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._03-2 {
    top: calc(100% + 2.9333333333vw);
    left: calc(50% + 8.9333333333vw);
  }
}
.p-about__user._03-2 .p-about__user__text::before {
  left: min(0.46875vw, 9px);
  top: min(0.46875vw, 9px);
  rotate: 36deg;
}
@media screen and (max-width: 959px) {
  .p-about__user._03-2 .p-about__user__text::before {
    left: 1.8666666667vw;
    top: 0.2666666667vw;
    rotate: 77deg;
  }
}
.p-about__user._04-2 {
  left: calc(50% - 13.8125rem);
  top: calc(100% + 2.125rem);
  translate: -50%;
}
@media (max-width: 1600px) {
  .p-about__user._04-2 {
    top: calc(100% + 1.4375rem);
  }
}
@media (max-width: 1550px) {
  .p-about__user._04-2 {
    top: calc(100% + 1.25rem);
    left: calc(50% - 14rem);
  }
}
@media (max-width: 1400px) {
  .p-about__user._04-2 {
    top: calc(100% + 1.5625rem);
    left: calc(50% - 10.9375rem);
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._04-2 {
    top: calc(100% + 2.5333333333vw);
    left: calc(50% - 13.2vw);
  }
}
.p-about__user._04-2 .p-about__user__text::before {
  left: calc(100% - 2.9375rem);
  top: -1.375rem;
  rotate: -45deg;
}
@media (max-width: 1250px) {
  .p-about__user._04-2 .p-about__user__text::before {
    left: calc(100% - 2.125rem);
    top: -1.375rem;
    rotate: -45deg;
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._04-2 .p-about__user__text::before {
    left: calc(100% - 3.4666666667vw);
    top: -1.6vw;
    rotate: -50deg;
  }
}
.p-about__user._05-2 {
  bottom: 0.75rem;
  left: calc(50% - 23.6875rem);
  translate: -50%;
}
@media (max-width: 1400px) {
  .p-about__user._05-2 {
    bottom: 0.3125rem;
    left: calc(50% - 20.3125rem);
  }
}
@media (max-width: 1250px) {
  .p-about__user._05-2 {
    bottom: 1.1875rem;
    left: calc(50% - 17.875rem);
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._05-2 {
    bottom: -0.2666666667vw;
    left: calc(50% - 23.3333333333vw);
  }
}
.p-about__user._05-2 .p-about__user__text::before {
  left: calc(50% + 6.1875rem);
  translate: -50%;
  top: 0.125rem;
  rotate: -39deg;
}
@media (max-width: 1250px) {
  .p-about__user._05-2 .p-about__user__text::before {
    left: calc(50% + 3.75rem);
    top: 0.125rem;
    rotate: -39deg;
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._05-2 .p-about__user__text::before {
    left: calc(50% + 7.0666666667vw);
    top: 0.5333333333vw;
    rotate: -31deg;
  }
}
.p-about__user._06-2 {
  top: calc(50% + 2.75rem);
  right: calc(100% + 7.3125rem);
  translate: 0 -50%;
}
@media (max-width: 1550px) {
  .p-about__user._06-2 {
    top: calc(50% + 3.375rem);
    right: calc(100% + 7.3125rem);
  }
}
@media (max-width: 1400px) {
  .p-about__user._06-2 {
    top: calc(50% + 2.75rem);
    right: calc(100% + 7.3125rem);
  }
}
@media (max-width: 1250px) {
  .p-about__user._06-2 {
    top: calc(50% + 2.75rem);
    right: calc(100% + 4.6875rem);
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._06-2 {
    top: calc(50% + 2.6666666667vw);
    right: calc(100% + 7.4666666667vw);
  }
}
.p-about__user._06-2 .p-about__user__text::before {
  left: calc(50% + 9.375rem);
  translate: -50%;
  bottom: 0.625rem;
  rotate: 2deg;
}
@media (max-width: 1250px) {
  .p-about__user._06-2 .p-about__user__text::before {
    left: calc(50% + 6.1875rem);
    bottom: 0.625rem;
    rotate: 2deg;
  }
}
@media screen and (max-width: 959px) {
  .p-about__user._06-2 .p-about__user__text::before {
    left: calc(50% + 8.9333333333vw);
    bottom: 0.4vw;
    rotate: 2deg;
  }
}

.p-about__user._01 .spn01 {
  font-size: min(9.3vw, 179px);
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  line-height: min(9.7vw, 186px);
}
@media screen and (max-width: 959px) {
  .p-about__user._01 .spn01 {
    font-size: 10.7666666667vw;
    line-height: 10.7vw;
  }
}
.p-about__user._01 .spn02 {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-size: min(4.5vw, 86px);
  margin: 1vw;
  font-weight: 800;
}
@media screen and (max-width: 959px) {
  .p-about__user._01 .spn02 {
    font-size: 4.9vw;
    margin: 0.6vw 0.6vw;
  }
}
.p-about__user._01-2 .spn01 {
  font-size: min(9vw, 173px);
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  line-height: min(9.7vw, 186px);
}
@media screen and (max-width: 959px) {
  .p-about__user._01-2 .spn01 {
    font-size: 10.7666666667vw;
    line-height: 10.7vw;
  }
}
.p-about__user._01-2 .spn02 {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-size: min(4.5vw, 86px);
  font-weight: 800;
}
@media screen and (max-width: 959px) {
  .p-about__user._01-2 .spn02 {
    font-size: 4.9vw;
    margin: 0.6vw 0.5333333333vw;
  }
}
.p-about__user._02 p {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-size: min(1.5vw, 29px);
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 959px) {
  .p-about__user._02 p {
    font-size: 2.1333333333vw;
  }
}
.p-about__user._02 p .spn01 {
  font-size: min(4.4vw, 84px);
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-about__user._02 p .spn01 {
    font-size: 4.9vw;
  }
}
.p-about__user._02 p .spn02 {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-size: min(2vw, 38px);
  font-weight: 600;
}
@media screen and (max-width: 959px) {
  .p-about__user._02 p .spn02 {
    font-size: 2.1333333333vw;
  }
}
.p-about__user._02-2 p {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-size: min(2.5vw, 48px);
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 959px) {
  .p-about__user._02-2 p {
    font-size: 2.4vw;
  }
}
.p-about__user._02-2 p .spn01 {
  font-size: min(6vw, 115px);
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-about__user._02-2 p .spn01 {
    font-size: 8.7666666667vw;
  }
}
.p-about__user._02-2 p .spn02 {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-size: min(3vw, 58px);
  font-weight: 600;
}
@media screen and (max-width: 959px) {
  .p-about__user._02-2 p .spn02 {
    font-size: 4.3666666667vw;
  }
}
.p-about__user._03 p {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-size: min(1.3vw, 25px);
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 959px) {
  .p-about__user._03 p {
    font-size: 1.8666666667vw;
  }
}
.p-about__user._03 p .spn01 {
  font-size: min(4vw, 80px);
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-about__user._03 p .spn01 {
    font-size: 4.9vw;
  }
}
.p-about__user._03 p .spn02 {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-size: min(1.5vw, 29px);
  font-weight: 600;
}
@media screen and (max-width: 959px) {
  .p-about__user._03 p .spn02 {
    font-size: 2.1333333333vw;
  }
}
.p-about__user._03-2 p {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-size: min(1.5vw, 29px);
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 959px) {
  .p-about__user._03-2 p {
    font-size: 2.1333333333vw;
  }
}
.p-about__user._03-2 p .spn01 {
  font-size: min(4.4vw, 84px);
  margin-left: 5px;
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-about__user._03-2 p .spn01 {
    font-size: 6.6333333333vw;
    margin-left: 0.6666666667vw;
  }
}
.p-about__user._03-2 p .spn02 {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-size: min(2vw, 38px);
  font-weight: 600;
}
@media screen and (max-width: 959px) {
  .p-about__user._03-2 p .spn02 {
    font-size: 2.1333333333vw;
  }
}
.p-about__user._04 p {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-size: min(1.3vw, 25px);
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px) {
  .p-about__user._04 p {
    font-size: 1.8666666667vw;
  }
}
.p-about__user._04 .spn01 {
  font-size: min(3.3vw, 67px);
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  margin-left: 0.9375rem;
}
@media screen and (max-width: 959px) {
  .p-about__user._04 .spn01 {
    font-size: 4.9vw;
    margin-left: 8vw;
  }
}
.p-about__user._04 .spn02 {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-size: min(1.5vw, 29px);
  font-weight: 600;
  margin-left: min(0.3125vw, 6px);
  margin-top: min(1.3541666667vw, 26px);
}
@media screen and (max-width: 959px) {
  .p-about__user._04 .spn02 {
    font-size: 2.1333333333vw;
    margin-left: 0vw;
    margin-top: 3.4666666667vw;
  }
}
.p-about__user._04-2 p {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-size: 1.5vw;
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 959px) {
  .p-about__user._04-2 p {
    font-size: 1.8666666667vw;
  }
}
.p-about__user._04-2 p .spn01 {
  font-size: min(4.4vw, 84px);
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-about__user._04-2 p .spn01 {
    font-size: 5.4333333333vw;
  }
}
.p-about__user._04-2 p .spn02 {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-size: min(2vw, 38px);
  margin-left: 5px;
  margin-top: 26px;
  font-weight: 600;
}
@media screen and (max-width: 959px) {
  .p-about__user._04-2 p .spn02 {
    font-size: 2.1333333333vw;
    margin-left: 0.6666666667vw;
    margin-top: 3.4666666667vw;
  }
}
.p-about__user._05-2 p {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-size: min(1.5vw, 29px);
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 959px) {
  .p-about__user._05-2 p {
    font-size: 2.1333333333vw;
  }
}
.p-about__user._05-2 p .spn01 {
  font-size: min(4.4vw, 84px);
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-about__user._05-2 p .spn01 {
    font-size: 4.9vw;
  }
}
.p-about__user._05-2 p .spn02 {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-size: min(2vw, 38px);
  margin-left: 5px;
  margin-top: 26px;
  font-weight: 600;
}
@media screen and (max-width: 959px) {
  .p-about__user._05-2 p .spn02 {
    margin-left: 0.6666666667vw;
    margin-top: 3.4666666667vw;
  }
}
.p-about__user._06-2 p {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-size: 1.5vw;
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.p-about__user._06-2 p .spn01 {
  font-size: min(4.4vw, 84px);
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
}
.p-about__user._06-2 p .spn02 {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-size: min(2vw, 38px);
  margin-left: 5px;
  margin-top: 26px;
  font-weight: 600;
}
@media screen and (max-width: 959px) {
  .p-about__user._06-2 p .spn02 {
    font-size: 2.1333333333vw;
    margin-left: 0.6666666667vw;
    margin-top: 3.4666666667vw;
  }
}

.p-about__graph__text {
  font-size: min(3.1vw, 60px);
  font-weight: 700;
  color: #4243f1;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.p-about__graph__text.--02 {
  font-size: min(2.8vw, 54px);
}

@media screen and (max-width: 959px) {
  .p-about__h2 {
    font-size: 14.5vw;
  }
}

@media screen and (max-width: 959px) {
  .p-about-mtSp90 {
    margin-top: 12vw;
  }
}

.p-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: repeating-linear-gradient(140deg, #4243f1, #5b7ad5 42%, #7caaa6 59%, #9dd977 78%, #c6ff34);
  padding-bottom: min(6.7vw, 129px);
  margin-top: -2px;
}
@media screen and (max-width: 959px) {
  .p-media {
    padding: 24.6666666667vw 0 20vw 0;
  }
}

.p-media__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  overflow: hidden;
}

.p-media__top__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-animation: loop-infinite 15s linear infinite;
          animation: loop-infinite 15s linear infinite;
}

.p-media__h2 {
  margin-top: min(6vw, 115px);
  font-size: min(8.7vw, 167px);
  letter-spacing: -0.2vw;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #c6ff34;
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-media__h2 {
    margin: 0;
  }
}

.p-media__h2__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-animation: loop-media 10s linear infinite;
          animation: loop-media 10s linear infinite;
  gap: 50px;
}

.p-media__h2__comment {
  margin-top: min(3.8vw, 73px);
  font-size: min(2vw, 38px);
  font-weight: 600;
  line-height: min(3.4vw, 65px);
  color: #fff;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.8s ease, -webkit-transform 1s ease;
  transition: opacity 0.8s ease, -webkit-transform 1s ease;
  transition: opacity 0.8s ease, transform 1s ease;
  transition: opacity 0.8s ease, transform 1s ease, -webkit-transform 1s ease;
}
@media screen and (max-width: 959px) {
  .p-media__h2__comment {
    margin-top: 12vw;
    font-size: 4vw;
    line-height: 6.6vw;
  }
}

.p-media__top.is-active .p-media__h2__comment {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.p-media__h2__text {
  font-size: min(8.7vw, 167px);
  letter-spacing: -0.2vw;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #c6ff34;
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-media__h2__text {
    font-size: 15.5vw;
  }
}

.p-media__h3 {
  font-size: min(3vw, 58px);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #4243f1;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  margin: 0 0 1vw 0;
  opacity: 0;
}
.p-media__h3 span {
  font-size: 2vw;
}
@media screen and (max-width: 959px) {
  .p-media__h3 span {
    font-size: 3.6666666667vw;
  }
}
@media screen and (max-width: 959px) {
  .p-media__h3 {
    font-size: 5.3333333333vw;
    margin: 0 0 6.4vw 0;
  }
}

.p-media__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 4.6vw;
  width: min(90.8vw, 1744px);
  gap: 5.3vw;
}
@media screen and (max-width: 959px) {
  .p-media__list {
    margin-top: 13.3vw;
    width: 84.3vw;
    gap: 7vw;
  }
}

.p-media__list__wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.p-media__list__item {
  border-radius: 2.7vw 2.7vw 0 2.7vw;
  position: relative;
  background-color: #c6ff34;
  width: 100%;
  clip-path: inset(0 100% 0 0);
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid min(0.3125vw, 6px) #4243f1;
}
.p-media__list__item.is-show {
  -webkit-animation: clipPath 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards;
          animation: clipPath 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.p-media__list__item.is-show .p-media__box {
  -webkit-animation: clipPath 0.8s 0.3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
          animation: clipPath 0.8s 0.3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@media screen and (max-width: 959px) {
  .p-media__list__item {
    border-radius: 6.5vw 6.5vw 0 6.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border: solid 0.8vw #4243f1;
  }
}

.p-media__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (max-width: 959px) {
  .p-media__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-media__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 23px;
}
@media screen and (max-width: 959px) {
  .p-media__flex {
    margin-top: 1.9vw;
  }
}

.p-media__images {
  width: calc(min(31.71875vw, 609px) / 90.9vw * 100%);
  height: 100%;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  gap: min(0.5208333333vw, 10px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: min(2.2395833333vw, 43px) 0 min(2.2395833333vw, 43px) 2.3vw;
  opacity: 0;
}
@media screen and (max-width: 959px) {
  .p-media__images {
    width: calc(100% - 10.6666666667vw);
    padding: 5.3333333333vw;
  }
}
.p-media__images.--aife {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.p-media__images.--jcfs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 959px) {
  .p-media__images.--flex-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 959px) {
  .p-media__images.--flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 3.6vw;
       -moz-column-gap: 3.6vw;
            column-gap: 3.6vw;
  }
}

.p-media__img {
  height: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-media__img.--01 {
  width: 100%;
  aspect-ratio: 609/404;
}
@media screen and (max-width: 959px) {
  .p-media__img.--01 {
    aspect-ratio: 569/378;
  }
}
.p-media__img.--02 {
  width: min(30.78125vw, 591px);
  aspect-ratio: 591/435;
  margin-right: -3vw;
}
@media screen and (max-width: 959px) {
  .p-media__img.--02 {
    width: 74.1333333333vw;
    aspect-ratio: 289/217;
    margin-right: -5.3333333333vw;
  }
}
.p-media__img.--03 {
  width: min(19.5833333333vw, 376px);
  aspect-ratio: 376/248;
}
@media screen and (max-width: 959px) {
  .p-media__img.--03:nth-of-type(1) {
    width: 35.2vw;
    aspect-ratio: 264/174;
    position: relative;
    z-index: 2;
    margin-left: -16vw;
  }
}
@media screen and (max-width: 959px) {
  .p-media__img.--03:nth-of-type(2) {
    width: 35.0666666667vw;
    aspect-ratio: 263/175;
    margin-top: 20.8vw;
    margin-left: -13.8666666667vw;
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 959px) {
  .p-media__img.--03:nth-of-type(3) {
    width: 35.0666666667vw;
    aspect-ratio: 263/152;
    margin-top: 4.2666666667vw;
    position: relative;
    z-index: 2;
  }
}
.p-media__img.--04 {
  width: min(28.6458333333vw, 550px);
  aspect-ratio: 550/334;
}
@media screen and (max-width: 959px) {
  .p-media__img.--04:nth-of-type(1) {
    width: 44.2666666667vw;
    aspect-ratio: 332/202;
    margin-right: auto;
  }
}
@media screen and (max-width: 959px) {
  .p-media__img.--04:nth-of-type(2) {
    width: 43.8666666667vw;
    aspect-ratio: 329/192;
    margin-left: auto;
  }
}
.p-media__img.--05-1 {
  width: min(13.9583333333vw, 268px);
  aspect-ratio: 268/357;
  -webkit-padding-start: 1.5vw;
          padding-inline-start: 1.5vw;
}
@media screen and (max-width: 959px) {
  .p-media__img.--05-1 {
    width: 25.3333333333vw;
    aspect-ratio: 190/252;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
}
.p-media__img.--05-2 {
  width: min(26.0416666667vw, 500px);
  aspect-ratio: 500/343;
  -webkit-padding-start: 1.5vw;
          padding-inline-start: 1.5vw;
}
@media screen and (max-width: 959px) {
  .p-media__img.--05-2 {
    width: 47.2vw;
    aspect-ratio: 354/243;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
}
.p-media__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-media__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8vw;
  position: relative;
  z-index: 2;
  padding: min(4.1666666667vw, 80px) min(5.3125vw, 102px) min(4.1666666667vw, 80px) 0;
}
@media screen and (max-width: 959px) {
  .p-media__text {
    padding: 5.8666666667vw 4.5333333333vw 21.0666666667vw;
    gap: 0;
  }
}
@media screen and (max-width: 959px) {
  .p-media__text .c-reveal__textwrapper + .c-reveal__textwrapper {
    margin-top: 1.9vw;
  }
}

.p-media__partition {
  width: 100%;
  height: 0.2vw;
  background-color: #4243f1;
  -webkit-transition: opacity 0.4s ease 0.6s;
  transition: opacity 0.4s ease 0.6s;
}
@media screen and (max-width: 959px) {
  .p-media__partition {
    width: 75.5vw;
    height: 0.6vw;
    margin: 0 0 4.6666666667vw 0;
  }
}

.is-active .p-media__partition {
  opacity: 1;
}

.p-media__Score {
  font-size: min(2.59vw, 50px);
  font-weight: 600;
  color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0.5vw 0.8vw;
  background-color: #4243f1;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-media__Score {
    font-size: 5.5vw;
    padding: 0.4vw 1vw 1.3vw 1vw;
  }
}
.p-media__Score .sp {
  font-size: 2.59vw;
}
@media screen and (max-width: 959px) {
  .p-media__Score .sp {
    font-size: 3.5vw;
  }
}

.p-media__Score span {
  color: #fff;
  font-size: 1.5vw;
}
@media screen and (max-width: 959px) {
  .p-media__Score span {
    font-size: 3.5vw;
  }
}

.p-media-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media screen and (max-width: 959px) {
  .p-media-flex {
    margin-top: 1.9vw;
    -webkit-column-gap: 1.3333333333vw;
       -moz-column-gap: 1.3333333333vw;
            column-gap: 1.3333333333vw;
  }
}

.p-media__small {
  display: inline;
  color: #4243f1;
  font-size: 1.2vw;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .p-media__small {
    font-size: 2.1333333333vw;
  }
}

.p-media__comment {
  width: 100%;
  color: #4243f1;
  font-size: min(1.5625vw, 30px);
  font-weight: 500;
  line-height: 2vw;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  overflow-wrap: break-word;
  white-space: normal;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  margin-top: min(2.0833333333vw, 40px);
}
@media screen and (max-width: 959px) {
  .p-media__comment {
    margin: 4vw 0 0 1vw;
    font-size: 3.1493333333vw;
    line-height: 4.8vw;
  }
}

.p-media__vertical {
  position: relative;
  z-index: 2;
  width: 0.2vw;
  height: -webkit-fill-available;
  background-color: #4243f1;
  margin: 0 3vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: opacity 0.4s ease 0.4s;
  transition: opacity 0.4s ease 0.4s;
}
@media screen and (max-width: 959px) {
  .p-media__vertical {
    width: 100%;
    height: 0.8vw;
  }
}

.p-media__box__link {
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(5.2083333333vw, 100px);
  height: min(5.2083333333vw, 100px);
  -webkit-padding-before: min(0.5208333333vw, 10px);
          padding-block-start: min(0.5208333333vw, 10px);
  -webkit-padding-start: min(0.5208333333vw, 10px);
          padding-inline-start: min(0.5208333333vw, 10px);
  opacity: 0;
  z-index: 2;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.p-media__box__link.is-show {
  opacity: 1;
}
@media (any-hover: hover) {
  .p-media__box__link:hover .p-media__box__link__box {
    background: #2d2ee0;
  }
  .p-media__box__link:hover .p-media__box__link__icon {
    -webkit-animation: 0.7s ease-in-out forwards disappearBtn;
            animation: 0.7s ease-in-out forwards disappearBtn;
  }
}
@media screen and (max-width: 959px) {
  .p-media__box__link {
    width: 12vw;
    height: 12vw;
    -webkit-padding-before: 1.3333333333vw;
            padding-block-start: 1.3333333333vw;
    -webkit-padding-start: 1.3333333333vw;
            padding-inline-start: 1.3333333333vw;
  }
}

.p-media__box__link__box {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4243f1;
  overflow: hidden;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.p-media__box__link__icon {
  width: min(2.1875vw, 42px);
  height: auto;
  aspect-ratio: 1;
  rotate: -45deg;
}
@media screen and (max-width: 959px) {
  .p-media__box__link__icon {
    width: 4.6666666667vw;
    height: 4.6666666667vw;
  }
}
.p-media__box__link__icon svg {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-media__box__link__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: min(4vw, 77px);
}
@media screen and (max-width: 959px) {
  .p-contact {
    padding: 18.4vw 0 0;
  }
}

.p-contact__SlideIn {
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: clip-path 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}

.p-contact__h2__text {
  margin-top: min(6.5vw, 125px);
  font-size: min(8.7vw, 167px);
  letter-spacing: -0.2vw;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #c6ff34;
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  display: block;
  -webkit-transform: translateY(130%);
          transform: translateY(130%);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
  transition: transform 0.8s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (max-width: 959px) {
  .p-contact__h2__text {
    margin: 0 auto;
    font-size: 13.8vw;
    color: #4243f1;
  }
}

.u-slideUp .p-contact__h2__text {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.p-contact__inquiry {
  width: min(83vw, 1594px);
  background-color: #4243f1;
  margin-top: min(5.1vw, 98px);
  height: min(16.7vw, 321px);
  border-radius: min(2.8vw, 54px);
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
@media screen and (max-width: 959px) {
  .p-contact__inquiry {
    margin-top: 12vw;
    border-radius: 6.5vw;
    width: 85vw;
    height: auto;
  }
}
@media (any-hover: hover) {
  .p-contact__inquiry:hover {
    background: #2d2ee0;
  }
}

.p-contact__content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0 6.25rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 959px) {
  .p-contact__content-inner {
    padding: 8vw 5.3333333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: auto;
    gap: 4vw;
  }
}

.p-contact__inquiry__text {
  font-size: min(2.3vw, 44px);
  font-weight: 500;
  color: #c6ff34;
  opacity: 0;
  letter-spacing: 0.05625rem;
  text-align: left;
  line-height: 1.3;
}
@media screen and (max-width: 959px) {
  .p-contact__inquiry__text {
    font-size: 3.8666666667vw;
    margin-left: 0;
    width: 100%;
    letter-spacing: -0.03em;
  }
}

.p-contact__inquiry__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px) {
  .p-contact__inquiry__box {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-column-gap: 3.4666666667vw;
       -moz-column-gap: 3.4666666667vw;
            column-gap: 3.4666666667vw;
  }
}

.p-contact__inquiry__guide {
  font-size: min(1.8vw, 35px);
  font-weight: 500;
  color: #c6ff34;
}
@media screen and (max-width: 959px) {
  .p-contact__inquiry__guide {
    font-size: 3.8666666667vw;
  }
}

.p-contact__inquiry__arrow {
  width: min(4.1vw, 79px);
  height: min(4.1vw, 79px);
  border-radius: 10vw;
  background-color: #c6ff34;
  margin: 0 -3vw 0 3vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px) {
  .p-contact__inquiry__arrow {
    width: 11vw;
    height: 11vw;
    margin: 0;
  }
}

.p-contact__inquiry__arrow__img {
  width: 1vw;
  height: 1vw;
  -webkit-filter: brightness(0) saturate(100%) invert(39%) sepia(93%) saturate(7387%) hue-rotate(241deg) brightness(99%) contrast(91%);
          filter: brightness(0) saturate(100%) invert(39%) sepia(93%) saturate(7387%) hue-rotate(241deg) brightness(99%) contrast(91%);
}
@media screen and (max-width: 959px) {
  .p-contact__inquiry__arrow__img {
    width: 3vw;
    height: 3vw;
  }
}

.p-contact__dataDL {
  width: min(83vw, 1594px);
  background-color: #c6ff34;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: min(2vw, 38px);
  height: min(16.7vw, 321px);
  border-radius: min(2.8vw, 54px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
@media screen and (max-width: 959px) {
  .p-contact__dataDL {
    margin-top: 6.2vw;
    border-radius: 6.5vw;
    width: 85vw;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (any-hover: hover) {
  .p-contact__dataDL:hover {
    background: #9afc27;
  }
}

.p-contact__dataDL__text {
  font-size: min(2.3vw, 44px);
  font-weight: 500;
  color: #4243f1;
  opacity: 0;
  letter-spacing: 0.05625rem;
  text-align: left;
  line-height: 1.3;
}
@media screen and (max-width: 959px) {
  .p-contact__dataDL__text {
    font-size: 3.8666666667vw;
    margin: 2vw 0 0 0;
    letter-spacing: -0.03em;
  }
}

.p-contact__dataDL__link {
  font-size: min(1.8vw, 35px);
  font-weight: 500;
  color: #4243f1;
}
@media screen and (max-width: 959px) {
  .p-contact__dataDL__link {
    font-size: 3.8666666667vw;
  }
}

.p-contact__dataDL__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px) {
  .p-contact__dataDL__box {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-column-gap: 3.4666666667vw;
       -moz-column-gap: 3.4666666667vw;
            column-gap: 3.4666666667vw;
  }
}

.p-contact__dataDL__DL {
  width: min(4.1vw, 79px);
  height: min(4.1vw, 79px);
  border-radius: 10vw;
  background-color: #4243f1;
  margin: 0 -3vw 0 3vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 959px) {
  .p-contact__dataDL__DL {
    width: 11vw;
    height: 11vw;
    margin: 0;
  }
}

.p-contact__dataDL__DL__img {
  width: 1vw;
  height: 1vw;
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(38%) saturate(3780%) hue-rotate(21deg) brightness(108%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(38%) saturate(3780%) hue-rotate(21deg) brightness(108%) contrast(101%);
}
@media screen and (max-width: 959px) {
  .p-contact__dataDL__DL__img {
    width: 3vw;
    height: 3vw;
  }
}

.p-contact__animated__text,
.p-contact__animated__link,
.p-contact__animated__arrow {
  opacity: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}

.p-drawer__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 9.0666666667vw;
  height: 9.0666666667vw;
  border-radius: 50%;
  margin: 0 2vw;
  background-color: #c6ff34;
  position: relative;
  border: none;
}
@media (min-width: 960px) {
  .p-drawer__icon {
    display: none;
  }
}

.p-drawer__icon--bar {
  width: 3.4666666667vw;
  height: 0.5333333333vw;
  background-color: #4243f1;
  display: inline-block;
  position: absolute;
  top: calc((100% - 2px) / 2);
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 1px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.p-drawer__icon--bar:nth-of-type(1) {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}
.p-drawer__icon--bar:nth-of-type(3) {
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
}

.p-drawer__icon.js-show {
  -webkit-transition: 0.5s -webkit-transform;
  transition: 0.5s -webkit-transform;
  transition: 0.5s transform;
  transition: 0.5s transform, 0.5s -webkit-transform;
}
.p-drawer__icon.js-show .p-drawer__icon--bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.p-drawer__icon.js-show .p-drawer__icon--bar:nth-of-type(2) {
  opacity: 0;
}
.p-drawer__icon.js-show .p-drawer__icon--bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.p-drawer {
  position: fixed;
  z-index: 99;
  overflow-y: scroll;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
  background: repeating-linear-gradient(140deg, #4243f1, #5b7ad5 42%, #7caaa6 59%, #9dd977 78%, #c6ff34);
}

.p-drawer__icon--bar {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.p-drawer {
  translate: 101%;
  -webkit-transition: translate 0.5s ease;
  transition: translate 0.5s ease;
}
.p-drawer.js-show {
  translate: 0;
}

.p-drawer__body {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-block: 29.3333333333vw 6.6666666667vw;
  padding-left: 2.2666666667vw;
  max-width: 66.6666666667vw;
  margin-inline: auto;
}

.p-drawer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 30px;
  margin-bottom: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-drawer__list li a {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-size: 13.3333333333vw;
  font-weight: 700;
  color: #c6ff34;
}

.p-drawer__contact {
  display: block;
  width: 100%;
  background-color: #4243f1;
  border-radius: 100vmax;
}
.p-drawer__contact.dataDL {
  background-color: #c6ff34;
}
.p-drawer__contact + .p-drawer__contact {
  margin-top: 20px;
}

.p-drawer__contact-inner {
  padding: 4vw 4vw;
}

.p-drawer__contact__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-drawer__contact__guide {
  font-weight: 500;
  color: #c6ff34;
  font-size: 5.3333333333vw;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}
.p-drawer__contact__guide.dataDL {
  color: #4243f1;
}

.p-drawer__contact__arrow {
  border-radius: 100vmax;
  background-color: #c6ff34;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  margin: 0;
}
.p-drawer__contact__arrow img {
  -webkit-filter: brightness(0) saturate(100%) invert(39%) sepia(93%) saturate(7387%) hue-rotate(241deg) brightness(99%) contrast(91%);
          filter: brightness(0) saturate(100%) invert(39%) sepia(93%) saturate(7387%) hue-rotate(241deg) brightness(99%) contrast(91%);
  width: 3vw;
  height: 3vw;
}

.p-drawer__contact__text {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 5.3333333333vw;
}
.p-drawer__contact__text a {
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  font-size: 10.6666666667vw;
  font-weight: 700;
  color: #4243f1;
  display: block;
  text-align: center;
}

.u-B {
  background-color: #4243f1;
  margin-left: 3%;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
@media (any-hover: hover) {
  .u-B:hover {
    background: #2d2ee0;
  }
}

.u-B p {
  color: #fff;
}

.u-Y {
  background-color: #c6ff34;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
@media (any-hover: hover) {
  .u-Y:hover {
    background: #9afc27;
  }
}

.u-Y p {
  color: #4243f1;
}

.u_caption {
  margin: 0;
  letter-spacing: -0.25vw;
}
@media screen and (max-width: 959px) {
  .u_caption {
    letter-spacing: 0.1vw;
  }
}

.u-heading {
  font-size: 2.0625rem;
}
@media screen and (max-width: 959px) {
  .u-heading {
    font-size: 6.4vw;
    margin-top: 3.5vw;
  }
}

.u-gap8 {
  gap: 0.8vw;
}

.u-arrow {
  content: "";
  width: 0.7vw;
  height: 0.7vw;
  position: relative;
  display: inline-block;
  border-top: solid 1px #4243f1;
  border-right: solid 1px #4243f1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-right: 0.5vw;
}

.u-next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.u-slid1::before {
  background-image: url(../img/01.svg);
}

.u-slid2::before {
  background-image: url(../img/02.svg);
}

.u-slid3::before {
  background-image: url(../img/03.svg);
}

.u-slid4::before {
  background-image: url(../img/04.svg);
}

.u-slid5::before {
  background-image: url(../img/05.svg);
}

.u-slid6::before {
  background-image: url(../img/06.svg);
}

.u-fs {
  color: #4243f1;
  font-size: min(3vw, 58px);
  font-weight: 600;
  margin: 0 0 0 0.4vw;
}
@media screen and (max-width: 959px) {
  .u-fs {
    font-size: 7.6vw;
    margin: 0 -4vw 0 0.4vw;
  }
}

.u-partition {
  background-color: #4243f1;
}

.u-aboutB {
  font-size: min(11vw, 211px);
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #4243f1;
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
  margin: 0 1vw -1vw 3.7vw;
}
@media screen and (max-width: 959px) {
  .u-aboutB {
    font-size: 18vw;
    margin: 0 1vw -1vw 5.3333333333vw;
  }
}

.u-aboutS {
  font-size: min(3vw, 58px);
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #4243f1;
  font-family: "Barlow Condensed", sans-serif;
  font-style: normal;
}
@media screen and (max-width: 959px) {
  .u-aboutS {
    font-size: 5vw;
  }
}

.u-SPbr {
  display: none;
}
@media screen and (max-width: 959px) {
  .u-SPbr {
    display: block;
  }
}

.u-marginSP {
  display: none;
}
@media screen and (max-width: 959px) {
  .u-marginSP {
    display: block;
    margin-top: 4.5vw;
  }
}

.swiper-slide {
  opacity: 0;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

.swiper-slide-active {
  opacity: 1;
}

.u-slid0 {
  opacity: 0;
}

.u-overflow {
  overflow: hidden;
}

.u-slideUp {
  opacity: 1;
  -webkit-animation: slideUpFromMask 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: slideUpFromMask 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.u-slideDown {
  opacity: 1;
  -webkit-animation: slideDown 0.3s ease-out forwards;
          animation: slideDown 0.3s ease-out forwards;
}

.u-slideleft {
  opacity: 1;
}

.u-slideleft .p-mv__2nd__comment__text,
.u-slideleft .p-graph__text,
.u-slideleft .p-graph__cover-title,
.u-slideleft .c-reveal__text {
  -webkit-animation: revealText 0.1s 0.6s forwards;
          animation: revealText 0.1s 0.6s forwards;
}

.u-slideleft::before {
  -webkit-animation: revealBg 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
          animation: revealBg 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

.u-boxmagnification {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.u-boxmagnification .p-graph__logo,
.u-boxmagnification .p-graph__img {
  opacity: 1;
}

.u-graph1 .p-graph__circle__base {
  stroke: #eee;
  -webkit-animation: fullCircle 0.5s ease-out forwards;
          animation: fullCircle 0.5s ease-out forwards;
}

.u-graph1 .p-graph__circle__line {
  opacity: 1;
  -webkit-animation: graphCircle 0.8s ease-out 0.4s forwards;
          animation: graphCircle 0.8s ease-out 0.4s forwards;
}

.u-graph1 .p-graph__circle__text {
  opacity: 1;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.u-box2 {
  margin-bottom: 7.2vw;
}

.u-slide-partition {
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

@media (max-width: 959px) {
  .u-sp {
    display: none !important;
  }
}
@media (min-width: 960px) {
  .u-pc {
    display: none !important;
  }
}