.balloon01[data-v-514660ff] {
    transform: translateY(43px);
}
.balloon02[data-v-514660ff], .balloon03[data-v-514660ff] {
    transform: translateY(64px);
}
@media screen and (min-width: 912px) {
.balloon01[data-v-514660ff], .balloon02[data-v-514660ff], .balloon03[data-v-514660ff] {
      transform: translateY(48px);
}
}
.balloon01[data-v-514660ff], .balloon02[data-v-514660ff], .balloon03[data-v-514660ff] {
    opacity: 0;
    animation: baloonShow-514660ff .5s ease-out 2s 1 forwards;
}
.balloon01[data-v-514660ff] { animation-delay: 1s;
}
.balloon02[data-v-514660ff] { animation-delay: 1.2s;
}
.balloon03[data-v-514660ff] { animation-delay: 1.4s;
}
@keyframes baloonShow-514660ff {
to {
      opacity: 1;
      transform: translateY(0)
}
}
.text-wrapper[data-v-514660ff] {
    position: relative;
    display: inline-block;
    z-index: 1;
}
.custom-underline-orange[data-v-514660ff] {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.custom-underline-orange[data-v-514660ff]::before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 2px;
    height: 24px;
    background-color: #FFE9DC;
    z-index: -1;
}
@media screen and (min-width: 912px) {
.custom-underline-orange[data-v-514660ff]::before {
      content: '';
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 2px;
      height: 28px;
      background-color: #FFE9DC;
      z-index: -1;
}
}
.triangle-shadow[data-v-514660ff] {
      position: absolute;
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-right: 8px solid rgba(0, 31, 83, 0.5);
      left: -7px;
      top: 55%;
      transform: translateY(-50%);
      box-shadow: 4px 0px 0px 0px rgba(0, 31, 83, 0.5);
      z-index: -1;
}
.triangle[data-v-514660ff] {
      position: absolute;
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-right: 8px solid #001F53;
      left: -9px;
      top: 50%;
      transform: translateY(-50%);
      z-index: -1;
}
.triangle-shadow-right[data-v-514660ff] {
      position: absolute;
      width: 0;
      height: 0;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-left: 7px solid rgba(0, 31, 83, 0.5);
      right: -12px;
      top: 54%;
      transform: translateY(-50%);
      box-shadow: -0px 0px 0px 0px rgba(0, 31, 83, 0.5);
      z-index: -1;
}
.triangle-right[data-v-514660ff] {
      position: absolute;
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-left: 8px solid #001F53;
      right: -9px;
      top: 50%;
      transform: translateY(-50%);
      z-index: -1;
}
@keyframes revealPart-514660ff {
from {
      /* clip-path: inset(0 100% 0 0); */
      transform: translateX(100%);
      opacity: 0;
}
to {
      /* clip-path: inset(0 0 0 0); */
      transform: translateX(0);
      opacity: 1;
}
}
.reveal-part0[data-v-514660ff] {
    animation: revealPart-514660ff 1s ease-out forwards;
    opacity: 0; /* 初期状態で非表示に */
    animation-delay: 0.8s;
}
.reveal-part1[data-v-514660ff] {
    animation: revealPart-514660ff 1s ease-out forwards;
    opacity: 0; /* 初期状態で非表示に */
    animation-delay: 1.2s;
}
.reveal-part2[data-v-514660ff] {
    animation: revealPart-514660ff 1s ease-out forwards;
    opacity: 0; /* 初期状態で非表示に */
    animation-delay: 1.6s;
}
.reveal-part3[data-v-514660ff] {
    animation: revealPart-514660ff 1s ease-out forwards;
    opacity: 0; /* 初期状態で非表示に */
    animation-delay: 2s;
}

  /* hamburger menu */
.menu[data-v-514660ff] {
    transition: transform 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s,
                opacity 0.3s ease-out;
}
.pr-mark[data-v-514660ff] {
  position: relative;
  margin: 0 auto;
  display: block;
}
.pr-mark > img[data-v-514660ff] {
  -o-object-fit: contain;
     object-fit: contain;
}
.pr-mark[data-v-514660ff]:after {
  content: '広告';
  font-size: 14px;
  padding: 0px 2px;
  line-height: 18px;
  border-radius: 2px;
  background-color: white;
  border: 1px solid #333;
  text-align: center;
  position: absolute;
  top: 0;
  right: 30px;
}
@media screen and (min-width: 912px) {
.pr-mark[data-v-514660ff]:after {
    padding: 0 2px;
    right: 0;
    bottom: 6px;
    top: unset;
}
}

