[data-v-7ab0c614]:root {
    --color-light: #fefefe;
    --color-dark: #2d3640;
    --color-gray: #e5e5e5;
    --color-gray-dark: #d9d9d9;
    --color-gray-second: #81868c;
    --color-text: #0f191e;
    --color-text-white: #fff;
    --color-text-dark: #383838;
    --color-text-hover: #a8a8a8;
    --color-blue: #1f4878;
    --color-bluesky: #4fb9cf;
    --color-bluesky-second: #58a7cc;
    --color-bluesky-light: #f2f5f9;
    --color-bluesky-dark: #214d8f;
    --header-height: 109px;
    --padding-base: 8.33%
}

.AnimatedImageBox[data-v-7ab0c614],
.AnimatedImageBox__inner[data-v-7ab0c614] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.AnimatedImageBox__inner[data-v-7ab0c614] {
    /*-webkit-clip-path: polygon(0 100%, 0 100%, 0 100%);
    clip-path: polygon(0 100%, 0 100%, 0 100%);
    transition: -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94) 1s;
    transition: clip-path 1s cubic-bezier(.25, .46, .45, .94) 1s;
    transition: clip-path 1s cubic-bezier(.25, .46, .45, .94) 1s, -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94) 1s*/
}

@keyframes AnimatedImageBox-uqxj5of-data-v-7ab0c614 {
    0% {
        -webkit-clip-path: polygon(0 100%, 0 100%, 0 100%);
        clip-path: polygon(0 100%, 0 100%, 0 100%)
    }

    to {
        -webkit-clip-path: polygon(0 -100%, 0 100%, 200% 100%);
        clip-path: polygon(0 -100%, 0 100%, 200% 100%)
    }
}

.AnimatedImageBox--play .AnimatedImageBox__inner[data-v-7ab0c614] {
    animation: AnimatedImageBox-uqxj5of-data-v-7ab0c614 1s cubic-bezier(.25, .46, .45, .94) both
}

[data-v-04d599ab]:root {
    --color-light: #fefefe;
    --color-dark: #2d3640;
    --color-gray: #e5e5e5;
    --color-gray-dark: #d9d9d9;
    --color-gray-second: #81868c;
    --color-text: #0f191e;
    --color-text-white: #fff;
    --color-text-dark: #383838;
    --color-text-hover: #a8a8a8;
    --color-blue: #1f4878;
    --color-bluesky: #4fb9cf;
    --color-bluesky-second: #58a7cc;
    --color-bluesky-light: #f2f5f9;
    --color-bluesky-dark: #214d8f;
    --header-height: 109px;
    --padding-base: 8.33%
}

.LetterAnimation[data-v-04d599ab] {
    display: flex;
    justify-content: left
}

.LetterAnimation__animationBox[data-v-04d599ab] {
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
    overflow: hidden
}

.LetterAnimation__animationBoxInner[data-v-04d599ab] {
    display: block;
    overflow: hidden;
    /* transform: translateY(100%); */
}

.LetterAnimation__animationBox:first-child .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 0ms
}

.LetterAnimation__animationBox:nth-child(2) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 80ms
}

.LetterAnimation__animationBox:nth-child(3) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: .16s
}

.LetterAnimation__animationBox:nth-child(4) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: .24s
}

.LetterAnimation__animationBox:nth-child(5) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: .32s
}

.LetterAnimation__animationBox:nth-child(6) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: .4s
}

.LetterAnimation__animationBox:nth-child(7) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: .48s
}

.LetterAnimation__animationBox:nth-child(8) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: .56s
}

.LetterAnimation__animationBox:nth-child(9) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: .64s
}

.LetterAnimation__animationBox:nth-child(10) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: .72s
}

.LetterAnimation__animationBox:nth-child(11) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: .8s
}

.LetterAnimation__animationBox:nth-child(12) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: .88s
}

.LetterAnimation__animationBox:nth-child(13) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: .96s
}

.LetterAnimation__animationBox:nth-child(14) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 1.04s
}

.LetterAnimation__animationBox:nth-child(15) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 1.12s
}

