@charset "UTF-8";

.lKv {
    height: 100vh;
    position: relative
}

.lSection1-2 {
    position: relative;
    background-color: #2a2a2a;
    display: flex;
    align-items: center;
    margin-top: -2px
}

.lSection1-2-lead {
    color: #fff;
    text-transform: uppercase
}

.lSection1-2-lead .-light {
    font-weight: 300
}

.lSection1-2-lead .-bold,
.lSection1-2-lead .-light {
    font-family: Galano Grotesque, YuGothic, 游ゴシック, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif
}

.lSection1-2-lead .-bold {
    font-weight: 500
}

.lSection1-2-lead-text {
    overflow: hidden
}

.bWindows .lSection1-2-lead-text {
    white-space: nowrap
}

.lSection1-2-description {
    color: #fefefe;
background: transparent !important;
    display: block;
    font-family: 'Galano Grotesque';
    font-weight: 400
}

.lSection1-2-description-row {
    display: block;
    overflow: hidden
}

.lSection1-2-description-text {
    display: block
}

.lSection1 {
    position: relative;
    z-index: 2
}

.lSection1-bg {
    width: 100%;
    height: 100%;
    transition: margin-top .5s cubic-bezier(.16, 1, .3, 1)
}

.lSection1-bg-bottom,
.lSection1-bg-top {
    background-color: #2a2a2a;
    width: 100%
}

.lSection1-bg-bottom {
    margin-top: -2px
}

.lSection1-bg-row {
    position: relative;
    overflow: hidden;
    margin-top: -2px
}

.lSection1-bg-src {
    position: absolute;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content
}

.lSection1-inner {
    width: 100%;
    opacity: 0;
    position: absolute
}

.lSection1-text {
    color: #fff;
    overflow: hidden
}

.lSection1-word {
    font-weight: 500;
    text-transform: uppercase;
}

.lSection1-word,
.lSection1-word.-light {
    /* font-family:Galano Grotesque,YuGothic,游ゴシック,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif; */
}

.lSection1-word.-light {
    font-weight: 300
}

.lSection2-lead {
    color: #222;
    text-transform: uppercase
}

.lSection2-lead .-light {
    font-weight: 300
}

.lSection2-lead .-bold,
.lSection2-lead .-light {
    font-family: Galano Grotesque, YuGothic, 游ゴシック, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif
}

.lSection2-lead .-bold {
    font-weight: 500
}

.lSection2-lead-text {
    overflow: hidden
}

.lSection2-description {
    background: transparent !important;
    color: #222;
    display: block;
    font-family: 'Galano Grotesque';
    font-weight: 400
}

.lSection2-description-row {
    display: block;
    overflow: hidden
}

.lSection2-description-text {
    display: block
}

.lSection3-lead {
    color: #fff
}

.lSection3-lead-text-inner {
    display: flex
}

.lSection3-lead-text-single {
    display: block;
    font-family: Galano Grotesque, YuGothic, 游ゴシック, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
    font-weight: 500;
    text-transform: uppercase
}

.lSection3-lead-text.-no01 .lSection3-lead-text-single {
    position: relative
}

/* .lSection3-lead-text.-no01 .lSection3-lead-text-single:after {
    content: "";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    height: 1px;
    background-color: #fff
} */

.lSection3-lead-text.-no02 .lSection3-lead-text-single,
.lSection3-lead-text.-no03 .lSection3-lead-text-single {
    position: relative
}

/* .lSection3-lead-text.-no03 .lSection3-lead-text-single:after {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    height: 1px;
    background-color: #fff
} */

.lSection3-lead-text.-no04 .lSection3-lead-text-single {
    position: relative
}

.lSection3-lead-decoration {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fefefe;
    flex-shrink: 0
}

.lSection3-lead-decoration-svg {
    position: absolute;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content
}