.anim-bounce[data-v-0a0d726a] {
    animation: bounce-0a0d726a 2.5s ease-in-out infinite;
    opacity: 1;
}
@keyframes bounce-0a0d726a {
0%, 40%, 60%, 80% {
      transform: scale(1.0);
}
50%, 70%, 90% {
      transform: scale(0.95);
}
}
@keyframes revealPart-0a0d726a {
from {
      clip-path: inset(0 100% 0 0);
      opacity: 0;
}
to {
      clip-path: inset(0 0 0 0);
      opacity: 1;
}
}
.reveal-part1[data-v-0a0d726a] {
    animation: revealPart-0a0d726a 2s ease-out 1s forwards;
    opacity: 0; /* 初期状態で非表示に */
    animation-delay: 1.6s;
}
.reveal-part2[data-v-0a0d726a] {
    animation: revealPart-0a0d726a 2s ease-out 1s forwards;
    opacity: 0; /* 初期状態で非表示に */
    animation-delay: 1.8s;
}
.reveal-part3[data-v-0a0d726a] {
    animation: revealPart-0a0d726a 2s ease-out 1s forwards;
    opacity: 0; /* 初期状態で非表示に */
    animation-delay: 2.0s;
}
@keyframes baloonShow-0a0d726a {
to {
      opacity: 1;
      transform: translateY(0)
}
}
.balloon01[data-v-0a0d726a] {
    transform: translateY(43px);
}
.balloon02[data-v-0a0d726a],
  .balloon03[data-v-0a0d726a] {
    transform: translateY(64px);
}
@media screen and (min-width: 912px) {
.balloon01[data-v-0a0d726a],
    .balloon02[data-v-0a0d726a],
    .balloon03[data-v-0a0d726a] {
      transform: translateY(48px);
}
}
.balloon01[data-v-0a0d726a],
  .balloon02[data-v-0a0d726a],
  .balloon03[data-v-0a0d726a] {
    opacity: 0;
    animation: baloonShow-0a0d726a .5s ease-out 2s 1 forwards;
}
.balloon01[data-v-0a0d726a] {
    animation-delay: 3.2s;
}
.balloon02[data-v-0a0d726a] {
    animation-delay: 3.4s;
}
.balloon03[data-v-0a0d726a] {
    animation-delay: 3.6s;
}
.text-with-icon[data-v-0a0d726a] {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
}
.text-with-icon span .svg-icon-1[data-v-0a0d726a],
  .text-with-icon span .svg-icon-2[data-v-0a0d726a] {
      position: relative;
      display: inline-block;
}
.text-with-icon span .svg-icon-1[data-v-0a0d726a]::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 5px;
    width: 53px;
    height: 4px;
    background-image: url('/img/header/beginner/ellipse-1-sp.svg');
    background-size: cover;
}
.text-with-icon span .svg-icon-2[data-v-0a0d726a]::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 53px;
    width: 38px;
    height: 4px;
    background-image: url('/img/header/beginner/ellipse-2-sp.svg');
    background-size: cover;
}
@media screen and (min-width: 912px) {
.text-with-icon span .svg-icon-1[data-v-0a0d726a]::before {
      content: "";
      position: absolute;
      top: -2px;
      left: 6px;
      width: 58px;
      height: 4px;
      background-image: url('/img/header/beginner/ellipse-1-pc.svg');
      background-size: cover;
}
.text-with-icon span .svg-icon-2[data-v-0a0d726a]::before {
      content: "";
      position: absolute;
      top: -2px;
      left: 59px;
      width: 40px;
      height: 4px;
      background-image: url('/img/header/beginner/ellipse-2-pc.svg');
      background-size: cover;
}
}
.text-wrapper[data-v-0a0d726a] {
    position: relative;
    display: inline-block;
    z-index: 1;
}
.custom-underline-white[data-v-0a0d726a] {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.custom-underline-white[data-v-0a0d726a]::before {
    content: '';
    position: absolute;
    left: -4px;
    right: 0px;
    bottom: 4px;
    height: 20px;
    background-color: #FFF;
    z-index: -1;
}
@media screen and (min-width: 912px) {
.custom-underline-white[data-v-0a0d726a]::before {
      content: '';
      position: absolute;
      left: -2px;
      right: 0px;
      bottom: 4px;
      height: 22px;
      background-color: #FFF;
      z-index: -1;
}
}
.custom-underline-white-2[data-v-0a0d726a] {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.custom-underline-white-2[data-v-0a0d726a]::before {
    content: '';
    position: absolute;
    left: -4px;
    right: -4px;
    bottom: 4px;
    height: 20px;
    background-color: #FFF;
    z-index: -1;
}
@media screen and (min-width: 912px) {
.custom-underline-white-2[data-v-0a0d726a]::before {
      content: '';
      position: absolute;
      left: -2px;
      right: -2px;
      bottom: 4px;
      height: 22px;
      background-color: #FFF;
      z-index: -1;
}
}
.svg-man[data-v-0a0d726a] {
    position: absolute;
    bottom: -120px;
    /* right: -60px; */
    right: -27%;
}
@media screen and (min-width: 912px) {
.svg-man[data-v-0a0d726a] {
      position: absolute;
      bottom: -164px;
      right: -160px;
}
}
.custom-underline-white-3[data-v-0a0d726a] {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.custom-underline-white-3[data-v-0a0d726a]::before {
    content: '';
    position: absolute;
    left: -4px;
    right: -4px;
    bottom: 2px;
    height: 24px;
    background-color: #FFF;
    z-index: -1;
}
@media screen and (min-width: 912px) {
.custom-underline-white-3[data-v-0a0d726a]::before {
      content: '';
      position: absolute;
      left: -2px;
      right: -2px;
      bottom: 4px;
      height: 26px;
      background-color: #FFF;
      z-index: -1;
}
}