[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-c11ea06e]: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%
}

.service-title[data-v-c11ea06e] {
    line-height: 1
}

.service-title__ja[data-v-c11ea06e] {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 22px
}

.service-title__line[data-v-c11ea06e] {
    display: block;
    background: #858788;
    height: 1px;
    width: 74px;
    margin-top: 2px;
    margin-right: 20px;
    opacity: 0;
    transform: translateX(-50px)
}

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

@media screen and (max-width: 959px) {
    .service-title[data-v-c11ea06e] {
        height: 70px
    }

    .service-title__line[data-v-c11ea06e] {
        transform: translateX(-50%);
        width: 28.5px;
        margin-right: 12px
    }

    .service-title__en[data-v-c11ea06e] {
        transform-origin: left top;
        transform: scale(.7)
    }
}

@media screen and (min-width: 960px) {
    .service-title__line--long[data-v-c11ea06e] {
        width: 84px
    }
}

[data-v-3a5d6aa2]: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%
}

.service-item-bg[data-v-3a5d6aa2] {
    position: relative
}

.service-item-bg__inner[data-v-3a5d6aa2] {
    width: 100%;
    height: 100%;
    background-color: #fff;
    -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);
    transition: clip-path 1s cubic-bezier(.25, .46, .45, .94);
    transition: clip-path 1s cubic-bezier(.25, .46, .45, .94), -webkit-clip-path 1s cubic-bezier(.25, .46, .45, .94)
}

.service-item-bg--play .service-item-bg__inner[data-v-3a5d6aa2] {
    -webkit-clip-path: polygon(0 -100%, 0 100%, 200% 100%);
    clip-path: polygon(0 -100%, 0 100%, 200% 100%)
}

.service-item-bg.gray .service-item-bg__inner[data-v-3a5d6aa2] {
    background-color: #f2f5f7
}

[data-v-703571b3]: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%
}

.use-case[data-v-703571b3] {
    position: relative;
    width: 100%;
    height: 432px
}

.use-case+.use-case[data-v-703571b3] {
    margin-top: 100px
}

.use-case__title[data-v-703571b3] {
    position: absolute;
    top: -12px;
    right: 0;
    z-index: 2
}

.use-case__sub-title[data-v-703571b3] {
    height: 120px;
    width: 390px;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.use-case__sub-title .line[data-v-703571b3] {
    color: #fff;
    line-height: 28px;
    font-size: 18px;
    background: #000;
    padding: 0 15px;
    display: inline-block
}

.use-case__sub-title .line+.line[data-v-703571b3] {
    margin-top: 9px
}

.use-case__image[data-v-703571b3] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.use-case__bg[data-v-703571b3] {
    position: absolute;
    top: 165px;
    right: 0;
    width: 712px;
    height: 265px;
    z-index: 0;
    box-sizing: border-box
}

.use-case__bg__inner[data-v-703571b3] {
    padding-top: 145px
}

.use-case__text[data-v-703571b3] {
    position: relative;
    z-index: 1
}

.use-case__text b[data-v-703571b3] {
    font-weight: 700
}

.use-case.left .use-case__text[data-v-703571b3] {
    padding-top: 315px;
    margin-left: 250px
}

.use-case.right .use-case__sub-title[data-v-703571b3],
.use-case.right .use-case__title[data-v-703571b3] {
    right: unset;
    left: 0
}

.use-case.right .use-case__image[data-v-703571b3] {
    left: unset;
    right: 0
}

.use-case.right .use-case__bg[data-v-703571b3] {
    right: unset;
    left: 0
}

.use-case.right .use-case__text[data-v-703571b3] {
    padding-top: 315px;
    margin-left: 55px
}

@media screen and (max-width: 959px) {
    .use-case+.use-case[data-v-703571b3] {
        margin-top: 130px
    }

    .use-case__title[data-v-703571b3] {
        width: 100%;
        top: -95px;
        right: unset;
        left: 15px
    }

    .use-case__sub-title[data-v-703571b3] {
        width: 100%;
        right: unset;
        left: 15px;
        top: -45px
    }

    .use-case__sub-title .line[data-v-703571b3] {
        font-size: 16px;
        padding: 0 10px
    }

    .use-case__sub-title .line+.line[data-v-703571b3] {
        margin-top: 5px
    }

    .use-case__image[data-v-703571b3] {
        left: -25px
    }

    .use-case__bg[data-v-703571b3] {
        width: calc(100% + 10px);
        height: 320px;
        right: -25px;
        top: 80px
    }

    .use-case__text p[data-v-703571b3] {
        letter-spacing: 2px;
        line-height: 24px
    }

    .use-case.left .use-case__text[data-v-703571b3] {
        padding-top: 200px;
        margin-left: 50px
    }

    .use-case.right .use-case__sub-title[data-v-703571b3],
    .use-case.right .use-case__title[data-v-703571b3] {
        left: 15px
    }

    .use-case.right .use-case__image[data-v-703571b3] {
        right: -25px
    }

    .use-case.right .use-case__bg[data-v-703571b3] {
        left: -25px;
        height: 282px
    }

    .use-case.right .use-case__text[data-v-703571b3] {
        padding-top: 195px;
        padding-right: 40px;
        margin-left: 15px
    }
}

@media screen and (max-width: 320px) {

    .use-case__sub-title[data-v-703571b3],
    .use-case__title[data-v-703571b3] {
        left: 0
    }

    .use-case__bg[data-v-703571b3] {
        width: calc(100% + 25px);
        right: -25px
    }

    .use-case.left .use-case__text[data-v-703571b3] {
        padding-top: 190px;
        margin-left: 30px
    }

    .use-case.right .use-case__sub-title[data-v-703571b3],
    .use-case.right .use-case__title[data-v-703571b3] {
        left: 0
    }

    .use-case.right .use-case__bg[data-v-703571b3] {
        width: calc(100% + 25px);
        left: -25px
    }

    .use-case.right .use-case__text[data-v-703571b3] {
        padding-top: 190px;
        padding-right: 30px;
        margin-left: 0
    }
}

[data-v-7f7ee39f]: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%
}

