.anim-bounce[data-v-049834f2] {
    animation: bounce-049834f2 2.5s ease-in-out infinite;
    opacity: 1;
}
@keyframes bounce-049834f2 {
0%, 40%, 60%, 80% {
      transform: scale(1.0);
}
50%, 70%, 90% {
      transform: scale(0.95);
}
}
.balloon01[data-v-049834f2] {
    transform: translateY(43px);
}
.balloon02[data-v-049834f2], .balloon03[data-v-049834f2] {
    transform: translateY(64px);
}
@media screen and (min-width: 912px) {
.balloon01[data-v-049834f2], .balloon02[data-v-049834f2], .balloon03[data-v-049834f2] {
      transform: translateY(48px);
}
}
.balloon01[data-v-049834f2], .balloon02[data-v-049834f2], .balloon03[data-v-049834f2] {
    opacity: 0;
}
@keyframes baloonShow-049834f2 {
to {
      opacity: 1;
      transform: translateY(0)
}
}
.start-balloon01[data-v-049834f2] {
    animation: baloonShow-049834f2 1s forwards 0.2s;
}
.start-balloon02[data-v-049834f2] {
    animation: baloonShow-049834f2 1s forwards 0.4s;
}
.start-balloon03[data-v-049834f2] {
    animation: baloonShow-049834f2 1s forwards 0.6s;
}
.start-text01[data-v-049834f2] {
    opacity: 0;
    animation: zoomIn-049834f2 .5s ease-out 1 forwards;
}
.start-text02[data-v-049834f2] {
    opacity: 0;
    animation: zoomIn-049834f2 .5s ease-out 1 forwards;
}
.start-text03[data-v-049834f2] {
    opacity: 0;
    animation: zoomIn-049834f2 .5s ease-out 1 forwards;
}
@media screen and (min-width: 912px) {
.start-text01[data-v-049834f2] {
      animation: zoomIn-049834f2 .5s ease-out 0.8s 1 forwards;
}
.start-text02[data-v-049834f2] {
      animation: zoomIn-049834f2 .5s ease-out 0.8s 1 forwards;
}
.start-text03[data-v-049834f2] {
      animation: zoomIn-049834f2 .5s ease-out 0.8s 1 forwards;
}
}
.text01[data-v-049834f2] { opacity: 0;
}
.text02[data-v-049834f2] { opacity: 0;
}
.text03[data-v-049834f2] { opacity: 0;
}
@keyframes zoomIn-049834f2 {
from {
      opacity: 0;
      transform: scale3d(.3, .3, .3);
}
40% {
      transform: scale3d(1.25, 1.25, 1.25);
}
to {
      opacity: 1;
      transform: scale3d(1, 1, 1);
}
}
.triangle[data-v-049834f2] {
      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[data-v-049834f2] {
      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;
}
@keyframes marker-049834f2 {
0% {
      width: 0;
      left: 0;
}
100% {
      width: 100%;
      left: 0;
}
}
@media screen and (min-width: 912px) {
@keyframes marker-049834f2 {
0% {
        width: 0;
        left: -4px;
}
100% {
        width: calc(100% + 8px);
        left: -4px;
}
}
}
.custom-underline-blue-b6-2[data-v-049834f2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.custom-underline-blue-b6-2[data-v-049834f2]::before {
    content: '';
    position: absolute;
    bottom: 2px;
    height: 30px;
    background-color: #1063EB;
    z-index: -1;
    transition: none;
}
@media screen and (min-width: 912px) {
.custom-underline-blue-b6-2[data-v-049834f2]::before {
      content: '';
      position: absolute;
      bottom: 0px;
      height: 34px;
      background-color: #1063EB;
      z-index: -1;
      transition: none;
}
}
.custom-underline-blue-b6[data-v-049834f2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.custom-underline-blue-b6[data-v-049834f2]::before {
    content: '';
    position: absolute;
    bottom: 3px;
    height: 30px;
    background-color: #1063EB;
    z-index: -1;
    animation: marker-049834f2 1s forwards;
}
@media screen and (min-width: 912px) {
.custom-underline-blue-b6[data-v-049834f2]::before {
      content: '';
      position: absolute;
      bottom: 3px;
      height: 32px;
      background-color: #1063EB;
      z-index: -1;
      animation: marker-049834f2 1s forwards;
}
}
.custom-underline-navy[data-v-049834f2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.custom-underline-navy[data-v-049834f2]::before {
    content: '';
    position: absolute;
    bottom: 0px;
    height: 24px;
    background-color: #001F53;
    z-index: -1;
    animation: marker-049834f2 1s forwards 0.3s;
}
@media screen and (min-width: 912px) {
.custom-underline-navy[data-v-049834f2]::before {
      content: '';
      position: absolute;
      bottom: 3px;
      height: 28px;
      background-color: #001F53;
      z-index: -1;
      animation: marker-049834f2 1s forwards 0.3s;
}
}
.custom-underline-navy-2[data-v-049834f2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.custom-underline-navy-2[data-v-049834f2]::before {
    content: '';
    position: absolute;
    bottom: 1px;
    height: 30px;
    background-color: #001F53;
    z-index: -1;
    transition: none;
}
@media screen and (min-width: 912px) {
.custom-underline-navy-2[data-v-049834f2]::before {
      content: '';
      position: absolute;
      bottom: 0px;
      height: 34px;
      background-color: #001F53;
      z-index: -1;
      transition: none;
}
}
.custom-underline-white[data-v-049834f2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.custom-underline-white[data-v-049834f2]::before {
    content: '';
    position: absolute;
    bottom: 1px;
    height: 30px;
    background-color: #FFF;
    z-index: -1;
    transition: none;
}
@media screen and (min-width: 912px) {
.custom-underline-white[data-v-049834f2]::before {
      content: '';
      position: absolute;
      bottom: 0px;
      height: 32px;
      background-color: #FFF;
      z-index: -1;
      transition: none;
}
}
.custom-underline-white-2[data-v-049834f2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.custom-underline-white-2[data-v-049834f2]::before {
    content: '';
    position: absolute;
    bottom: 8px;
    height: 28px;
    background-color: #FFF;
    z-index: -1;
    transition: none;
}
@media screen and (min-width: 912px) {
.custom-underline-white-2[data-v-049834f2]::before {
      content: '';
      position: absolute;
      bottom: 8px;
      height: 32px;
      background-color: #FFF;
      z-index: -1;
      transition: none;
}
}
.start-animation[data-v-049834f2]::before {
    animation: marker-049834f2 1s forwards;
}
.start-custom-underline-blue-b6[data-v-049834f2]::before
  {
    animation-delay: 0s;
    animation: marker-049834f2 1s forwards;
}
.start-custom-underline-navy[data-v-049834f2]::before
  {
    animation: marker-049834f2 1s forwards;
    animation-delay: 0.2s;
}
.start-custom-underline-white[data-v-049834f2]::before
  {
    animation: marker-049834f2 1s forwards;
    animation-delay: 0.4s;
}
.start-custom-underline-orange[data-v-049834f2]::before
  {
    animation: marker-049834f2 1s forwards;
    animation-delay: 0.6s;
}
.start-custom-underline-blue-b6-2[data-v-049834f2]::before
  {
    animation: marker-049834f2 1s forwards;
}
.start-custom-underline-navy-2[data-v-049834f2]::before
  {
    animation: marker-049834f2 1s forwards;
}
.start-custom-underline-white-2[data-v-049834f2]::before
  {
    animation: marker-049834f2 1s forwards;
}
.custom-underline-orange[data-v-049834f2] {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.custom-underline-orange[data-v-049834f2]::before {
    content: '';
    position: absolute;
    bottom: 3px;
    height: 30px;
    background-color: #F6430A;
    z-index: -1;
    transition: none;
}
@media screen and (min-width: 912px) {
.custom-underline-orange[data-v-049834f2]::before {
      content: '';
      position: absolute;
      bottom: 1px;
      height: 34px;
      background-color: #F6430A;
      z-index: -1;
      transition: none;
}
}
@keyframes revealPart-049834f2 {
from {
      transform: translateX(100%);
      opacity: 0;
}
to {
      transform: translateX(0);
      opacity: 1;
}
}
.reveal-part01[data-v-049834f2], .reveal-part02[data-v-049834f2], .reveal-part03[data-v-049834f2], .reveal-part04[data-v-049834f2] {
    opacity: 0;
}
.start-reveal-part01[data-v-049834f2] {
    animation: revealPart-049834f2 1s ease-out forwards;
    opacity: 0;
    animation-delay: 0.2s;
}
.start-reveal-part02[data-v-049834f2] {
    animation: revealPart-049834f2 1s ease-out forwards;
    opacity: 0;
    animation-delay: 0.4s;
}
.start-reveal-part03[data-v-049834f2] {
    animation: revealPart-049834f2 1s ease-out forwards;
    opacity: 0;
    animation-delay: 0.6s;
}
.start-reveal-part04[data-v-049834f2] {
    animation: revealPart-049834f2 1s ease-out forwards;
    opacity: 0;
    animation-delay: 0.8s;
}

  /* hamburger menu */
.menu[data-v-049834f2] {
    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-049834f2] {
  position: relative;
  margin: 0 auto;
  display: block;
}
.pr-mark[data-v-049834f2]:after {
  content: '広告';
  font-size: 14px;
  padding: 2px 2px;
  line-height: 18px;
  border-radius: 2px;
  background-color: rgb(0 31 83 / var(--tw-bg-opacity));
  border: 1px solid white;
  color: white;
  text-align: center;
  position: absolute;
  right: 12px;
  bottom: 18px;
}
@media screen and (min-width: 912px) {
.pr-mark[data-v-049834f2]:after {
    padding: 0 2px;
    right: 0;
    bottom: 20px;
}
}