img.mainkv {
    width: 100%;
}
h1.main_title {
    letter-spacing: 0.01em;
    font-weight: bold;
    line-height: 1.5;
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 44px;
}
@media only screen and (max-width: 47.9375em) {
    h1.main_title {
        font-size: 20px;
        margin-bottom: 22px;
    }}
.main_text {
    font-size: 16px;
    letter-spacing: 0.07em;
}
@media only screen and (max-width: 63.9375em) {
    .main_text {
        font-size: 16px;
    }}
@media only screen and (max-width: 47.9375em) {
    .main_text {
        margin-bottom: 22px;
    }}
.title1 {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 47.9375em) {
    .title1 {
        display: block;
    }}
h2.sas_title {
    font-feature-settings: 'palt'1;
    letter-spacing: 0.01em;
    font-weight: bold;
    line-height: 1.5;
    font-size: 2.25rem;
}
@media print, screen and (min-width: 64em) {
    h2.sas_title {
        font-size: 2.25rem;
        padding-left: 10px;
    }}
@media only screen and (max-width: 63.9375em) {
    h2.sas_title {
        font-size: 1.375rem;
        background-color: rgb(225, 237, 232);
}}
.sas_area {
    position: relative;
    z-index: 2;
}
@media only screen and (min-width: 64em) {
.sas_area {
    background-color: rgb(225, 237, 232);
    }}
@media print, screen and (min-width: 64em) {
    .sas_area1 {
        padding-top: 54px;
    }}
@media only screen and (max-width: 47.9375em) {
    .sas_area {
        margin-top: 34px;
    }}
.c-sentence {
    line-height: 1.75;
}
@media print, screen and (min-width: 48em) {
    .sas_area + .c-sentence {
        margin-top: 28px;
    }}
    @media only screen and (max-width: 47.9375em) {
        .sas_title + .c-sentence {
        margin-top: 16px;
        }}
.subtitle1 {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding-right: 10px;
}
img.sub2 {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.button_area {
    margin-top: 26px;
}
.button_area .c-list {
    display: flex;
    text-align: center;
    align-items: center;
}
@media only screen and (max-width: 47.9375em) {
    .button_area .c-list {
        display: block;
    }}
.sas_area__en {
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
    font-weight: bold;
    line-height: 1.5;
    display: block;
    font-size: 1.125rem;
}
.p-main-block.-left {
    position: relative
}

@media print,
    screen and (min-width: 64em) {
        .p-main-block.-left {
            display: flex;
            padding-top: 80px;
            margin-top: 80px;
            box-sizing: border-box
        }
}

@media print,
    screen and (min-width: 64em) {
        .p-main-block.-left .p-main-block__visual {
            top: 0;
            left: 0;
            margin-top: -80px;
            justify-content: flex-start;
            align-items: flex-start
        }
}

@media print,
    screen and (min-width: 64em) {
        .p-main-block.-left .p-main-block__box {
            width: 100%
        }
}

@media print,
    screen and (min-width: 64em) {
        .p-main-block.-left .p-main-block__box .p-main-block__bg {
            width: 61vw;
            left: auto;
            right: 0
        }
}

@media screen and (min-width: 1900px) {
    .p-main-block.-left .p-main-block__box .p-main-block__bg {
        width: 42vw
    }
}

@media screen and (min-width: 2500px) {
    .p-main-block.-left .p-main-block__box .p-main-block__bg {
        width: 36vw
    }
}
.p-main-block__visual {
    display: block
}

@media only screen and (max-width: 63.9375em) {
    .p-main-block__visual {
        margin-top: 36px;
        position: relative;
        width: 100%
    }
}

@media print,
    screen and (min-width: 64em) {
        .p-main-block__visual {
            position: relative;
            z-index: 20;
            display: flex
        }

        .browser-is-ie .p-main-block__visual {
            width: 100%
        }
}

.p-main-block__visual img {
    display: block
}

@media only screen and (max-width: 63.9375em) {
    .p-main-block__visual img {
        width: 100%
    }
}

@media print,
    screen and (min-width: 64em) {
        .p-main-block__visual img {
            max-width: 700px;
            width: 43vw
        }
}
@media print,
    screen and (min-width: 64em) {
        .second_picture
        .p-main-block__visual img {
            max-width: 625px;
            width: 43vw
        }
}
@media screen and (min-width: 1400px) {
    .p-main-block__visual img {
        width: 50vw
    }
}

@media only screen and (max-width: 63.9375em) {
    .p-main-block__visual::after {
        display: none
    }
}

@media print,
    screen and (min-width: 64em) {
        .p-main-block__visual::after {
            display: block;
            content: '';
            position: absolute;
            z-index: -1;
            height: 50%;
            background-color: #1a1a1a;
            top: 50%
        }
}
@media print,
    screen and (min-width: 64em) {
        .p-main-block.-right .p-main-block__visual {
            margin-top: -80px;
            justify-content: flex-start;
            align-items: flex-start
        }
}
.p-main-block.-right .p-main-block__visual::after {
    left: 0
}
@media print,
    screen and (min-width: 64em) {
        .p-main-block.-left .p-main-block__visual {
            top: 0;
            left: 0;
            margin-top: -80px;
            justify-content: flex-start;
            align-items: flex-start
        }
}
@media only screen and (max-width: 63.9375em) {
    .u-slide-left img {
        transition: transform 1s 0s cubic-bezier(0.48, 0.18, 0, 0.98)
    }
}

.u-slide-left::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    background-color: #212121;
    z-index: 20
}