.service-use-cases[data-v-7f7ee39f] {
    width: 100%
}

[data-v-079a5714]: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%
}

.steps[data-v-079a5714] {
    position: relative;
    padding-top: 55px
}

.steps__title[data-v-079a5714] {
    font-size: 20px;
    padding-left: 60px;
    line-height: 40px;
    position: relative;
    z-index: 1
}

.steps__title[data-v-079a5714]:before {
    content: "";
    width: 34px;
    height: 0;
    border-top: 1px solid #000;
    position: absolute;
    top: 50%;
    left: 0
}

.steps__bg[data-v-079a5714] {
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(calc(-100% + 985px));
    height: 380px;
    z-index: 0
}

.steps__list[data-v-079a5714] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin-left: -10px;
    margin-top: 47px
}

.steps__list .step[data-v-079a5714] {
    width: 200px;
    min-width: 200px;
    position: relative;
    margin: 0 20px
}

.steps__list .step>img[data-v-079a5714] {
    max-width: 100%
}

.steps__list .step:nth-child(2n) .steps__bg[data-v-079a5714] {
    left: -25px;
    right: unset
}

.steps__list .step p[data-v-079a5714] {
    padding: 0 10px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    letter-spacing: 1px;
    position: relative;
    z-index: 1
}

.steps__list .step[data-v-079a5714]:after {
    content: "";
    position: absolute;
    top: 160px;
    right: -33px;
    width: 19px;
    height: 16px;
    background: url(../image/arrow_double_right.cdc692b.png);
    background-size: 100% 100%
}

.steps__list .step[data-v-079a5714]:last-child:after {
    content: none
}

.steps.flow-of-use-3 .steps__list[data-v-079a5714] {
    margin-top: 40px
}

.steps.flow-of-use-5 .steps__list .step[data-v-079a5714] {
    width: 205px
}

.steps.flow-of-use-5 .steps__list .step p[data-v-079a5714] {
    padding: 0 5px
}

.steps.flow-of-use-6[data-v-079a5714] {
    margin-top: 100px
}

.steps.flow-of-use-6 .steps__list .step p[data-v-079a5714] {
    padding: 0 20px;
    letter-spacing: .1em;
    margin-top: 15px
}

.steps.flow-of-use-6 .steps__list .step p[data-v-079a5714] span {
    letter-spacing: .036em
}

.steps.flow-of-use-6 .steps__list .step[data-v-079a5714]:after {
    bottom: -90px
}

