@charset "UTF-8";
@keyframes kiran {
  0% {
    transform: scale(0) rotate(-45deg);
    opacity: 0;
  }
  90% {
    transform: scale(0) rotate(-45deg);
    opacity: 0.5;
  }
  91% {
    transform: scale(4) rotate(-45deg);
    opacity: 0.8;
  }
  100% {
    transform: scale(50) rotate(-45deg);
    opacity: 0;
  }
}
@keyframes slideLeft {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes slideLeft2 {
  0% {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-200%);
  }
}
@keyframes slideRight {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes slideRight2 {
  0% {
    transform: translateY(-200%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes clatter {
  0%, 50% {
    transform: rotate(0deg);
  }
  62.5%, 87.5% {
    transform: rotate(1deg) translateY(-3px);
  }
  75%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes clatter2 {
  0% {
    transform: translate(0, 0) rotate(-5deg);
  }
  42% {
    transform: translate(0, 0) rotate(-5deg);
  }
  44% {
    transform: translate(0, 0) rotate(-8deg);
  }
  46% {
    transform: translate(0, -1px) rotate(-5deg);
  }
  48% {
    transform: translate(0, -1px) rotate(-2deg);
  }
  50% {
    transform: translate(1px, 0) rotate(-7deg);
  }
  52% {
    transform: translate(0, 1px) rotate(-5deg);
  }
  54% {
    transform: translate(0, 0) rotate(-2deg);
  }
  56% {
    transform: translate(0, 0) rotate(-5deg);
  }
  100% {
    transform: translate(0, 0) rotate(-5deg);
  }
}
@keyframes speed_move {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(-20px);
  }
  70% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes reflect {
  0%, 35% {
    transform: rotateY(0deg) translateX(0);
  }
  50%, 85% {
    transform: rotateY(180deg) translateX(7.2916666667vw);
  }
  100% {
    transform: rotateY(360deg) translateX(0);
  }
}
@keyframes pyokon {
  0% {
    transform: translate(0%, 0%);
  }
  50% {
    transform: translate(0%, 0%);
  }
  52% {
    transform: translate(0%, -100%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
@keyframes yurayura {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(10%, 0%) rotate(15deg);
  }
  100% {
    transform: translate(0, 0) rotate(5deg);
  }
}
@keyframes arrowdown {
  0% {
    bottom: 0.5208333333vw;
  }
  90% {
    bottom: 0vw;
  }
  100% {
    bottom: 0.5208333333vw;
  }
}
@keyframes fastSpin {
  0% {
    opacity: 0;
    transform: rotate(0deg) scale(0);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: rotate(1440deg) scale(3);
  }
}
@keyframes fastSpinSp {
  0% {
    opacity: 0;
    transform: rotate(0deg) scale(0);
  }
  30% {
    opacity: 1;
    transform: rotate(432deg) scale(0.05);
  }
  60% {
    opacity: 1;
    transform: rotate(864deg) scale(0.2);
  }
  80% {
    opacity: 1;
    transform: rotate(1152deg) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: rotate(1440deg) scale(0.95);
  }
}
.top-loading {
  opacity: 0;
  pointer-events: none;
  position: relative;
}
.top-loading.is_show {
  opacity: 1;
  pointer-events: auto;
  z-index: 301;
}
.top-loading.is_show .top-loading--wrap {
  opacity: 0;
}
.top-loading.is_show .top-loading--logo_img {
  animation: fastSpin 0.5s ease-out forwards 1s;
}
@media (max-width: 767px) {
  .top-loading.is_show .top-loading--logo_img {
    animation: fastSpinSp 0.5s ease-out forwards 1s;
  }
}
.top-loading.is_show .top-loading--img {
  opacity: 1;
  transform: scale(1);
}
.top-loading--wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  transition: 0.1s;
  transition-delay: 2s;
}
.top-loading--logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.top-loading--logo_img {
  display: block;
  opacity: 0;
  width: 20vw;
}
@media (max-width: 767px) {
  .top-loading--logo_img {
    width: 96vw;
  }
}
.top-loading--img {
  display: block;
  position: absolute;
  opacity: 0;
  transform: scale(0.6);
  transition: 0.5s cubic-bezier(0.68, -0.6, 0.32, 2);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.top-loading--img-01 {
  width: 35.8854166667vw;
  height: 2.5520833333vw;
  top: calc(50% - 45vh);
  left: calc(50% - 40vw);
  background-image: url(../../img/top-loading-img-01.svg);
}
@media (max-width: 767px) {
  .top-loading--img-01 {
    width: 63.7333333333vw;
    height: 4.5333333333vw;
    left: calc(50% - 45vw);
  }
}
.top-loading--img-02 {
  width: 51.1458333333vw;
  height: 2.7083333333vw;
  top: calc(50% - 25vh);
  left: calc(50% - 50vw);
  background-image: url(../../img/top-loading-img-02.svg);
  transition-delay: 0.8s;
}
@media (max-width: 767px) {
  .top-loading--img-02 {
    width: 90.6666666667vw;
    height: 4.8vw;
    top: calc(50% - 31vh);
    left: calc(50% - 42vw);
  }
}
.top-loading--img-03 {
  width: 24.4270833333vw;
  height: 2.7083333333vw;
  top: calc(50% - 5vh);
  left: calc(50% - 48vw);
  background-image: url(../../img/top-loading-img-03.svg);
  transition-delay: 0.4s;
}
@media (max-width: 767px) {
  .top-loading--img-03 {
    width: 44.8vw;
    height: 4.8vw;
    top: calc(50% - 15vh);
    left: calc(50% - 38vw);
  }
}
.top-loading--img-04 {
  width: 39.4791666667vw;
  height: 2.5520833333vw;
  bottom: calc(50% - 25vh);
  left: calc(50% - 50vw);
  background-image: url(../../img/top-loading-img-04.svg);
  transition-delay: 0.6s;
}
@media (max-width: 767px) {
  .top-loading--img-04 {
    width: 70.1333333333vw;
    height: 4.5333333333vw;
    bottom: calc(50% - 24vh);
    left: calc(50% - 26vw);
  }
}
.top-loading--img-05 {
  width: 44.7395833333vw;
  height: 2.5vw;
  bottom: calc(50% - 48vh);
  left: calc(50% - 40vw);
  background-image: url(../../img/top-loading-img-05.svg);
  transition-delay: 0.2s;
}
@media (max-width: 767px) {
  .top-loading--img-05 {
    width: 76.2666666667vw;
    height: 4.2666666667vw;
    bottom: calc(50% - 41vh);
    left: calc(50% - 43vw);
  }
}
.top-loading--img-06 {
  width: 42.34375vw;
  height: 2.5520833333vw;
  top: calc(50% - 38vh);
  right: calc(50% - 40vw);
  background-image: url(../../img/top-loading-img-06.svg);
  transition-delay: 0.5s;
}
@media (max-width: 767px) {
  .top-loading--img-06 {
    width: 75.2vw;
    height: 4.5333333333vw;
    top: calc(50% - 38vh);
    right: calc(50% - 47vw);
  }
}
.top-loading--img-07 {
  width: 27.96875vw;
  height: 2.7083333333vw;
  top: calc(50% - 15vh);
  right: calc(50% - 50vw);
  background-image: url(../../img/top-loading-img-07.svg);
  transition-delay: 0.3s;
}
@media (max-width: 767px) {
  .top-loading--img-07 {
    width: 49.6vw;
    height: 4.8vw;
    top: calc(50% - 23vh);
    right: calc(50% - 40vw);
  }
}
.top-loading--img-08 {
  width: 52.03125vw;
  height: 2.6041666667vw;
  bottom: calc(50% - 12vh);
  right: calc(50% - 46vw);
  background-image: url(../../img/top-loading-img-08.svg);
  transition-delay: 0.1s;
}
@media (max-width: 767px) {
  .top-loading--img-08 {
    width: 90.6666666667vw;
    height: 4.5333333333vw;
    bottom: calc(50% - 16vh);
    right: calc(50% - 50vw);
  }
}
.top-loading--img-09 {
  width: 54.6875vw;
  height: 2.5520833333vw;
  bottom: calc(50% - 35vh);
  right: calc(50% - 52vw);
  background-image: url(../../img/top-loading-img-09.svg);
  transition-delay: 0.7s;
}
@media (max-width: 767px) {
  .top-loading--img-09 {
    width: 97.0666666667vw;
    height: 4.5333333333vw;
    bottom: calc(50% - 32vh);
    right: calc(50% - 47vw);
  }
}

.top-mainvisual {
  transition: 0.3s;
  opacity: 0;
  position: relative;
  height: 100vh;
  max-height: 56.25vw;
  padding-top: min(19.1666666667vh, 10.78125vw);
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 767px) {
  .top-mainvisual {
    height: auto;
    max-height: none;
    padding-top: 7.7333333333vw;
    padding-bottom: 21.3333333333vw;
  }
}
.top-mainvisual.is_show {
  opacity: 1;
}
.top-mainvisual.is_show .top-mainvisual--character_img {
  opacity: 1;
}
.top-mainvisual.is_show .top-mainvisual--character_img-01 {
  left: min(5.1851851852vh, 2.9166666667vw);
}
@media (max-width: 767px) {
  .top-mainvisual.is_show .top-mainvisual--character_img-01 {
    left: 5.3333333333vw;
  }
}
.top-mainvisual.is_show .top-mainvisual--character_img-02 {
  right: 0;
}
.top-mainvisual.is_show .top-mainvisual--character_img-03 {
  left: min(23.3333333333vh, 13.125vw);
}
@media (max-width: 767px) {
  .top-mainvisual.is_show .top-mainvisual--character_img-03 {
    left: 14.6666666667vw;
  }
}
.top-mainvisual.is_show .top-mainvisual--character_img-04 {
  right: min(30.8333333333vh, 17.34375vw);
}
@media (max-width: 767px) {
  .top-mainvisual.is_show .top-mainvisual--character_img-04 {
    right: 14.9333333333vw;
  }
}
.top-mainvisual.is_show .top-mainvisual--character_img-05 {
  transform: scale(1);
}
.top-mainvisual.is_show .top-mainvisual--logo:before {
  width: 0;
}
.top-mainvisual--deco {
  width: 156.7592592593vh;
  max-width: 88.1770833333vw;
  height: 10.8333333333vh;
  max-height: 6.1458333333vw;
  position: absolute;
  left: 50%;
  bottom: min(4.1666666667vh, 2.34375vw);
  transform: translateX(-50%);
  transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.5s;
  overflow: hidden;
}
@media (max-width: 767px) {
  .top-mainvisual--deco {
    width: 91.2vw;
    max-width: none;
    height: 12.5333333333vw;
    max-height: none;
    bottom: 12vw;
  }
}
.top-mainvisual--deco:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url(../../img/top-mainvisual.webp);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .top-mainvisual--deco:before {
    background-image: url(../../img/top-mainvisual-sp.webp);
  }
}
.top-mainvisual--deco:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  right: 50%;
  bottom: min(4.1666666667vh, 2.34375vw);
  transform: translateX(50%) rotate(45deg);
  transition-delay: 0.6s;
  background-color: #fff;
  animation: kiran 5s ease-in-out infinite;
}
.top-mainvisual--logo {
  width: 46.2962962963vh;
  max-width: 26.0416666667vw;
  position: absolute;
  top: min(1.8518518519vh, 1.0416666667vw);
  left: max(50% - 59.2592592593vh, 50% - 33.3333333333vw);
}
@media (max-width: 767px) {
  .top-mainvisual--logo {
    position: relative;
    top: auto;
    left: auto;
    width: 67.2vw;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
}
.top-mainvisual--logo:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.3s cubic-bezier(0.55, 0, 1, 0.45);
  transition-delay: 1s;
}
.top-mainvisual--logo_img {
  display: block;
  width: 100%;
}
.top-mainvisual--character {
  width: 108.0555555556vh;
  max-width: 60.78125vw;
  height: 71.7592592593vh;
  max-height: 40.3645833333vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-left: min(5.1851851852vh, 2.9166666667vw);
  z-index: 100;
  position: relative;
}
@media (max-width: 767px) {
  .top-mainvisual--character {
    width: 86.1333333333vw;
    max-width: none;
    height: 90.4vw;
    max-height: none;
    padding-left: 5.3333333333vw;
    margin-top: 4.5333333333vw;
  }
}
.top-mainvisual--character_img {
  position: absolute;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.top-mainvisual--character_img-01 {
  width: 45.0925925926vh;
  max-width: 25.3645833333vw;
  top: min(2.7777777778vh, 1.5625vw);
  left: 100%;
  transition-delay: 0.15s;
}
@media (max-width: 767px) {
  .top-mainvisual--character_img-01 {
    width: 49.3333333333vw;
    max-width: none;
    top: 0.5333333333vw;
  }
}
.top-mainvisual--character_img-02 {
  width: 54.8148148148vh;
  max-width: 30.8333333333vw;
  top: 0;
  right: 100%;
  transition-delay: 0.3s;
}
@media (max-width: 767px) {
  .top-mainvisual--character_img-02 {
    width: 60.2666666667vw;
    max-width: none;
  }
}
.top-mainvisual--character_img-03 {
  width: 19.2592592593vh;
  max-width: 10.8333333333vw;
  top: min(36.1111111111vh, 20.3125vw);
  left: 100%;
  transition-delay: 0.45s;
}
@media (max-width: 767px) {
  .top-mainvisual--character_img-03 {
    width: 20.8vw;
    max-width: none;
    top: 52.5333333333vw;
  }
}
.top-mainvisual--character_img-04 {
  width: 21.0185185185vh;
  max-width: 11.8229166667vw;
  top: min(44.6296296296vh, 25.1041666667vw);
  right: 100%;
  transition-delay: 0.6s;
}
@media (max-width: 767px) {
  .top-mainvisual--character_img-04 {
    width: 23.2vw;
    max-width: none;
    top: 61.6vw;
  }
}
.top-mainvisual--character_img-05 {
  width: 32.037037037vh;
  max-width: 18.0208333333vw;
  top: min(16.0185185185vh, 9.0104166667vw);
  left: min(35.9259259259vh, 20.2083333333vw);
  transition: 0.4s cubic-bezier(0.16, 1, 0, 1.4);
  transform: scale(0);
  transition-delay: 0.85s;
}
@media (max-width: 767px) {
  .top-mainvisual--character_img-05 {
    width: 34.6666666667vw;
    max-width: none;
    top: 30.1333333333vw;
    left: 26.6666666667vw;
  }
}

.top-mainvisual_slide {
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.top-mainvisual_slide-left {
  left: min(2.5vh, 1.40625vw);
}
@media (max-width: 767px) {
  .top-mainvisual_slide-left {
    left: 0;
  }
}
.top-mainvisual_slide-right {
  right: min(2.5vh, 1.40625vw);
}
@media (max-width: 767px) {
  .top-mainvisual_slide-right {
    display: none;
  }
}
.top-mainvisual_slide--img {
  width: min(2.5vh, 1.40625vw);
}
@media (max-width: 767px) {
  .top-mainvisual_slide--img {
    width: 4.8vw;
  }
}
.top-mainvisual_slide--img-left:first-of-type {
  animation: slideLeft 50s -25s linear infinite;
}
@media (max-width: 767px) {
  .top-mainvisual_slide--img-left:first-of-type {
    animation: slideLeft 80s -40s linear infinite;
  }
}
.top-mainvisual_slide--img-left:last-of-type {
  animation: slideLeft2 50s linear infinite;
}
@media (max-width: 767px) {
  .top-mainvisual_slide--img-left:last-of-type {
    animation: slideLeft2 80s linear infinite;
  }
}
.top-mainvisual_slide--img-right:first-of-type {
  animation: slideRight 50s -25s linear infinite;
}
.top-mainvisual_slide--img-right:last-of-type {
  animation: slideRight2 50s linear infinite;
}

.top-mainvisual_cta {
  margin-top: 3.4666666667vw;
  padding: 3.4666666667vw 0 19.2vw;
  opacity: 0;
  transition: 0.3s;
}
.top-mainvisual_cta.is_show {
  opacity: 1;
}
.top-mainvisual_cta--lead {
  font-size: 4vw;
  font-weight: bold;
  color: #231816;
  text-align: center;
  line-height: 1.4;
}
.top-mainvisual_cta--lead_strong {
  position: relative;
}
.top-mainvisual_cta--lead_strong:before {
  content: "";
  display: block;
  width: 1.3333333333vw;
  height: 1.3333333333vw;
  background-color: #FFD900;
  border-radius: 50%;
  position: absolute;
  top: -1.0666666667vw;
  left: 1.3333333333vw;
  animation: pyokon 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
.top-mainvisual_cta--lead_strong:after {
  content: "";
  display: block;
  width: 1.3333333333vw;
  height: 1.3333333333vw;
  background-color: #FFD900;
  border-radius: 50%;
  position: absolute;
  top: -1.0666666667vw;
  left: 5.3333333333vw;
  animation: pyokon 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite 0.3s;
}
.top-mainvisual_cta--btn {
  background-color: #231816;
  width: calc(100% - 8vw);
  margin: 5.3333333333vw auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18.6666666667vw;
  color: #fff;
  font-size: 5.3333333333vw;
  font-weight: bold;
  position: relative;
}
.top-mainvisual_cta--free {
  font-weight: bold;
  color: #231816;
  font-size: 4.8vw;
  position: absolute;
  top: -3.2vw;
  left: 5.8666666667vw;
  width: 16.5333333333vw;
  height: 14.6666666667vw;
  background-image: url(../../img/top-mainvisual-cta-free.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 1.6vw;
}

.top-intro {
  background-color: #2057A8;
  padding: 5.2083333333vw 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0%;
  position: relative;
  overflow-x: hidden;
  opacity: 0;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .top-intro {
    padding: 8.5333333333vw 0;
  }
}
.top-intro.is_show {
  opacity: 1;
}
.top-intro:after {
  content: "";
  display: block;
  width: 100%;
  height: 45vw;
  background-image: url(../../img/top-intro.svg);
  background-repeat: no-repeat;
  background-size: auto 45vw;
  position: absolute;
  top: 31.6666666667vw;
  left: 0;
}
@media (max-width: 767px) {
  .top-intro:after {
    height: 160vw;
    top: 170.6666666667vw;
    background-size: auto 112vw;
    background-repeat: repeat-y;
    background-position: 100% -40%;
  }
}

.top-intro_content {
  position: relative;
  z-index: 100;
}

@media (max-width: 767px) {
  .top-intro_list {
    margin-left: 4vw;
    margin-right: 4vw;
    background-color: #fff;
    border-radius: 3.7333333333vw;
    padding: 5.8666666667vw 4.8vw;
    opacity: 0;
    transition: 0.3s;
  }
}
@media (max-width: 767px) {
  .top-intro_list.is_show {
    opacity: 1;
  }
}
.top-intro_list.is_show .top-intro_list--item {
  opacity: 1;
  transform: scale(1);
}
.top-intro_list--group {
  display: flex;
  justify-content: center;
  margin-top: 2.2916666667vw;
}
@media (max-width: 767px) {
  .top-intro_list--group {
    display: block;
  }
  .top-intro_list--group .top-intro_list--item:first-of-type {
    margin-top: 0;
  }
}
.top-intro_list--group:first-of-type {
  margin-top: 0;
}
.top-intro_list--group:first-of-type .top-intro_list--item:nth-of-type(2) {
  transition-delay: 0.1s;
}
.top-intro_list--group:first-of-type .top-intro_list--item:nth-of-type(3) {
  transition-delay: 0.2s;
}
.top-intro_list--group:last-of-type .top-intro_list--item:first-of-type {
  transition-delay: 0.3s;
}
.top-intro_list--group:last-of-type .top-intro_list--item:nth-of-type(2) {
  transition-delay: 0.4s;
}
.top-intro_list--group:last-of-type .top-intro_list--item:nth-of-type(3) {
  transition-delay: 0.5s;
}
.top-intro_list--group:last-of-type .top-intro_list--item:nth-of-type(4) {
  transition-delay: 0.6s;
}
.top-intro_list--item {
  background-color: #fff;
  width: 18.0729166667vw;
  padding: 1.9791666667vw 1.0416666667vw;
  border-radius: 1.0416666667vw;
  color: #231816;
  font-size: 1.1458333333vw;
  line-height: 1.8;
  box-sizing: border-box;
  position: relative;
  margin-right: 2.0833333333vw;
  transition: 0.6s cubic-bezier(0.76, -0.3, 0.24, 1.5);
  opacity: 0;
  transform: scale(0.3);
}
@media (max-width: 767px) {
  .top-intro_list--item {
    width: 100%;
    padding: 0;
    border-radius: 0;
    font-size: 3.7333333333vw;
    line-height: 1.5;
    margin-right: 0;
    margin-top: 4.2666666667vw;
    padding-left: 6.4vw;
    background-color: transparent;
  }
}
.top-intro_list--item:last-of-type {
  margin-right: 0;
}
.top-intro_list--item:before {
  content: "";
  display: block;
  width: 2.96875vw;
  height: 2.96875vw;
  background-color: #fff;
  position: absolute;
  top: -1.0416666667vw;
  left: -1.0416666667vw;
  border-radius: 50%;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  background-image: url(../../img/icon/icon-check.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 2.03125vw auto;
}
@media (max-width: 767px) {
  .top-intro_list--item:before {
    background-color: transparent;
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    top: 1.0666666667vw;
    left: 0;
    background-size: contain;
  }
}
.top-intro_list--strong {
  font-size: 1.4583333333vw;
  background-color: #FFD900;
  position: relative;
  line-height: 1.5;
  padding-left: 0.2em;
  padding-right: 0.2em;
  margin-left: 0.2em;
  margin-right: 0.2em;
  font-weight: bold;
}
@media (max-width: 767px) {
  .top-intro_list--strong {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.top-intro_list--strong-ml0 {
  margin-left: 0;
}

.top-intro_ttl {
  margin-top: 4.1666666667vw;
}
@media (max-width: 767px) {
  .top-intro_ttl {
    margin-top: 12.8vw;
  }
}
.top-intro_ttl--txt {
  color: #fff;
  font-size: 2.1875vw;
  font-weight: bold;
  text-align: center;
  margin-top: 3.125vw;
  line-height: 1.8;
  display: block;
}
@media (max-width: 767px) {
  .top-intro_ttl--txt {
    font-size: 5.3333333333vw;
    margin-top: 6.4vw;
    line-height: 1.6;
  }
}
.top-intro_ttl--txt:first-of-type {
  margin-top: 0;
}

.top-intro_desc {
  color: #fff;
  font-size: 1.1458333333vw;
  line-height: 1.8;
  text-align: center;
  margin-top: 4.1666666667vw;
}
@media (max-width: 767px) {
  .top-intro_desc {
    font-size: 3.7333333333vw;
    line-height: 1.5;
    margin-top: 61.8666666667vw;
  }
}

.top-intro_detail_list {
  margin-top: 2.6041666667vw;
  width: 53.125vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width: 767px) {
  .top-intro_detail_list {
    margin-top: 9.6vw;
    width: calc(100% - 20.2666666667vw);
    margin-left: auto;
    margin-right: auto;
  }
}
.top-intro_detail_list:after {
  content: "";
  display: block;
  width: 61.9270833333vw;
  height: 7.8645833333vw;
  background-image: url(../../img/top-intro-detail-list.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: -3.3333333333vw;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .top-intro_detail_list:after {
    width: 90.6666666667vw;
    height: 12vw;
    bottom: -12.2666666667vw;
  }
}
.top-intro_detail_list--item {
  color: #fff;
  font-weight: bold;
  font-size: 1.1458333333vw;
  line-height: 1.8;
  position: relative;
  padding-left: 1.5625vw;
}
@media (max-width: 767px) {
  .top-intro_detail_list--item {
    font-size: 3.7333333333vw;
    line-height: 1.5;
    padding-left: 4.2666666667vw;
    margin-top: 3.2vw;
  }
}
@media (max-width: 767px) {
  .top-intro_detail_list--item:first-of-type {
    margin-top: 0;
  }
}
.top-intro_detail_list--item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.2083333333vw;
  left: 0;
  width: 1.5625vw;
  height: 1.5625vw;
  border-radius: 50%;
  background-color: #FFD900;
}
@media (max-width: 767px) {
  .top-intro_detail_list--item:before {
    top: 1.0666666667vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}

.top-intro_sub_ttl {
  color: #fff;
  font-size: 2.1875vw;
  font-weight: bold;
  text-align: center;
  line-height: 1.86;
  margin-top: 6.4583333333vw;
}
@media (max-width: 767px) {
  .top-intro_sub_ttl {
    font-size: 5.3333333333vw;
    margin-top: 21.3333333333vw;
  }
}

.top-intro_sub_desc {
  color: #fff;
  font-size: 1.4583333333vw;
  line-height: 1.8;
  text-align: center;
  margin-top: 2.1875vw;
}
@media (max-width: 767px) {
  .top-intro_sub_desc {
    font-size: 3.7333333333vw;
    line-height: 1.5;
    margin-top: 5.3333333333vw;
    text-align: left;
    margin-left: 4vw;
    margin-right: 4vw;
  }
}

.top-intro_deco--bg {
  display: block;
  background-color: #1f62c5;
  position: absolute;
  transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (max-width: 767px) {
  .top-intro_deco--bg {
    transition-delay: 0.5s;
    transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
.top-intro_deco--bg-top {
  width: 0;
  height: 20.8333333333vw;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .top-intro_deco--bg-top {
    top: 96vw;
    height: 60.8vw;
  }
}
.top-intro_deco--bg-top.is_show {
  width: 100%;
}
.top-intro_deco--bg-middle {
  width: 38.28125vw;
  height: 60.4166666667vw;
  background-color: #1f62c5;
  transform: skewX(-0.115turn);
  position: absolute;
  top: 20.7291666667vw;
  right: -100%;
}
@media (max-width: 767px) {
  .top-intro_deco--bg-middle {
    right: -200%;
    width: 96vw;
    height: 266.6666666667vw;
    top: 106.1333333333vw;
  }
}
.top-intro_deco--bg-middle.is_show {
  right: 30.1041666667vw;
}
@media (max-width: 767px) {
  .top-intro_deco--bg-middle.is_show {
    right: -10.6666666667vw;
  }
}
.top-intro_deco--bg-bottom {
  width: 0;
  height: 20.8333333333vw;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .top-intro_deco--bg-bottom {
    height: 60.8vw;
  }
}
.top-intro_deco--bg-bottom.is_show {
  width: 100%;
}
.top-intro_deco--character {
  z-index: 100;
  position: absolute;
  top: 40.625vw;
  right: 10.8333333333vw;
  width: 10.0520833333vw;
  height: 21.09375vw;
}
@media (max-width: 767px) {
  .top-intro_deco--character {
    top: 208vw;
    right: calc(50% - 16vw);
    width: 40vw;
    height: 48vw;
  }
}
.top-intro_deco--character.is_show:before {
  opacity: 1;
  transform: scale(1) translate3d(0, 0, 0) rotate(0);
}
@media (max-width: 767px) {
  .top-intro_deco--character.is_show:before {
    transform: scale(1) translate3d(0, 0, 0) rotate(-8deg);
  }
}
.top-intro_deco--character:before {
  content: "";
  display: block;
  width: 8.8020833333vw;
  height: 8.75vw;
  background-image: url(../../img/top-intro-content.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0) translate3d(0, 1rem, 0) rotate(0);
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
@media (max-width: 767px) {
  .top-intro_deco--character:before {
    width: 32vw;
    height: 32vw;
  }
}
.top-intro_deco--character:after {
  content: "";
  display: block;
  width: 8.3854166667vw;
  height: 14.1145833333vw;
  background-image: url(../../img/character/dog-line.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  animation: clatter 2s cubic-bezier(0.19, 1, 0.22, 1) 0.8s infinite;
}
@media (max-width: 767px) {
  .top-intro_deco--character:after {
    width: 20vw;
    height: 33.6vw;
  }
}

.top-problem {
  background-color: #FFD900;
  padding: 6.09375vw 4.1666666667vw 1.8229166667vw;
  position: relative;
}
@media (max-width: 767px) {
  .top-problem {
    padding: 14.9333333333vw 4vw 12.8vw;
  }
}
.top-problem:after {
  content: "";
  display: block;
  height: 6.25vw;
  width: 100vw;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: -6.1458333333vw;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFD900;
  z-index: 100;
}
@media (max-width: 767px) {
  .top-problem:after {
    height: 14.9333333333vw;
    bottom: -14.6666666667vw;
  }
}
.top-problem--ttl {
  font-size: 1.5625vw;
  font-weight: bold;
  color: #231816;
  text-align: center;
  line-height: 1.45;
  position: relative;
}
@media (max-width: 767px) {
  .top-problem--ttl {
    font-size: 4.2666666667vw;
  }
}
.top-problem--ttl_strong {
  display: block;
  font-size: 4.4791666667vw;
  position: absolute;
  top: 3.5416666667vw;
  left: calc(50% - 14.5833333333vw);
  opacity: 0;
  transform: scale(0) rotate(0);
  transition: 0.6s cubic-bezier(0.68, -0.6, 0.32, 2.5);
}
@media (max-width: 767px) {
  .top-problem--ttl_strong {
    font-size: 10.6666666667vw;
    top: 6.4vw;
    left: calc(50% - 37.3333333333vw);
  }
}
.top-problem--ttl_strong.is_show {
  opacity: 1;
  transform: scale(1) rotate(-5deg);
  animation: clatter2 3s infinite ease-in-out alternate 0.6s;
}
.top-problem--ttl_strong:before {
  content: "";
  display: block;
  background-image: url(../../img/icon/icon-shake.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 2.6041666667vw;
  height: 2.5vw;
  position: absolute;
  right: -3.125vw;
  bottom: 1.3020833333vw;
}
@media (max-width: 767px) {
  .top-problem--ttl_strong:before {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    right: -6.9333333333vw;
    bottom: 1.3333333333vw;
  }
}
.top-problem--deco {
  display: block;
  position: absolute;
  width: 13.28125vw;
  height: 17.7083333333vw;
  top: 1.8229166667vw;
  left: 5.2083333333vw;
}
@media (max-width: 767px) {
  .top-problem--deco {
    width: 41.3333333333vw;
    height: 45.3333333333vw;
    top: auto;
    left: 21.3333333333vw;
    bottom: 53.3333333333vw;
  }
}
.top-problem--deco.is_show:before {
  opacity: 1;
  transform: scale(1) translate3d(0, 0, 0) rotate(0);
}
@media (max-width: 767px) {
  .top-problem--deco.is_show:before {
    transform: scale(1) translate3d(0, 0, 0) rotate(-8deg);
  }
}
.top-problem--deco:before {
  content: "";
  display: block;
  background-image: url(../../img/top-problem-deco.svg);
  background-repeat: no-repeat;
  width: 10.4166666667vw;
  height: 10.4166666667vw;
  background-size: contain;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0) translate3d(0, 1rem, 0) rotate(0);
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
@media (max-width: 767px) {
  .top-problem--deco:before {
    width: 34.6666666667vw;
    height: 34.6666666667vw;
  }
}
.top-problem--deco:after {
  content: "";
  display: block;
  background-image: url(../../img/character/otter-line.svg);
  background-repeat: no-repeat;
  width: 8.3333333333vw;
  height: 9.4791666667vw;
  background-size: contain;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
  animation: clatter 2s cubic-bezier(0.19, 1, 0.22, 1) 3s infinite;
}
@media (max-width: 767px) {
  .top-problem--deco:after {
    width: 20vw;
    height: 22.9333333333vw;
    animation: clatter 2s cubic-bezier(0.19, 1, 0.22, 1) infinite;
  }
}
.top-problem--desc {
  color: #231816;
  font-size: 1.3541666667vw;
  line-height: 2;
  text-align: center;
  margin-top: 5vw;
}
@media (max-width: 767px) {
  .top-problem--desc {
    font-size: 3.7333333333vw;
    line-height: 1.6;
    margin-top: 35.2vw;
    text-align: left;
  }
}

.top-problem_list {
  background-color: #fff;
  border-radius: 1.0416666667vw;
  margin-top: 4.6875vw;
  padding: 8.8541666667vw 5.2083333333vw 4.1666666667vw 3.3333333333vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .top-problem_list {
    border-radius: 1.0666666667vw;
    margin-top: 7.4666666667vw;
    padding: 23.4666666667vw 5.3333333333vw 10.6666666667vw;
    display: block;
  }
}
.top-problem_list.is_show .top-problem_list--term:before {
  opacity: 1;
  transform: rotate(-17deg) translateY(0) scale(1);
}
@media (max-width: 767px) {
  .top-problem_list.is_show .top-problem_list--term:before {
    opacity: 0;
    transform: rotate(-17deg) translateY(200%) scale(0);
  }
}
.top-problem_list--group {
  min-height: 12.7604166667vw;
  margin-top: 5.2083333333vw;
  padding-left: 13.75vw;
  box-sizing: border-box;
  position: relative;
  width: calc((100% - 5.2083333333vw) / 2);
}
@media (max-width: 767px) {
  .top-problem_list--group {
    min-height: 25.0666666667vw;
    margin-top: 10.6666666667vw;
    padding-left: 0;
    width: 100%;
  }
}
.top-problem_list--group:before {
  content: "";
  display: block;
  width: 12.5vw;
  height: 11.7708333333vw;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .top-problem_list--group:before {
    width: 25.3333333333vw;
    height: 24vw;
    top: 12vw;
    left: auto;
    right: 0.8vw;
  }
}
.top-problem_list--group:first-of-type {
  margin-top: 0;
}
.top-problem_list--group:first-of-type:before {
  background-image: url(../../img/top-problem-list-group-01.webp);
}
.top-problem_list--group:first-of-type .top-problem_list--term:before {
  transition-delay: 1s;
}
@media (max-width: 767px) {
  .top-problem_list--group:first-of-type .top-problem_list--term:before {
    top: -5.3333333333vw;
    transition-delay: 0s;
  }
}
.top-problem_list--group:nth-of-type(2) {
  margin-top: 0;
}
@media (max-width: 767px) {
  .top-problem_list--group:nth-of-type(2) {
    margin-top: 10.6666666667vw;
  }
}
.top-problem_list--group:nth-of-type(2):before {
  background-image: url(../../img/top-problem-list-group-02.webp);
}
.top-problem_list--group:nth-of-type(2) .top-problem_list--term:before {
  transition-delay: 1.8s;
}
@media (max-width: 767px) {
  .top-problem_list--group:nth-of-type(2) .top-problem_list--term:before {
    transition-delay: 0s;
  }
}
.top-problem_list--group:nth-of-type(3):before {
  background-image: url(../../img/top-problem-list-group-03.webp);
}
.top-problem_list--group:nth-of-type(3) .top-problem_list--term:before {
  transition-delay: 2.6s;
}
@media (max-width: 767px) {
  .top-problem_list--group:nth-of-type(3) .top-problem_list--term:before {
    transition-delay: 0s;
  }
}
.top-problem_list--group:last-of-type:before {
  background-image: url(../../img/top-problem-list-group-04.webp);
}
.top-problem_list--group:last-of-type .top-problem_list--term:before {
  transition-delay: 3.4s;
}
@media (max-width: 767px) {
  .top-problem_list--group:last-of-type .top-problem_list--term:before {
    transition-delay: 0s;
  }
}
.top-problem_list--term {
  margin-top: 1.4583333333vw;
  font-size: 1.3541666667vw;
  font-weight: bold;
  color: #231816;
  line-height: 1.43;
  border-bottom: 0.4166666667vw solid #e8001d;
  padding-bottom: 0.2083333333vw;
  position: relative;
  text-align: center;
}
@media (max-width: 767px) {
  .top-problem_list--term {
    margin-top: 0;
    font-size: 4.8vw;
    border-bottom: 0.8vw solid #e8001d;
    padding-bottom: 0.8vw;
  }
}
.top-problem_list--term:before {
  content: "";
  display: block;
  width: 5.15625vw;
  height: 2.6041666667vw;
  position: absolute;
  top: -2.0833333333vw;
  left: -0.2604166667vw;
  background-image: url(../../img/top-problem-list-item.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0;
  transform: rotate(-17deg) translateY(200%) scale(0);
  transition: 0.5s cubic-bezier(0.68, -0.6, 0.32, 2);
}
@media (max-width: 767px) {
  .top-problem_list--term:before {
    width: 13.3333333333vw;
    height: 6.6666666667vw;
    top: -2.1333333333vw;
    left: -1.3333333333vw;
  }
}
.top-problem_list--term.is_show:before {
  opacity: 1 !important;
  transform: rotate(-17deg) translateY(0) scale(1) !important;
}
.top-problem_list--desc {
  font-size: 1.1979166667vw;
  line-height: 1.6;
  text-align: center;
  position: relative;
  margin-top: 3.125vw;
}
@media (max-width: 767px) {
  .top-problem_list--desc {
    font-size: 3.7333333333vw;
    margin-top: 5.3333333333vw;
    padding-right: 28vw;
    text-align: left;
    min-height: 22.6666666667vw;
  }
}
.top-problem_list--desc:before {
  content: "";
  display: block;
  width: 2.6041666667vw;
  height: 2.34375vw;
  background-image: url(../../img/icon/icon-monochrome-arrow.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: -2.6041666667vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .top-problem_list--desc:before {
    display: none;
  }
}

.top-service {
  background-color: #84C0EF;
  padding: 11.5625vw 4.1666666667vw 6.4583333333vw;
  position: relative;
}
@media (max-width: 767px) {
  .top-service {
    padding: 40vw 4vw 32vw;
  }
}
.top-service:before {
  content: "";
  display: block;
  width: 17.6041666667vw;
  height: 25.5208333333vw;
  background-image: url(../../img/character/pegasus-line.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 3.125vw;
  right: 4.1666666667vw;
  z-index: 100;
  animation: clatter 2s cubic-bezier(0.19, 1, 0.22, 1) 0.8s infinite;
}
@media (max-width: 767px) {
  .top-service:before {
    width: 32vw;
    height: 46.4vw;
    top: 1.3333333333vw;
    right: auto;
    left: 3.7333333333vw;
  }
}
.top-service:after {
  content: "";
  background-color: #84C0EF;
  display: block;
  width: 100%;
  height: 6.25vw;
  position: absolute;
  left: 0;
  bottom: -6.1458333333vw;
}
@media (max-width: 767px) {
  .top-service:after {
    height: 16vw;
    bottom: -15.4666666667vw;
  }
}

.top-service_ttl {
  text-align: center;
}
.top-service_ttl.is_show .top-service_ttl--last {
  opacity: 1;
  transform: translateX(0);
}
.top-service_ttl--first {
  display: block;
  font-size: 1.5625vw;
  font-weight: bold;
  color: #231816;
  line-height: 1.45;
}
@media (max-width: 767px) {
  .top-service_ttl--first {
    font-size: 4.8vw;
  }
}
.top-service_ttl--second {
  display: block;
  font-size: 2.5vw;
  font-weight: bold;
  color: #231816;
  line-height: 1.45;
}
@media (max-width: 767px) {
  .top-service_ttl--second {
    font-size: 6.4vw;
    margin-top: 3.2vw;
  }
}
.top-service_ttl--last {
  font-size: 3.75vw;
  font-weight: bold;
  color: #231816;
  line-height: 1.45;
  margin-top: 1.1458333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../../img/top-service-ttl-last.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  width: 28.125vw;
  height: 5.46875vw;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transform: translateX(-100%);
  transition: 0.5s cubic-bezier(0.68, -0.6, 0.32, 2);
}
@media (max-width: 767px) {
  .top-service_ttl--last {
    font-size: 8.5333333333vw;
    margin-top: 3.2vw;
    width: 61.3333333333vw;
    height: 12vw;
  }
}
.top-service_ttl--small {
  font-size: 1.9791666667vw;
}
@media (max-width: 767px) {
  .top-service_ttl--small {
    font-size: 4.8vw;
  }
}

.top-service_list {
  margin-top: 9.375vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .top-service_list {
    margin-top: 19.2vw;
  }
}
.top-service_list.is_show .top-service_list--group {
  opacity: 1;
  transform: scale(1);
}
@media (max-width: 767px) {
  .top-service_list.is_show .top-service_list--group {
    opacity: 0;
    transform: scale(0.3);
  }
}
.top-service_list--group {
  width: 28.8020833333vw;
  height: 21.25vw;
  border-radius: 1.0416666667vw;
  border: 0.4166666667vw solid #1f62c5;
  padding: 2.6041666667vw 2.0833333333vw 0;
  box-sizing: border-box;
  background-color: #fff;
  margin-top: 5.5208333333vw;
  color: #231816;
  position: relative;
  opacity: 0;
  transform: scale(0.3);
  transition: 0.6s cubic-bezier(0.76, -0.3, 0.24, 1.5);
}
@media (max-width: 767px) {
  .top-service_list--group {
    width: 100%;
    height: auto;
    border-radius: 3.2vw;
    border: 0.8vw solid #1f62c5;
    padding: 6.4vw 4.2666666667vw;
    margin-top: 10.6666666667vw;
  }
}
.top-service_list--group.is_show {
  opacity: 1 !important;
  transform: scale(1) !important;
}
.top-service_list--group:before {
  content: "";
  display: block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.top-service_list--group:after {
  content: "";
  display: block;
  width: 20.78125vw;
  height: 2.0833333333vw;
  background-image: url(../../img/icon/icon-serif.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: -2.8125vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .top-service_list--group:after {
    width: 58.6666666667vw;
    height: 5.8666666667vw;
    top: -7.4666666667vw;
  }
}
.top-service_list--group:first-of-type {
  transition-delay: 0.1s;
}
@media (max-width: 767px) {
  .top-service_list--group:first-of-type {
    margin-top: 0 !important;
    transition-delay: 0s;
  }
}
.top-service_list--group:first-of-type:before {
  width: 14.53125vw;
  height: 3.3854166667vw;
  background-image: url(../../img/top-service-list-group-01.svg);
  top: -3.6979166667vw;
}
@media (max-width: 767px) {
  .top-service_list--group:first-of-type:before {
    width: 37.3333333333vw;
    height: 8.5333333333vw;
    top: -9.0666666667vw;
  }
}
.top-service_list--group:nth-of-type(2) {
  transition-delay: 0.2s;
}
@media (max-width: 767px) {
  .top-service_list--group:nth-of-type(2) {
    transition-delay: 0s;
  }
}
.top-service_list--group:nth-of-type(2):before {
  width: 14.53125vw;
  height: 1.7708333333vw;
  background-image: url(../../img/top-service-list-group-02.svg);
  top: -2.6041666667vw;
}
@media (max-width: 767px) {
  .top-service_list--group:nth-of-type(2):before {
    width: 34.9333333333vw;
    height: 4.2666666667vw;
    top: -6.1333333333vw;
  }
}
.top-service_list--group:nth-of-type(3) {
  transition-delay: 0.3s;
}
@media (max-width: 767px) {
  .top-service_list--group:nth-of-type(3) {
    transition-delay: 0s;
  }
}
.top-service_list--group:nth-of-type(3):before {
  width: 12.8125vw;
  height: 1.6666666667vw;
  background-image: url(../../img/top-service-list-group-03.svg);
  top: -2.5520833333vw;
}
@media (max-width: 767px) {
  .top-service_list--group:nth-of-type(3):before {
    width: 32.8vw;
    height: 4.2666666667vw;
    top: -6.4vw;
  }
}
.top-service_list--group:nth-of-type(4) {
  transition-delay: 0.4s;
}
@media (max-width: 767px) {
  .top-service_list--group:nth-of-type(4) {
    transition-delay: 0s;
  }
}
.top-service_list--group:nth-of-type(4):before {
  width: 9.5833333333vw;
  height: 2.7083333333vw;
  background-image: url(../../img/top-service-list-group-04.svg);
  top: -3.3333333333vw;
}
@media (max-width: 767px) {
  .top-service_list--group:nth-of-type(4):before {
    width: 22.6666666667vw;
    height: 6.4vw;
    top: -8vw;
  }
}
.top-service_list--group:nth-of-type(5) {
  transition-delay: 0.5s;
}
@media (max-width: 767px) {
  .top-service_list--group:nth-of-type(5) {
    transition-delay: 0s;
  }
}
.top-service_list--group:nth-of-type(5):before {
  width: 10.1041666667vw;
  height: 2.1875vw;
  background-image: url(../../img/top-service-list-group-05.svg);
  top: -2.8125vw;
}
@media (max-width: 767px) {
  .top-service_list--group:nth-of-type(5):before {
    width: 25.8666666667vw;
    height: 5.6vw;
    top: -6.9333333333vw;
  }
}
.top-service_list--group:nth-of-type(6) {
  transition-delay: 0.6s;
}
@media (max-width: 767px) {
  .top-service_list--group:nth-of-type(6) {
    transition-delay: 0s;
  }
}
.top-service_list--group:nth-of-type(6):before {
  width: 13.9583333333vw;
  height: 1.7708333333vw;
  background-image: url(../../img/top-service-list-group-06.svg);
  top: -2.5520833333vw;
}
@media (max-width: 767px) {
  .top-service_list--group:nth-of-type(6):before {
    width: 35.7333333333vw;
    height: 4.5333333333vw;
    top: -6.4vw;
  }
}
.top-service_list--group:nth-of-type(-n+3) {
  margin-top: 0;
}
@media (max-width: 767px) {
  .top-service_list--group:nth-of-type(-n+3) {
    margin-top: 10.6666666667vw;
  }
}
.top-service_list--group:nth-of-type(2n) {
  background-color: #1f62c5;
  color: #fff;
}
.top-service_list--term {
  font-size: 1.4583333333vw;
  text-align: center;
  line-height: 1.47;
  font-weight: bold;
  height: 4.5833333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .top-service_list--term {
    font-size: 4.2666666667vw;
    line-height: 1.4;
    height: auto;
  }
}
.top-service_list--desc {
  margin-top: 1.6666666667vw;
  font-size: 1.1458333333vw;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .top-service_list--desc {
    margin-top: 4.2666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.6;
  }
}

.top-cta {
  background-size: auto auto;
  background-color: rgb(0, 120, 214);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 2.6041666667vw, rgb(32, 98, 196) 2.6041666667vw, rgb(32, 98, 196) 5.2083333333vw);
  border-radius: 2.6041666667vw 2.6041666667vw 0 0;
  padding: 3.125vw;
  position: relative;
}
@media (max-width: 767px) {
  .top-cta {
    background-image: repeating-linear-gradient(135deg, transparent, transparent 5.3333333333vw, rgb(32, 98, 196) 5.3333333333vw, rgb(32, 98, 196) 10.6666666667vw);
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
    padding: 10.6666666667vw 4vw 12.8vw;
  }
}
.top-cta:before {
  content: "";
  display: block;
  width: 4.1666666667vw;
  height: 2.1875vw;
  background-image: url(../../img/character/tail.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 3.6458333333vw;
  left: calc(50% - 19.53125vw);
  animation: yurayura 3s cubic-bezier(0.68, -0.8, 0.32, 1) infinite alternate 0.3s;
  transform-origin: left;
}
@media (max-width: 767px) {
  .top-cta:before {
    width: 10.1333333333vw;
    height: 5.3333333333vw;
    top: -12.8vw;
    left: calc(50% - 28vw);
  }
}
.top-cta:after {
  content: "";
  display: block;
  width: 13.5416666667vw;
  height: 25.3125vw;
  background-image: url(../../img/character/tasuke-without-tail.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -2.96875vw;
  left: calc(50% - 29.375vw);
}
@media (max-width: 767px) {
  .top-cta:after {
    width: 29.3333333333vw;
    height: 51.2vw;
    top: -25.3333333333vw;
    left: 2.1333333333vw;
  }
}
.top-cta--lead {
  font-size: 2.1875vw;
  font-weight: bold;
  color: #fff;
  line-height: 1.45;
  text-align: center;
}
@media (max-width: 767px) {
  .top-cta--lead {
    font-size: 4.8vw;
    text-align: left;
    padding-left: 23.4666666667vw;
  }
}
.top-cta--lead_strong {
  position: relative;
}
.top-cta--lead_strong:before {
  content: "";
  display: block;
  width: 0.5208333333vw;
  height: 0.5208333333vw;
  background-color: #FFD900;
  border-radius: 50%;
  position: absolute;
  top: -0.2083333333vw;
  left: 1.0416666667vw;
  animation: pyokon 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
@media (max-width: 767px) {
  .top-cta--lead_strong:before {
    width: 1.6vw;
    height: 1.6vw;
    top: -1.6vw;
    left: 2.1333333333vw;
  }
}
.top-cta--lead_strong:after {
  content: "";
  display: block;
  width: 0.5208333333vw;
  height: 0.5208333333vw;
  background-color: #FFD900;
  border-radius: 50%;
  position: absolute;
  top: -0.2083333333vw;
  left: 3.125vw;
  animation: pyokon 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite 0.3s;
}
@media (max-width: 767px) {
  .top-cta--lead_strong:after {
    width: 1.6vw;
    height: 1.6vw;
    top: -1.6vw;
    left: 6.4vw;
  }
}
.top-cta--btn {
  background-color: #FFD900;
  width: 26.0416666667vw;
  line-height: 5.5208333333vw;
  margin: 2.2916666667vw auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4583333333vw;
  font-weight: bold;
  color: #231816;
  box-shadow: 0.4166666667vw 0.4166666667vw #2E4D66;
  position: relative;
}
@media (max-width: 767px) {
  .top-cta--btn {
    width: 100%;
    line-height: 16vw;
    margin-top: 7.4666666667vw;
    font-size: 4.8vw;
    box-shadow: 1.6vw 1.6vw #2E4D66;
  }
}
.top-cta--btn:before {
  content: "";
  display: block;
  width: 23.1770833333vw;
  height: 9.53125vw;
  background-image: url(../../img/icon/icon-hover.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(50% - 4.765625vw);
  left: calc(50% - 11.5885416667vw);
  transition: 0.3s;
  transform: scale(0);
}
.top-cta--btn:hover {
  background-color: #fff;
}
@media (max-width: 767px) {
  .top-cta--btn:hover {
    background-color: #FFD900;
  }
}
.top-cta--btn:hover:before {
  transform: scale(1);
}
.top-cta--free {
  font-weight: bold;
  color: #fff;
  font-size: 1.3020833333vw;
  position: absolute;
  top: -1.3020833333vw;
  left: 1.5104166667vw;
  width: 4.9479166667vw;
  height: 3.9583333333vw;
  background-image: url(../../img/top-cta-free.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 0.5208333333vw;
}
@media (max-width: 767px) {
  .top-cta--free {
    font-size: 4.2666666667vw;
    top: -4.8vw;
    left: 7.7333333333vw;
    width: 16vw;
    height: 12.8vw;
    padding-right: 1.6vw;
  }
}
.top-cta--link_wrap {
  margin-top: 2.5vw;
  text-align: center;
}
@media (max-width: 767px) {
  .top-cta--link_wrap {
    margin-top: 6.4vw;
  }
}
.top-cta--link {
  font-size: 1.1458333333vw;
  color: #fff;
  text-decoration: underline;
  position: relative;
}
@media (max-width: 767px) {
  .top-cta--link {
    font-size: 3.7333333333vw;
  }
}
.top-cta--link:after {
  content: "";
  display: block;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  background-image: url(../../img/icon/icon-double-line-arrow.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -1.6666666667vw;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .top-cta--link:after {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    right: -4.2666666667vw;
  }
}
.top-cta--link:hover:after {
  right: -2.1875vw;
}
@media (max-width: 767px) {
  .top-cta--link:hover:after {
    right: -4.2666666667vw;
  }
}

.top-benefit {
  position: relative;
  padding: 5.3125vw 4.1666666667vw;
}
@media (max-width: 767px) {
  .top-benefit {
    padding: 8vw 4vw;
  }
}
.top-benefit.is_show .top-benefit--ttl {
  opacity: 1;
  transform: scale(1) translate3d(0, 0, 0) rotate(0);
}
@media (max-width: 767px) {
  .top-benefit.is_show .top-benefit--ttl {
    transform: scale(1) translate3d(0, 0, 0) rotate(-8deg);
  }
}
.top-benefit--wrap {
  background-color: #FFD900;
  border-radius: 1.0416666667vw;
  box-sizing: border-box;
  padding: 1.8229166667vw 0 3.125vw;
}
@media (max-width: 767px) {
  .top-benefit--wrap {
    border-radius: 3.2vw;
    padding: 6.6666666667vw 0 10.6666666667vw;
  }
}
.top-benefit--wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: 2.5vw;
  right: 21.875vw;
  background-image: url(../../img/character/kong-line.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 21.25vw;
  height: 25.625vw;
  z-index: 100;
  animation: clatter 2s cubic-bezier(0.19, 1, 0.22, 1) 0.8s infinite;
}
@media (max-width: 767px) {
  .top-benefit--wrap:before {
    top: 17.3333333333vw;
    right: 8.5333333333vw;
    width: 37.3333333333vw;
    height: 45.0666666667vw;
  }
}
.top-benefit--ttl {
  width: 35.5729166667vw;
  margin-left: 18.6979166667vw;
  opacity: 0;
  transform: scale(0) translate3d(0, 1rem, 0) rotate(0);
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
@media (max-width: 767px) {
  .top-benefit--ttl {
    width: 66.6666666667vw;
    margin-left: 2.6666666667vw;
  }
}
.top-benefit--ttl_img {
  display: block;
  width: 100%;
}

.top-benefit_point {
  width: 11.4583333333vw;
  line-height: 3.3333333333vw;
  background-color: #1f62c5;
  display: flex;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: -1.6666666667vw;
  position: relative;
}
@media (max-width: 767px) {
  .top-benefit_point {
    width: 26.6666666667vw;
    line-height: 8.5333333333vw;
    margin-bottom: -4.2666666667vw;
  }
}
.top-benefit_point--txt {
  font-size: 1.3541666667vw;
  font-weight: bold;
  color: #fff;
  margin-right: 0.8333333333vw;
}
@media (max-width: 767px) {
  .top-benefit_point--txt {
    font-size: 3.4666666667vw;
    margin-right: 1.6vw;
  }
}
.top-benefit_point--current {
  font-size: 1.875vw;
  font-weight: bold;
  color: #fff;
  margin-right: 0.2083333333vw;
}
@media (max-width: 767px) {
  .top-benefit_point--current {
    font-size: 4.2666666667vw;
    margin-right: 0.8vw;
  }
}
.top-benefit_point--total {
  font-size: 1.1458333333vw;
  font-weight: bold;
  color: #fff;
  margin-bottom: -0.2083333333vw;
}
@media (max-width: 767px) {
  .top-benefit_point--total {
    font-size: 3.4666666667vw;
    margin-bottom: -0.2666666667vw;
  }
}

.top-benefit_list {
  width: 61.09375vw;
  margin: 1.5625vw auto 0;
  position: relative;
  z-index: 101;
}
@media (max-width: 767px) {
  .top-benefit_list {
    width: calc(100% - 8vw);
    margin-top: 10.6666666667vw;
  }
}
.top-benefit_list .splide__arrow {
  border-radius: 50%;
  border: none;
  width: 3.75vw;
  height: 3.75vw;
  background-color: #231816;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 8.3333333333vw;
  z-index: 100;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .top-benefit_list .splide__arrow {
    width: 9.6vw;
    height: 9.6vw;
    top: auto;
    bottom: -4.8vw;
  }
}
.top-benefit_list .splide__arrow.splide__arrow--prev {
  left: -5vw;
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .top-benefit_list .splide__arrow.splide__arrow--prev {
    left: 50%;
    transform: rotate(180deg) translateX(10.6666666667vw);
  }
}
.top-benefit_list .splide__arrow.splide__arrow--prev:hover {
  transform: rotate(180deg) translateX(15%);
}
@media (max-width: 767px) {
  .top-benefit_list .splide__arrow.splide__arrow--prev:hover {
    transform: rotate(180deg) translateX(10.6666666667vw);
  }
}
.top-benefit_list .splide__arrow.splide__arrow--next {
  right: -5vw;
}
@media (max-width: 767px) {
  .top-benefit_list .splide__arrow.splide__arrow--next {
    right: 50%;
    transform: translateX(10.6666666667vw);
  }
}
.top-benefit_list .splide__arrow.splide__arrow--next:hover {
  transform: translateX(15%);
}
@media (max-width: 767px) {
  .top-benefit_list .splide__arrow.splide__arrow--next:hover {
    transform: translateX(10.6666666667vw);
  }
}
.top-benefit_list .splide__arrow svg {
  width: 1.5625vw;
  height: auto;
}
@media (max-width: 767px) {
  .top-benefit_list .splide__arrow svg {
    width: 3.2vw;
  }
}
.top-benefit_list .splide__arrow svg path {
  fill: #fff;
}
.top-benefit_list--item {
  position: relative;
}
.top-benefit_list--txt {
  height: 17.7083333333vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  padding: 1.5625vw 2.3958333333vw;
  box-shadow: 0 0.15625vw 0.3125vw rgba(0, 0, 0, 0.16);
}
@media (max-width: 767px) {
  .top-benefit_list--txt {
    height: 64vw;
    padding: 6.4vw 4.2666666667vw;
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
  }
}
.top-benefit_list--ttl {
  font-family: "RocknRoll One", sans-serif;
  font-weight: 400;
  color: #231816;
  font-size: 2.5vw;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .top-benefit_list--ttl {
    font-size: 5.8666666667vw;
    font-weight: bold;
    line-height: 1.3;
  }
}
.top-benefit_list--desc {
  font-size: 1.25vw;
  line-height: 1.8;
  font-weight: bold;
  color: #231816;
  margin-top: 1.6666666667vw;
}
@media (max-width: 767px) {
  .top-benefit_list--desc {
    font-size: 3.7333333333vw;
    line-height: 1.4;
    margin-top: 5.3333333333vw;
    font-weight: 500;
  }
}

.top-price {
  padding: 6.6666666667vw 4.1666666667vw 0;
  background-color: #E6EFF6;
  border-top: 1.5625vw solid #1f62c5;
  position: relative;
}
@media (max-width: 767px) {
  .top-price {
    padding: 16vw 4vw 13.8666666667vw;
    border-top: 2.1333333333vw solid #1f62c5;
  }
}
.top-price:after {
  content: "";
  display: block;
  width: 100%;
  height: 6.5104166667vw;
  background-image: url(../../img/top-price.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -6.4583333333vw;
  left: 0;
  z-index: 100;
}
@media (max-width: 767px) {
  .top-price:after {
    height: 7.4666666667vw;
    bottom: -6.6666666667vw;
  }
}
.top-price--desc {
  margin-top: 5.2083333333vw;
  position: relative;
}
@media (max-width: 767px) {
  .top-price--desc {
    margin-top: 13.8666666667vw;
  }
}
.top-price--desc:before {
  content: "";
  display: block;
  width: 37.7604166667vw;
  height: 1.0416666667vw;
  background-color: #FFD900;
  position: absolute;
  bottom: -0.5208333333vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .top-price--desc:before {
    width: 80vw;
    height: 2.1333333333vw;
    bottom: -1.0666666667vw;
  }
}
.top-price--desc_txt {
  color: #001421;
  font-size: 1.4583333333vw;
  text-align: center;
  font-weight: bold;
  line-height: 1.48;
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .top-price--desc_txt {
    font-size: 4.2666666667vw;
  }
}

.top-price_ttl {
  text-align: center;
  position: relative;
  opacity: 0;
  transform: translateY(100%);
  transition: 0.35s cubic-bezier(0.68, -0.6, 0.32, 2);
}
.top-price_ttl.is_show {
  opacity: 1;
  transform: translateY(0);
}
.top-price_ttl.is_show:before {
  opacity: 1;
  transform: scale(1) rotate(-11deg);
}
.top-price_ttl:before {
  content: "";
  display: block;
  width: 5.625vw;
  height: 5.625vw;
  background-color: #FFD900;
  border-radius: 50%;
  position: absolute;
  top: -3.2291666667vw;
  left: calc(50% - 9.375vw);
  background-image: url(../../img/top-price-ttl.svg);
  background-size: 4.0104166667vw auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0;
  transform: scale(0.3) rotate(0);
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 2.5);
  transition-delay: 0.2s;
}
@media (max-width: 767px) {
  .top-price_ttl:before {
    width: 16vw;
    height: 16vw;
    top: -9.0666666667vw;
    left: calc(50% - 24vw);
    background-size: 10.6666666667vw auto;
  }
}
.top-price_ttl--txt {
  font-size: 3.2291666667vw;
  font-weight: bold;
  color: #001421;
  line-height: 1.48;
  position: relative;
  letter-spacing: 0.2em;
}
@media (max-width: 767px) {
  .top-price_ttl--txt {
    font-size: 6.9333333333vw;
  }
}

.top-price_list {
  margin-top: 3.9583333333vw;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .top-price_list {
    margin-top: 10.6666666667vw;
    display: block;
  }
}
.top-price_list--group {
  width: 26.9791666667vw;
  margin-right: calc((100% - 80.9375vw) / 2);
  margin-top: 3.125vw;
}
@media (max-width: 767px) {
  .top-price_list--group {
    width: 100%;
    margin-right: 0;
    margin-top: 6.4vw;
  }
}
.top-price_list--group.is_show .top-price_list--link:before {
  transform: rotate(135deg);
  top: 2.1333333333vw;
}
@media (max-width: 767px) {
  .top-price_list--group.is_show .top-price_list--desc {
    opacity: 1;
    height: auto;
    padding-top: 1.3333333333vw;
  }
}
.top-price_list--group:nth-of-type(3n) {
  margin-right: 0;
}
.top-price_list--group:nth-of-type(-n+3) {
  margin-top: 0;
}
@media (max-width: 767px) {
  .top-price_list--group:nth-of-type(-n+3) {
    margin-top: 6.4vw;
  }
}
@media (max-width: 767px) {
  .top-price_list--group:first-of-type {
    margin-top: 0;
  }
}
.top-price_list--group-wide {
  width: 40.625vw;
}
@media (max-width: 767px) {
  .top-price_list--group-wide {
    width: 100%;
  }
}
.top-price_list--group-wide .top-price_list--ttl {
  width: calc(100% - 8.8541666667vw);
}
@media (max-width: 767px) {
  .top-price_list--group-wide .top-price_list--ttl {
    width: calc(100% - 34.6666666667vw);
  }
}
.top-price_list--group-wide .top-price_list--price {
  width: 8.8541666667vw;
}
@media (max-width: 767px) {
  .top-price_list--group-wide .top-price_list--price {
    width: 34.6666666667vw;
  }
}
.top-price_list--term {
  font-size: 1.4583333333vw;
  color: #001421;
  line-height: 1.42;
  padding-bottom: 0.2083333333vw;
  border-bottom: 0.1041666667vw solid #001421;
  font-weight: bold;
}
@media (max-width: 767px) {
  .top-price_list--term {
    font-size: 4.2666666667vw;
    padding-bottom: 1.0666666667vw;
    border-bottom: 0.5333333333vw solid #001421;
  }
}
.top-price_list--link {
  display: block;
  pointer-events: none;
}
@media (max-width: 767px) {
  .top-price_list--link {
    position: relative;
    pointer-events: auto;
  }
  .top-price_list--link:before {
    content: "";
    display: block;
    width: 1.6vw;
    height: 1.6vw;
    border: 0.5333333333vw solid;
    border-color: transparent transparent #231816 #231816;
    transform: rotate(-45deg);
    position: absolute;
    top: 0.8vw;
    right: 3.2vw;
    transition: 0.3s;
  }
}
.top-price_list--desc {
  margin-top: 1.0416666667vw;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .top-price_list--desc {
    padding-top: 0;
    opacity: 0;
    transition: 0.5s;
    height: 0;
  }
}
.top-price_list--item {
  display: flex;
  justify-content: space-between;
}
.top-price_list--ttl {
  font-size: 1.1458333333vw;
  font-weight: 500;
  line-height: 1.88;
  color: #001421;
}
@media (max-width: 767px) {
  .top-price_list--ttl {
    font-size: 3.7333333333vw;
    line-height: 1.7;
    width: calc(100% - 26.6666666667vw);
  }
}
.top-price_list--price {
  font-size: 1.1458333333vw;
  font-weight: 500;
  line-height: 1.88;
  color: #001421;
}
@media (max-width: 767px) {
  .top-price_list--price {
    font-size: 3.7333333333vw;
    line-height: 1.7;
    text-align: right;
    width: 26.6666666667vw;
  }
}

.top-plan {
  padding: 11.71875vw 4.1666666667vw 4.6875vw;
  background-color: #84C0EF;
}
@media (max-width: 767px) {
  .top-plan {
    padding: 21.3333333333vw 4vw 16vw;
  }
}
.top-plan--recommend {
  background-color: #fff;
  width: 9.6875vw;
  line-height: 2.0833333333vw;
  font-size: 1.4583333333vw;
  font-weight: bold;
  color: #1f62c5;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transform: scale(0.3) rotate(11deg);
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 2.5);
}
@media (max-width: 767px) {
  .top-plan--recommend {
    width: 24.5333333333vw;
    line-height: 8vw;
    font-size: 4.2666666667vw;
  }
}
.top-plan--recommend.is_show {
  opacity: 1;
  transform: scale(1) rotate(0);
}

.top-plan_ttl {
  margin-top: 1.40625vw;
  text-align: center;
}
@media (max-width: 767px) {
  .top-plan_ttl {
    margin-top: 4.2666666667vw;
  }
}
.top-plan_ttl--sub {
  font-size: 1.4583333333vw;
  font-weight: bold;
  color: #001421;
  display: block;
  line-height: 2.85;
}
@media (max-width: 767px) {
  .top-plan_ttl--sub {
    font-size: 4.2666666667vw;
    line-height: 1.6;
    font-weight: 500;
  }
}
.top-plan_ttl--main {
  font-size: 2.7083333333vw;
  font-weight: bold;
  color: #001421;
  display: block;
  line-height: 1.53;
}
@media (max-width: 767px) {
  .top-plan_ttl--main {
    font-size: 6.9333333333vw;
    margin-top: 2.1333333333vw;
  }
}

.top-plan_list {
  margin-top: 4.7916666667vw;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .top-plan_list {
    margin-top: 12.8vw;
    display: block;
    width: calc(100% - 8vw);
    margin-left: auto;
    margin-right: auto;
  }
}
.top-plan_list.is_show .top-plan_list--item {
  opacity: 1;
  transform: translateY(0);
}
.top-plan_list--item {
  width: 29.5833333333vw;
  border-radius: 1.0416666667vw;
  padding-top: 3.75vw;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(20%);
  transition: 0.7s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
@media (max-width: 767px) {
  .top-plan_list--item {
    width: 100%;
    border-radius: 2.1333333333vw;
    padding-top: 10.6666666667vw;
    margin-top: 8.5333333333vw;
  }
  .top-plan_list--item:first-of-type {
    margin-top: 0;
  }
}
.top-plan_list--item-light {
  border: 0.4166666667vw solid #95A3BC;
}
@media (max-width: 767px) {
  .top-plan_list--item-light {
    border-width: 0.8vw;
  }
}
.top-plan_list--item-light .top-plan_list--name {
  background-color: #95A3BC;
}
.top-plan_list--item-light .top-plan_list--price {
  background-color: #95A3BC;
}
.top-plan_list--item-standard {
  border: 0.4166666667vw solid #1f62c5;
  transition-delay: 0.1s;
}
@media (max-width: 767px) {
  .top-plan_list--item-standard {
    border-width: 0.8vw;
  }
}
.top-plan_list--item-standard .top-plan_list--name {
  background-color: #1f62c5;
}
.top-plan_list--item-standard .top-plan_list--price {
  background-color: #1f62c5;
}
.top-plan_list--item-business {
  border: 0.4166666667vw solid #013B76;
  transition-delay: 0.2s;
}
@media (max-width: 767px) {
  .top-plan_list--item-business {
    border-width: 0.8vw;
  }
}
.top-plan_list--item-business .top-plan_list--name {
  background-color: #013B76;
}
.top-plan_list--item-business .top-plan_list--price {
  background-color: #013B76;
}
.top-plan_list--name {
  width: 21.5104166667vw;
  height: 3.5416666667vw;
  border-radius: 2.0833333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.4583333333vw;
  font-weight: bold;
  position: absolute;
  top: -2.0833333333vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .top-plan_list--name {
    width: 42.6666666667vw;
    height: 9.6vw;
    border-radius: 10.6666666667vw;
    font-size: 4.2666666667vw;
    top: -4.8vw;
  }
}
.top-plan_list--menu {
  width: calc(100% - 8.3333333333vw);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .top-plan_list--menu {
    width: calc(100% - 14.9333333333vw);
  }
}
.top-plan_list--menu_item {
  margin-top: 1.0416666667vw;
  color: #231816;
  font-weight: bold;
  font-size: 1.25vw;
  line-height: 1.43;
  padding-left: 1.5em;
  position: relative;
}
@media (max-width: 767px) {
  .top-plan_list--menu_item {
    margin-top: 2.1333333333vw;
    font-size: 4vw;
  }
}
.top-plan_list--menu_item:first-of-type {
  margin-top: 0;
}
.top-plan_list--menu_item:before {
  content: "";
  display: block;
  width: 1.3020833333vw;
  height: 1.3020833333vw;
  position: absolute;
  top: 0.3125vw;
  left: 0;
  background-image: url(../../img/icon/icon-check.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .top-plan_list--menu_item:before {
    width: 3.2vw;
    height: 3.2vw;
    top: 1.0666666667vw;
  }
}
.top-plan_list--note {
  font-size: 1.1458333333vw;
  font-weight: 400;
  width: calc(100% - 5.7291666667vw);
  margin: 1.875vw auto 1.9270833333vw;
  display: block;
  padding-left: 1em;
  position: relative;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .top-plan_list--note {
    font-size: 3.4666666667vw;
    width: calc(100% - 12.8vw);
    margin: 3.2vw auto 8.5333333333vw;
  }
}
.top-plan_list--note:before {
  content: "※";
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  left: 0;
}
.top-plan_list--price {
  margin-top: auto;
  height: 8.3333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 767px) {
  .top-plan_list--price {
    height: 14.9333333333vw;
  }
}
.top-plan_list--price:before {
  content: "";
  display: block;
  height: 1.3541666667vw;
  width: 5.2083333333vw;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  top: -0.0520833333vw;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
}
@media (max-width: 767px) {
  .top-plan_list--price:before {
    height: 2.6666666667vw;
    width: 8.5333333333vw;
    top: -0.2666666667vw;
  }
}
.top-plan_list--monthly {
  display: block;
  color: #fff;
  font-size: 1.3541666667vw;
  margin-right: 1.0416666667vw;
  margin-top: 0.5208333333vw;
}
@media (max-width: 767px) {
  .top-plan_list--monthly {
    font-size: 3.7333333333vw;
    margin-right: 3.2vw;
    margin-top: 1.0666666667vw;
  }
}
.top-plan_list--yen {
  display: block;
  color: #fff;
  font-size: 1.9791666667vw;
  font-weight: 900;
  line-height: 1.48;
}
@media (max-width: 767px) {
  .top-plan_list--yen {
    font-size: 4.8vw;
  }
}

.top-plan_note_list {
  margin-top: 2.6041666667vw;
}
@media (max-width: 767px) {
  .top-plan_note_list {
    margin-top: 8.5333333333vw;
  }
}
.top-plan_note_list--item {
  font-size: 1.1458333333vw;
  color: #231816;
  font-weight: 400;
  line-height: 1.88;
  padding-left: 1em;
  position: relative;
}
@media (max-width: 767px) {
  .top-plan_note_list--item {
    font-size: 3.4666666667vw;
  }
}
.top-plan_note_list--item:before {
  content: "※";
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  left: 0;
}

.top-flow {
  padding: 7.4479166667vw 4.1666666667vw 6.0416666667vw;
  background-color: #1f62c5;
  position: relative;
}
@media (max-width: 767px) {
  .top-flow {
    padding: 21.3333333333vw 0 16vw;
  }
}
.top-flow:before {
  content: "";
  display: block;
  width: 100%;
  height: 0.5208333333vw;
  background-color: #fff;
  position: absolute;
  top: 0.78125vw;
  left: 0;
}
@media (max-width: 767px) {
  .top-flow:before {
    height: 1.6vw;
    top: 4vw;
  }
}
@media (max-width: 767px) {
  .top-flow--sp_flow {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
  }
}

.top-flow_ttl {
  text-align: center;
  position: relative;
  opacity: 0;
  transform: translateY(100%);
  transition: 0.35s cubic-bezier(0.68, -0.6, 0.32, 2);
}
.top-flow_ttl.is_show {
  opacity: 1;
  transform: translateY(0);
}
.top-flow_ttl.is_show:before {
  opacity: 1;
  transform: scale(1) rotate(-11deg);
}
.top-flow_ttl:before {
  content: "";
  display: block;
  width: 5.625vw;
  height: 5.625vw;
  background-color: #001421;
  border-radius: 50%;
  position: absolute;
  top: -3.2291666667vw;
  left: calc(50% - 12.5vw);
  background-image: url(../../img/top-flow-ttl.svg);
  background-size: 4.0104166667vw auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0;
  transform: scale(0.3) rotate(0);
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 2.5);
  transition-delay: 0.2s;
}
@media (max-width: 767px) {
  .top-flow_ttl:before {
    width: 16vw;
    height: 16vw;
    top: -9.0666666667vw;
    left: calc(50% - 32vw);
    background-size: 10.6666666667vw auto;
  }
}
.top-flow_ttl--txt {
  font-size: 3.2291666667vw;
  font-weight: bold;
  color: #fff;
  line-height: 1.48;
  position: relative;
}
@media (max-width: 767px) {
  .top-flow_ttl--txt {
    font-size: 6.9333333333vw;
  }
}

.top-flow_list {
  margin-top: 6.4583333333vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  counter-reset: flow_item;
}
@media (max-width: 767px) {
  .top-flow_list {
    justify-content: flex-start;
    margin-top: 16vw;
    width: 441.6vw;
    padding-left: 4vw;
  }
}
.top-flow_list--item {
  width: 28.9583333333vw;
  height: 31.7708333333vw;
  border: 0.15625vw solid #231816;
  border-radius: 1.0416666667vw;
  background-color: #fff;
  position: relative;
  padding: 1.6666666667vw;
  box-sizing: border-box;
  margin-top: 3.3333333333vw;
}
@media (max-width: 767px) {
  .top-flow_list--item {
    width: 69.3333333333vw;
    height: auto;
    border: 0.5333333333vw solid #231816;
    border-radius: 2.1333333333vw;
    padding: 4vw;
    margin-top: 0;
    margin-right: 4.2666666667vw;
  }
}
.top-flow_list--item:nth-of-type(-n+3) {
  margin-top: 0;
}
.top-flow_list--item:first-of-type .top-flow_list--desc:before {
  background-image: url(../../img/top-flow-list-ttl-01.svg);
  background-size: 7.2916666667vw auto;
}
@media (max-width: 767px) {
  .top-flow_list--item:first-of-type .top-flow_list--desc:before {
    background-size: 21.3333333333vw auto;
  }
}
.top-flow_list--item:nth-of-type(2) .top-flow_list--desc:before {
  background-image: url(../../img/top-flow-list-ttl-02.svg);
  background-size: 6.40625vw auto;
}
@media (max-width: 767px) {
  .top-flow_list--item:nth-of-type(2) .top-flow_list--desc:before {
    background-size: 18.6666666667vw auto;
  }
}
.top-flow_list--item:nth-of-type(3) .top-flow_list--desc:before {
  background-image: url(../../img/top-flow-list-ttl-03.svg);
  background-size: 5.9895833333vw auto;
}
@media (max-width: 767px) {
  .top-flow_list--item:nth-of-type(3) .top-flow_list--desc:before {
    background-size: 22.9333333333vw auto;
  }
}
.top-flow_list--item:nth-of-type(4) .top-flow_list--desc:before {
  background-image: url(../../img/top-flow-list-ttl-04.svg);
  background-size: 5vw auto;
}
@media (max-width: 767px) {
  .top-flow_list--item:nth-of-type(4) .top-flow_list--desc:before {
    background-size: 14.6666666667vw auto;
  }
}
.top-flow_list--item:nth-of-type(5) .top-flow_list--desc:before {
  background-image: url(../../img/top-flow-list-ttl-05.svg);
  background-size: 8.4895833333vw auto;
}
@media (max-width: 767px) {
  .top-flow_list--item:nth-of-type(5) .top-flow_list--desc:before {
    background-size: 24.8vw auto;
  }
}
@media (max-width: 767px) {
  .top-flow_list--item:last-of-type:after {
    content: "";
    display: block;
    width: 4.2666666667vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: -4.2666666667vw;
  }
}
.top-flow_list--item:last-of-type .top-flow_list--desc:before {
  background-image: url(../../img/top-flow-list-ttl-06.svg);
  background-size: 5.6770833333vw auto;
}
@media (max-width: 767px) {
  .top-flow_list--item:last-of-type .top-flow_list--desc:before {
    background-size: 16.5333333333vw auto;
  }
}
.top-flow_list--step {
  width: 6.7708333333vw;
  height: 6.7708333333vw;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  display: block;
  position: absolute;
  top: 0.625vw;
  left: 1.09375vw;
}
@media (max-width: 767px) {
  .top-flow_list--step {
    width: 19.2vw;
    height: 19.2vw;
    top: 0;
    left: 0;
  }
}
.top-flow_list--step:before {
  content: "";
  display: block;
  background-image: url(../../img/top-flow-list-step.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 3.3854166667vw;
  height: 1.0416666667vw;
  position: absolute;
  top: 1.9270833333vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .top-flow_list--step:before {
    width: 11.2vw;
    height: 3.4666666667vw;
    top: 4.2666666667vw;
  }
}
.top-flow_list--step:after {
  content: counter(flow_item);
  counter-increment: flow_item;
  display: block;
  font-size: 2.7083333333vw;
  color: #231816;
  font-weight: bold;
  position: absolute;
  bottom: 0.8333333333vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .top-flow_list--step:after {
    font-size: 7.4666666667vw;
    bottom: 2.6666666667vw;
  }
}
.top-flow_list--free {
  position: absolute;
  top: -2.34375vw;
  left: 50%;
  transform: translateX(-50%);
  width: 8.6458333333vw;
  height: 4.1666666667vw;
  border-radius: 0.15625vw;
  background-color: #FFD900;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .top-flow_list--free {
    top: -6.6666666667vw;
    width: 21.3333333333vw;
    height: 10.6666666667vw;
    border-radius: 0.8vw;
  }
}
.top-flow_list--free:before {
  content: "";
  display: block;
  width: 1.4583333333vw;
  height: 1.40625vw;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background-color: #FFD900;
  position: absolute;
  bottom: -1.3541666667vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .top-flow_list--free:before {
    width: 4.2666666667vw;
    height: 4vw;
    bottom: -4vw;
  }
}
.top-flow_list--free_txt {
  font-size: 1.6666666667vw;
  font-weight: bold;
  text-align: center;
  color: #231816;
  width: calc(100% - 1.4583333333vw);
  height: calc(100% - 1.5625vw);
  border-left: 0.1041666667vw solid #fff;
  border-right: 0.1041666667vw solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .top-flow_list--free_txt {
    font-size: 4.2666666667vw;
    width: calc(100% - 5.3333333333vw);
    height: calc(100% - 5.3333333333vw);
    border-left: 0.5333333333vw solid #fff;
    border-right: 0.5333333333vw solid #fff;
  }
}
.top-flow_list--wrap {
  background-color: #E6EFF6;
  border-radius: 2.0833333333vw;
  height: 100%;
  padding: 5.2083333333vw 1.0416666667vw 0;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-flow_list--wrap {
    border-radius: 2.6666666667vw;
    padding: 8.5333333333vw 4vw 4vw;
  }
}
.top-flow_list--ttl {
  font-size: 1.3541666667vw;
  font-weight: 900;
  text-align: center;
  line-height: 1.48;
  color: #231816;
}
@media (max-width: 767px) {
  .top-flow_list--ttl {
    font-size: 4.2666666667vw;
    height: 10.6666666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}
.top-flow_list--desc {
  font-size: 1.1458333333vw;
  line-height: 1.7;
  color: #231816;
}
@media (max-width: 767px) {
  .top-flow_list--desc {
    font-size: 3.7333333333vw;
    line-height: 1.6;
  }
}
.top-flow_list--desc:before {
  content: "";
  display: block;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 0.8333333333vw auto;
  width: 9.0625vw;
  height: 7.1875vw;
}
@media (max-width: 767px) {
  .top-flow_list--desc:before {
    margin: 2.1333333333vw auto;
    width: 26.6666666667vw;
    height: 21.3333333333vw;
  }
}
.top-flow_list--link {
  color: #1f62c5;
  font-size: 1.1458333333vw;
  background-color: #fff;
  border: 0.1041666667vw solid #1f62c5;
  width: 15.7291666667vw;
  height: 2.7083333333vw;
  display: block;
  margin: 1.875vw auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 767px) {
  .top-flow_list--link {
    font-size: 3.7333333333vw;
    border: 0.5333333333vw solid #1f62c5;
    width: 100%;
    height: 8.5333333333vw;
    margin: 7.4666666667vw auto 0;
  }
}
.top-flow_list--link:after {
  content: "";
  display: block;
  background-image: url(../../img/icon/icon-arrow-blue.svg);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 0.7291666667vw;
  height: 0.7291666667vw;
  transform: rotate(-90deg);
  margin-left: 0.5208333333vw;
}
@media (max-width: 767px) {
  .top-flow_list--link:after {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-left: 2.6666666667vw;
  }
}
.top-flow_list--link:hover {
  background-color: #1f62c5;
}
@media (max-width: 767px) {
  .top-flow_list--link:hover {
    background-color: #fff;
  }
}
.top-flow_list--link:hover {
  color: #fff;
}
@media (max-width: 767px) {
  .top-flow_list--link:hover {
    color: #1f62c5;
  }
}
.top-flow_list--link:hover:after {
  background-image: url(../../img/icon/icon-arrow-white.svg);
}
@media (max-width: 767px) {
  .top-flow_list--link:hover:after {
    background-image: url(../../img/icon/icon-arrow-blue.svg);
  }
}

.top-profile {
  padding: 5.625vw 0 5.3125vw;
}
@media (max-width: 767px) {
  .top-profile {
    padding: 21.3333333333vw 4vw 12.8vw;
  }
}
.top-profile--ttl {
  font-size: 3.2291666667vw;
  font-weight: bold;
  color: #231816;
  text-align: center;
  line-height: 1.45;
}
@media (max-width: 767px) {
  .top-profile--ttl {
    font-size: 6.9333333333vw;
  }
}
.top-profile--desc {
  font-size: 1.3020833333vw;
  color: #231816;
  text-align: center;
  line-height: 2;
  margin-top: 2.6041666667vw;
}
@media (max-width: 767px) {
  .top-profile--desc {
    font-size: 3.7333333333vw;
    line-height: 1.5;
    margin-top: 7.4666666667vw;
    text-align: left;
  }
}

.top-profile_list {
  margin-top: 4.5833333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .top-profile_list {
    margin-top: 14.9333333333vw;
  }
}
.top-profile_list--item {
  margin-right: 8.125vw;
}
@media (max-width: 767px) {
  .top-profile_list--item {
    margin-right: 16vw;
  }
}
.top-profile_list--item:last-of-type {
  margin-right: 0;
  position: relative;
}
.top-profile_list--item:last-of-type:before {
  content: "";
  display: block;
  width: 0.0520833333vw;
  height: 5.2083333333vw;
  background-color: #231816;
  position: absolute;
  top: -0.5208333333vw;
  left: -4.0625vw;
}
@media (max-width: 767px) {
  .top-profile_list--item:last-of-type:before {
    width: 0.2666666667vw;
    height: 16vw;
    top: -2.6666666667vw;
    left: -8vw;
  }
}
.top-profile_list--ja {
  display: block;
  font-size: 1.6666666667vw;
  font-weight: bold;
  line-height: 1.44;
  text-align: center;
}
@media (max-width: 767px) {
  .top-profile_list--ja {
    font-size: 4.5333333333vw;
  }
}
.top-profile_list--en {
  display: block;
  font-size: 1.0416666667vw;
  line-height: 1.45;
  margin-top: 0.3125vw;
  text-align: center;
}
@media (max-width: 767px) {
  .top-profile_list--en {
    font-size: 3.4666666667vw;
    margin-top: 1.0666666667vw;
  }
}

.top-profile_detail {
  margin-top: 0.5208333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .top-profile_detail {
    margin-top: 5.3333333333vw;
    flex-direction: column-reverse;
  }
}
.top-profile_detail--img {
  margin-right: 1.7708333333vw;
  width: 30.7291666667vw;
}
@media (max-width: 767px) {
  .top-profile_detail--img {
    margin-right: 0;
    width: 85.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}

.top-profile_detail_list {
  background-color: #E6EFF6;
  border-radius: 1.0416666667vw;
  padding: 1.7708333333vw 2.5vw;
  width: 38.5416666667vw;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-profile_detail_list {
    border-radius: 2.1333333333vw;
    padding: 4.2666666667vw 5.3333333333vw;
    width: 100%;
  }
}
.top-profile_detail_list--term {
  color: #231816;
  font-size: 1.1458333333vw;
  font-weight: bold;
  line-height: 1.44;
  position: relative;
  padding-left: 1.2em;
  margin-top: 1.0416666667vw;
}
@media (max-width: 767px) {
  .top-profile_detail_list--term {
    font-size: 3.4666666667vw;
    margin-top: 3.2vw;
  }
}
.top-profile_detail_list--term:first-of-type {
  margin-top: 0;
}
.top-profile_detail_list--term:before {
  content: "";
  width: 0.6770833333vw;
  height: 0.6770833333vw;
  border-radius: 50%;
  background-color: #767676;
  position: absolute;
  top: 0.5208333333vw;
  left: 0;
}
@media (max-width: 767px) {
  .top-profile_detail_list--term:before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    top: 1.3333333333vw;
  }
}
.top-profile_detail_list--desc {
  color: #231816;
  font-size: 1.1458333333vw;
  line-height: 1.44;
  margin-top: 0.2083333333vw;
}
@media (max-width: 767px) {
  .top-profile_detail_list--desc {
    font-size: 3.4666666667vw;
    margin-top: 0.5333333333vw;
  }
}

.top-cta2 {
  background-size: auto auto;
  background-color: #1f62c5;
  border-radius: 2.6041666667vw 2.6041666667vw 0 0;
  padding: 3.2291666667vw 0 3.75vw;
}
@media (max-width: 767px) {
  .top-cta2 {
    border-radius: 5.3333333333vw 5.3333333333vw 0 0;
    padding: 10.6666666667vw 4vw 12.8vw;
  }
}
.top-cta2--lead {
  font-size: 1.4583333333vw;
  font-weight: bold;
  color: #fff;
  line-height: 1.42;
  text-align: center;
}
@media (max-width: 767px) {
  .top-cta2--lead {
    font-size: 4.5333333333vw;
  }
}
.top-cta2--lead_strong {
  position: relative;
}
.top-cta2--lead_strong:before {
  content: "";
  display: block;
  width: 0.5208333333vw;
  height: 0.5208333333vw;
  background-color: #FFD900;
  border-radius: 50%;
  position: absolute;
  top: -0.5208333333vw;
  left: 0.5208333333vw;
  animation: pyokon 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
@media (max-width: 767px) {
  .top-cta2--lead_strong:before {
    width: 1.6vw;
    height: 1.6vw;
    top: -1.0666666667vw;
    left: 1.6vw;
  }
}
.top-cta2--lead_strong:after {
  content: "";
  display: block;
  width: 0.5208333333vw;
  height: 0.5208333333vw;
  background-color: #FFD900;
  border-radius: 50%;
  position: absolute;
  top: -0.5208333333vw;
  left: 1.875vw;
  animation: pyokon 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite 0.3s;
}
@media (max-width: 767px) {
  .top-cta2--lead_strong:after {
    width: 1.6vw;
    height: 1.6vw;
    top: -1.0666666667vw;
    left: 5.8666666667vw;
  }
}

.top-cta2_btn {
  margin-top: 2.0833333333vw;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .top-cta2_btn {
    margin-top: 7.4666666667vw;
    display: block;
  }
}
.top-cta2_btn--link {
  background-color: #FFD900;
  width: 26.0416666667vw;
  line-height: 5.5208333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4583333333vw;
  font-weight: bold;
  color: #231816;
  box-shadow: 0.4166666667vw 0.4166666667vw #2E4D66;
  position: relative;
}
@media (max-width: 767px) {
  .top-cta2_btn--link {
    width: 100%;
    line-height: 16vw;
    font-size: 4.8vw;
    box-shadow: 1.6vw 1.6vw #2E4D66;
  }
}
.top-cta2_btn--link:hover {
  background-color: #84C0EF;
}
@media (max-width: 767px) {
  .top-cta2_btn--link:hover {
    background-color: #FFD900;
  }
}
.top-cta2_btn--link:last-of-type {
  background-color: #fff;
  margin-left: 2.0833333333vw;
}
@media (max-width: 767px) {
  .top-cta2_btn--link:last-of-type {
    margin-left: 0;
    margin-top: 5.3333333333vw;
  }
}
.top-cta2_btn--link:last-of-type:hover {
  background-color: #84C0EF;
}
@media (max-width: 767px) {
  .top-cta2_btn--link:last-of-type:hover {
    background-color: #fff;
  }
}

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