.u-slide-left.-support::before {
    background-color: #1b1b1b
}

.p-home-block.is-active .u-slide-left::before {
    -webkit-animation: slideToLeft 0.75s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal;
    animation: slideToLeft 0.75s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal
}

@media only screen and (max-width: 63.9375em) {
    .p-home-block.is-active .u-slide-left::before {
        -webkit-animation: slideToLeft 1s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal;
        animation: slideToLeft 1s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal
    }
}

.p-home-block.is-active .u-slide-left img {
    -webkit-animation: slideToLeft-content 0.75s ease-out 1 normal;
    animation: slideToLeft-content 0.75s ease-out 1 normal;
    opacity: 1;
    transform: translate3d(0px, 0, 0)
}

@media only screen and (max-width: 63.9375em) {
    .p-home-block.is-active .u-slide-left img {
        -webkit-animation: slideToLeft-content 1s ease-out 1 normal;
        animation: slideToLeft-content 1s ease-out 1 normal
    }
}

.p-service-block.is-active .u-slide-left::before {
    -webkit-animation: slideToLeft 0.75s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal;
    animation: slideToLeft 0.75s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal
}

@media only screen and (max-width: 63.9375em) {
    .p-service-block.is-active .u-slide-left::before {
        -webkit-animation: slideToLeft 1s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal;
        animation: slideToLeft 1s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal
    }
}

.p-service-block.is-active .u-slide-left img {
    -webkit-animation: slideToLeft-content 0.75s ease-out 1 normal;
    animation: slideToLeft-content 0.75s ease-out 1 normal;
    opacity: 1;
    transform: translate3d(0px, 0, 0)
}

@media only screen and (max-width: 63.9375em) {
    .p-service-block.is-active .u-slide-left img {
        -webkit-animation: slideToLeft-content 1s ease-out 1 normal;
        animation: slideToLeft-content 1s ease-out 1 normal
    }
}

.p-main-block.is-active .u-slide-left::before {
    -webkit-animation: slideToLeft 0.75s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal;
    animation: slideToLeft 0.75s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal
}

@media only screen and (max-width: 63.9375em) {
    .p-main-block.is-active .u-slide-left::before {
        -webkit-animation: slideToLeft 1s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal;
        animation: slideToLeft 1s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal
    }
}

.p-main-block.is-active .u-slide-left img {
    -webkit-animation: slideToLeft-content 0.75s ease-out 1 normal;
    animation: slideToLeft-content 0.75s ease-out 1 normal;
    opacity: 1;
    transform: translate3d(0px, 0, 0)
}

@media only screen and (max-width: 63.9375em) {
    .p-main-block.is-active .u-slide-left img {
        -webkit-animation: slideToLeft-content 1s ease-out 1 normal;
        animation: slideToLeft-content 1s ease-out 1 normal
    }
}

.c-card__link.is-active .u-slide-left::before {
    -webkit-animation: slideToLeft 0.75s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal;
    animation: slideToLeft 0.75s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal
}

@media only screen and (max-width: 63.9375em) {
    .c-card__link.is-active .u-slide-left::before {
        -webkit-animation: slideToLeft 1s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal;
        animation: slideToLeft 1s cubic-bezier(0.48, 0.18, 0, 0.98) 1 normal
    }
}

.c-card__link.is-active .u-slide-left img {
    -webkit-animation: slideToLeft-content 0.75s ease-out 1 normal;
    animation: slideToLeft-content 0.75s ease-out 1 normal;
    opacity: 1;
    transform: translate3d(0px, 0, 0)
}

@media only screen and (max-width: 63.9375em) {
    .c-card__link.is-active .u-slide-left img {
        -webkit-animation: slideToLeft-content 1s ease-out 1 normal;
        animation: slideToLeft-content 1s ease-out 1 normal
    }
}
.u-slide-left-support {
    position: relative;
    overflow: hidden
}