@media screen and (max-width: 959px) {
    .steps[data-v-079a5714] {
        box-sizing: border-box
    }

    .steps__title[data-v-079a5714] {
        font-size: 18px;
        margin-left: -25px;
        padding-left: 50px
    }

    .steps__title[data-v-079a5714]:before {
        width: 40px;
        border-top: 1px solid #d2d2d2
    }

    .steps__list[data-v-079a5714] {
        flex-direction: column;
        align-items: center;
        margin-left: 0;
        width: 100%;
        margin-top: -3px
    }

    .steps__list .step[data-v-079a5714] {
        width: 100%;
        margin: 0
    }

    .steps__list .step+.step[data-v-079a5714] {
        margin-top: 105px
    }

    .steps__list .step .steps__bg[data-v-079a5714] {
        height: 450px;
        width: calc(100% + 10px);
        transform: translateX(0);
        top: 110px;
        left: unset;
        right: -25px
    }

    .steps__list .step p[data-v-079a5714] {
        padding: 0 45px;
        margin-top: 7px;
        text-align: left;
        left: 50%;
        display: inline-block;
        transform: translateX(-50%)
    }

    .steps__list .step[data-v-079a5714]:after {
        width: 46px;
        height: 34px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAB70lEQVR4AdXVg3JtQRSE4a1r27Zt27ZtI+aj54+75viszVX1XQ46mvaYaZd+X/eKgpmI2fCeY31BQk/DB2yE9xa92JPz0HPxE/0avB99OJXT0MvQgn4NvhM98o83EeQo9EZ0Sr4HiEb/cy065D+fYmIOQu9Fr+S6DJ//83TRYvyTRR+yenEYH2ckSx+O6hp3w2x8kw0/MTfl0AFuSYZubHfXlds4BW9kYwuWp/hGP5e727Gm7NoKB0R4KAd0YlPCoafjo9z5Fwsrra/YnIyPy3JQL/YlFHoefsldXzHT1JzMUfTJoWfgxxh6OVrl/NeYHEtzMtvRLYffRhhD6M3oknPvI4q1OZnVaJdLnmOSIfR+542+BD+R5mQW4o+s/YTpTbzRZ503+nDizcnMxBdZ+xvz6wwd4rbzRm9LrTmZyXgla9uwokboSXjh7FmVenMyIe7J2i5sqfJGf5K1f7Aws+ZkfFxw3vqDzpr5+C1rvmBmLpqTOeR8L56HjxVok39/hUnG5tTg9uZktjpv/Qvnjb6L0NKcFYLbm5NZqZ9hcQG+tTmrBLc3J7MAv+WrdMjSnA0EtzcnMwPvsMXQnIbgmTanIXjWzWkPnnxzJh88/uZMPnj8zZlVcHtzZhrc3pwZBLc3ZybBrc2Zg+CNN6fVAAEq4wf0DTZwAAAAAElFTkSuQmCC);
        top: unset;
        right: unset;
        bottom: -100px;
        left: 50%;
        transform: translateX(-50%)
    }

    .steps__list .step img[data-v-079a5714] {
        display: block;
        position: relative;
        width: 245px;
        z-index: 1;
        margin: 25px auto 0
    }

    .steps.flow-of-use-1 .steps__list .step.step2 .steps__bg[data-v-079a5714] {
        height: 424px
    }

    .steps.flow-of-use-1 .steps__list .step.step3 .steps__bg[data-v-079a5714] {
        height: 470px
    }

    .steps.flow-of-use-2 .steps__list .step.step1 .steps__bg[data-v-079a5714] {
        height: 420px
    }

    .steps.flow-of-use-2 .steps__list .step.step2 .steps__bg[data-v-079a5714],
    .steps.flow-of-use-2 .steps__list .step.step3 .steps__bg[data-v-079a5714],
    .steps.flow-of-use-3 .steps__list .step.step1 .steps__bg[data-v-079a5714] {
        height: 470px
    }

    .steps.flow-of-use-5 .steps__list .step[data-v-079a5714] {
        width: 100%
    }

    .steps.flow-of-use-5 .steps__list .step p[data-v-079a5714] {
        padding: 0 45px
    }

    .steps.flow-of-use-5 .steps__list .step.step1 .steps__bg[data-v-079a5714],
    .steps.flow-of-use-5 .steps__list .step.step2 .steps__bg[data-v-079a5714],
    .steps.flow-of-use-5 .steps__list .step.step3 .steps__bg[data-v-079a5714] {
        height: 470px
    }

    .steps.flow-of-use-6 .steps__list .step p[data-v-079a5714] {
        margin-top: 10px;
        padding: 0 45px 35px
    }

    .steps.flow-of-use-6 .steps__list .step .steps__bg[data-v-079a5714] {
        height: 82%
    }
}