.LetterAnimation__animationBox:nth-child(16) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 1.2s
}

.LetterAnimation__animationBox:nth-child(17) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 1.28s
}

.LetterAnimation__animationBox:nth-child(18) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 1.36s
}

.LetterAnimation__animationBox:nth-child(19) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 1.44s
}

.LetterAnimation__animationBox:nth-child(20) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 1.52s
}

.LetterAnimation__animationBox:nth-child(21) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 1.6s
}

.LetterAnimation__animationBox:nth-child(22) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 1.68s
}

.LetterAnimation__animationBox:nth-child(23) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 1.76s
}

.LetterAnimation__animationBox:nth-child(24) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 1.84s
}

.LetterAnimation__animationBox:nth-child(25) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 1.92s
}

.LetterAnimation__animationBox:nth-child(26) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 2s
}

.LetterAnimation__animationBox:nth-child(27) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 2.08s
}

.LetterAnimation__animationBox:nth-child(28) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 2.16s
}

.LetterAnimation__animationBox:nth-child(29) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 2.24s
}

.LetterAnimation__animationBox:nth-child(30) .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation-delay: 2.32s
}

@keyframes LetterAnimation-uqxj5p7-data-v-04d599ab {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.LetterAnimation--play .LetterAnimation__animationBoxInner[data-v-04d599ab] {
    animation: LetterAnimation-uqxj5p7-data-v-04d599ab 2.4s cubic-bezier(.19, 1, .22, 1) both
}

[data-v-4c380c85]:root {
    --color-light: #fefefe;
    --color-dark: #2d3640;
    --color-gray: #e5e5e5;
    --color-gray-dark: #d9d9d9;
    --color-gray-second: #81868c;
    --color-text: #0f191e;
    --color-text-white: #fff;
    --color-text-dark: #383838;
    --color-text-hover: #a8a8a8;
    --color-blue: #1f4878;
    --color-bluesky: #4fb9cf;
    --color-bluesky-second: #58a7cc;
    --color-bluesky-light: #f2f5f9;
    --color-bluesky-dark: #214d8f;
    --header-height: 109px;
    --padding-base: 8.33%
}

.SectionTitle[data-v-4c380c85] {
    line-height: 1
}

.SectionTitle__ja[data-v-4c380c85] {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 22px
}

.SectionTitle__line[data-v-4c380c85] {
    display: block;
    background: #221815;
    height: 2px;
    width: 74px;
    margin-top: 2px;
    margin-right: 20px;
    /*opacity: 0;
    transform: translateX(-50px)*/
}

.SectionTitle__line--play[data-v-4c380c85] {
    opacity: 1;
    transform: translateX(0);
    transition-property: opacity, transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

.SectionTitle__en[data-v-4c380c85] {
    margin-left: 94px
}

@media screen and (max-width:959px) {
    .SectionTitle[data-v-4c380c85] {
        height: 70px
    }

    .SectionTitle__line[data-v-4c380c85] {
        transform: translateX(-50%);
        width: 28.5px;
        margin-right: 12px
    }

    .SectionTitle__en[data-v-4c380c85] {
        transform-origin: left top;
        transform: scale(.588291747);
        margin-left: 40px
    }
}

@media screen and (min-width:960px) {
    .SectionTitle__line--long[data-v-4c380c85] {
        width: 84px
    }
}

[data-v-17d6e1cf]:root {
    --color-light: #fefefe;
    --color-dark: #2d3640;
    --color-gray: #e5e5e5;
    --color-gray-dark: #d9d9d9;
    --color-gray-second: #81868c;
    --color-text: #0f191e;
    --color-text-white: #fff;
    --color-text-dark: #383838;
    --color-text-hover: #a8a8a8;
    --color-blue: #1f4878;
    --color-bluesky: #4fb9cf;
    --color-bluesky-second: #58a7cc;
    --color-bluesky-light: #f2f5f9;
    --color-bluesky-dark: #214d8f;
    --header-height: 109px;
    --padding-base: 8.33%
}

.StepAnimation__animation svg[data-v-17d6e1cf] {
    display: block
}