.lSection3-description {
    background-image: linear-gradient(180deg, #fefefe, 30%, transparent);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fefefe;
    font-family: 'Galano Grotesque';
    font-weight: 400;
    display: block
}

.lSection3-description-row {
    display: block;
    overflow: hidden
}

.lSection3-description-text {
    display: block
}

@media screen and (min-width: 768px) {
    .lSection1-2-inner {
        width: 100%;
        padding-inline: 2.5rem;
        padding-block: 18.75rem 32.5rem
    }

    .lSection1-2-lead {
        margin-right: 8.75rem;
        font-size: 17.25rem;
        line-height: .7753623188;
        letter-spacing: -.04em
    }

    .lSection1-2-lead-row:nth-of-type(2) {
        text-align: right
    }

    .lSection1-2-lead-row:nth-of-type(4) .lSection1-2-lead-text {
        text-align: center
    }

    .lSection1-2-lead-text {
        padding: .625rem .625rem 0 0
    }

    .lSection1-2-description-wrapper {
        width: 78.75rem;
        margin-top: 8.125rem;
        margin-inline: auto 8.75rem
    }

    .lSection1-2-description {
        font-size: 3rem;
        line-height: 1.7222222222;
        letter-spacing: .03em
    }

    .lSection1-2-description:not(:first-of-type) {
        margin-top: 3.75rem
    }

    .lSection1-bg-top {
        height: 35vh
    }

    .lSection1-bg-bottom {
        height: 30vh
    }

    .lSection1-bg-row {
        height: 15rem
    }

    .lSection1-bg-src.-no01 {
        -webkit-mask-image: url(../img/index/pc/mask01.png);
        mask-image: url(../img/index/pc/mask01.png)
    }

    .lSection1-bg-src.-no02 {
        -webkit-mask-image: url(../img/index/pc/mask02.png);
        mask-image: url(../img/index/pc/mask02.png)
    }

    .lSection1-inner {
        padding-inline: 2.5rem;
        top: 35vh
    }

    .lSection1-row {
        display: flex;
        margin-top: .625rem
    }

    .lSection1-row,
    .lSection1-row:nth-of-type(2) {
        justify-content: space-between
    }

    .lSection1-row:nth-of-type(3) .lSection1-word {
        word-spacing: .76em
    }

    .lSection1-word {
        font-size: 15rem;
        letter-spacing: -.04em;
        line-height: .9263157895;
        margin-left: -.375rem;
        word-spacing: .13em
    }

    .lSection1-word.-layer {
        margin-right: 19.25rem
    }

    .lSection2-inner {
        width: 100%;
        padding-inline: 2.5rem;
        padding-block: 18.75rem 31.25rem
    }

    .lSection2-lead {
        margin-right: 8.75rem;
        font-size: 17.25rem;
        line-height: .7753623188;
        letter-spacing: -.04em
    }

    .lSection2-description-wrapper {
        width: 82.5rem;
        margin-top: 8.125rem;
        margin-inline: auto 8.75rem
    }

    .lSection2-description {
        font-size: 3rem;
        line-height: 1.7222222222;
        letter-spacing: .03em
    }

    .lSection2-description:not(:first-of-type) {
        margin-top: 3.75rem
    }

    .lSection3-inner {
        padding-block: 0;
    }

    .lSection3-typo {
        overflow: hidden
    }

    .lSection3-lead-text.-no01 .lSection3-lead-text-inner {
        margin-left: -3rem
    }

    .lSection3-lead-text.-no02 .lSection3-lead-text-inner {
        margin-top: 1.25rem
    }

    .lSection3-lead-text.-no03 .lSection3-lead-text-inner {
        margin-left: -43.75rem
    }

    .lSection3-lead-text-single {
        font-size: 12rem;
        letter-spacing: -.037em;
        display: flex;
        min-width: 207.125rem;
        justify-content: space-between
    }

    .lSection3-lead-text.-no01 .lSection3-lead-text-single {
        padding-right: 18.75rem
    }

    .lSection3-lead-text.-no01 .lSection3-lead-text-single:after {
        width: 40rem;
        margin-left: 92.5rem
    }

    .lSection3-lead-text.-no02 .lSection3-lead-text-single {
        display: flex;
        align-items: center;
        white-space: nowrap;
        word-spacing: .1em;
        margin-top: -3.375rem;
        padding-left: 24.375rem
    }

    .lSection3-lead-text.-no03 .lSection3-lead-text-single {
        white-space: nowrap;
        word-spacing: .3em;
        margin-top: -1.125rem;
        padding-right: 18.75rem
    }

    .lSection3-lead-text.-no03 .lSection3-lead-text-single:after {
        content: "";
        left: 19.125rem;
        width: 56.25rem
    }

    .lSection3-lead-decoration {
        width: 20.625rem;
        height: 20.625rem;
        margin-left: 3.625rem;
        margin-right: 2.75rem
    }

    .lSection3-lead-decoration-svg.-earth {
        width: 16.25rem;
        margin-left: -.1875rem
    }

    .lSection3-description-wrapper {
        width: 78.75rem;
        margin-left: 11.25rem;
        margin-top: 3.75rem
    }

    .lSection3-description {
        font-size: 2.25rem;
        line-height: 1.7222222222;
        letter-spacing: .05em
    }
}

@media screen and (max-width: 767px) {
    .lSection1-2-inner {
        padding-inline: 1.28125rem;
        padding-block: 9.375rem 31.25rem
    }

    .lSection1-2-lead {
        font-size: 3.59375rem;
        line-height: .9217391304;
        letter-spacing: -.048em
    }

    .lSection1-2-lead-row:nth-of-type(3) .lSection1-2-lead-text>span span:last-of-type {
        position: relative
    }

    /* .lSection1-2-lead-row:nth-of-type(3) .lSection1-2-lead-text>span span:last-of-type:after {
        content: "";
        position: absolute;
        width: 1.875rem;
        height: 1px;
        background-color: #fefefe;
        right: -.9375rem;
        top: 1.5625rem
    } */

    .lSection1-2-lead-row:nth-of-type(3) .lSection1-2-lead-text {
        text-align: right;
        word-spacing: .15em
    }

    .lSection1-2-description-wrapper {
        margin-top: 2.1875rem
    }

    .lSection1-2-description {
        font-size: 1.1rem;
        line-height: 1.625;
        letter-spacing: .075em
    }

    .bAndroid .lSection1-2-description,
    .bWindows .lSection1-2-description {
        letter-spacing: .065em
    }

    .lSection1-2-description:not(:first-of-type) {
        margin-top: 1.8125rem
    }

    .lSection1-bg-top {
        height: 30vh
    }

    .lSection1-bg-bottom {
        height: 25vh
    }

    .lSection1-bg-row {
        height: 3.125rem
    }

    .lSection1-bg-src.-no01 {
        -webkit-mask-image: url(../img/index/sp/mask01.png);
        mask-image: url(../img/index/sp/mask01.png)
    }

    .lSection1-bg-src.-no02 {
        -webkit-mask-image: url(../img/index/sp/mask02.png);
        mask-image: url(../img/index/sp/mask02.png)
    }

    .lSection1-bg-src.-no03 {
        -webkit-mask-image: url(../img/index/sp/mask03.png);
        mask-image: url(../img/index/sp/mask03.png)
    }

    .lSection1-bg-src.-no04 {
        -webkit-mask-image: url(../img/index/sp/mask04.png);
        mask-image: url(../img/index/sp/mask04.png)
    }

    .lSection1-bg-src.-no05 {
        -webkit-mask-image: url(../img/index/sp/mask05.png);
        mask-image: url(../img/index/sp/mask05.png)
    }

    .lSection1-inner {
        padding-inline: 1.28125rem;
        top: 30vh
    }

    .lSection1-row {
        display: block
    }

    .lSection1-row:not(:first-of-type) {
        margin-top: .25rem
    }

    .lSection1-word {
        display: block;
        font-size: 3.59375rem;
        line-height: .9217391304;
        letter-spacing: -.035em;
        margin-top: -.3125rem
    }

    .lSection1-word:nth-of-type(2n) {
        text-align: right
    }

    .lSection1-word.-layer {
        margin-top: .125rem;
        margin-right: 1.5rem
    }

    .lSection1-word.-blockchain {
        margin-top: .3125rem
    }

    .lSection2-inner {
        padding: 9rem .78125rem 9rem 1.28125rem
    }

    .lSection2-lead {
        font-size: 3.59375rem;
        line-height: .9217391304;
        letter-spacing: -.045em;
        white-space: nowrap
    }

    .lSection2-lead-row:first-of-type .lSection2-lead-text {
        word-spacing: .55em
    }

    .lSection2-lead-row:nth-of-type(4) .lSection2-lead-text>span span:last-of-type {
        position: relative
    }

    /* .lSection2-lead-row:nth-of-type(4) .lSection2-lead-text>span span:last-of-type:after {
        content: "";
        position: absolute;
        width: 1.875rem;
        height: 1px;
        background-color: #222;
        right: -.9375rem;
        top: 1.5625rem
    } */

    .lSection2-lead-row:nth-of-type(4) .lSection2-lead-text {
        text-align: right;
        word-spacing: .15em
    }

    .lSection2-description-wrapper {
        margin-top: 1.625rem
    }

    .lSection2-description {
        font-size: 1.1rem;
        line-height: 1.625;
        letter-spacing: .075em
    }

    .bAndroid .lSection2-description,
    .bWindows .lSection2-description {
        letter-spacing: .065em
    }

    .lSection2-description:not(:first-of-type) {
        margin-top: 1.8125rem
    }

    .lSection3-inner {
        /* padding: 8.125rem 1.28125rem 12.4375rem; */
        overflow: hidden
    }

    .lSection3-lead-text.-no01 .lSection3-lead-text-inner {
        margin-left: 6.25rem
    }

    .lSection3-lead-text.-no03 .lSection3-lead-text-inner {
        margin-top: .625rem;
        margin-left: -6.25rem
    }

    .lSection3-lead-text-single {
        font-size: 1.5rem;
        letter-spacing: -.04em;
        min-width: 38rem;
    }

    .lSection3-lead-text.-no01 .lSection3-lead-text-single {
        padding-right: 6.5625rem
    }

    .lSection3-lead-text.-no01 .lSection3-lead-text-single:after {
        width: 4.6875rem;
        margin-top: -.1875rem;
        right: 5rem
    }

    .lSection3-lead-text.-no02 .lSection3-lead-text-single {
        word-spacing: .2em;
        margin-top: -.1875rem;
        padding-left: 9.375rem
    }

    .lSection3-lead-text.-no03 .lSection3-lead-text-single {
        display: flex;
        word-spacing: .41em;
        margin-top: -.75rem
    }

    .lSection3-lead-text.-no04 .lSection3-lead-text-single {
        word-spacing: .2em;
        margin-top: -.75rem;
        padding-left: 10.625rem
    }

    .lSection3-lead-text.-no04 .lSection3-lead-text-single:after {
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        height: 1px;
        background-color: #fff;
        content: "";
        right: -9.5rem;
        width: 8.75rem
    }

    .lSection3-lead-text-row {
        display: flex;
        flex-wrap: nowrap;
        margin-block: auto
    }

    .lSection3-lead-decoration {
        width: 4.71875rem;
        height: 4.6875rem;
        margin-left: 1.5625rem
    }

    .lSection3-lead-decoration-svg.-earth {
        width: 3.75rem
    }

    .lSection3-description-wrapper {
        margin-top: 1.5rem
    }

    .lSection3-description {
        font-size: 1rem;
        line-height: 1.625;
        letter-spacing: .075em
    }

    .bAndroid .lSection3-description,
    .bWindows .lSection3-description {
        letter-spacing: .065em
    }
}