.u-slide-left-support img {
    opacity: 0;
    position: relative;
    transform: translate3d(90px, 0, 0);
    transition: transform 1s 0s ease
}

@media only screen and (max-width: 63.9375em) {
    .u-slide-left-support img {
        transition: transform 0.75s 0s ease
    }
}

.u-slide-left-support::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    background-color: #f0f2f5;
    z-index: 20
}

.c-column.-sp_reverse.is-active .u-slide-left-support::before {
    -webkit-animation: slideToLeft 0.75s ease-out 1 normal;
    animation: slideToLeft 0.75s ease-out 1 normal
}

@media only screen and (max-width: 63.9375em) {
    .c-column.-sp_reverse.is-active .u-slide-left-support::before {
        -webkit-animation: slideToLeft 0.75s ease-out 1 normal;
        animation: slideToLeft 0.75s ease-out 1 normal
    }
}

.c-column.-sp_reverse.is-active .u-slide-left-support img {
    -webkit-animation: slideToLeft-content 0.75s ease-out 1 normal;
    animation: slideToLeft-content 0.75s ease-out 1 normal;
    opacity: 1;
    transform: translate3d(0px, 0, 0)
}

@media only screen and (max-width: 63.9375em) {
    .c-column.-sp_reverse.is-active .u-slide-left-support img {
        -webkit-animation: slideToLeft-content 0.75s ease-out 1 normal;
        animation: slideToLeft-content 0.75s ease-out 1 normal
    }
}
@media print,
    screen and (min-width: 64em) {
        .p-main-block__box.-pt_80 {
            padding-top: 80px
        }
}
.p-main-block.-right {
    position: relative
}

@media print,
    screen and (min-width: 64em) {
        .p-main-block.-right {
            display: flex;
            flex-direction: row-reverse;
            padding-top: 80px;
            box-sizing: border-box
        }
}


@media print,
    screen and (min-width: 64em) {
        .p-main-block.-right .p-main-block__box {
            width: 100%
        }
}

@media print,
    screen and (min-width: 64em) {
        .p-main-block.-right .p-main-block__box .p-main-block__bg {
            width: 61vw;
            left: 0
        }
}

@media screen and (min-width: 1900px) {
    .p-main-block.-right .p-main-block__box .p-main-block__bg {
        width: 43vw
    }
}

@media screen and (min-width: 2500px) {
    .p-main-block.-right .p-main-block__box .p-main-block__bg {
        width: 36vw
    }
}
.c-section-4 {
    margin-top: 10px;
}
    .c-block__inner2 {
        position: relative;
        z-index: 1;
        max-width: 1400px;
        box-sizing: border-box;
        padding-right: 4.6875%;
        padding-left: 4.6875%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 70px;
    }
@media only screen and (max-width: 47.9375em) {
    .c-block__inner2 {
        margin-bottom: 36px
    }
}
.p-main-block__bg {
    position: absolute;
    display: block;
    content: '';
    z-index: -1;
    height: 100%;
    background-color: #000;
    width: 100%;
    top: -1px;
    left: 0;
    overflow: hidden
}

@media only screen and (max-width: 63.9375em) {
    .p-main-block__bg {
        display: none
    }
}

.p-main-block__bg.-lightblack {
    background-color: #1a1a1a
}

.p-main-block__bg.-lightblack .p-main-block__bg-text {
    color: #000
}

.p-main-block__bg.-gray {
    background-color: #ebf1f2
}

.p-main-block__bg.-gray .p-main-block__bg-text {
    color: #e3e4ec
}

.p-main-block__bg .p-main-block__bg-text {
    font-family: futura-pt, sans-serif;
    font-feature-settings: 'palt';
    white-space: nowrap;
    font-weight: normal;
    font-size: 8.1vw;
    position: absolute;
    z-index: -1;
    line-height: 1;
    color: #1a1a1a;
    bottom: -0.17em;
    right: -0.23em
}

@media only screen and (max-width: 63.9375em) {
    .p-main-block__bg .p-main-block__bg-text {
        display: none
    }
}

@media print,
    screen and (min-width: 100em) {
        .p-main-block__bg .p-main-block__bg-text {
            font-size: 8.125rem
        }
}

.p-main-block__bg .p-main-block__bg-text.-left {
    left: -0.1em
}

.p-main-block__bg .p-main-block__bg-text.-live {
    left: 0em
}

.p-main-block__bg .p-main-block__bg-text.-third {
    right: -0.11em
}

.p-main-block__bg .p-main-block__bg-text.-porthall {
    right: 0
}

.p-main-block__bg .p-main-block__bg-text.-number {
    font-size: 11.9vw
}

