/*@font-face{
    font-family: 'MyWebFont';
    src: url('../font/ToppanBunkyuMidashiMinchoStdN-ExtraBold.otf');
}*/

/*@font-face{
    font-family: 'SystFont';
    src: url('../font/思源宋体SC-Regular.otf');
}

html, body {
    font-family: SystFont;
}*/

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

.KeyVisual[data-v-bf7d1f98] {
    position: relative
}

.KeyVisual__zoomIn[data-v-bf7d1f98] {
    margin: 0 auto;
    text-align: right
}

@keyframes zoomIn-data-v-bf7d1f98 {
    0% {
        transform: scale(1.2)
    }

    5% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.KeyVisual__zoomIn img[data-v-bf7d1f98] {
    width: 100%;
    opacity: 0;
    animation: zoomIn-data-v-bf7d1f98 .6s cubic-bezier(.5, 0, .75, 0) .1s forwards;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

@media screen and (min-width:750px)and (max-width:959px) {
    .KeyVisual__zoomIn[data-v-bf7d1f98] {
        max-width: 608px
    }

    .KeyVisual__zoomIn img[data-v-bf7d1f98] {
        width: 608px
    }
}

@media screen and (max-width:750px) {
    .KeyVisual__zoomIn[data-v-bf7d1f98] {
        max-width: 608px;
        padding-left: 32px;
        padding-right: 32px;
        height: 380px;
    }

    .KeyVisual__zoomIn img[data-v-bf7d1f98] {
        max-width: 608px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

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

.AnimatedArrow[data-v-b93bc684] {
    width: 54px;
    height: 40px;
    position: relative;
    overflow: hidden
}

.AnimatedArrow__animation[data-v-b93bc684] {
    position: absolute;
    top: -10px;
    left: -3px;
    width: 60px;
    height: 60px
}

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

.ArrowBox[data-v-25a6700a] {
    opacity: 1;
}

.ArrowBox--play[data-v-25a6700a] {
    transition: opacity 1s cubic-bezier(.25, .46, .45, .94) 0ms;
    opacity: 1
}

.ArrowBox--small[data-v-25a6700a] {
    height: 66px;
    width: 208px
}

.ArrowBox__inner[data-v-25a6700a] {
    display: flex;
    padding: 28px 28px 28px 40px;
    align-items: center;
    justify-content: flex-start;
    transition-property: background-color, color, opacity;
    transition-duration: .42s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    text-decoration: none;
    box-sizing: border-box;
    height: 100%
}

.ArrowBox--noAnimation .ArrowBox__inner[data-v-25a6700a] {
    transition: none
}

.ArrowBox--left .ArrowBox__inner[data-v-25a6700a] {
    flex-direction: row-reverse
}

.ArrowBox[data-v-25a6700a]:hover {
    text-decoration: none
}

.ArrowBox--black[data-v-25a6700a] {
    background-color: #000;
    color: #fff
}

.ArrowBox--black[data-v-25a6700a]:hover {
    background-color: #333
}

.ArrowBox--noAnimation .ArrowBox--black[data-v-25a6700a]:hover {
    background-color: #000
}

.ArrowBox--white[data-v-25a6700a] {
    background-color: #f2f5f7;
    color: #313131
}

.ArrowBox--white[data-v-25a6700a]:hover {
    background-color: #333;
    color: #eceeef
}

.ArrowBox--noAnimation .ArrowBox--white[data-v-25a6700a]:hover {
    background-color: #f2f5f7;
    color: #313131
}


.ArrowBox__content[data-v-25a6700a] {
    margin-left: auto;
    flex-grow: 1;
    flex-basis: 0
}

.ArrowBox--left .ArrowBox__content[data-v-25a6700a] {
    text-align: right
}

.ArrowBox__animatedArrow[data-v-25a6700a] {
    margin-left: auto
}

.ArrowBox--left .ArrowBox__animatedArrow[data-v-25a6700a] {
    transform: scaleX(-1)
}

@media screen and (max-width:959px) {
    .ArrowBox__inner[data-v-25a6700a] {
        flex-wrap: wrap;
        padding: 23px 17px 18.5px 20px;
        align-items: flex-start;
        height: auto
    }

    .ArrowBox--small .ArrowBox__inner[data-v-25a6700a] {
        align-items: center;
        padding: 13px 14px 13px 18px
    }

    .ArrowBox__content[data-v-25a6700a] {
        margin-left: 0;
        width: 100%;
        flex-basis: auto
    }

    .ArrowBox--small .ArrowBox__content[data-v-25a6700a] {
        flex-shrink: 1;
        width: auto
    }

    .ArrowBox__animatedArrow[data-v-25a6700a] {
        margin-top: 21px;
        margin-right: 3px
    }

    .ArrowBox--small .ArrowBox__animatedArrow[data-v-25a6700a] {
        margin-top: 0
    }
}

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

.NewsArrowBox[data-v-3d565563] {
    height: 100px;
    font-size: 14px
}

.NewsArrowBox__contents[data-v-3d565563] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.NewsArrowBox__date[data-v-3d565563] {
    color: #858788;
    font-weight: 700;
    margin-right: 16px;
    flex-grow: 0;
    transition: color .2s cubic-bezier(.25, .46, .45, .94)
}

.NewsArrowBox:hover .NewsArrowBox__date[data-v-3d565563] {
    color: #a8a8a8
}

.ArrowBox--white[data-v-25a6700a]:hover .NewsArrowBox__date[data-v-3d565563]{
    color: #fff;
}

.NewsArrowBox__text[data-v-3d565563] {
    letter-spacing: .1em
}

@media screen and (max-width:959px) {
    .NewsArrowBox[data-v-3d565563] {
        width: calc(100% - 40px);
        font-size: 14px;
        height: auto
    }

    .NewsArrowBox__contents[data-v-3d565563] {
        flex-direction: column;
        align-items: flex-start;
        letter-spacing: .1em
    }

    .NewsArrowBox__date[data-v-3d565563] {
        font-size: 12px;
        letter-spacing: .1em
    }
}

@media screen and (max-width:374px) {
    .NewsArrowBox__text[data-v-3d565563] {
        letter-spacing: 0
    }
}

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

.NewsList__item[data-v-6f8f96f4] {
    margin-top: 7px;
    width: 100%
}

.NewsList__item[data-v-6f8f96f4]:first-child {
    margin-top: 0
}

@media screen and (max-width:959px) {
    .NewsList__item[data-v-6f8f96f4] {
        margin-top: 17.5px
    }

    .NewsList__item[data-v-6f8f96f4]:first-child {
        margin-top: 0
    }
}

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

.ParallaxBalls[data-v-684f391b] {
    opacity: 0;
    overflow: hidden;
    pointer-events: none
}

.ParallaxBalls--playTopAnimation[data-v-684f391b] {
    transition: opacity 2s cubic-bezier(.25, .46, .45, .94);
    opacity: 1
}

.ParallaxBalls__ball[data-v-684f391b] {
    position: absolute;
    background: rgba(190, 190, 190, 0.5);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transition: transform 60ms cubic-bezier(.25, .25, .75, .75);
    z-index: -1
}

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

.ScrollGuide[data-v-40c7fba0] {
    display: flex;
    width: 14px;
    flex-direction: column;
    align-items: center;
    opacity: 0
}

.ScrollGuide--play[data-v-40c7fba0] {
    transition: opacity 1s cubic-bezier(.25, .46, .45, .94) 0ms;
    opacity: 1
}

.ScrollGuide__text[data-v-40c7fba0] {
    width: 11px;
    margin-bottom: 14px;
    display: block
}

.ScrollGuide__ball[data-v-40c7fba0] {
    display: block;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: #000;
    animation: ScrollGuide-uqxj5oi-data-v-40c7fba0 2s cubic-bezier(.455, .03, .515, .955) infinite
}

@keyframes ScrollGuide-uqxj5oi-data-v-40c7fba0 {
    0% {
        transform: translateY(0);
        opacity: 0
    }

    10% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(400%);
        opacity: 0
    }
}

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

.StepItemBg[data-v-749e90ac] {
    position: relative
}

.StepItemBg__inner[data-v-749e90ac] {
    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); */
}

.StepItemBg--play .StepItemBg__inner[data-v-749e90ac] {
    -webkit-clip-path: polygon(0 -100%, 0 100%, 200% 100%);
    clip-path: polygon(0 -100%, 0 100%, 200% 100%)
}

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

.PageIndex[data-v-76adbc8a] {
    position: relative;
    overflow: hidden
}

.PageIndex__keyVisual[data-v-76adbc8a] {
    max-width: 1200px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto
}

.PageIndex__scrollGuide[data-v-76adbc8a] {
    position: absolute;
    left: 45px;
    top: 275px
}

.PageIndex__newsSection[data-v-76adbc8a] {
    width: 1000px;
    margin: 102px auto 0
}

.PageIndex__newsSectionTitle[data-v-76adbc8a] {
    margin-bottom: 27px;
    margin-left: -100px
}

.PageIndex__newsArrowBox[data-v-76adbc8a] {
    width: 577px
}

.PageIndex__section[data-v-76adbc8a] {
    position: relative;
    width: 100%
}

.PageIndex__sectionInner[data-v-76adbc8a] {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: -93px auto 0 auto;
}

.PageIndex__sectionTitle[data-v-76adbc8a] {
    width: 100%;
    position: relative;
    z-index: 2
}

.PageIndex__parallaxBalls[data-v-76adbc8a] {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

.PageIndex__parallaxBalls--noAnimation[data-v-76adbc8a] {
    position: absolute
}

.AboutSection[data-v-76adbc8a] {
    position: relative;
    z-index: 1
}

.AboutSection__textTitle[data-v-76adbc8a] {
    font-size: 18px;
    line-height: 1.944444444;
    margin-top: -8.499999996px;
    margin-bottom: 29.500000004px;
    font-weight: 700;
    color: #000
}

.AboutSection__text[data-v-76adbc8a] {
    font-size: 14px;
    line-height: 1.8;
    margin-top: -5.6px;
    margin-bottom: 21.4px;
    color: #313131
}

.AboutSection__textNote[data-v-76adbc8a] {
    font-size: 10px;
    line-height: 1.7;
    margin-top: -3.5px;
    margin-bottom: -3.5px;
    display: block;
    color: #313131
}

.AboutSection__contents1[data-v-76adbc8a] {
    display: flex;
    margin-top: 73px
}

.AboutSection__grayBox1[data-v-76adbc8a] {
    position: absolute;
    width: 75%;
    height: 733px;
    right: 0;
    top: -77px;
    z-index: -1
}

.AboutSection__text1[data-v-76adbc8a] {
    margin-left: 52px;
    width: 420px
}

.AboutSection__contents2[data-v-76adbc8a] {
    position: relative;
    margin-top: 330px
}

.AboutSection__grayBox2[data-v-76adbc8a] {
    position: absolute;
    width: 604px;
    height: calc(100% + 140px);
    left: 79px;
    top: -140px;
    z-index: -1
}

.AboutSection__image2[data-v-76adbc8a] {
    position: absolute;
    top: -311px;
    left: 565px
}

.AboutSection__image3[data-v-76adbc8a] {
    position: absolute;
    top: -206px;
    left: 79px
}

.AboutSection__text2[data-v-76adbc8a] {
    margin-left: 146px;
    width: 476px;
    padding-bottom: 72px
}

.HowToUserSection[data-v-76adbc8a] {
    padding-top: 186px;
    min-height: 2507px;
    margin-top: 186px;
}

.HowToUserSection__bg[data-v-76adbc8a] {
    height: calc(80% - 186px);
    background-color: #f2f5f7;
    top: 20% !important;
}

.HowToUserSection__bg[data-v-76adbc8a],
.HowToUserSection__heroImageBox[data-v-76adbc8a] {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: -1
}

.HowToUserSection__heroImageBox[data-v-76adbc8a] {
    height: 402px;
    overflow: hidden;
    display: flex;
    justify-content: center
}

.HowToUserSection__heroImage[data-v-76adbc8a] {
    width: 2038px;
    height: 402px
}

.HowToUserSection__title[data-v-76adbc8a] {
    position: absolute;
    top: 250px;
    right: -16px;
    width: 612px;
    z-index: 1
}

.HowToUserSection__stepItems[data-v-76adbc8a] {
    padding-top: 260px;
}

.HowToUserSection__stepItem[data-v-76adbc8a] {
    margin-top: 29px
}

.HowToUserSection__stepItem[data-v-76adbc8a]:first-child {
    margin-top: 0
}

.banner-with_taxi[data-v-76adbc8a] {
    width: 100%;
    margin-top: 75px;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-with_taxi a[data-v-76adbc8a] {
    display: block
}

.banner-with_taxi a img[data-v-76adbc8a] {
    width: auto;
    height: 245px
}

.StepItem[data-v-76adbc8a] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
    position: relative;
    padding-bottom: 32px
}

.StepItem--1[data-v-76adbc8a] {margin-left: 0;}

.StepItem--2[data-v-76adbc8a] {
    margin-right: 0;
}

.StepItem--3[data-v-76adbc8a] {
    padding-left: 50px
}

.StepItem--4[data-v-76adbc8a] {
    padding-right: 50px
}

.StepItem--5[data-v-76adbc8a] {
    width: 589px;
    padding-left: 26px
}

.StepItem--right[data-v-76adbc8a] {
    flex-direction: row-reverse;
    margin-left: auto;
    margin-top: 22%;
}

.StepItem__bg[data-v-76adbc8a] {
    position: absolute;
    left: calc(-50vw + 600px);
    top: -82px;
    height: 555px;
    z-index: -1
}

.StepItem--right .StepItem__bg[data-v-76adbc8a] {
    left: unset;
    right: calc(-50vw + 600px);
}

.StepItem--1 .StepItem__bg[data-v-76adbc8a] {
    width: 85%;
    top: -75px;
    height: 700px;
}

.StepItem--2 .StepItem__bg[data-v-76adbc8a] {
    width: 85%;
    top: -70px;
    height: 700px;
}

.StepItem--3 .StepItem__bg[data-v-76adbc8a] {
    width: calc(123px + 50vw);
    top: 95px;
    height: 373px
}

.StepItem--4 .StepItem__bg[data-v-76adbc8a] {
    width: calc(114px + 50vw);
    top: 102px;
    height: 343px
}

.StepItem--5 .StepItem__bg[data-v-76adbc8a] {
    width: calc(184px + 50vw);
    top: 92px;
    height: calc(100% - 92px)
}

.StepItem__imageBox[data-v-76adbc8a],
.StepItem__phoneImage[data-v-76adbc8a] {
    position: relative;
    width: 300px;
}

.StepItem__phoneImage[data-v-76adbc8a] {
    display: block;
    box-shadow: 0 0 50px rgba(0, 0, 0, .1);
    border-radius: 29px;
    width: 210px;
    z-index: 1;
    margin-left: 15%;
    margin-top: 42%;
}

.StepItem--3 .StepItem__phoneImage[data-v-76adbc8a] {
    margin-left: 0
}

.StepItem__stepAnimation[data-v-76adbc8a] {
    position: absolute;
    left: 10%;
    top: 0;
    width: 109px;
    height: 109px
}

.StepItem__stepAnimation[data-v-76adbc8a] img{
    max-width: 100%;
}

.StepItem--3 .StepItem__stepAnimation[data-v-76adbc8a] {
    left: 169px
}

.StepItem__textBox[data-v-76adbc8a] {
    width: 250px;
    letter-spacing: 0;
    margin-left: 5%;
    flex-shrink: 0;
    z-index: 1
}

.StepItem--right .StepItem__textBox[data-v-76adbc8a] {
    margin-right: 40px;
    margin-left: unset
}

.StepItem--1 .StepItem__textBox[data-v-76adbc8a] {
    width: 270px;
    margin-top: 0
}

.StepItem--2 .StepItem__textBox[data-v-76adbc8a] {
    margin-top: 14% !important;
}

.StepItem--3 .StepItem__textBox[data-v-76adbc8a] {
    margin-top: 200px
}

.StepItem--4 .StepItem__textBox[data-v-76adbc8a] {
    margin-top: 206px;
    margin-right: -30px
}

.StepItem--5 .StepItem__textBox[data-v-76adbc8a] {
    margin-top: 170px;
    width: 295px
}

.StepItem__textTitle[data-v-76adbc8a] {
    font-size: 43px;
    font-weight: 600;
    color: #221815;
    margin-bottom: 16%;
}

.StepItem--1 .StepItem__textTitle[data-v-76adbc8a] {
    width: 250px
}

.StepItem__text[data-v-76adbc8a] {
    font-size: 16px;
    line-height: 2.5;
    color: #221815;
    letter-spacing: 1px;
}

.StepItem__text sub[data-v-76adbc8a] {
    vertical-align: super;
    font-size: .5em
}

.StepItem--1 .StepItem__text[data-v-76adbc8a] {
    width: 250px
}

.StepItem__small[data-v-76adbc8a] {
    margin-top: 29.5px;
    margin-bottom: -3.5px
}

.StepItem__note[data-v-76adbc8a],
.StepItem__small[data-v-76adbc8a] {
    font-size: 10px;
    line-height: 1.7;
    display: block;
    letter-spacing: 0;
    color: #313131
}

.StepItem__note[data-v-76adbc8a] {
    padding: 18.5px 22px;
    background: #f2f5f7;
    border-radius: 5px;
    margin-top: 19px
}

.StepItem__note a[data-v-76adbc8a] {
    text-decoration: underline
}

.StepItem__note a[data-v-76adbc8a]:hover {
    text-decoration: none
}

.StepItem__note h3[data-v-76adbc8a] {
    margin-bottom: 7.5px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0
}

.StepItem__note p[data-v-76adbc8a] {
    letter-spacing: 0
}

.StepItem__note p.img[data-v-76adbc8a] {
    padding-bottom: 100px;
    margin-bottom: 20px
}

.StepItem--1 .StepItem__note[data-v-76adbc8a] {
    padding: 18.5px 20px;
    margin-top: 25.5px;
    background: #f2f5f7 url(../image/step_1__img-note.c2b4c39.png) no-repeat center 93px;
    background-size: 100% auto
}

.NewsSection[data-v-76adbc8a] {
    margin-top: 10%;
    margin-bottom: 5%;
}

.NewsSection__title[data-v-76adbc8a] {
    margin-left: -95px
}

.NewsSection__newsItems[data-v-76adbc8a] {
    margin: 59px 0 0 auto
}

.NewsSection__newsItem[data-v-76adbc8a] {
    margin-top: 7px;
    width: 100%
}

.NewsSection__viewAll[data-v-76adbc8a] {
    margin-top: 3%;
    margin-left: auto
}

.NewsSection__viewAllImage[data-v-76adbc8a] {
    fill: #fff
}

.AppSection[data-v-76adbc8a] {
    background: #f2f5f7;
    padding: 71px 0 65px;
    margin-top: 75px
}

.AppSection__miniTitle[data-v-76adbc8a] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    height: 32px;
    font-weight: 700
}

.AppSection__miniTitleInner[data-v-76adbc8a] {
    font-size: 14px;
    text-align: center;
    line-height: 1
}

.AppSection__note[data-v-76adbc8a] {
    font-size: 10px;
    line-height: 1.7;
    margin-top: 15.5px;
    margin-bottom: -3.5px;
    display: block;
    letter-spacing: 1px;
    color: rgba(0, 0, 0, .7)
}

.AppSection__contents[data-v-76adbc8a] {
    width: 724px;
    margin: 51px auto 0
}

.AppSection__contents[data-v-76adbc8a]:first-child {
    margin-top: 0
}

.DownloadHere__app[data-v-76adbc8a] {
    display: flex;
    height: 137px
}

.DownloadHere__appIcon[data-v-76adbc8a] {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 21px
}

.DownloadHere__contents[data-v-76adbc8a] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between
}

.DownloadHere__storeLink[data-v-76adbc8a] {
    display: flex;
    justify-content: space-between;
    height: 81px
}

.DownloadHere__storeLinkItem[data-v-76adbc8a] {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px
}

.DownloadHere__storeLinkItem[data-v-76adbc8a]:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, 0);
    position: absolute;
    left: 0;
    top: 0;
    transition: background-color .2s cubic-bezier(.25, .46, .45, .94)
}