@media screen and (max-width: 1150px) {
    .steps__bg[data-v-079a5714] {
        transform: translateX(calc(-100% + 85.357vw))
    }
}

@media screen and (max-width: 320px) {
    .steps__list .step .steps__bg[data-v-079a5714] {
        width: calc(100% + 25px)
    }

    .steps__list .step p[data-v-079a5714] {
        padding: 0 30px
    }
}

@media screen and (min-width: 960px) {
    .steps.flow-of-use-1 .steps__list[data-v-079a5714] {
        margin-left: -27px;
        margin-right: -27px;
        max-width: calc(100% + 54px)
    }

    .steps.flow-of-use-1 .steps__list .step[data-v-079a5714] {
        width: 236px
    }

    .steps.flow-of-use-6 .steps__list[data-v-079a5714] {
        margin-left: -27px;
        margin-right: -27px;
        max-width: calc(100% + 54px)
    }

    .steps.flow-of-use-6 .steps__list .step[data-v-079a5714] {
        width: 236px;
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

[data-v-3f6682d8]: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%
}

.info-box[data-v-3f6682d8] {
    position: relative;
    width: 100%;
    padding: 45px 40px;
    background: #fff;
    margin-bottom: 10px;
    box-sizing: border-box
}

.info-box.gray[data-v-3f6682d8] {
    background: #f2f5f7
}

.info-box h3[data-v-3f6682d8] {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700
}

.info-box .text[data-v-3f6682d8] {
    font-size: 12px;
    line-height: 20px;
    margin-top: 5px
}

.info-box .text+h3[data-v-3f6682d8] {
    margin-top: 20px
}

.info-box .text .note[data-v-3f6682d8] {
    font-size: 12px;
    color: #d40037;
    position: relative;
    padding-left: 15px;
    display: block
}

.info-box .text .note[data-v-3f6682d8]:before {
    content: "※";
    position: absolute;
    left: 0
}

.info-box a[data-v-3f6682d8] {
    color: #2c4dad;
    text-decoration: none
}

.info-box .list-qa[data-v-3f6682d8] {
    margin: 5px 0 10px
}

.info-box .list-qa li[data-v-3f6682d8] {
    padding-left: 35px;
    position: relative;
    line-height: 21px
}

.info-box .list-qa li[data-v-3f6682d8]:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px;
    background-size: 100% 100%
}

.info-box .list-qa li[data-v-3f6682d8]:after {
    content: ":";
    position: absolute;
    left: 25px;
    top: -1px
}

.info-box .list-qa li.q[data-v-3f6682d8]:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAC6UlEQVRYhb2Yy2sTURSHP6uL+ko1obaCIBQMgijiSqhuQv4AVzULwUWoIFVB3Vpx6cJZVNGFCWThQghWXAgtpaCCCRGFEheuTKErDeKrtr6KRE6YKdOZycyZ6TQ/OJC5z2/OPffeM9nE+jUIpIBe4DfwBfgQw7ihdBC4BjwDvgMtD1sEXgDXgUMbBSIePQVUO0AE2Suzfxwr05Z45nlEGKe9BA6vF2gU+BkTkGUSdxeiwIibb8UM47TbQE8YqI0GsuyeFuhil4AsuxoEdBT402Wov8DxTkCyvq+7DGRZHdjiBXUmzECZTKZVLpdb9Xq9ZZc8S7nUhwQ75wSS3fZOO0CxWGxpJHAhoBrO3XhS0zGdTrcajYYKyJK0l35KsKwd6o6mU6VSCQVkSZZUCVUUmM0mlAH0+21LwzAYGRlxlVerVQqFApOTk9RqNVKpFAMDA2vayHMikWBmZsZvClESmJAfCc1bNJtNlwcktrQxJ/2V3mo751hQw1wuF3pJnLtSJOMooE70mEmar7LZrKt6dnbWt49Xvdc4HuoXqJ2alk7Nz8+7ytLpdDv26FCv1FY5RZej9Ewmky6gqakphoaG6OvrY2FhISrUikB9C2o1NzfnKhseHl7zXCqV2kCifD7P8rL7Xb3G8VCbZ1BzaC4tLfkGbtApL/2Vu2+/xfkxytUiE42Pj6+2MQzDE97v+HDYV/tV8zCqtyw4OQI61YvGxsY0UE/sq3la41pZLr+JgySeDJjjrB2q1/yIDASTlER7KdtvAXmZgMNz0et4uqEMxNX48bqgZXIpt2JtenpaAyR202sr7gKaYcDs3pOY6ZSiKFKXz34JQajsM0YbDTq8HnQZ6JHmRN0G1LoEVDNTJ5V2dwHsTVBi6aXtwOMNAnoaNTuxdN68JOOA+QFciusvob3AXeBXRBj56r4P7IsDxqk9wGXzf6aVABCpl7i8Yr6UWutx4w7gCHDADFjJzf4Bn4D3wFvz6ggn4D/yeylBGieZjgAAAABJRU5ErkJggg==)
}