.p-main-block__bg .p-main-block__bg-text.-number.-left {
    left: -0.04em
}

.p-main-block__bg .p-main-block__bg-text.-number.-third {
    right: -0.1em
}

.p-main-block__bg-text.-seminar {
    right: 0em
}

.p-main-block__bg-text.-esports {
    right: -0.04em
}

.p-main-block.-feature {
    position: relative
}

@media print,
    screen and (min-width: 64em) {
        .p-main-block.-feature {
            padding-top: 128px;
            padding-bottom: 95px
        }
}

.p-main-block.-feature::after {
    display: none
}

.p-main-block.-feature .p-main-block__bg-text {
    right: -13px;
    bottom: -47px
}
@media print,
    screen and (min-width: 64em) {
        .p-main-block.-left .p-main-block__box .p-main-block__bg {
            width: 61vw;
            left: auto;
            right: 0
        }
}

@media screen and (min-width: 1900px) {
    .p-main-block.-left .p-main-block__box .p-main-block__bg {
        width: 42vw
    }
}

@media screen and (min-width: 2500px) {
    .p-main-block.-left .p-main-block__box .p-main-block__bg {
        width: 36vw
    }
}
@media print,
    screen and (min-width: 64em) {
        .p-main-block:nth-of-type(2n) {
            margin-top: 80px;
            margin-bottom: 80px
        }
}
@media print,
    screen and (min-width: 64em) {
        .p-main-block:last-of-type .p-main-block__box {
            margin-bottom: 50px
        }
}

@media print,
    screen and (min-width: 64em) {
        .p-main-block:last-of-type .p-main-block__box.-mb_100 {
            margin-bottom: 100px
        }
}

@media only screen and (max-width: 63.9375em) {
    .p-main-block__box {
        padding-top: 18px;
        padding-right: 4.6875%;
        padding-bottom: 0px
    }
}

@media only screen and (max-width: 47.9375em) {
    .p-main-block__box {
        padding-right: 0
    }
}

@media print,
    screen and (min-width: 64em) {
        .p-main-block__box {
            box-sizing: border-box;
            position: relative;
            z-index: 10;
            padding-top: 65px;
            padding-bottom: 65px;
            width: 72vw;
            min-height: 425px;
            height: auto
        }
}

@media print,
    screen and (min-width: 87.5em) {
        .p-main-block__box {
            min-height: 525px;
            height: auto
        }
}

.p-main-block__box.-black .p-main-block__title,
.p-main-block__box.-black .p-main-block__text {
    color: #1a1a1a
}

@media only screen and (max-width: 63.9375em) {

    .p-main-block__box.-sp_black .p-main-block__title,
    .p-main-block__box.-sp_black .p-main-block__text {
        color: #1a1a1a
    }
}
@media print,
    screen and (min-width: 64em) {
        .p-main-block.-left .p-main-block__box {
                width: 100%
        }
}
@media print, screen and (min-width: 64em) {
    .p-main-block__title {
        font-size: 1.75rem;
        margin-top: 12px;
        line-height: 1.5;
    }
}
.p-main-block__title {
    font-feature-settings: 'palt'1;
    letter-spacing: 0.01em;
    font-weight: bold;
}
@media print, screen and (min-width: 64em) {
    .p-main-block__title, .p-main-block__lead {
        padding-right: 40px;
        padding-left: 40px;
    }}
@media print, screen and (min-width: 64em) {
    .p-main-block__text {
        padding-right: 40px;
        padding-left: 40px;
        margin-top: 22px;
    }}
.p-main-block__text {
    font-size: 1rem;
    line-height: 1.625;
}
.picture_margin {
    margin-top: 24px;
}
.back_collar {
    background-color: #ebf1f2;
}
@media print, screen and (min-width: 48em) {
p.c-sentence.type1 {
    margin-top: 28px;
    }}
@media print, screen and (min-width: 64em) {
    .c-block__inner.type1 {
        padding-bottom: 76px;
    }}
@media only screen and (max-width: 63.9375em) {
    .c-block__inner.type1 {
        padding-bottom: 36px;
    }}
li.list1 {
    margin-top: 6px;
}
@media print, screen and (min-width: 48em) {
    li.list1 {
        margin-right: 60px;
    }}
@media only screen and (max-width: 47.9375em) {
.c-button.-w_250 {
    width: 100% !important;
    }}
@media only screen and (max-width: 47.9375em) {
    .c-sentence.type1 {
        margin-top: 24px;
    }
    .c-sentence.type2 {
        margin-top: 24px;
    }
    .c-sentence.type3 {
        margin-bottom: 24px;
    }
}
@media print, screen and (max-width: 63.9375em) {
    .c-section-1{
        margin-top: 60px !important;
}}