.DownloadHere__storeLinkItem[data-v-76adbc8a]:hover:after {
    background-color: hsla(0, 0%, 100%, .4)
}

.DownloadHere__storeLinkItemImage[data-v-76adbc8a] {
    display: block
}

.Covid19Section[data-v-76adbc8a] {
    padding: 49px 0 52px;
    text-align: center;
    background: #fff
}

.Covid19Section__title[data-v-76adbc8a] {
    line-height: 1;
    text-align: center;
    font-weight: 700;
    font-size: 14px
}

.Covid19Section__text[data-v-76adbc8a] {
    font-size: 12px;
    line-height: 1.7;
    margin-top: 24.8px;
    margin-bottom: -4.2px;
    color: rgba(0, 0, 0, .7);
    letter-spacing: .1em
}

@media screen and (max-width: 959px) {
    .PageIndex [data-v-76adbc8a] {
        letter-spacing: normal;
        margin-top: 0;
    }

    .PageIndex__scrollGuide[data-v-76adbc8a] {
        left: unset;
        right: 17.5px;
        top: 338.5px
    }

    .PageIndex__newsSection[data-v-76adbc8a] {
        width: 100%;
        margin-top: 72.5px
    }

    .PageIndex__newsSectionTitle[data-v-76adbc8a] {
        margin-left: 0;
        height: auto
    }

    .PageIndex__newsArrowBox[data-v-76adbc8a] {
        width: calc(100% - 40px)
    }

    .PageIndex__section--about[data-v-76adbc8a] {
        margin-top: 160px
    }

    .PageIndex__sectionInner[data-v-76adbc8a] {
        width: 100%;
        max-width: 100%;
    }

    .PageIndex__parallaxBalls--noAnimation[data-v-76adbc8a] {
        top: -75px
    }

    .AboutSection[data-v-76adbc8a] {
        height: auto
    }

    .AboutSection__textTitle[data-v-76adbc8a] {
        font-size: 20px;
        line-height: 1.65825;
        margin-top: 41.4175px;
        margin-bottom: 28.4175px;
        letter-spacing: .1em
    }

    .AboutSection__text[data-v-76adbc8a] {
        font-size: 14px;
        line-height: 1.7;
        margin-top: -4.9px;
        margin-bottom: 24.1px;
        font-feature-settings: "palt"1;
        text-align: justify;
        letter-spacing: .1em
    }

    .AboutSection__contents1[data-v-76adbc8a] {
        position: relative;
        flex-direction: column;
        padding-bottom: 60px;
        z-index: 1
    }

    .AboutSection__grayBox1[data-v-76adbc8a] {
        top: -195px;
        right: 0;
        left: unset;
        width: calc(100% - 38.5px);
        height: calc(100% + 195px)
    }

    .AboutSection__image1[data-v-76adbc8a] {
        width: 341px;
        height: 232px
    }

    .AboutSection__text1[data-v-76adbc8a] {
        width: calc(100% - 115.5px);
        margin-left: 77px
    }

    .AboutSection__contents2[data-v-76adbc8a] {
        margin-top: -57.5px;
        padding-bottom: 50px
    }

    .AboutSection__grayBox2[data-v-76adbc8a] {
        top: 104.5px;
        left: 0;
        width: calc(100% - 40px);
        height: calc(100% - 104.5px)
    }

    .AboutSection__image2[data-v-76adbc8a] {
        margin-right: 50px;
        margin-left: auto
    }

    .AboutSection__image2[data-v-76adbc8a],
    .AboutSection__image3[data-v-76adbc8a] {
        position: relative;
        top: unset;
        left: unset;
        z-index: 1
    }

    .AboutSection__image3[data-v-76adbc8a] {
        margin-left: 25px;
        margin-top: -23px
    }

    .AboutSection__text2[data-v-76adbc8a] {
        margin-left: 40px;
        width: calc(100% - 120px);
        text-align: justify;
        padding-bottom: 0
    }

    .HowToUserSection[data-v-76adbc8a] {
        padding-top: 238px;
        margin-top: 97px;
        padding-bottom: 60px
    }

    .HowToUserSection__bg[data-v-76adbc8a] {
        top: 238px;
        height: calc(80% - 238px);
    }

    .HowToUserSection__heroImageBox[data-v-76adbc8a] {
        top: 0;
        height: 238px
    }

    .HowToUserSection__heroImage[data-v-76adbc8a] {
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .HowToUserSection__heroImage[data-v-76adbc8a] img {
        width: 100%;
        height: auto
    }

    .HowToUserSection__title[data-v-76adbc8a] {
        position: relative;
        top: 0;
        right: 0
    }

    .HowToUserSection__stepItems[data-v-76adbc8a] {
        padding: 0
    }

    .banner-with_taxi a img[data-v-76adbc8a] {
        height: 99px
    }

    .StepItem[data-v-76adbc8a] {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 165px
    }

    .StepItem[data-v-76adbc8a]:first-child {
        margin-top: 111.5px
    }

    .StepItem--5[data-v-76adbc8a] {
        width: 100%
    }

    .StepItem--1[data-v-76adbc8a],
    .StepItem--2[data-v-76adbc8a],
    .StepItem--3[data-v-76adbc8a],
    .StepItem--4[data-v-76adbc8a],
    .StepItem--5[data-v-76adbc8a] {
        padding: 0;
        width: 100%
    }

    .StepItem--right[data-v-76adbc8a] {
        flex-direction: column
    }

    .StepItem__bg[data-v-76adbc8a] {
        left: 0
    }

    .StepItem--right .StepItem__bg[data-v-76adbc8a] {
        right: 0
    }

    .StepItem--1 .StepItem__bg[data-v-76adbc8a] {
        top: -242.5px;
        height: 534px;
        width: calc(100% - 40px)
    }

    .StepItem--2 .StepItem__bg[data-v-76adbc8a],
    .StepItem--3 .StepItem__bg[data-v-76adbc8a],
    .StepItem--4 .StepItem__bg[data-v-76adbc8a],
    .StepItem--5 .StepItem__bg[data-v-76adbc8a] {
        top: -89px;
        height: 394px;
        width: calc(100% - 40px)
    }

    .StepItem__imageBox[data-v-76adbc8a] {
        width: 182.5px;
        height: 357.5px;
        margin: auto
    }

    .StepItem__phoneImage[data-v-76adbc8a] {
        width: 182.5px;
        height: 357.5px;
        margin-left: 0
    }

    .StepItem__stepAnimation[data-v-76adbc8a] {
        margin-left: -82px
    }

    .StepItem--3 .StepItem__stepAnimation[data-v-76adbc8a] {
        left: 0
    }

    .StepItem--right .StepItem__stepAnimation[data-v-76adbc8a] {
        left: 151px;
        margin-left: 0
    }

    .StepItem--1 .StepItem__textBox[data-v-76adbc8a],
    .StepItem--2 .StepItem__textBox[data-v-76adbc8a],
    .StepItem--3 .StepItem__textBox[data-v-76adbc8a],
    .StepItem--4 .StepItem__textBox[data-v-76adbc8a],
    .StepItem--5 .StepItem__textBox[data-v-76adbc8a] {
        width: 292.5px;
        margin: 28.5px auto 0
    }

    .StepItem__textTitle[data-v-76adbc8a] {
        letter-spacing: .1em
    }

    .StepItem--1 .StepItem__text[data-v-76adbc8a],
    .StepItem--1 .StepItem__textTitle[data-v-76adbc8a] {
        width: 96%;
        margin: 0 auto;
    }

    .StepItem__note[data-v-76adbc8a] {
        background: #fff
    }

    .StepItem--1 .StepItem__note[data-v-76adbc8a] {
        background: #fff url(../image/step_1__img-note__sp.1944645.png) no-repeat center 93px;
        background-size: 100% auto
    }

    .NewsSection__title[data-v-76adbc8a] {
        margin-left: 0
    }

    .NewsSection__newsItems[data-v-76adbc8a] {
        width: calc(100% - 40px)
    }

    .NewsSection__newsItem[data-v-76adbc8a] {
        margin-top: 17.5px
    }

    .NewsSection__viewAll[data-v-76adbc8a] {
        margin-top: 41.5px
    }

    .AppSection__miniTitle[data-v-76adbc8a] {
        height: auto
    }

    .AppSection__miniTitleInner[data-v-76adbc8a] {
        font-size: 12px;
        line-height: 1.7;
        margin-top: 6.8px;
        margin-bottom: 6.8px;
        letter-spacing: .1em
    }

    .AppSection__note[data-v-76adbc8a],
    .AppSection__note [data-v-76adbc8a] {
        letter-spacing: .1em
    }

    .AppSection__contents[data-v-76adbc8a] {
        width: 293px
    }

    .DownloadHere__app[data-v-76adbc8a] {
        height: auto;
        margin: 0 auto
    }

    .DownloadHere__appIcon[data-v-76adbc8a] {
        height: 71px;
        width: 71px;
        margin-right: 0
    }

    .DownloadHere__storeLink[data-v-76adbc8a] {
        height: auto;
        align-items: center;
        margin-top: 12.5px
    }

    .DownloadHere__storeLinkItem[data-v-76adbc8a] {
        height: 61.5px
    }

    .Covid19Section[data-v-76adbc8a] {
        padding: 51px 0 49px;
        margin: auto;
        letter-spacing: 0
    }

    .Covid19Section__title[data-v-76adbc8a] {
        font-size: 12px;
        letter-spacing: .1em
    }
}

@media screen and (min-width:750px)and (max-width:959px) {
    .PageIndex__keyVisual[data-v-76adbc8a] {
        margin-top: 86px
    }
}

@media screen and (max-width:767px) {
    .PageIndex__keyVisual[data-v-76adbc8a] {
        margin-top: 32px;
        margin-bottom: 72px
    }

    .PageIndex__scrollGuide[data-v-76adbc8a] {
        top: 95px
    }
}

@media screen and (min-width:959px)and (max-width:1040px) {
    .PageIndex__scrollGuide[data-v-76adbc8a] {
        display: none
    }
}

@media screen and (min-width:960px) {
    .PageIndex__section--about[data-v-76adbc8a] {
        margin-top: 200px
    }
}

@media screen and (max-width:374px) {
    .AboutSection__textTitle[data-v-76adbc8a] {
        letter-spacing: 0
    }

    .AboutSection__text1[data-v-76adbc8a] {
        width: calc(100% - 96.25px)
    }

    .AboutSection__text2[data-v-76adbc8a] {
        width: calc(100% - 100px)
    }

    .HowToUserSection__title[data-v-76adbc8a] .SectionTitle__en {
        transform: scale(.45)
    }

    .Covid19Section__text[data-v-76adbc8a],
    .Covid19Section__title[data-v-76adbc8a] {
        letter-spacing: 0
    }
}

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

.RoundedCoupon[data-v-9b0aa43e] {
    width: 260px;
    position: fixed;
    top: 106px;
    right: calc(50% - 600px);
    z-index: 7
}

.RoundedCoupon__link[data-v-9b0aa43e] {
    width: 100%;
    height: 100%;
    opacity: 0;
    display: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%
}

.RoundedCoupon--prepareTopAnimation .RoundedCoupon__link[data-v-9b0aa43e] {
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-delay: .65s
}

.RoundedCoupon--playTopAnimation .RoundedCoupon__link[data-v-9b0aa43e] {
    opacity: 1
}

.RoundedCoupon__link .img[data-v-9b0aa43e] {
    width: 100%;
    height: auto;
    opacity: 0
}

.RoundedCoupon__link.pc[data-v-9b0aa43e] {
    display: block
}

.RoundedCoupon__link.sp[data-v-9b0aa43e] {
    display: none
}

.KeyVisual__info{
    position: absolute;
    top: 20%;
    left: 20%;
    text-align: center;
	font-weight: 600;
    color: #0C69A5;
}
.KeyVisual__info p {
    font-size: 32px;
    margin-bottom: 0px;
}

/* 移动版样式 */
@media only screen and (max-width: 768px) {
    .KeyVisual__info p {
        font-size: 20px;
    }
}

@media screen and (max-width:1200px) {
    .RoundedCoupon[data-v-9b0aa43e] {
        width: 254px;
        right: 0
    }

    .RoundedCoupon__link.pc[data-v-9b0aa43e] {
        display: none
    }

    .RoundedCoupon__link.sp[data-v-9b0aa43e] {
        display: block
    }
}

@media screen and (max-width:959px) {
    .RoundedCoupon[data-v-9b0aa43e] {
        width: 240px;
        top: 75px
    }
    .HowToUserSection[data-v-76adbc8a]{
        min-height:auto;

    }
}

@media screen and (max-width:767px) {
    .RoundedCoupon[data-v-9b0aa43e] {
        width: 100%;
        position: relative;
        top: auto;
        right: auto;
        display: flex;
        justify-content: flex-end
    }

    .RoundedCoupon__link[data-v-9b0aa43e] {
        width: 240px
    }
}

.secNav{
    position: absolute;
    transform: translateX(-32%);
    -webkit-transform: translateX(-32%);
    width: 100px;
    text-align: center;
    display: none;
}
ul.secNav{}
ul.secNav li{
    background: #fff;
    /* border: 1px solid #000; */
}
ul.secNav li a{
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #000;
    color: #000;
}
ul.secNav li a:hover{
    color: #fff;
    background: #000;
}
ul.secNav li.cur a,ul.secNav li.cur a:hover{
    color: #fff;
}