.balloon01[data-v-aa380752] {
    transform: translateY(43px);
}
.balloon02[data-v-aa380752], .balloon03[data-v-aa380752] {
    transform: translateY(64px);
}
@media screen and (min-width: 912px) {
.balloon01[data-v-aa380752], .balloon02[data-v-aa380752], .balloon03[data-v-aa380752] {
      transform: translateY(48px);
}
}
.balloon01[data-v-aa380752], .balloon02[data-v-aa380752], .balloon03[data-v-aa380752] {
    opacity: 0;
    animation: baloonShow-aa380752 .5s ease-out 2s 1 forwards;
}
.balloon01[data-v-aa380752] { animation-delay: 1s;
}
.balloon02[data-v-aa380752] { animation-delay: 1.2s;
}
.balloon03[data-v-aa380752] { animation-delay: 1.4s;
}
@keyframes baloonShow-aa380752 {
to {
      opacity: 1;
      transform: translateY(0)
}
}
.text01[data-v-aa380752], .text02[data-v-aa380752], .text03[data-v-aa380752] {
    opacity: 0;
    animation: zoomIn-aa380752 .5s ease-out 1s 1 forwards;
}
.text01[data-v-aa380752] { animation-delay: 2s;
}
.text02[data-v-aa380752] { animation-delay: 2.3s;
}
.text03[data-v-aa380752] { animation-delay: 2.7s;
}
@keyframes zoomIn-aa380752 {
from {
      opacity: 1;
      transform: scale3d(.3, .3, .3);
}
40% {
      transform: scale3d(1.25, 1.25, 1.25);
}
to {
      opacity: 1;
      transform: scale3d(1, 1, 1);
}
}
  /* hamburger menu */
.menu[data-v-aa380752] {
    transition: transform 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s,
                opacity 0.3s ease-out;
}
.background-geometry[data-v-aa380752]::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url('/img/icon/head/geometry-sp.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
@media screen and (min-width: 912px) {
.background-geometry[data-v-aa380752]::before {
      content: '';
      position: absolute;
      background-image: url('/img/icon/head/geometry-pc.svg');
      background-repeat: no-repeat;
      background-position: 51% 50%;
}
}
.background-career-site[data-v-aa380752]::before {
    content: '';
    position: absolute;
    width: 81px;
    height: 113px;
    right: 2%;
    top: 8.5px;
    background-image: url('/img/icon/head/career-site.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
@media screen and (min-width: 912px) {
.background-career-site[data-v-aa380752]::before {
      content: '';
      position: absolute;
      width: 81px;
      height: 113px;
      top: 6px;
      right: calc(50% - 302px);
      background-image: url('/img/icon/head/career-site.svg');
      background-repeat: no-repeat;
}
}
@keyframes underline-animation-aa380752 {
0% {
      width: 0;
}
100% {
      width: 100%;
}
}
.custom-underline-blue[data-v-aa380752] {
      position: relative;
      display: inline-block;
      z-index: 0;
}
.custom-underline-beige[data-v-aa380752] {
      position: relative;
      display: inline-block;
      z-index: 0;
}
.custom-underline-beige-2[data-v-aa380752] {
      position: relative;
      display: inline-block;
      z-index: 0;
}
.start-custom-underline-blue[data-v-aa380752]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    background-color: #1063EB;
    animation: underline-animation-aa380752 1s forwards;
}
.start-custom-underline-beige[data-v-aa380752]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    bottom: 4px;
    z-index: -1;
    background-color: #FFE9DC;
    animation: underline-animation-aa380752 1.4s forwards;
}
.start-custom-underline-beige-2[data-v-aa380752]::after {
    content: '';
    position: absolute;
    left: 0;
    width: 0;
    height: 18px;
    bottom: 4px;
    z-index: -1;
    background-color: #FFE9DC;
    animation: underline-animation-aa380752 2s forwards;
}
@media screen and (min-width: 912px) {
.start-custom-underline-blue[data-v-aa380752]::after {
      content: '';
      position: absolute;
      top: 0px;
      left: 0;
      height: 35px;
      z-index: -1;
      background-color: #1063EB;
      animation: underline-animation-aa380752 1s forwards;
}
.start-custom-underline-beige[data-v-aa380752]::after {
      content: '';
      position: absolute;
      left: 0;
      width: 0;
      bottom: 1.5px;
      height: 20px;
      z-index: -1;
      background-color: #FFE9DC;
      animation: underline-animation-aa380752 1.4s forwards;
}
.start-custom-underline-beige-2[data-v-aa380752]::after {
      content: '';
      position: absolute;
      left: 0;
      width: 0;
      bottom: 1.5px;
      height: 20px;
      z-index: -1;
      background-color: #FFE9DC;
      animation: underline-animation-aa380752 2s forwards;
}
}
.start-balloon01[data-v-aa380752] {
    animation: baloonShow-aa380752 1s forwards 0.4s;
}
.start-balloon02[data-v-aa380752] {
    animation: baloonShow-aa380752 1s forwards 0.6s;
}
.start-balloon03[data-v-aa380752] {
    animation: baloonShow-aa380752 1s forwards 0.8s;
}
.pr-mark[data-v-aa380752] {
    position: relative;
    margin: 0 auto;
    display: block;
}
.pr-mark[data-v-aa380752]:after {
    content: '広告';
    font-size: 12px;
    padding: 0 2px;
    line-height: 18px;
    border-radius: 2px;
    background-color: white;
    border: 1px solid #333;
    text-align: center;
    position: absolute;
    right: 8px;
    bottom: 0;
}
.pr-mark.pr-mark-tensyoku[data-v-aa380752]:after {
    font-size: 14px;
    line-height: 20px;
    padding: 2px 4px;
    bottom: 8px;
}
@media screen and (min-width: 912px) {
.pr-mark[data-v-aa380752]:after {
      font-size: 14px;
      right: 0;
}
.pr-mark.pr-mark-tensyoku[data-v-aa380752]:after {
      bottom: 0;
      right: -64px;
      bottom: 4px;
}
}