.info-box .list-qa li.a[data-v-3f6682d8] {
    margin-bottom: 7px
}

.info-box .list-qa li.a[data-v-3f6682d8]:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAADgklEQVRYhcWYS0hUURjHf02T2WCNjY5kQlpZ9GDoMS0kcjbTwm1uApe6lzbios1sWrhL9+5CpPYxLURIIiiMYAijKLMGq9GMHkylo8UnZ+R45z7OvTr2hwtzz/3uuf/5Hv/znbOLrUHerwP2AnuAFWAZ+AH8DTpzEFIx4DhwGGgEdtvYrAFfgHlgDvhUDVJidxQ4r4j4xVfgOfBGEd4yqQagE2gKQMYK8d4UUHAzsnO9jrPAVWD/NhASRICTyluOIXUiJR68DFwCQttESJ+7Rf3R93YF4UTqivJSNSFpcQCYNSGVAC5WmVAZMeW5eTdScSAdUCqC4hDwWWnbOvSPy+9rfkt+dHT0tH6/uLhYHBwcnPNJ8DtwD1iVm7D24EQQQr29vTf0sVKpVJycnLyZzWaLPqaS3DoD5LBU1gU/hASpVCppHQuHw5GBgYGKcQOcK/Mpk2oGon5m6O/vb2xvb++0e9bR0dEVgJRo2BGd1DG/M/T09Dh6IxKJNFpzzRDHdFItft9OJpOu3rALrQFayqRqgHo/b05MTHRK7uhjxWJxUb+X0EqIfZLaJ61QSGW+LySTyU25JITGx8fvWOdwC7EL6kMqwYwxNDTUGo1GW3X7XC73sK+vb8bqLa8QO6A2pDpGY3R3d1dU3NjY2HSZnD4uIZZQ+yRVE1ItrBG6uroiVhnI5/PTIyMj6x7KZDJT1nmsoTbASlj11EbIZDIVH4jFYq2FQmFD1UXR9SKQUIs8SHgNP7McVuuOERKJRMpqJ5okl9v7Sh5MSX2T8BXV5QrJDa+PO8GHPJTESWXx/OhlnUgkgpT3BgzlQXislbuEWbVtsoXIQDwe37RsLCwszDQ1Nd22sxevDA8P39LHVOgfeJB6h7bMSP/z28nSTgZyudy0k71Uo5DWxyT0HvIgoXurk5Lm6oWdpchAW1vbJtdLhaXT6Yry9yLtkQIvgT9YOk9ZA6+r9WenIbJ0t1xwepMnDx7/B0KCp7oCWDcOS2o/1rCDhOaszrDbYuXV4UXdDhBaUhW56kVqTUlEc5WJCaH7dlXvtENeVSck0rcfrAKhD0DWSYbcDjjWlG78UhtGr8MQE4gWPQEeWUOmw3QnHFFbsFMByckffAU8A356GfvdnteqTascoMl5lduJjJymLKj8fG2y6AclpUM6VjmgkLwTskJQiEi4pR2SRDbu1TYA/ANk9uzjLeiwdgAAAABJRU5ErkJggg==)
}

.info-box .list-qa li p+p[data-v-3f6682d8] {
    margin-top: 10px
}

@media screen and (max-width: 959px) {
    .info-box[data-v-3f6682d8] {
        padding: 45px 30px
    }

    .info-box .text[data-v-3f6682d8] {
        margin-top: 15px;
        line-height: 24px;
        font-size: 14px;
        letter-spacing: 1px
    }

    .info-box .text+h3[data-v-3f6682d8] {
        margin-top: 33px
    }

    .info-box .text .note[data-v-3f6682d8] {
        font-size: 11px;
        line-height: 19px;
        margin-top: 5px
    }

    .info-box .list-qa[data-v-3f6682d8] {
        margin: 20px 0
    }

    .info-box .list-qa li.a[data-v-3f6682d8] {
        margin-bottom: 20px
    }
}