@charset "UTF-8";

/* ---------------------------------------------
*   l-breadcrumb
--------------------------------------------- */
.l-breadcrumb {
    margin: 50px auto 0;
    padding: 0 50px 80px;
}

@media screen and (max-width: 767px) {
    .l-breadcrumb {
        margin-top: 9.3333333333vw;
        max-width: 89.3333333333%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 21.8666666667vw;
    }
}

.l-breadcrumb--s {
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {
    .l-breadcrumb--s {
        padding-bottom: 4.8vw;
    }
}

.l-breadcrumb--bk {
    margin-top: 105px;
    background-color: #000;
}

@media screen and (max-width: 767px) {
    .l-breadcrumb--bk {
        margin-top: 14.9333333333vw;
    }
}

.l-breadcrumb__list {
    border-bottom: 1px solid #919191;
    padding-bottom: 13px;
}

@media screen and (max-width: 767px) {
    .l-breadcrumb__list {
        padding-bottom: 3.7333333333vw;
    }
}

.l-breadcrumb--bk .l-breadcrumb__list {
    border-bottom-color: #8F8F8F;
    color: #ccc;
}

.l-breadcrumb__item {
    display: inline;
    line-height: 1;
}

.l-breadcrumb__item:not(:first-of-type)::before {
    content: "";
    display: inline-block;
    margin: 0 15px -2px 20px;
    width: 5px;
    height: 10px;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_arrow_gray.svg) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 767px) {
    .l-breadcrumb__item:not(:first-of-type)::before {
        margin: 0 4vw -0.4vw 5.3333333333vw;
        width: 1.3333333333vw;
        height: 2.6666666667vw;
    }
}

.l-breadcrumb__txt {
    font-size: 0.75rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .l-breadcrumb__txt {
        padding: 0.5333333333vw 0;
        font-size: 3.2vw;
    }
}

@media screen and (min-width: 768px) {
    .l-breadcrumb__txt[href] {
        transition: opacity 300ms;
    }

    .l-breadcrumb__txt[href]:hover {
        opacity: 0.6;
    }
}

/*  l-breadcrumb-2
--------------------------------------------- */
/* .l-breadcrumb-2 {
    margin: 23px auto 0;
}
@media screen and (max-width: 767px) {
    .l-breadcrumb-2 {
        margin-top: 3.7333333333vw;
    }
}
.l-breadcrumb-2__list {
    white-space: nowrap;
}
@media screen and (max-width: 767px) {
    .l-breadcrumb-2__list {
        white-space: normal;
        line-height: 1.3;
    }
}
.l-breadcrumb-2__item {
    display: inline;
    line-height: 1;
}
.l-breadcrumb-2__item:not(:first-of-type)::before {
    content: "";
    display: inline-block;
    margin: 0 11px -2px 11px;
    width: 5px;
    height: 10px;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_arrow_gray.svg) 0 0 no-repeat;
    background-size: 100% auto;
}
@media screen and (max-width: 767px) {
    .l-breadcrumb-2__item:not(:first-of-type)::before {
        margin: 0 1.8666666667vw -0.5333333333vw 0.5333333333vw;
        width: 1.3333333333vw;
        height: 2.6666666667vw;
    }
}
.l-breadcrumb-2__txt {
    color: #999;
    font-size: 0.75rem;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .l-breadcrumb-2__txt {
        font-size: 2.6666666667vw;
    }
}
.l-breadcrumb-2__item.is-current .l-breadcrumb-2__txt {
    color: #000;
} */

/*  l-breadcrumb-2-arrow
--------------------------------------------- */
.l-breadcrumb-2-arrow {
    margin: 23px auto 0;
}

@media screen and (max-width: 767px) {
    .l-breadcrumb-2-arrow {
        margin-top: 3.7333333333vw;
    }
}

.l-breadcrumb-2-arrow__list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
}

.l-breadcrumb-2-arrow__item {
    display: flex;
    align-items: center;
    width: 150px;
    height: 28px;
    margin-right: -20px;
    padding-left: 30px;
    background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/breadcrumb/breadcrumb_bg_gray.svg);
}

.l-breadcrumb-2-arrow__item:nth-child(1) {
    z-index: 5;
}

.l-breadcrumb-2-arrow__item:nth-child(2) {
    z-index: 4;
}

.l-breadcrumb-2-arrow__item:nth-child(3) {
    z-index: 3;
}

.l-breadcrumb-2-arrow__item:nth-child(4) {
    z-index: 2;
}

.l-breadcrumb-2-arrow__item:nth-child(5) {
    z-index: 1;
}

.l-breadcrumb-2-arrow__item.is-current {
    background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/breadcrumb/breadcrumb_bg_black.svg);
    color: #fff;
}

.l-breadcrumb-2-arrow__txt {
    color: #231815;
    font-size: 0.75rem;
    line-height: 1;
}

.l-breadcrumb-2-arrow__item.is-current .l-breadcrumb-2-arrow__txt {
    color: #fff;
}

/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
.l-contents {
    padding-top: 60px;
}

@media screen and (max-width: 767px) {
    .l-contents {
        padding-top: 60px;
    }
}

.l-contents--top {
    overflow-x: hidden;
}

.l-contents--bk {
    background-color: #000;
}

/* ---------------------------------------------
*   l-footer
--------------------------------------------- */
@media screen and (max-width: 767px) {
    .l-footer {
        margin-top: -13.8666666667vw;
    }
}

.l-footer--bk {
    background-color: #000;
    margin-top: -1px;
}

@media screen and (max-width: 767px) {
    .l-footer--bk {
        margin-top: -13.8666666667vw;
    }
}

.l-footer__container {
    margin: 0 auto;
    padding: 0 50px;
}

@media screen and (max-width: 767px) {
    .l-footer__container {
        max-width: 89.3333333333%;
        padding-left: 0;
        padding-right: 0;
    }
}

/*  l-footer-pagetop
--------------------------------------------- */
.l-footer-pagetop {
    position: sticky;
    margin: 0 auto;
    bottom: 0;
    right: 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

@media screen and (max-width: 767px) {
    .l-footer-pagetop {
        position: static;
        max-width: 89.3333333333%;
    }
}

.l-footer-pagetop.is-show {
    opacity: 1;
    visibility: visible;
}

.l-footer-pagetop__link {
    position: absolute;
    bottom: 1rem;
    right: 50px;
    display: block;
    width: 50px;
    transition: opacity 300ms;
}

@media screen and (max-width: 767px) {
    .l-footer-pagetop__link {
        position: static;
        margin-left: auto;
        width: 9.6vw;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .l-footer-pagetop__link:hover {
        opacity: 0.8;
    }
}

.l-footer-pagetop.advantage-active {
    transform: translateX(-550px);
}

@media screen and (max-width: 767px) {
    .l-footer-pagetop.advantage-active {
        transform: none;
    }
}

/*  l-footer-upper
--------------------------------------------- */
.l-footer-upper {
    padding: 0 0 27px;
    border-bottom: 1px solid #919191;
}

@media screen and (max-width: 767px) {
    .l-footer-upper {
        padding-bottom: 8vw;
    }
}

.l-footer--bk .l-footer-upper {
    border-bottom-color: #8F8F8F;
}

.l-footer-upper__unit {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .l-footer-upper__unit {
        display: block;
    }
}

/*  l-footer-logo
--------------------------------------------- */
.l-footer-logo {
    width: 270px;
}

@media screen and (max-width: 767px) {
    .l-footer-logo {
        width: 51.7333333333vw;
    }
}

.l-footer-logo__link {
    display: block;
    transition: opacity 300ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .l-footer-logo__link:hover {
        opacity: 0.8;
    }
}

/*  l-footer-register
--------------------------------------------- */
.l-footer-register {
    margin-left: 67px;
}

@media screen and (max-width: 767px) {
    .l-footer-register {
        margin-top: 6.6666666667vw;
        margin-left: 0;
    }
}

.l-footer-register__head {
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .l-footer-register__head {
        font-size: 3.7333333333vw;
    }
}

.l-footer--bk .l-footer-register__head {
    color: #ccc;
}

.l-footer-register__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    padding: 12px 0;
    background-color: #F5F5F5;
    border-radius: 10px;
    transition: opacity 300ms;
}

@media screen and (max-width: 767px) {
    .l-footer-register__btn {
        margin-top: 1.8666666667vw;
        padding-top: 2.9333333333vw;
        padding-bottom: 2.9333333333vw;
        border-radius: 2.6666666667vw;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .l-footer-register__btn:hover {
        opacity: 0.8;
    }
}

.l-footer--bk .l-footer-register__btn {
    background-color: #333;
}

.l-footer-register__txt {
    padding-left: 22px;
    padding-right: 90px;
    font-size: 1rem;
    font-weight: bold;
    color: #231815;
}

@media screen and (max-width: 767px) {
    .l-footer-register__txt {
        padding-left: 5.8666666667vw;
        padding-right: 1em;
        font-size: 3.7333333333vw;
    }
}

.l-footer--bk .l-footer-register__txt {
    color: #ccc;
}

.l-footer-register__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    padding: 19px 0;
    border-left: 1px solid #231815;
}

@media screen and (max-width: 767px) {
    .l-footer-register__icon {
        width: 18.6666666667vw;
        padding-top: 3.2vw;
        padding-bottom: 3.2vw;
    }
}

.l-footer--bk .l-footer-register__icon {
    border-left-color: #ccc;
}

.l-footer-register__icon img {
    width: 20px;
}

@media screen and (max-width: 767px) {
    .l-footer-register__icon img {
        width: 5.8666666667vw;
    }
}

/*  l-footer-sns
--------------------------------------------- */
.l-footer-sns {
    margin-left: 20px;
}

@media screen and (max-width: 767px) {
    .l-footer-sns {
        margin-top: 5.3333333333vw;
        margin-left: 0;
    }
}

.l-footer-sns__head {
    font-size: 1rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .l-footer-sns__head {
        font-size: 3.7333333333vw;
    }
}

.l-footer--bk .l-footer-sns__head {
    color: #ccc;
}

.l-footer-sns__list {
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding: 12px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #F5F5F5;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .l-footer-sns__list {
        margin-top: 1.8666666667vw;
        padding-top: 2.6666666667vw;
        padding-bottom: 2.6666666667vw;
        border-radius: 2.6666666667vw;
    }
}

.l-footer--bk .l-footer-sns__list {
    background-color: #333;
}

.l-footer-sns__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 50px;
    border-right: 1px solid #231815;
}

.l-footer-sns__item:last-of-type {
    border-right: none;
}

@media screen and (max-width: 767px) {
    .l-footer-sns__item {
        width: 21.3333333333vw;
        height: 10.6666666667vw;
    }
}

.l-footer--bk .l-footer-sns__item {
    border-right-color: #ccc;
}

.l-footer-sns__link {
    display: block;
    width: 36px;
    transition: opacity 300ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .l-footer-sns__link:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width: 767px) {
    .l-footer-sns__link {
        width: 8vw;
    }
}

/*  l-footer-nav
--------------------------------------------- */
.l-footer-nav {
    margin-top: 35px;
}

@media screen and (max-width: 767px) {
    .l-footer-nav {
        margin-top: 6.6666666667vw;
    }
}

.l-footer-nav__list {
    display: flex;
    align-items: center;
    gap: 1em 30px;
}

@media screen and (max-width: 767px) {
    .l-footer-nav__list {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .l-footer-nav__item {
        margin-top: 4vw;
    }

    .l-footer-nav__item:first-of-type {
        margin-top: 0;
    }
}

.l-footer-nav__link {
    display: block;
    font-size: 0.75rem;
    font-weight: bold;
    color: #444;
}

@media screen and (min-width: 768px) {
    .l-footer-nav__link {
        transition: opacity 300ms;
    }

    .l-footer-nav__link:hover {
        opacity: 0.6;
    }
}

@media screen and (max-width: 767px) {
    .l-footer-nav__link {
        font-size: 2.6666666667vw;
    }
}

.l-footer--bk .l-footer-nav__link {
    color: #ccc;
}

/*  l-footer-lower
--------------------------------------------- */
.l-footer-lower {
    display: flex;
    align-items: center;
    padding: 30px 0;
}

@media screen and (max-width: 767px) {
    .l-footer-lower {
        display: block;
        padding-top: 2.6666666667vw;
        padding-bottom: 4vw;
    }
}

/*  l-footer-copyright
--------------------------------------------- */
.l-footer-copyright__txt {
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .l-footer-copyright__txt {
        font-size: 2.6666666667vw;
    }
}

.l-footer--bk .l-footer-copyright__txt {
    color: #ccc;
}

/*  l-footer-logo-list
--------------------------------------------- */
.l-footer-logo-list {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-left: 50px;
}

@media screen and (max-width: 767px) {
    .l-footer-logo-list {
        gap: 8vw;
        margin-top: 4vw;
        margin-left: 0;
    }
}

.l-footer-logo-list__link {
    display: block;
}

@media screen and (min-width: 768px) {
    .l-footer-logo-list__link {
        transition: opacity 300ms;
    }

    .l-footer-logo-list__link:hover {
        opacity: 0.6;
    }
}

.l-footer-logo-list__link--ntt {
    width: 130px;
}

@media screen and (max-width: 767px) {
    .l-footer-logo-list__link--ntt {
        width: 29.3333333333vw;
    }
}

.l-footer-logo-list__link--docomo {
    width: 86px;
}

@media screen and (max-width: 767px) {
    .l-footer-logo-list__link--docomo {
        width: 19.2vw;
    }
}

/*  l-footer-note
--------------------------------------------- */
.l-footer-note {
    margin-left: auto;
    font-size: 0.75rem;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .l-footer-note {
        margin-top: 4vw;
        font-size: 2.1333333333vw;
    }
}

.l-footer--bk .l-footer-note {
    color: #ccc;
}

/* ---------------------------------------------
*   l-global-nav
--------------------------------------------- */
.l-global-nav {
    display: none;
}

/* ---------------------------------------------
*   l-header
--------------------------------------------- */
.l-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    height: 60px;
    background-color: #fff;
    border-bottom: 1px solid #919191;
    transition: 0.3s;
}

@media screen and (min-width: 1281px) {
    .l-header {
        min-width: 1280px;
    }
}

@media screen and (max-width: 1280px) {
    .l-header {
        height: 60px;
    }
}

.l-header--login {
    transform: none !important;
    background-color: #fff !important;
}

.l-header--bk {
    background-color: #000;
    border-bottom-color: #8F8F8F;
}

.l-header.is-scroll {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.7);
}

.l-header--bk.is-scroll {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(0, 0, 0, 0.7);
}

.l-header__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 10px 0;
    height: 100%;
}

@media screen and (max-width: 1280px) {
    .l-header__container {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.l-header--s .l-header__container {
    justify-content: center;
}

.l-header__logo {
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 24px;
    padding-right: 28px;
    border-right: 1px solid #919191;
}

@media screen and (max-width: 1280px) {
    .l-header__logo {
        height: auto;
        padding: 0;
        border-right: none;
    }
}

.l-header--s .l-header__logo {
    border-right: none;
}

.l-header--bk .l-header__logo {
    border-right-color: #8F8F8F;
}

.l-header__logo-link {
    display: block;
    width: 101px;
}

@media screen and (max-width: 1280px) {
    .l-header__logo-link {
        width: 97px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1281px) {
    .l-header__logo-link {
        transition: opacity 300ms;
    }

    .l-header__logo-link:hover {
        opacity: 0.6;
    }
}

/*  l-header-menu
--------------------------------------------- */
.l-header-menu {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
    padding-left: 28px;
    padding-right: 18px;
}

@media screen and (max-width: 1280px) {
    .l-header-menu {
        display: block;
        position: fixed;
        top: 60px;
        left: -100%;
        transform: translateX(0);
        width: 100%;
        padding: 30px;
        height: calc(100% - 60px);
        overflow-y: auto;
        background-color: #fff;
        visibility: hidden;
        transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .is-menu-opened .l-header-menu {
        transform: translateX(100%);
        visibility: visible;
    }

    .l-header--bk .l-header-menu {
        background-color: #000;
    }
}

.l-header-menu__main {
    width: 100%;
}

.l-header-menu__search {
    margin-left: 26px;
}

@media screen and (max-width: 1280px) {
    .l-header-menu__search {
        margin-left: auto;
        margin-right: auto;
    }
}

/*  l-header-nav
--------------------------------------------- */
.l-header-nav {
    width: 100%;
}

@media screen and (max-width: 1280px) {
    .l-header-nav {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

.l-header-nav__list {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1280px) {
    .l-header-nav__list {
        display: block;
    }
}

.l-header-nav__item {
    position: relative;
    line-height: 1.3;
}

@media screen and (max-width: 1280px) {
    .l-header-nav__item {
        margin-top: 15px;
        line-height: 1.5;
    }

    .l-header-nav__item:first-of-type {
        margin-top: 0;
    }
}

@media screen and (min-width: 1281px) {
    .l-header-nav__item.js-menu-scope {
        height: 43px;
        margin-bottom: -6px;
    }
}

.l-header-nav__link {
    position: relative;
    padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 8px;
    padding-left: 5px;
    display: block;
    z-index: 1;
    transition: color 0.3s;
    overflow: hidden;
}

@media screen and (max-width: 1280px) {
    .l-header-nav__link {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0;
    }

    .android .l-header-nav__link {
        padding-top: 3px;
        padding-bottom: 3px;
    }
}

.l-header--bk .l-header-nav__link {
    color: #fff;
}

@media (hover: hover) and (pointer: fine) and (min-width: 1281px) {
    .l-header-nav__link.js-menu-trigger:hover .l-header-nav__main-txt {
        color: #fff;
    }

    .l-header--bk .l-header-nav__link.js-menu-trigger:hover .l-header-nav__main-txt {
        color: #000;
    }
}

.l-header-nav__link.js-menu-trigger.is-opened {
    color: #fff;
}

.l-header--bk .l-header-nav__link.js-menu-trigger.is-opened {
    color: #000;
}

@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
    .l-header-nav__link.js-menu-trigger.is-opened::before {
        transform: scaleX(1);
    }
}

.l-header-nav__link::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #231815;
    transform: scaleX(0);
    transition: transform 0.3s;
    transform-origin: center left;
    z-index: -1;
}

.l-header--bk .l-header-nav__link::before {
    background-color: #dce7ea;
}

@media (hover: hover) and (pointer: fine) and (min-width: 1281px) {
    .l-header-nav__link:hover {
        color: #fff;
    }

    .l-header--bk .l-header-nav__link:hover {
        color: #000;
    }

    .l-header-nav__link:hover::before {
        transform: scaleX(1);
    }
}

.l-header-nav__main-txt {
    display: block;
    font-size: 1rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 1280px) {
    .l-header-nav__main-txt {
        font-size: 20px;
    }

    .android .l-header-nav__main-txt {
        font-size: 16px;
    }
}

@media screen and (max-width: 1280px) {
    .l-header-nav__main-txt span {
        display: inline-block;
        opacity: 0;
        transform: translateY(50%);
        transition: 1.2s cubic-bezier(0.7, 0.2, 0.1, 1);
    }

    .is-menu-opened .l-header-nav__main-txt span {
        opacity: 1;
        transform: translateY(0);
    }
}

.l-header-nav__inner {
    display: none;
    position: absolute;
    top: 41px;
    left: 0;
    width: 160px;
    padding: 18px 5px;
    background-color: #231815;
    border-radius: 5px;
    z-index: 2;
}

@media screen and (max-width: 1280px) {
    .l-header-nav__inner {
        display: block !important;
        position: static;
        background-color: transparent;
        border-radius: 0;
        padding: 0;
        width: auto;
    }
}

.l-header--bk .l-header-nav__inner {
    background-color: #dce7ea;
}

@media screen and (max-width: 1280px) {
    .l-header--bk .l-header-nav__inner {
        background-color: transparent;
    }
}

.l-header-nav__inner-main-txt {
    display: block;
    font-size: 0.9375rem;
    font-family: "Inter", sans-serif;
}

.l-header-nav__inner-sub-txt {
    display: block;
    margin-top: 2px;
    font-size: 0.6875rem;
    font-weight: bold;
}

.l-header-nav__inner-item {
    position: relative;
    margin-top: 15px;
    margin-left: 10px;
    padding-left: 20px;
}

@media screen and (max-width: 1280px) {
    .l-header-nav__inner-item {
        margin-top: 4px;
        margin-left: 0;
    }
}

.l-header-nav__inner-item:first-of-type {
    margin-top: 0;
}

@media screen and (max-width: 1280px) {
    .l-header-nav__inner-item:first-of-type {
        margin-top: 10px;
    }
}

.l-header-nav__inner-item::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 14px;
    height: 1px;
    background-color: #fff;
}

.l-header--bk .l-header-nav__inner-item::before {
    background-color: #000;
}

@media screen and (max-width: 1280px) {
    .l-header-nav__inner-item::before {
        width: 15px;
        background-color: #000;
    }

    .l-header--bk .l-header-nav__inner-item::before {
        background-color: #fff;
    }
}

.l-header-nav__inner-link {
    display: block;
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
    color: #fff;
}

@media screen and (min-width: 1281px) and (hover: hover) and (pointer: fine) {
    .l-header-nav__inner-link {
        transition: opacity 300ms;
    }

    .l-header-nav__inner-link:hover {
        opacity: 0.6;
    }
}

@media screen and (max-width: 1280px) {
    .l-header-nav__inner-link {
        font-size: 18px;
        color: #000;
    }

    .l-header--bk .l-header-nav__inner-link {
        color: #fff;
    }

    .android .l-header-nav__inner-link {
        font-size: 14px;
    }
}

.l-header--bk .l-header-nav__inner-link {
    color: #000;
}

@media screen and (max-width: 1280px) {
    .l-header--bk .l-header-nav__inner-link {
        color: #fff;
    }
}

@media screen and (max-width: 1280px) {
    .l-header-nav__inner-link span {
        display: inline-block;
        opacity: 0;
        transform: translateY(50%);
        transition: 1.2s cubic-bezier(0.7, 0.2, 0.1, 1);
    }

    .is-menu-opened .l-header-nav__inner-link span {
        opacity: 1;
        transform: translateY(0);
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(1),
    .l-header-nav__inner-link span:nth-of-type(1) {
        transition-delay: 0.27s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(2),
    .l-header-nav__inner-link span:nth-of-type(2) {
        transition-delay: 0.29s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(3),
    .l-header-nav__inner-link span:nth-of-type(3) {
        transition-delay: 0.31s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(4),
    .l-header-nav__inner-link span:nth-of-type(4) {
        transition-delay: 0.33s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(5),
    .l-header-nav__inner-link span:nth-of-type(5) {
        transition-delay: 0.35s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(6),
    .l-header-nav__inner-link span:nth-of-type(6) {
        transition-delay: 0.37s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(7),
    .l-header-nav__inner-link span:nth-of-type(7) {
        transition-delay: 0.39s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(8),
    .l-header-nav__inner-link span:nth-of-type(8) {
        transition-delay: 0.41s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(9),
    .l-header-nav__inner-link span:nth-of-type(9) {
        transition-delay: 0.43s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(10),
    .l-header-nav__inner-link span:nth-of-type(10) {
        transition-delay: 0.45s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(11),
    .l-header-nav__inner-link span:nth-of-type(11) {
        transition-delay: 0.47s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(12),
    .l-header-nav__inner-link span:nth-of-type(12) {
        transition-delay: 0.49s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(13),
    .l-header-nav__inner-link span:nth-of-type(13) {
        transition-delay: 0.51s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(14),
    .l-header-nav__inner-link span:nth-of-type(14) {
        transition-delay: 0.53s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(15),
    .l-header-nav__inner-link span:nth-of-type(15) {
        transition-delay: 0.55s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(16),
    .l-header-nav__inner-link span:nth-of-type(16) {
        transition-delay: 0.57s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(17),
    .l-header-nav__inner-link span:nth-of-type(17) {
        transition-delay: 0.59s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(18),
    .l-header-nav__inner-link span:nth-of-type(18) {
        transition-delay: 0.61s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(19),
    .l-header-nav__inner-link span:nth-of-type(19) {
        transition-delay: 0.63s;
    }
}

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

    .l-header-nav__main-txt span:nth-of-type(20),
    .l-header-nav__inner-link span:nth-of-type(20) {
        transition-delay: 0.65s;
    }
}

/*  l-header-nav-sub
--------------------------------------------- */
.l-header-nav-sub {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 35px;
    padding-bottom: 35px;
}

@media screen and (min-width: 1281px) {
    .l-header-nav-sub {
        display: none;
    }
}

.l-header--bk .l-header-nav-sub {
    border-top-color: #fff;
    border-bottom-color: #fff;
    color: #fff;
}

.l-header-nav-sub__item {
    margin-top: 20px;
}

.l-header-nav-sub__item:first-of-type {
    margin-top: 0;
}

.l-header-nav-sub__link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    font-size: 12px;
    font-weight: bold;
}

/*  l-header-sns
--------------------------------------------- */
.l-header-sns {
    padding-top: 25px;
}

@media screen and (min-width: 1281px) {
    .l-header-sns {
        display: none;
    }
}

.l-header-sns__head {
    font-size: 16px;
    font-weight: bold;
}

.l-header--bk .l-header-sns__head {
    color: #fff;
}

.l-header-sns__list {
    display: flex;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 10px;
    padding: 12px 0;
    border-radius: 10px;
    background-color: #F5F5F5;
}

.l-header--bk .l-header-sns__list {
    background-color: #333;
}

.l-header-sns__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 50px;
    border-right: 1px solid #231815;
}

.l-header-sns__item:last-of-type {
    border-right: none;
}

.l-header--bk .l-header-sns__item {
    border-right-color: #ccc;
}

.l-header-sns__link {
    width: 36px;
}

/*  l-header-search
--------------------------------------------- */
.l-header-search {
    position: relative;
    width: 245px;
    height: 38px;
}

@media screen and (max-width: 1280px) {
    .l-header-search {
        width: 100%;
        height: auto;
    }
}

.l-header-search__form {
    width: 100%;
    height: 100%;
}

.l-header-search__input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 7px 35px 7px 12px;
    font-size: 0.75rem;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 10px;
    line-height: normal;
    background-color: #fff;
}

@media screen and (max-width: 1280px) {
    .l-header-search__input {
        font-size: 12px;
    }
}

.l-header-search__input::-moz-placeholder {
    color: #999;
    font-family: inherit;
    line-height: normal;
}

.l-header-search__input::placeholder {
    color: #999;
    font-family: inherit;
    line-height: normal;
}

.l-header-search__input::-moz-placeholder {
    opacity: 1;
}

@media screen and (min-width: 1281px) {
    .l-header-search__input:focus {
        border-width: 3px;
        border-color: #5084F2;
    }
}

.iphone .l-header-search__input,
.ipad .l-header-search__input {
    padding-top: 7px;
    padding-bottom: 10px;
}

.l-header-search__btn {
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 18px;
}

.l-header-search__btn img {
    display: block;
}

/*  l-header-login
--------------------------------------------- */
.l-header-login {
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 18px;
    padding-right: 20px;
    border-left: 1px solid #919191;
    flex-shrink: 0;
}

@media screen and (max-width: 1280px) {
    .l-header-login {
        height: auto;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 18px;
        padding-left: 18px;
    }
}

.l-header--bk .l-header-login {
    border-left-color: #8F8F8F;
}

.l-header-login__icon {
    width: 24px;
    margin-right: 6px;
}

@media screen and (max-width: 1280px) {
    .l-header-login__icon {
        width: 24px;
        margin-right: 0;
    }
}

.l-header-login__txt {
    display: block;
    font-size: 0.75rem;
    font-weight: bold;
    text-decoration: underline;
}

@media screen and (max-width: 1280px) {
    .l-header-login__txt {
        display: none;
    }
}

@media screen and (min-width: 1281px) {
    .l-header-login:hover .l-header-login__txt {
        text-decoration: none;
    }
}

.l-header--bk .l-header-login__txt {
    color: #fff;
}

/*  l-header-menu-button
--------------------------------------------- */
.l-header-menu-button {
    position: relative;
    display: block;
    padding: 24px 20px;
    border: 0;
    border-radius: 0;
    background: none;
    margin: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    border-right: 1px solid #919191;
}

@media screen and (min-width: 1281px) {
    .l-header-menu-button {
        display: none;
    }
}

.l-header--bk .l-header-menu-button {
    border-right-color: #8F8F8F;
}

.l-header-menu-button__lines {
    position: relative;
    display: block;
    width: 24px;
    height: 12px;
}

.l-header-menu-button__line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 2px;
    background-color: #231815;
    transition: 500ms;
}

.l-header--bk .l-header-menu-button__line {
    background-color: #dce7ea;
}

.l-header-menu-button__line--top {
    top: 0;
}

.is-menu-opened .l-header-menu-button__line--top {
    top: 50%;
    transform: translateY(-50%) rotate(30deg);
}

.l-header-menu-button__line--bottom {
    bottom: 0;
}

.is-menu-opened .l-header-menu-button__line--bottom {
    bottom: 50%;
    transform: translateY(50%) rotate(-30deg);
}

/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
.l-wrapper {
    position: relative;
}

/* ---------------------------------------------
*   c-block-1
--------------------------------------------- */
.c-block-1__container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 60px 10px;
}

@media screen and (max-width: 767px) {
    .c-block-1__container {
        max-width: 92%;
        padding-top: 8vw;
        padding-bottom: 8vw;
        padding-left: 0;
        padding-right: 0;
    }
}

/*  c-block-2
--------------------------------------------- */
.c-block-2 {
    max-width: 1360px;
    margin: 20px auto 0;
    transition: opacity 0.3s;
}

@media screen and (max-width: 767px) {
    .c-block-2 {
        max-width: 96.5333333333%;
        margin-top: 3.7333333333vw;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-block-2.is-hide {
    opacity: 0;
}

.c-block-2__grid {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.c-block-2__item {
    display: block;
    position: absolute;
    width: 23.5294117647%;
    margin: 19px 0.7352941176%;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .c-block-2__item {
        width: 45.5801104972%;
        margin: 2.6666666667vw 2.2099447514%;
    }
}

.c-block-2__item.muuri-item-dragging {
    z-index: 3;
}

.c-block-2__item.muuri-item-releasing {
    z-index: 2;
}

.c-block-2__item.muuri-item-hidden {
    z-index: 0;
}

.c-block-2__item-content {
    position: relative;
    width: 100%;
    height: 100%;
}

/*  c-block-3
--------------------------------------------- */
.c-block-3 {
    margin-top: 60px;
    background-color: #231815;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-block-3 {
        margin-top: 2.6666666667vw;
        border-radius: 2.6666666667vw;
    }
}

.c-block-3__content {
    position: relative;
    display: flex;
    height: 54px;
    padding: 15px 20px 15px 30px;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 767px) {
    .c-block-3__content {
        height: 10.4vw;
        padding: 2.6666666667vw 4.9333333333vw 2.6666666667vw 3.2vw;
    }
}

.c-block-3__inner {
    margin-right: 30px;
    flex-shrink: 0;
}

.c-block-3__txt-wrap {
    display: inline-block;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 767px) {
    .c-block-3__txt-wrap {
        border-radius: 2.6666666667vw;
    }
}

.c-block-3__txt {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 12px;
    color: #fff;
    font-weight: bold;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-block-3__txt {
        padding: 0.6666666667vw 3.2vw;
        font-size: 2.6666666667vw;
    }
}

.c-block-3__btn-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 7px;
    width: 39px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-block-3__btn-wrap {
        margin-bottom: 1.3333333333vw;
        width: 7.7333333333vw;
    }
}

.c-block-3__btn {
    display: flex;
    align-items: flex-end;
    height: 100%;
    cursor: pointer;
    font-size: 0;
}

.c-block-3__btn-img {
    display: block;
    width: 18px;
    transition: transform 0.3s;
}

.is-open .c-block-3__btn-img {
    transform: scale(1, -1);
}

@media screen and (max-width: 767px) {
    .c-block-3__btn-img {
        width: 3.4666666667vw;
    }
}

/*  c-block-4
--------------------------------------------- */
.c-block-4 {
    width: 100%;
}

.c-block-4__body {
    margin-top: 24px;
}

@media screen and (max-width: 767px) {
    .c-block-4__body {
        margin-top: 6.1333333333vw;
    }
}

.c-block-4--following .c-block-4__container {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.c-block-4--following .c-block-4__container::-webkit-scrollbar {
    display: none;
}

@media screen and (max-width: 767px) {
    .c-block-4--following .c-block-4__container {
        max-height: none;
        overflow-y: visible;
    }
}

.c-block-4--following {
    position: sticky;
    top: 60px;
}

@media screen and (max-width: 767px) {
    .c-block-4--following {
        position: static;
    }
}

/*  c-block-5
--------------------------------------------- */
.c-block-5__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 6.4179104478%;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/player/bg_01.png) 0 0 no-repeat;
    background-size: 100% auto;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-block-5__container {
        display: block;
        padding: 5.0666666667vw 2.6666666667vw;
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/player/sp/bg_01.png);
        border-radius: 2.6666666667vw;
    }
}

.c-block-5__img {
    margin-top: 20px;
    width: 11.9863013699%;
}

@media screen and (max-width: 767px) {
    .c-block-5__img {
        margin: 3.4666666667vw auto;
        width: 19.2vw;
    }
}

/*  c-block-6
--------------------------------------------- */
.c-block-6 {
    padding-top: 60px;
    margin-top: -60px;
}

.c-block-6__body {
    margin-top: 22px;
}

@media screen and (max-width: 767px) {
    .c-block-6__body {
        margin-top: 7.2vw;
    }
}

/*  c-block-7
--------------------------------------------- */
.c-block-7 {
    margin-top: 55px;
}

@media screen and (max-width: 767px) {
    .c-block-7 {
        margin-top: 12.2666666667vw;
    }
}

/*  c-block-8
--------------------------------------------- */
.c-block-8__img img {
    border-radius: 10px;
}

/*  c-block-9
--------------------------------------------- */
.c-block-9--s {
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-block-9--s {
        padding: 0;
    }
}

/*  c-block-10
--------------------------------------------- */
.c-block-10 {
    background-color: #fff;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-block-10 {
        border-radius: 2.6666666667vw;
    }
}

.c-block-10__container {
    padding: 12px 30px 18px;
}

@media screen and (max-width: 767px) {
    .c-block-10__container {
        padding: 7.2vw 3.2vw 7.4666666667vw;
    }
}

.c-block-10__box {
    margin-left: 10px;
    display: flex;
}

@media screen and (max-width: 767px) {
    .c-block-10__box {
        margin-left: 0;
        align-items: baseline;
    }
}

.c-block-10__date {
    margin-right: 37px;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-block-10__date {
        margin-right: 5.3333333333vw;
        font-size: 4.2666666667vw;
    }
}

.c-block-10__date--2 {
    margin-right: 24px;
}

@media screen and (max-width: 767px) {
    .c-block-10__date--2 {
        margin-right: 4.2666666667vw;
    }
}

.c-block-10__txt {
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-block-10__txt {
        font-size: 3.7333333333vw;
    }
}

.c-block-10__body {
    margin-top: 11px;
}

@media screen and (max-width: 767px) {
    .c-block-10__body {
        margin-top: 4.8vw;
    }
}

/*  c-block-11
--------------------------------------------- */
.c-block-11 {
    padding: 34px 39px 60px;
    border-radius: 10px 10px 0 0;
}

@media screen and (max-width: 767px) {
    .c-block-11 {
        padding: 9.3333333333vw 4vw 8.5333333333vw;
        border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    }
}

.c-block-11+.c-block-11 {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .c-block-11+.c-block-11 {
        margin-top: 1.3333333333vw;
    }
}

.c-block-11--under {
    border-radius: 0 0 10px 10px;
}

@media screen and (max-width: 767px) {
    .c-block-11--under {
        border-radius: 0 0 2.6666666667vw 2.6666666667vw;
    }
}

.c-block-11__container {
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/bg_02.png) center -36px no-repeat;
    background-size: 1340px auto;
}

@media screen and (max-width: 767px) {
    .c-block-11__container {
        background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/sp/bg_02.png) center 4.8vw no-repeat;
        background-size: 100% auto;
    }
}

.c-block-11--under .c-block-11__container {
    background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/bg_03.png);
}

@media screen and (max-width: 767px) {
    .c-block-11--under .c-block-11__container {
        background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/sp/bg_03.png) center 4.8vw no-repeat;
        background-size: 100% auto;
    }
}

.c-block-11__ttl {
    font-size: 2.25rem;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-block-11__ttl {
        font-size: 7.4666666667vw;
    }
}

.c-block-11__txt {
    padding-top: 305px;
    width: 590px;
    font-weight: bold;
    font-size: 1.125rem;
    letter-spacing: -0.02em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .c-block-11__txt {
        padding-top: 34.9333333333vw;
        width: 100%;
        font-size: 3.7333333333vw;
    }
}

.c-block-11__cap {
    margin-top: 32px;
    font-size: 1.25rem;
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-block-11__cap {
        margin-top: 6.6666666667vw;
        font-size: 4.2666666667vw;
    }
}

/*  c-block-12
--------------------------------------------- */
.c-block-12 {
    background-color: #F3F3F3;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-block-12 {
        border-radius: 2.6666666667vw;
    }
}

.c-block-12__container {
    padding: 64px 37px 96px;
}

@media screen and (max-width: 767px) {
    .c-block-12__container {
        padding: 8.2666666667vw 3.7333333333vw 7.2vw;
    }
}

.c-block-12__ttl {
    font-size: 4.5rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-block-12__ttl {
        font-size: 7.4666666667vw;
    }
}

.c-block-12__txt {
    margin-top: 15px;
    font-weight: bold;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .c-block-12__txt {
        margin-top: 4vw;
        font-size: 3.7333333333vw;
    }
}

.c-block-12__body {
    margin-top: 25px;
}

@media screen and (max-width: 767px) {
    .c-block-12__body {
        margin-top: 1.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-border
--------------------------------------------- */
.c-border-1 {
    max-width: 1340px;
    width: 98.5294117647%;
    margin: 0 auto;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-border-1 {
        max-width: 92%;
    }
}

.c-border-2 {
    margin: 40px auto;
    display: block;
    border-top: 6px solid #000;
}

@media screen and (max-width: 767px) {
    .c-border-2 {
        margin: 5.8666666667vw auto;
        max-width: 84%;
        border-top-width: 0.8vw;
    }
}

/* ---------------------------------------------
*   c-box-1
--------------------------------------------- */
.c-box-1 {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 34px;
    height: 72px;
    padding: 15px 30px;
    font-size: 1.125rem;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    background-color: #231815;
}

@media screen and (max-width: 767px) {
    .c-box-1 {
        margin-top: 8vw;
        height: 11.7333333333vw;
        padding: 3.4666666667vw 2.6666666667vw;
        font-size: 3.2vw;
        border-radius: 2.6666666667vw;
    }
}

.c-box-1::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    opacity: 0.3;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-box-1::before {
        border-radius: 2.6666666667vw;
    }
}

.c-box-1__head {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    padding-right: 30px;
    border-right: 1px solid #fff;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-box-1__head {
        padding-right: 2.6666666667vw;
    }
}

.c-box-1__txt {
    position: relative;
    margin-right: 30px;
    padding-left: 30px;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: 0.03em;
}

@media screen and (max-width: 767px) {
    .c-box-1__txt {
        margin-right: 4vw;
        padding-left: 2.6666666667vw;
    }
}

.c-box-1__txt-inner {
    display: block;
    position: relative;
    width: 100%;
}

/*  c-box-2
--------------------------------------------- */
.c-box-2 {
    display: block;
}

.c-box-2__link {
    display: block;
    transition: opacity 300ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-box-2__link:hover {
        opacity: 0.8;
    }
}

.c-box-2__link img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-box-2__link img {
        border-radius: 2.6666666667vw;
    }
}

/*  c-box-3
--------------------------------------------- */
.c-box-3 {
    display: block;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .c-box-3 {
        margin-top: 2.6666666667vw;
    }
}

.c-box-3__link {
    display: block;
    transition: opacity 300ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-box-3__link:hover {
        opacity: 0.8;
    }
}

.c-box-3__link img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-box-3__link img {
        border-radius: 2.6666666667vw;
    }
}

/*  c-box-6
--------------------------------------------- */
.c-box-6 {
    position: relative;
    border-radius: 10px;
    background-color: #231815;
}

@media screen and (max-width: 767px) {
    .c-box-6 {
        border-radius: 2.6666666667vw;
    }
}

.c-box-6::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    opacity: 0.3;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-box-6::before {
        border-radius: 2.6666666667vw;
    }
}

.c-box-6__container {
    position: relative;
    padding: 30px 6.5625% 30px 5.625%;
}

@media screen and (max-width: 767px) {
    .c-box-6__container {
        padding: 5.8666666667vw 3.7333333333vw 7.4666666667vw 4.5333333333vw;
    }
}

.c-box-6__cap {
    margin-top: -6px;
    margin-bottom: 25px;
    font-weight: bold;
    font-size: 1.5rem;
    color: #fff;
}

.c-box-6__content {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

@media screen and (max-width: 767px) {
    .c-box-6__content {
        padding-top: 2.1333333333vw;
    }
}

.c-box-6__content:first-of-type {
    padding-top: 0;
}

.c-box-6__link {
    position: relative;
    display: block;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-box-6__link {
        transition: opacity 300ms;
    }

    .c-box-6__link:hover {
        opacity: 0.6;
    }
}

.c-box-6__num {
    margin-right: 3.5587188612%;
    font-size: 1rem;
    font-family: "Inter", sans-serif;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .c-box-6__num {
        margin-right: 1.8666666667vw;
        font-size: 3.2vw;
    }
}

.c-box-6__num--red {
    color: #FF0000;
}

.c-box-6__desc {
    padding-bottom: 18px;
    width: 88.256227758%;
    border-bottom: 1px solid #fff;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-box-6__desc {
        padding-bottom: 2.6666666667vw;
        width: 77.3333333333vw;
    }
}

.c-box-6__date {
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
    color: #CBCBCB;
}

@media screen and (max-width: 767px) {
    .c-box-6__date {
        font-size: 2.6666666667vw;
    }
}

.c-box-6__ttl {
    margin-top: 9px;
    font-weight: bold;
    font-size: 1rem;
    color: #fff;
    line-height: 1.4;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-box-6__ttl {
        margin-top: 1.6vw;
        font-size: 3.2vw;
    }
}

/*  c-box-7
--------------------------------------------- */
.c-box-7 {
    position: relative;
    width: 41.095890411%;
    height: 270px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    z-index: 1;
    cursor: pointer;
}

.ipad .c-box-7 {
    height: auto;
}

@media screen and (max-width: 767px) {
    .c-box-7 {
        width: 100%;
        height: 46.6666666667vw;
        border-radius: 2.6666666667vw;
    }

    .windows .c-box-7 {
        height: 45.3333333333vw;
    }
}

.c-box-7::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: -1;
}

.c-box-7--catalyst::before {
    background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/player/img_border_01.png);
}

@media screen and (max-width: 767px) {
    .c-box-7--catalyst::before {
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/player/sp/img_border_01.png);
    }
}

.c-box-7--partner::before {
    background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/player/img_border_02.png);
}

@media screen and (max-width: 767px) {
    .c-box-7--partner::before {
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/player/sp/img_border_02.png);
    }
}

.c-box-7.is-current {
    background-color: #fff;
}

.c-box-7__ttl {
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 8px;
    width: 83.3333333333%;
    font-weight: 600;
    font-size: 2.4rem;
    font-family: "Inter", sans-serif;
    border-bottom: 1px solid #231815;
    letter-spacing: 0.12em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-box-7__ttl {
        padding: 2.6666666667vw 0 0;
        width: 78.6666666667vw;
        font-size: 6.4vw;
        line-height: 1.4;
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .c-box-7__inner {
        display: flex;
        align-items: center;
        margin-top: 2.6666666667vw;
        padding: 0 4vw;
    }
}

.c-box-7__txt {
    margin-top: 24px;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-box-7__txt {
        margin-top: 0;
        font-size: 3.7333333333vw;
        line-height: 1.28;
        text-align: left;
        letter-spacing: -0.02em;
    }

    .windows .c-box-7__txt {
        font-size: 3.4666666667vw;
    }
}

.c-box-7__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px auto 39.8px;
    width: 46.4583333333%;
    height: 48px;
    border: 1px solid #231815;
    background-color: #fff;
    border-radius: 10px;
    color: #231815;
    font-weight: bold;
    font-size: 0.875rem;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    transition: opacity 300ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-box-7:hover .c-box-7__btn {
        opacity: 0.8;
    }
}

@media screen and (max-width: 767px) {
    .c-box-7__btn {
        margin-top: 2.6666666667vw;
        margin-bottom: 0;
        width: 79.2vw;
        height: 9.6vw;
        border-radius: 2.6666666667vw;
        font-size: 3.2vw;
        box-shadow: none;
    }
}

.is-current .c-box-7__btn {
    background-color: #231815;
    color: #fff;
}

.ipad .c-box-7__btn {
    margin-bottom: 18px;
}

/*  c-box-8
--------------------------------------------- */
.c-box-8__content {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
}

@media screen and (max-width: 767px) {
    .c-box-8__content {
        padding-top: 2.1333333333vw;
    }
}

.c-box-8__content:first-of-type {
    padding-top: 26px;
}

@media screen and (max-width: 767px) {
    .c-box-8__content:first-of-type {
        padding-top: 2.1333333333vw;
    }
}

.c-box-8__link {
    position: relative;
    display: block;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-box-8__link {
        transition: opacity 300ms;
    }

    .c-box-8__link:hover {
        opacity: 0.6;
    }
}

.c-box-8__num {
    margin-top: -3px;
    margin-right: 3.125%;
    font-weight: 500;
    font-size: 1rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-box-8__num {
        margin-top: 0;
        margin-right: 1.8666666667vw;
        font-size: 3.7333333333vw;
    }
}

.c-box-8__num--red {
    color: #FF0000;
}

.c-box-8__desc {
    padding-bottom: 18px;
    width: 90.625%;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-box-8__desc {
        padding-bottom: 2.9333333333vw;
        width: 77.3333333333vw;
    }
}

.c-box-8__date {
    font-weight: 500;
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
    color: #666;
}

@media screen and (max-width: 767px) {
    .c-box-8__date {
        font-size: 2.6666666667vw;
    }
}

.c-box-8__ttl {
    margin-top: 11px;
    font-weight: bold;
    font-size: 0.875rem;
    line-height: 1.4;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-box-8__ttl {
        margin-top: 1.6vw;
        font-size: 3.2vw;
    }
}

/*  c-box-9
--------------------------------------------- */
.c-box-9-wrap {
    margin-top: 88px;
}

@media screen and (max-width: 767px) {
    .c-box-9-wrap {
        margin: 11.2vw auto 0;
        max-width: 84%;
    }
}

.c-box-9-cap {
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-box-9-cap {
        font-size: 3.2vw;
    }
}

.c-box-9 {
    margin-top: 24px;
    padding: 28px 22px;
    border: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-box-9 {
        margin-top: 2.4vw;
        padding: 2.6666666667vw 3.4666666667vw;
    }
}

.c-box-9__txt {
    margin-top: 6px;
    font-weight: bold;
    font-size: 1.125rem;
}

.c-box-9__txt:first-of-type {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .c-box-9__txt {
        margin-top: 3.7333333333vw;
        font-size: 3.2vw;
        line-height: 1.4;
    }
}

/*  c-box-10
--------------------------------------------- */
.c-box-10 {
    margin-top: 80px;
    padding: 38px 24px;
    border-radius: 10px;
    background-color: #F5F5F5;
}

@media screen and (max-width: 767px) {
    .c-box-10 {
        margin: 13.8666666667vw auto 0;
        padding: 10.6666666667vw 4vw 10.1333333333vw;
        max-width: 84%;
        border-radius: 2.6666666667vw;
    }
}

.c-box-10--s {
    padding-top: 29px;
    padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .c-box-10--s {
        padding-top: 6.9333333333vw;
        padding-bottom: 6.9333333333vw;
    }
}

.c-box-10__txt {
    margin-top: 18px;
    font-size: 0.875rem;
    text-align: center;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-box-10__txt {
        margin-top: 3.7333333333vw;
        font-size: 3.2vw;
    }
}

.c-box-10__txt-link {
    font-weight: bold;
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
    .c-box-10__txt-link:hover {
        text-decoration: none;
    }
}

.c-box-10__ttl {
    font-weight: bold;
    font-size: 1.125rem;
    text-align: center;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-box-10__ttl {
        font-size: 3.7333333333vw;
    }
}

/*  c-box-11
--------------------------------------------- */
.c-box-11-wrap {
    margin-top: 98px;
}

@media screen and (max-width: 767px) {
    .c-box-11-wrap {
        margin: 12vw auto 0;
        max-width: 84%;
    }
}

.c-box-11-wrap--journal {
    margin: 40px auto;
}

@media screen and (max-width: 767px) {
    .c-box-11-wrap--journal {
        margin: 5.8666666667vw auto;
    }
}

.c-box-11-cap {
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-box-11-cap {
        font-size: 4.8vw;
    }
}

.c-box-11 {
    margin-top: 24px;
    padding: 28px 22px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-box-11 {
        margin-top: 3.4666666667vw;
        padding: 5.3333333333vw 3.4666666667vw;
        border-radius: 2.6666666667vw;
    }
}

.c-box-11--journal {
    margin: 0;
}

.c-box-11 a {
    text-decoration: none !important;
}

.c-box-11--journal .c-box-11__container {
    padding-bottom: 29px;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-box-11--journal .c-box-11__container {
        padding-bottom: 4.2666666667vw;
    }
}

.c-box-11__container+.c-box-11__container {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .c-box-11__container+.c-box-11__container {
        margin-top: 5.6vw;
    }
}

.c-box-11__link {
    display: flex;
    transition: opacity 300ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-box-11__link:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width: 767px) {
    .c-box-11__link {
        flex-wrap: wrap;
    }
}

.c-box-11__img {
    margin-right: 19px;
    width: 220px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-box-11__img {
        margin-right: 3.2vw;
        width: 33.6vw;
    }
}

.c-box-11__img img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-box-11__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-box-11__inner {
    margin-top: -4px;
}

@media screen and (max-width: 767px) {
    .c-box-11__inner {
        margin-top: 0.8vw;
        width: 39.2vw;
    }

    .windows .c-box-11__inner {
        width: 36.2666666667vw;
    }
}

.c-box-11--journal .c-box-11__inner {
    margin-top: -1px;
}

@media screen and (max-width: 767px) {
    .c-box-11--journal .c-box-11__inner {
        margin-top: -1.0666666667vw;
    }
}

.c-box-11__head {
    font-family: "Inter", sans-serif;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-box-11__head {
        font-size: 2.6666666667vw;
    }
}

.c-box-11__ttl {
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-box-11__ttl {
        font-size: 3.2vw;
        line-height: 1.4;
    }
}

.c-box-11--journal .c-box-11__ttl {
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .c-box-11--journal .c-box-11__ttl {
        margin-top: 1.0666666667vw;
    }
}

.c-box-11__txt {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    margin-top: 6px;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-box-11__txt {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-top: 1.6vw;
        font-size: 3.2vw;
    }
}

.c-box-11--journal .c-box-11__txt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .c-box-11--journal .c-box-11__txt {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/*  c-box-12
--------------------------------------------- */
.c-box-12 {
    margin: 46px auto 0;
    padding-top: 132px;
    padding-bottom: 119px;
    width: 1240px;
    border-radius: 10px;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/event/detail/bg_01.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 767px) {
    .c-box-12 {
        max-width: 92%;
        margin-top: 13.3333333333vw;
        padding: 10.1333333333vw 0 10.1333333333vw;
        width: 100%;
        border-radius: 2.6666666667vw;
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/event/detail/bg_01_sp.png);
    }
}

.c-box-12__txt {
    margin-top: 38px;
    font-size: 0.875rem;
    color: #fff;
    text-align: center;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-box-12__txt {
        margin-top: 4vw;
        font-size: 3.2vw;
    }
}

.c-box-12__txt-link {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .c-box-12__txt-link:hover {
        text-decoration: none;
    }
}

/*  c-box-13
--------------------------------------------- */
.c-box-13 {
    position: relative;
    margin: 46px auto 0;
    padding-top: 92px;
    padding-bottom: 90px;
    width: 1240px;
    border-radius: 10px;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/event/detail/bg_01.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 767px) {
    .c-box-13 {
        max-width: 92%;
        margin-top: 13.3333333333vw;
        padding: 6.9333333333vw 0 6.9333333333vw;
        width: 100%;
        border-radius: 2.6666666667vw;
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/event/detail/bg_01_sp.png);
    }
}

.c-box-13::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgb(121, 197, 184) 0%, rgb(204, 201, 152) 33%, rgb(237, 129, 145) 66%, rgb(32, 71, 157) 100%);
    mix-blend-mode: hard-light;
    border-radius: 10px;
}

.c-box-13--normal::before {
    content: none;
}

@media screen and (max-width: 767px) {
    .c-box-13::before {
        border-radius: 2.6666666667vw;
    }
}

.c-box-13__ttl {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-box-13__ttl {
        font-size: 3.7333333333vw;
    }
}

.c-box-13__txt {
    margin-top: 38px;
    font-size: 0.875rem;
    color: #fff;
    text-align: center;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-box-13__txt {
        margin-top: 4vw;
        font-size: 3.2vw;
    }
}

.c-box-13__txt-link {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .c-box-13__txt-link:hover {
        text-decoration: none;
    }
}

/*  c-box-14
--------------------------------------------- */
.c-box-14 {
    margin: 40px 0;
}

@media screen and (max-width: 767px) {
    .c-box-14 {
        margin: 5.8666666667vw auto 0;
        max-width: 84%;
    }
}

.c-box-14 a {
    text-decoration: none !important;
}

.c-box-14__container {
    padding: 39px 24px 40px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-box-14__container {
        padding: 5.0666666667vw 4vw 5.0666666667vw;
        border-radius: 2.6666666667vw;
    }
}

.c-box-14__inner {
    display: flex;
    gap: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-box-14__inner {
        gap: 0 2.1333333333vw;
    }
}

.c-box-14__img {
    margin-top: 11px;
    width: 48px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-box-14__img {
        margin-top: 0.5333333333vw;
        width: 9.6vw;
    }
}

.c-box-14__head {
    font-size: 0.875rem;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-box-14__head {
        font-size: 2.6666666667vw;
    }
}

.c-box-14__ttl {
    margin-top: 3px;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-box-14__ttl {
        margin-top: 1.8666666667vw;
        font-size: 3.2vw;
        line-height: 1.4;
    }
}

.c-box-14__note {
    margin-top: 11px;
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-box-14__note {
        margin-top: 1.6vw;
        font-size: 2.1333333333vw;
    }
}

.c-box-14__btn {
    margin-top: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    color: #fff;
    background-color: #000;
    border-radius: 10px;
    font-weight: bold;
    font-size: 1.125rem;
    letter-spacing: 0.02em;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-box-14__btn {
        transition: opacity 300ms;
    }

    .c-box-14__btn:hover {
        opacity: 0.6;
    }
}

@media screen and (max-width: 767px) {
    .c-box-14__btn {
        margin-top: 5.3333333333vw;
        height: 10.6666666667vw;
        border-radius: 2.6666666667vw;
        font-size: 4.2666666667vw;
    }
}

/*  c-box-15
--------------------------------------------- */
.c-box-15 {
    position: relative;
    margin: 40px auto;
}

@media screen and (max-width: 767px) {
    .c-box-15 {
        margin: 5.8666666667vw auto;
    }
}

.c-box-15::before {
    position: absolute;
    top: -80px;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 80px;
    background: rgba(255, 255, 255, 0.7);
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .c-box-15::before {
        top: -13.3333333333vw;
        height: 13.3333333333vw;
    }
}

.c-box-15__container {
    padding: 28px 20px 40px;
    border-radius: 10px;
    background-color: #F5F5F5;
}

@media screen and (max-width: 767px) {
    .c-box-15__container {
        padding: 4vw 4vw 5.3333333333vw;
        border-radius: 2.6666666667vw;
    }
}

.c-box-15__img {
    margin: 0 auto;
    width: 48px;
}

@media screen and (max-width: 767px) {
    .c-box-15__img {
        width: 9.6vw;
    }
}

.c-box-15__txt {
    margin-top: 18px;
    font-size: 0.875rem;
    line-height: 1.71;
    letter-spacing: 0.02em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-box-15__txt {
        margin-top: 4vw;
        font-size: 3.2vw;
        line-height: 1.4;
    }
}

.c-box-15__link {
    font-weight: bold;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-box-15__link:hover {
        text-decoration: none;
    }
}

/* ---------------------------------------------
*   c-btn-1
--------------------------------------------- */
.c-btn-1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 1340px;
    margin: 60px auto 0;
    width: 100%;
    height: 72px;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .c-btn-1 {
        margin-top: 8vw;
        height: 12.8vw;
        border-radius: 2.6666666667vw;
    }
}

.c-btn-1--small {
    max-width: 238px;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .c-btn-1--small {
        min-width: 63.4666666667vw;
        margin-top: 4vw;
    }
}

.c-btn-1--about {
    max-width: 546px;
    margin-left: 0;
}

@media screen and (max-width: 767px) {
    .c-btn-1--about {
        max-width: 100%;
    }
}

.c-btn-1--media-s {
    margin-top: auto;
    padding-top: 15px;
}

@media screen and (max-width: 767px) {
    .c-btn-1--media-s {
        margin-top: 5.3333333333vw;
        padding-top: 0;
    }
}

.c-btn-1__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 6px 0;
    width: 100%;
    height: 48px;
    overflow: hidden;
    background-color: #231815;
    border-radius: 10px;
    transition-property: height, box-shadow;
    transition-duration: 0.2s, 0.2s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-1:hover .c-btn-1__inner {
        height: 72px;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }

    .c-btn-1:hover .c-btn-1__inner::before {
        height: 72px;
        -webkit-animation: animate-gradient-1 12s ease forwards;
        animation: animate-gradient-1 12s ease forwards;
    }

    .c-btn-1:hover .c-btn-1__inner::after {
        z-index: 0;
    }

    .c-btn-1--small:hover .c-btn-1__inner::before {
        -webkit-animation-name: animate-gradient-2;
        animation-name: animate-gradient-2;
    }

    .c-btn-1--player:hover .c-btn-1__inner::before {
        -webkit-animation-name: animate-gradient-3;
        animation-name: animate-gradient-3;
    }

    .c-btn-1--medium:hover .c-btn-1__inner::before {
        -webkit-animation-name: animate-gradient-4;
        animation-name: animate-gradient-4;
    }

    .c-btn-1--anniversary:hover .c-btn-1__inner::before {
        -webkit-animation-name: animate-gradient-5;
        animation-name: animate-gradient-5;
    }

    .c-btn-1--media:hover .c-btn-1__inner::before {
        -webkit-animation-name: animate-gradient-6;
        animation-name: animate-gradient-6;
    }

    .c-btn-1--media-s:hover .c-btn-1__inner::before {
        -webkit-animation-name: animate-gradient-7;
        animation-name: animate-gradient-7;
    }

    .c-btn-1--about:hover .c-btn-1__inner::before {
        -webkit-animation-name: animate-gradient-8;
        animation-name: animate-gradient-8;
    }
}

@media screen and (max-width: 767px) {
    .c-btn-1__inner {
        padding: 1.6vw 0;
        height: 12.8vw;
    }
}

.c-btn-1__inner::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 300%;
    height: 48px;
    transform: translateX(0);
    background: repeating-linear-gradient(90deg, rgb(124, 198, 185) 0, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    visibility: hidden;
    transition-property: height;
    transition-duration: 0.2s;
    z-index: 1;
}

@-webkit-keyframes animate-gradient-1 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(2680px);
        visibility: visible;
    }
}

@keyframes animate-gradient-1 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(2680px);
        visibility: visible;
    }
}

@-webkit-keyframes animate-gradient-2 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(476px);
        visibility: visible;
    }
}

@keyframes animate-gradient-2 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(476px);
        visibility: visible;
    }
}

@-webkit-keyframes animate-gradient-3 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(868px);
        visibility: visible;
    }
}

@keyframes animate-gradient-3 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(868px);
        visibility: visible;
    }
}

@-webkit-keyframes animate-gradient-4 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(1320px);
        visibility: visible;
    }
}

@keyframes animate-gradient-4 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(1320px);
        visibility: visible;
    }
}

@-webkit-keyframes animate-gradient-5 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(1660px);
        visibility: visible;
    }
}

@keyframes animate-gradient-5 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(1660px);
        visibility: visible;
    }
}

@-webkit-keyframes animate-gradient-6 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(1160px);
        visibility: visible;
    }
}

@keyframes animate-gradient-6 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(1160px);
        visibility: visible;
    }
}

@-webkit-keyframes animate-gradient-7 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(826px);
        visibility: visible;
    }
}

@keyframes animate-gradient-7 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(826px);
        visibility: visible;
    }
}

@-webkit-keyframes animate-gradient-8 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(1092px);
        visibility: visible;
    }
}

@keyframes animate-gradient-8 {
    0% {
        transform: translateX(0);
        visibility: visible;
    }

    100% {
        transform: translateX(1092px);
        visibility: visible;
    }
}

.c-btn-1__inner::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
}

.c-btn-1__txt {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 24px;
    padding-left: 15px;
    font-size: 1rem;
    font-weight: bold;
    border-right: 1px solid #fff;
    line-height: 2;
    z-index: 1;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-btn-1__txt {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 5.3333333333vw;
        padding-left: 0;
        font-size: 3.7333333333vw;
        letter-spacing: 0.1em;
    }
}

@media screen and (max-width: 767px) {
    .c-btn-1__txt--ls {
        letter-spacing: 0.02em;
    }
}

.c-btn-1__txt-en {
    margin-right: 0.1em;
    letter-spacing: 0.05em;
}

.c-btn-1__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 100%;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .c-btn-1__icon {
        width: 12.8vw;
    }
}

.c-btn-1__icon img {
    width: 22px;
}

@media screen and (max-width: 767px) {
    .c-btn-1__icon img {
        width: 5.8666666667vw;
    }
}

.c-btn-1__inner-wrap {
    position: relative;
    overflow: hidden;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    z-index: 1;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-1:hover .c-btn-1__inner-wrap {
        margin-right: 48px;
    }
}

.c-btn-1__tag {
    position: relative;
    display: none;
    z-index: 1;
    white-space: nowrap;
    transform: translateX(100%);
    padding: 6px 1em;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-1:hover .c-btn-1__tag {
        display: block;
    }
}

/*  c-btn-2
--------------------------------------------- */
.c-btn-2-wrap {
    position: absolute;
    right: 12px;
    bottom: 20px;
}

@media screen and (max-width: 767px) {
    .c-btn-2-wrap {
        right: 0;
        bottom: 3.4666666667vw;
    }
}

.c-card-2 .c-btn-2-wrap {
    bottom: 10px;
}

@media screen and (max-width: 767px) {
    .c-card-2 .c-btn-2-wrap {
        bottom: 0.2666666667vw;
    }
}

.c-card-7 .c-btn-2-wrap {
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 767px) {
    .c-card-7 .c-btn-2-wrap {
        right: 0;
        bottom: 0;
    }
}

.c-card-9 .c-btn-2-wrap {
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 767px) {
    .c-card-9 .c-btn-2-wrap {
        right: 0;
        bottom: 3.4666666667vw;
    }
}

.c-btn-2 {
    position: relative;
    margin-left: auto;
    width: 58px;
    height: 36px;
    border-left: 1px solid #000;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .c-btn-2 {
        width: 9.0666666667vw;
        height: 7.4666666667vw;
    }
}

.c-btn-2::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 23px;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_clip.svg) 0 0 no-repeat;
    background-size: contain;
}

@media screen and (max-width: 767px) {
    .c-btn-2::before {
        width: 3.2vw;
        height: 4.5333333333vw;
    }
}

.l-contents--bk .c-btn-2::before {
    background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_clip_wh.svg);
}

.c-btn-2.true::before {
    background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_clip_hover.svg);
}

.c-card-7__info .c-btn-2 {
    margin-left: 19px;
}

@media screen and (max-width: 767px) {
    .c-card-7__info .c-btn-2 {
        margin-left: 2.4vw;
    }
}

.l-contents--bk .c-btn-2 {
    border-color: #fff;
}

/*  c-btn-3
--------------------------------------------- */
.c-btn-3-wrap {
    margin-top: 16px;
}

.c-btn-3-wrap:first-of-type {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .c-btn-3-wrap {
        margin-top: 5.3333333333vw;
    }
}

@media screen and (min-width: 768px) {
    .c-btn-3-wrap--mt {
        margin-top: 28px;
    }
}

.c-btn-3 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 1340px;
    margin: 0 auto;
    width: 100%;
    height: 48px;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .c-btn-3 {
        height: 12.8vw;
        border-radius: 2.6666666667vw;
    }
}

.c-btn-3__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #231815;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-btn-3__inner {
        padding: 1.6vw 0;
        height: 12.8vw;
    }
}

.c-btn-3__inner--center {
    justify-content: center;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-3__inner--center {
        transition: opacity 300ms;
    }

    .c-btn-3__inner--center:hover {
        opacity: 0.6;
    }
}

.c-btn-3__inner--radius {
    border-radius: 10px 10px 0 0;
}

@media screen and (max-width: 767px) {
    .c-btn-3__inner--radius {
        border-radius: 2.6666666667vw 2.6666666667vw 0 0;
    }
}

.c-btn-3__unit {
    display: flex;
    align-items: center;
}

.c-btn-3__ttl {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 19px;
    padding-left: 19px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 2;
    z-index: 1;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-btn-3__ttl {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 2.9333333333vw;
        padding-left: 5.3333333333vw;
        font-size: 4.2666666667vw;
    }
}

.c-btn-3__inner--center .c-btn-3__ttl {
    padding-right: 0;
    padding-left: 0;
}

.c-btn-3__ttl-en {
    margin-right: 0.1em;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .c-btn-3__ttl-en {
        font-size: 4.8vw;
    }
}

.c-btn-3__txt {
    position: relative;
    margin-top: 4px;
    padding-left: 5px;
    border-left: 1px solid #fff;
    font-weight: bold;
    font-size: 0.875rem;
    z-index: 1;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-btn-3__txt {
        margin-top: 0.5333333333vw;
        padding-left: 1.3333333333vw;
        font-size: 3.2vw;
    }
}

.c-btn-3__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 100%;
    border-left: 1px solid #fff;
    z-index: 1;
}

.c-btn-3__icon::before,
.c-btn-3__icon::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0.2em;
    transform: translate(-0.5em, -50%) translate3d(0, 0, 0);
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_arrow_white.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 22px;
    height: 14px;
}

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

    .c-btn-3__icon::before,
    .c-btn-3__icon::after {
        right: 50%;
        transform: translate(50%, -50%);
        width: 5.8666666667vw;
        height: 3.7333333333vw;
    }
}

.c-btn-3__icon::after {
    opacity: 0;
    right: 1em;
}

@media screen and (max-width: 767px) {
    .c-btn-3__icon::after {
        content: none;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-3:hover .c-btn-3__icon::before {
        -webkit-animation: arrowbefore 0.5s;
        animation: arrowbefore 0.5s;
    }

    .c-btn-3:hover .c-btn-3__icon::after {
        -webkit-animation: arrowafter 0.5s;
        animation: arrowafter 0.5s;
    }
}

@media screen and (max-width: 767px) {
    .c-btn-3__icon {
        width: 12.8vw;
    }
}

@-webkit-keyframes arrowbefore {
    100% {
        right: -0.4em;
        opacity: 0;
    }
}

@keyframes arrowbefore {
    100% {
        right: -0.4em;
        opacity: 0;
    }
}

@-webkit-keyframes arrowafter {
    99% {
        right: 0.2em;
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes arrowafter {
    99% {
        right: 0.2em;
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*  c-btn-4
--------------------------------------------- */
.c-btn-4-wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 42px;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .c-btn-4-wrap {
        margin-top: 7.2vw;
    }
}

.c-btn-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #231815;
    background-color: #fff;
    margin-right: 10px;
    width: 180px;
    height: 36px;
    border-radius: 9px;
    border: 1px solid #231815;
    font-weight: bold;
    font-size: 0.875rem;
    transition: color 0.3s, background-color 0.3s;
}

.c-btn-4:last-of-type {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .c-btn-4 {
        margin-right: 2.6666666667vw;
        width: 42.6666666667vw;
        height: 9.6vw;
        border-radius: 2.4vw;
        font-size: 3.2vw;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-4:hover {
        color: #fff;
        background-color: #231815;
    }
}

/*  c-btn-5
--------------------------------------------- */
.c-btn-5-wrap {
    margin: 88px auto 0;
}

@media screen and (max-width: 767px) {
    .c-btn-5-wrap {
        margin-top: 0;
    }
}

.c-box-12 .c-btn-5-wrap {
    margin: 0 auto;
    width: 610px;
}

@media screen and (max-width: 767px) {
    .c-box-12 .c-btn-5-wrap {
        width: 76vw;
    }
}

.c-box-15 .c-btn-5-wrap {
    margin: 26px auto 0;
    width: 610px;
}

@media screen and (max-width: 767px) {
    .c-box-15 .c-btn-5-wrap {
        margin-top: 4vw;
        width: 76vw;
    }
}

.c-btn-5 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 240px;
    height: 40px;
    border-radius: 10px;
    background-color: #FF0000;
    color: #fff;
    transition: box-shadow 200ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-5:hover {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-btn-5 {
        width: 100%;
        height: 12.8vw;
        border-radius: 2.6666666667vw;
    }
}

.c-box-10 .c-btn-5 {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .c-box-10 .c-btn-5 {
        height: 10.6666666667vw;
    }
}

.c-box-12 .c-btn-5 {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .c-box-12 .c-btn-5 {
        height: 10.6666666667vw;
    }
}

.c-box-15 .c-btn-5 {
    width: 100%;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .c-box-15 .c-btn-5 {
        height: 10.6666666667vw;
    }
}

.c-btn-5__ttl {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding-right: 19px;
    padding-left: 19px;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.02em;
}

.safari .c-btn-5__ttl,
.edge .c-btn-5__ttl {
    padding-top: 2px;
}

@media screen and (max-width: 767px) {
    .c-btn-5__ttl {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 1.3333333333vw;
        padding-left: 1.3333333333vw;
        font-size: 4.2666666667vw;
    }

    .android .c-btn-5__ttl {
        padding-top: 0.5333333333vw;
    }
}

/*  c-btn-6
--------------------------------------------- */
.c-btn-6-wrap {
    margin-top: 88px;
}

@media screen and (max-width: 767px) {
    .c-btn-6-wrap {
        margin-top: 0;
    }
}

.c-box-10 .c-btn-6-wrap {
    margin-top: 12px;
}

@media screen and (max-width: 767px) {
    .c-box-10 .c-btn-6-wrap {
        margin-top: 2.4vw;
    }
}

.c-box-13 .c-btn-6-wrap {
    margin-top: 31px;
}

@media screen and (max-width: 767px) {
    .c-box-13 .c-btn-6-wrap {
        margin-top: 2.6666666667vw;
    }
}

.c-btn-6 {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 240px;
    margin: 0 auto;
    width: 100%;
    height: 48px;
    color: #fff;
    border-radius: 10px;
    background-color: #FF0000;
    transition: box-shadow 200ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-6:hover {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-btn-6 {
        max-width: 100%;
        height: 12.8vw;
        border-radius: 2.6666666667vw;
    }
}

.c-box-10 .c-btn-6 {
    max-width: 100%;
    height: 40px;
}

@media screen and (max-width: 767px) {
    .c-box-10 .c-btn-6 {
        height: 10.6666666667vw;
    }
}

.c-box-13 .c-btn-6 {
    max-width: 610px;
    height: 40px;
}

@media screen and (max-width: 767px) {
    .c-box-13 .c-btn-6 {
        max-width: 76vw;
        height: 10.6666666667vw;
    }
}

.c-btn-6__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 6px 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .c-btn-6__inner {
        padding: 1.6vw 0;
    }
}

.c-btn-6__ttl-en {
    margin-right: 0.1em;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .c-btn-6__ttl-en {
        font-size: 4.8vw;
    }
}

.c-btn-6__txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: bold;
    font-size: 1rem;
    z-index: 1;
    line-height: 1;
    letter-spacing: 0.02em;
}

.safari .c-btn-6__txt,
.edge .c-btn-6__txt {
    padding-top: 4px;
}

@media screen and (max-width: 767px) {
    .c-btn-6__txt {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 4.2666666667vw;
    }

    .android .c-btn-6__txt {
        padding-top: 0.5333333333vw;
    }
}

.c-btn-6__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 100%;
    border-left: 1px solid #fff;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .c-btn-6__icon {
        width: 12.8vw;
    }
}

.c-btn-6__icon img {
    width: 22px;
}

@media screen and (max-width: 767px) {
    .c-btn-6__icon img {
        width: 5.8666666667vw;
    }
}

/*  c-btn-7
--------------------------------------------- */
.c-btn-7-wrap {
    margin-top: 88px;
}

@media screen and (max-width: 767px) {
    .c-btn-7-wrap {
        margin-top: 0;
    }
}

.c-box-10 .c-btn-7-wrap {
    margin-top: 12px;
}

@media screen and (max-width: 767px) {
    .c-box-10 .c-btn-7-wrap {
        margin-top: 2.4vw;
    }
}

.c-box-13 .c-btn-7-wrap {
    margin-top: 31px;
}

@media screen and (max-width: 767px) {
    .c-box-13 .c-btn-7-wrap {
        margin-top: 2.6666666667vw;
    }
}

.c-btn-7 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #231815;
    background-color: #fff;
    margin: 0 auto;
    max-width: 240px;
    width: 100%;
    height: 48px;
    border-radius: 10px;
    border: 1px solid #231815;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0.02em;
    transition: color 0.3s, background-color 0.3s;
}

@media screen and (max-width: 767px) {
    .c-btn-7 {
        max-width: 100%;
        height: 12.8vw;
        border-radius: 2.6666666667vw;
        font-size: 4.2666666667vw;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-7:hover {
        color: #fff;
        background-color: #231815;
    }
}

.c-box-10 .c-btn-7 {
    max-width: 100%;
    height: 40px;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-box-10 .c-btn-7 {
        height: 10.6666666667vw;
        font-size: 4.2666666667vw;
    }
}

.c-box-13 .c-btn-7 {
    max-width: 610px;
    height: 40px;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-box-13 .c-btn-7 {
        max-width: 76vw;
        height: 10.6666666667vw;
        font-size: 4.2666666667vw;
    }
}

.c-modal--cancel .c-btn-7 {
    margin-top: 17px;
    max-width: 274px;
    height: 66px;
    font-size: 1.125rem;
    transition: opacity 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-modal--cancel .c-btn-7:hover {
        transition: opacity 300ms;
        color: #231815;
        background-color: #fff;
    }

    .c-modal--cancel .c-btn-7:hover:hover {
        opacity: 0.6;
    }
}

@media screen and (max-width: 767px) {
    .c-modal--cancel .c-btn-7 {
        margin-top: 3.7333333333vw;
        max-width: 61.6vw;
        height: 14.9333333333vw;
        font-size: 4vw;
    }
}

.c-modal--cancel .c-btn-7--bk {
    margin-top: 54px;
    color: #fff;
    background-color: #231815;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-modal--cancel .c-btn-7--bk:hover {
        transition: opacity 300ms;
        color: #fff;
        background-color: #231815;
    }

    .c-modal--cancel .c-btn-7--bk:hover:hover {
        opacity: 0.6;
    }
}

@media screen and (max-width: 767px) {
    .c-modal--cancel .c-btn-7--bk {
        margin-top: 10.6666666667vw;
    }
}

.c-modal--cancel-2 .c-btn-7 {
    margin-top: 68px;
    max-width: 274px;
    height: 66px;
    font-size: 1.125rem;
    transition: opacity 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-modal--cancel-2 .c-btn-7:hover {
        transition: opacity 300ms;
        color: #231815;
        background-color: #fff;
    }

    .c-modal--cancel-2 .c-btn-7:hover:hover {
        opacity: 0.6;
    }
}

@media screen and (max-width: 767px) {
    .c-modal--cancel-2 .c-btn-7 {
        margin-top: 6.4vw;
        max-width: 61.6vw;
        height: 14.9333333333vw;
        font-size: 4vw;
    }
}

/*  c-btn-8
--------------------------------------------- */
.c-btn-8-wrap {
    margin-top: 64px;
}

@media screen and (max-width: 767px) {
    .c-btn-8-wrap {
        margin-top: 8vw;
    }
}

@media screen and (max-width: 767px) {
    .c-section-9--confirm .c-btn-8-wrap {
        margin-top: 13.0666666667vw;
    }
}

.c-btn-8 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #231815;
    margin: 0 auto;
    max-width: 240px;
    width: 100%;
    height: 48px;
    border-radius: 10px;
    border: 1px solid #231815;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0.02em;
    transition: color 0.3s, background-color 0.3s;
}

@media screen and (max-width: 767px) {
    .c-btn-8 {
        max-width: 64vw;
        height: 10.6666666667vw;
        border-radius: 2.6666666667vw;
        font-size: 3.7333333333vw;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-8:hover {
        color: #231815;
        background-color: #fff;
    }
}

.c-form-4 .c-btn-8 {
    height: 40px;
    font-size: 0.9375rem;
}

@media screen and (max-width: 767px) {
    .c-form-4 .c-btn-8 {
        height: 10.6666666667vw;
        font-size: 3.7333333333vw;
    }
}

/*  c-btn-9
--------------------------------------------- */
.c-btn-9-wrap {
    margin-top: 64px;
}

@media screen and (max-width: 767px) {
    .c-btn-9-wrap {
        margin-top: 8vw;
    }
}

.c-btn-9 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #231815;
    background-color: #fff;
    margin: 30px auto 0;
    max-width: 240px;
    width: 100%;
    height: 48px;
    border-radius: 10px;
    border: 1px solid #231815;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0.02em;
    transition: color 0.3s, background-color 0.3s;
}

@media screen and (max-width: 767px) {
    .c-btn-9 {
        max-width: 64vw;
        margin-top: 8vw;
        height: 10.6666666667vw;
        border-radius: 2.6666666667vw;
        font-size: 3.7333333333vw;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-9:hover {
        color: #fff;
        background-color: #231815;
    }
}

/*  c-btn-10
--------------------------------------------- */
.c-btn-10-wrap {
    margin-top: 40px;
    display: flex;
    gap: 0 19px;
    transition-delay: 0.95s !important;
}

@media screen and (max-width: 767px) {
    .c-btn-10-wrap {
        margin-top: 6.9333333333vw;
        display: block;
    }
}

.c-btn-10-wrap--center {
    justify-content: center;
}

.c-section-13 .c-btn-10-wrap {
    display: block;
    margin: 38px auto 0;
}

@media screen and (max-width: 767px) {
    .c-section-13 .c-btn-10-wrap {
        margin-top: 7.2vw;
    }
}

.c-btn-10 {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 240px;
    width: 100%;
    height: 48px;
    color: #231815;
    border-radius: 10px;
    background-color: #fff;
    transition: box-shadow 200ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-10:hover {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-btn-10 {
        max-width: 64vw;
        margin: 0 auto;
        height: 12.8vw;
        border-radius: 2.6666666667vw;
    }

    .c-btn-10+.c-btn-10 {
        margin-top: 5.3333333333vw;
    }
}

.c-section-13 .c-btn-10 {
    margin: 0 auto;
}

.c-btn-10__inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 6px 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .c-btn-10__inner {
        padding: 1.6vw 0;
    }
}

.c-btn-10__txt {
    padding-top: 2px;
    padding-right: 32px;
    padding-bottom: 2px;
    font-weight: bold;
    font-size: 1rem;
    z-index: 1;
    line-height: 1;
    letter-spacing: 0.02em;
}

.safari .c-btn-10__txt,
.edge .c-btn-10__txt {
    padding-top: 4px;
}

@media screen and (max-width: 767px) {
    .c-btn-10__txt {
        padding-top: 0;
        padding-right: 8.5333333333vw;
        padding-bottom: 0;
        font-size: 3.7333333333vw;
    }

    .android .c-btn-10__txt {
        padding-top: 0.5333333333vw;
    }
}

.c-btn-10__txt--pr {
    padding-right: 25px;
}

@media screen and (max-width: 767px) {
    .c-btn-10__txt--pr {
        padding-right: 6.6666666667vw;
    }
}

.c-btn-10__txt--pr2 {
    padding-right: 52px;
}

@media screen and (max-width: 767px) {
    .c-btn-10__txt--pr2 {
        padding-right: 13.8666666667vw;
    }
}

.c-btn-10__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 100%;
    border-left: 1px solid #231815;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .c-btn-10__icon {
        width: 12.8vw;
    }
}

.c-btn-10__icon img {
    width: 22px;
}

@media screen and (max-width: 767px) {
    .c-btn-10__icon img {
        width: 5.8666666667vw;
    }
}

/*  c-btn-anchor
--------------------------------------------- */
.c-btn-anchor {
    position: absolute;
    display: block;
    padding: 2px 16px 2px 12px;
    background-color: #666;
    border-radius: 10px;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-anchor {
        transition: opacity 300ms;
    }

    .c-btn-anchor:hover {
        opacity: 0.6;
    }
}

@media screen and (max-width: 767px) {
    .c-btn-anchor {
        padding: 0.2666666667vw 2.1333333333vw;
        border-radius: 1.3333333333vw;
    }
}

.c-btn-anchor--media {
    bottom: -44px;
    left: 166px;
}

@media screen and (max-width: 767px) {
    .c-btn-anchor--media {
        bottom: 5.6vw;
        left: 3.4666666667vw;
    }
}

.c-btn-anchor--base {
    padding-right: 12px;
    top: 92px;
    left: 337px;
}

@media screen and (max-width: 767px) {
    .c-btn-anchor--base {
        padding-right: 1.6vw;
        top: 36.2666666667vw;
        left: 21.6vw;
    }
}

.c-btn-anchor--park {
    padding-right: 26px;
    bottom: -44px;
    right: 430px;
}

@media screen and (max-width: 767px) {
    .c-btn-anchor--park {
        padding-right: 4.8vw;
        bottom: 24.2666666667vw;
        right: 36vw;
    }
}

.c-btn-anchor--play {
    padding-right: 19px;
    top: 92px;
    right: 234px;
    background-color: #000;
}

@media screen and (max-width: 767px) {
    .c-btn-anchor--play {
        padding-right: 3.4666666667vw;
        top: 18.1333333333vw;
        right: 15.4666666667vw;
    }
}

.c-btn-anchor__cassette {
    display: flex;
    align-items: center;
    color: #fff;
}

.c-btn-anchor__num {
    padding-right: 10px;
    font-size: 1.875rem;
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-btn-anchor__num {
        padding-right: 1.3333333333vw;
        font-size: 5vw;
    }
}

.c-btn-anchor__txt-box {
    padding-left: 10px;
    border-left: 1px solid #fff;
}

@media screen and (max-width: 767px) {
    .c-btn-anchor__txt-box {
        padding-left: 1.6vw;
    }
}

.c-btn-anchor__ttl {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.25rem;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    border-bottom: 1px solid #fff;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-btn-anchor__ttl {
        font-size: 3.2vw;
    }
}

.c-btn-anchor__txt {
    margin-top: 1px;
    font-weight: bold;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-btn-anchor__txt {
        margin-top: 0.5333333333vw;
        font-size: 2vw;
        line-height: 1;
    }
}

/*  c-button-modal
--------------------------------------------- */
.c-btn-modal-wrap {
    position: absolute;
    top: 10px;
    right: 0;
}

@media screen and (max-width: 767px) {
    .c-btn-modal-wrap {
        position: static;
    }
}

.c-btn-modal {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 18px;
    color: #000;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    border: 1px solid #000;
    font-size: 0.8125rem;
    font-weight: bold;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-btn-modal:hover {
        color: #fff;
        background-color: #ccc;
        border-color: #ccc;
    }
}

@media screen and (max-width: 767px) {
    .c-btn-modal {
        padding: 1.0666666667vw 3.2vw;
        font-size: 2.1333333333vw;
        border-radius: 2.6666666667vw;
    }
}

/*  c-button-eye
--------------------------------------------- */
.c-button-eye {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    touch-action: manipulation;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .c-button-eye {
        right: 1.8666666667vw;
    }
}

.c-section-9--confirm .c-button-eye {
    display: none;
}

.c-form-4 .c-button-eye {
    right: 15px;
}

@media screen and (max-width: 767px) {
    .c-form-4 .c-button-eye {
        right: 4vw;
    }
}

.c-button-eye::before {
    content: "";
    display: block;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_pass_01.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 24px;
    height: 24px;
}

@media screen and (max-width: 767px) {
    .c-button-eye::before {
        width: 6.4vw;
        height: 6.4vw;
    }
}

.c-button-eye.is-active::before {
    background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_pass_02.svg);
}

/* ---------------------------------------------
*   c-card-1
--------------------------------------------- */
.c-card-1 {
    position: relative;
}

.c-card-1__link {
    display: flex;
    align-items: center;
    gap: 30px;
}

@media screen and (max-width: 767px) {
    .c-card-1__link {
        display: block;
    }
}

.c-card-1__img {
    position: relative;
    width: 660px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-1__link:hover .c-card-1__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-1__img {
        width: 100%;
        border-radius: 2.6666666667vw;
    }
}

.c-card-1__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-1__link:hover .c-card-1__img::before {
        opacity: 1;
    }
}

.c-card-1__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-1__link:hover .c-card-1__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-1__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-1__content {
    width: 640px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-1__content {
        width: 100%;
        padding-bottom: 2.6666666667vw;
    }
}

.c-card-1__head {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-1__head {
        margin-top: 2.6666666667vw;
        font-size: 3.2vw;
    }
}

.c-card-1__date {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 2.5px solid #000;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .c-card-1__date {
        margin-left: 1.3333333333vw;
        padding-left: 1.3333333333vw;
        border-left-width: 1px;
    }
}

.c-card-1__ttl {
    margin-top: 15px;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .c-card-1__ttl {
        margin-top: 1.3333333333vw;
        padding-bottom: 1.3333333333vw;
        font-size: 5.3333333333vw;
    }
}

.c-card-1__txt {
    margin-top: 10px;
    font-size: 1.125rem;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-card-1__txt {
        margin-top: 0;
        margin-top: 1.3333333333vw;
        font-size: 3.2vw;
    }
}

.c-card-1__info {
    display: flex;
    align-items: center;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-1__info {
        margin-top: 1.3333333333vw;
        padding-top: 1.3333333333vw;
        padding-bottom: 0;
    }
}

.c-card-1__type {
    width: 136px;
    margin-right: 20px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    border-right: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-1__type {
        width: 26.6666666667vw;
        margin-right: 2.6666666667vw;
        padding-top: 1.3333333333vw;
        padding-bottom: 1.3333333333vw;
        font-size: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-card-2
--------------------------------------------- */
.c-card-2 {
    position: relative;
    height: 100%;
}

.l-contents--bk .c-card-2 {
    color: #fff;
}

.c-card-2--disabled .c-card-2__img img,
.c-card-2.is-reschedule .c-card-2__img img,
.c-card-2.is-ready .c-card-2__img img,
.c-card-2.is-end .c-card-2__img img,
.c-card-2.is-terminated .c-card-2__img img,
.c-card-2.is-closed .c-card-2__img img {
    filter: saturate(0%);
    will-change: filter;
}

.c-card-2--disabled .c-card-2__head,
.c-card-2.is-reschedule .c-card-2__head,
.c-card-2.is-ready .c-card-2__head,
.c-card-2.is-end .c-card-2__head,
.c-card-2.is-terminated .c-card-2__head,
.c-card-2.is-closed .c-card-2__head {
    color: #999;
}

.l-contents--bk .c-card-2--disabled .c-card-2__head,
.l-contents--bk .c-card-2.is-reschedule .c-card-2__head,
.l-contents--bk .c-card-2.is-ready .c-card-2__head,
.l-contents--bk .c-card-2.is-end .c-card-2__head,
.l-contents--bk .c-card-2.is-terminated .c-card-2__head,
.l-contents--bk .c-card-2.is-closed .c-card-2__head {
    color: #fff;
}

.c-card-2--disabled .c-card-2__ttl,
.c-card-2.is-reschedule .c-card-2__ttl,
.c-card-2.is-ready .c-card-2__ttl,
.c-card-2.is-end .c-card-2__ttl,
.c-card-2.is-terminated .c-card-2__ttl,
.c-card-2.is-closed .c-card-2__ttl {
    color: #999;
}

.l-contents--bk .c-card-2--disabled .c-card-2__ttl,
.l-contents--bk .c-card-2.is-reschedule .c-card-2__ttl,
.l-contents--bk .c-card-2.is-ready .c-card-2__ttl,
.l-contents--bk .c-card-2.is-end .c-card-2__ttl,
.l-contents--bk .c-card-2.is-terminated .c-card-2__ttl,
.l-contents--bk .c-card-2.is-closed .c-card-2__ttl {
    color: #fff;
}

.c-card-2--disabled .c-card-2__type,
.c-card-2.is-reschedule .c-card-2__type,
.c-card-2.is-ready .c-card-2__type,
.c-card-2.is-end .c-card-2__type,
.c-card-2.is-terminated .c-card-2__type,
.c-card-2.is-closed .c-card-2__type {
    color: #999;
}

.l-contents--bk .c-card-2--disabled .c-card-2__type,
.l-contents--bk .c-card-2.is-reschedule .c-card-2__type,
.l-contents--bk .c-card-2.is-ready .c-card-2__type,
.l-contents--bk .c-card-2.is-end .c-card-2__type,
.l-contents--bk .c-card-2.is-terminated .c-card-2__type,
.l-contents--bk .c-card-2.is-closed .c-card-2__type {
    color: #fff;
}

.c-card-2--disabled .c-card-2__c-tag-1,
.c-card-2.is-reschedule .c-card-2__c-tag-1,
.c-card-2.is-ready .c-card-2__c-tag-1,
.c-card-2.is-end .c-card-2__c-tag-1,
.c-card-2.is-terminated .c-card-2__c-tag-1,
.c-card-2.is-closed .c-card-2__c-tag-1 {
    background-color: #999;
}

.c-card-2__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.c-card-2__inner {
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-2__inner {
        padding-bottom: 2.6666666667vw;
    }
}

.l-contents--bk .c-card-2__inner {
    border-color: #fff;
}

@media screen and (max-width: 767px) {
    .c-card-2__content {
        display: flex;
    }
}

.c-card-2__img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-2__link:hover .c-card-2__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-2__img {
        margin-right: 2.6666666667vw;
        width: 44.8vw;
        border-radius: 2.6666666667vw;
        flex-shrink: 0;
    }
}

.c-card-2__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

.c-card-2--disabled .c-card-2__img::before {
    background: none;
}

.c-card-2.is-reschedule .c-card-2__img::before {
    background: none;
}

.c-card-2.is-ready .c-card-2__img::before {
    background: none;
}

.c-card-2.is-end .c-card-2__img::before {
    background: none;
}

.c-card-2.is-terminated .c-card-2__img::before {
    background: none;
}

.c-card-2.is-closed .c-card-2__img::before {
    background: none;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-2__link:hover .c-card-2__img::before {
        opacity: 1;
    }
}

.c-card-2__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-2__link:hover .c-card-2__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-2__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-2__head {
    margin-top: 15px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-2__head {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 2.6666666667vw;
    }
}

.c-card-2__date {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 2px solid #000;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .c-card-2__date {
        margin-left: 1.3333333333vw;
        padding-left: 1.3333333333vw;
        border-left-width: 1px;
    }
}

@media screen and (max-width: 767px) {
    .c-card-2__time {
        margin-top: 0.5333333333vw;
        display: block;
        font-family: "Inter", sans-serif;
        font-size: 2.6666666667vw;
        line-height: 1;
    }
}

.c-card-2__ttl {
    margin-top: 10px;
    padding: 0 10px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-card-2__ttl {
        margin-top: 1.3333333333vw;
        padding-left: 0;
        padding-right: 0;
        font-size: 3.7333333333vw;
    }
}

.c-card-2__txt {
    margin-top: auto;
    padding: 10px 10px 0;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-card-2__txt {
        padding-top: 2.6666666667vw;
        padding-left: 0;
        padding-right: 0;
        font-size: 3.2vw;
    }
}

.c-card-2__info {
    display: flex;
    align-items: center;
    min-height: 56px;
    padding-top: 10px;
    padding-right: 92px;
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .c-card-2__info {
        min-height: 9.0666666667vw;
        padding-top: 1.3333333333vw;
        padding-right: 11.4666666667vw;
        padding-bottom: 0;
    }
}

.c-card-2__lock {
    display: none;
    margin-left: auto;
    width: 24px;
    line-height: 1;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-card-2__lock {
        width: 4.8vw;
    }
}

.c-card-2.true .c-card-2__lock {
    display: block;
}

.c-card-2__type {
    width: 136px;
    margin-right: 20px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    border-right: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-2__type {
        width: 26.6666666667vw;
        margin-right: 2.6666666667vw;
        padding-top: 1.8666666667vw;
        padding-bottom: 1.8666666667vw;
        font-size: 2.6666666667vw;
    }
}

.l-contents--bk .c-card-2__type {
    border-color: #fff;
}

/*  c-card-3
--------------------------------------------- */
.c-card-3 {
    height: 100%;
}

.c-card-3__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .c-card-3__link {
        flex-direction: row;
    }
}

.c-card-3__img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    flex-shrink: 0;
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-3__link:hover .c-card-3__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-3__img {
        width: 36.2666666667vw;
        margin-right: 3.2vw;
        border-radius: 2.6666666667vw;
        flex-shrink: 0;
    }
}

.c-card-3__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-3__link:hover .c-card-3__img::before {
        opacity: 1;
    }
}

.c-card-3__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-3__link:hover .c-card-3__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-3__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-3__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 15px 10px 0;
}

@media screen and (max-width: 767px) {
    .c-card-3__content {
        margin-top: -0.8vw;
        padding: 0;
        width: 100%;
        height: auto;
    }
}

.c-card-3__cat {
    font-size: 0.875rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-3__cat {
        font-size: 3.2vw;
    }
}

.c-card-3__ttl {
    margin-top: 5px;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .c-card-3__ttl {
        margin-top: 1.3333333333vw;
        margin-bottom: 2.6666666667vw;
        font-size: 4.8vw;
    }
}

.c-card-3__info {
    margin-top: 10px;
    display: flex;
    align-items: center;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-3__info {
        margin-top: auto;
        display: block;
    }
}

.c-card-3__list {
    display: flex;
    align-items: center;
    margin-top: 6px;
}

@media screen and (max-width: 767px) {
    .c-card-3__list {
        margin-top: 1.3333333333vw;
        margin-bottom: 1.3333333333vw;
    }
}

.c-card-3__item {
    border-right: 1px solid #000;
    padding: 0 15px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-card-3__item {
        padding-left: 4vw;
        padding-right: 4vw;
        width: 17.3333333333vw;
    }
}

.c-card-3__item:last-of-type {
    border-right: none;
}

.c-card-3__name {
    display: block;
    font-size: 0.625rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-3__name {
        font-size: 2.6666666667vw;
    }
}

.c-card-3__num {
    display: block;
    font-size: 1rem;
    font-family: "Inter", sans-serif;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .c-card-3__num {
        font-size: 3.2vw;
    }
}

.c-card-3__update {
    width: 36.6666666667%;
    padding-top: 6px;
    padding-left: 14px;
    border-left: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-3__update {
        width: 100%;
        padding-top: 1.3333333333vw;
        padding-left: 2.6666666667vw;
        border-top: 1px solid #000;
        border-left: none;
    }
}

/*  c-card-4
--------------------------------------------- */
.c-card-4 {
    position: relative;
    height: 100%;
}

.c-card-4__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .c-card-4__content {
        display: flex;
    }
}

.c-card-4__img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-4__link:hover .c-card-4__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-4__img {
        margin-right: 2.6666666667vw;
        width: 44.8vw;
        border-radius: 2.6666666667vw;
        flex-shrink: 0;
    }
}

.c-card-4__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-4__link:hover .c-card-4__img::before {
        opacity: 1;
    }
}

.c-card-4__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-4__link:hover .c-card-4__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-4__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-4__head {
    margin-top: 15px;
    padding: 0 12px;
    font-size: 1rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-4__head {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 2.6666666667vw;
    }
}

.c-card-4__ttl {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0 12px;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-card-4__ttl {
        margin-top: 1.3333333333vw;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 3.7333333333vw;
    }
}

.c-card-4__info {
    display: flex;
    align-items: center;
    width: 637px;
    min-height: 74px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    padding-right: 81px;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-4__info {
        width: 100%;
        min-height: 14.9333333333vw;
        margin-top: 2.6666666667vw;
        padding-right: 12.2666666667vw;
    }
}

.c-card-4__num {
    width: 90px;
    height: 100%;
    padding-top: 10px;
    text-align: center;
    font-size: 2.5rem;
    font-family: "Inter", sans-serif;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-card-4__num {
        width: 12vw;
        padding-top: 0;
        font-size: 4.2666666667vw;
    }
}

.c-card-4__num-hash {
    font-size: 50%;
    vertical-align: super;
}

.c-card-4__partner {
    padding-top: 12px;
    padding-right: 18px;
    padding-bottom: 6px;
    padding-left: 18px;
    border-left: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-4__partner {
        padding-top: 1.0666666667vw;
        padding-right: 2.1333333333vw;
        padding-bottom: 1.6vw;
        padding-left: 2.1333333333vw;
    }
}

.c-card-4__partner-head {
    font-size: 0.625rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-4__partner-head {
        font-size: 2.6666666667vw;
    }
}

.c-card-4__partner-txt {
    font-size: 0.875rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-card-4__partner-txt {
        font-size: 2.6666666667vw;
    }
}

.c-card-4__lock {
    display: none;
    margin-left: auto;
    width: 24px;
    line-height: 1;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-card-4__lock {
        width: 4.8vw;
    }
}

.c-card-4.true .c-card-4__lock {
    display: block;
}

/*  c-card-5
--------------------------------------------- */
.c-card-5 {
    height: 100%;
}

.c-card-5__link {
    display: flex;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .c-card-5__link {
        flex-wrap: wrap;
    }
}

.c-card-5__img {
    position: relative;
    width: 48.4848484848%;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-5__link:hover .c-card-5__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-5__img {
        width: 37.3333333333vw;
        margin-right: 3.7333333333vw;
        border-radius: 2.6666666667vw;
    }
}

.c-card-5__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-5__link:hover .c-card-5__img::before {
        opacity: 1;
    }
}

.c-card-5__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-5__link:hover .c-card-5__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-5__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-5__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 51.5151515152%;
    height: 100%;
    padding: 21px 0.6060606061% 19px 4.5454545455%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-card-5__content {
        padding: 0;
        width: calc(100% - 41.0666666667vw);
        height: auto;
    }
}

.c-card-5__cat {
    font-size: 0.875rem;
    font-family: "Inter", sans-serif;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-card-5__cat {
        font-size: 3.2vw;
    }
}

.c-card-5__ttl {
    margin-top: 5px;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-card-5__ttl {
        margin-top: 2.1333333333vw;
        font-size: 4.8vw;
    }
}

.c-card-5__txt {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 20px;
    font-size: 0.875rem;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-card-5__txt {
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-top: 1.6vw;
        font-size: 3.2vw;
        line-height: 1.4;
    }
}

@media screen and (max-width: 767px) {
    .c-card-5__unit {
        display: block;
        width: 100%;
    }
}

.c-card-5__tag {
    margin-top: 10px;
    padding: 11px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-5__tag {
        margin-top: 2.1333333333vw;
        padding: 1.6vw 0;
    }
}

.c-card-5__tag-txt {
    margin-right: 8px;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-card-5__tag-txt {
        margin-right: 5.3333333333vw;
        font-size: 2.6666666667vw;
    }
}

.c-card-5__info {
    display: flex;
    align-items: center;
    border-top: 1px solid #000;
}

.c-card-5__list {
    display: flex;
    align-items: center;
}

.c-card-5__item {
    border-right: 1px solid #000;
    padding: 0 14.5px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-card-5__item {
        padding-left: 4vw;
        padding-right: 4vw;
        width: 22.9333333333vw;
    }
}

.c-card-5__item:last-of-type {
    border-right: none;
}

.c-card-5__name {
    display: block;
    font-size: 0.625rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-5__name {
        font-size: 2.6666666667vw;
    }
}

.c-card-5__num {
    display: block;
    font-size: 1rem;
    font-family: "Inter", sans-serif;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .c-card-5__num {
        font-size: 3.2vw;
    }
}

.c-card-5__update {
    width: 110px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 14px;
    border-left: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-5__update {
        width: 100%;
        padding-top: 0.8vw;
        padding-bottom: 0.8vw;
        padding-left: 3.2vw;
    }
}

/*  c-card-6
--------------------------------------------- */
.c-card-6 {
    position: relative;
    margin-top: 30px;
}

.c-card-6:first-of-type {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .c-card-6 {
        margin-top: 9.0666666667vw;
    }
}

.c-card-6__link {
    display: flex;
    align-items: center;
    gap: 30px;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .c-card-6__link {
        display: block;
    }
}

.c-card-6__img {
    position: relative;
    width: 660px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-6__link:hover .c-card-6__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-6__img {
        width: 100%;
        border-radius: 2.6666666667vw;
    }
}

.c-card-6__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-6__link:hover .c-card-6__img::before {
        opacity: 1;
    }
}

.c-card-6__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-6__link:hover .c-card-6__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-6__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-6__content {
    width: 640px;
}

@media screen and (max-width: 767px) {
    .c-card-6__content {
        width: 100%;
    }
}

.c-card-6__ttl {
    margin-top: 15px;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .c-card-6__ttl {
        margin-top: 1.3333333333vw;
        padding-bottom: 1.3333333333vw;
        border-bottom: 1px solid #000;
        font-size: 5.3333333333vw;
    }
}

.c-card-6__txt {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 16px;
    font-size: 1.125rem;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-card-6__txt {
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-top: 0;
        margin-top: 2.1333333333vw;
        font-size: 3.2vw;
    }
}

.c-card-6__info {
    display: flex;
    align-items: center;
    width: 637px;
    min-height: 74px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 81px;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-6__info {
        width: 100%;
        min-height: 14.9333333333vw;
        margin-top: 2.6666666667vw;
        padding-right: 12.2666666667vw;
    }
}

.c-card-6__num {
    width: 90px;
    height: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 2.5rem;
    font-family: "Inter", sans-serif;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-card-6__num {
        width: 12vw;
        padding: 4vw 0;
        font-size: 4.2666666667vw;
    }
}

.c-card-6__num-hash {
    font-size: 50%;
    vertical-align: super;
}

.c-card-6__partner {
    padding-top: 14px;
    padding-right: 70px;
    padding-bottom: 9px;
    padding-left: 18px;
    border-left: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-6__partner {
        padding-top: 1.0666666667vw;
        padding-right: 2.1333333333vw;
        padding-bottom: 1.6vw;
        padding-left: 2.1333333333vw;
    }
}

.c-card-6__partner-head {
    font-size: 0.625rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-6__partner-head {
        font-size: 2.6666666667vw;
    }
}

.c-card-6__partner-txt {
    font-size: 0.875rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-card-6__partner-txt {
        font-size: 2.6666666667vw;
    }
}

.c-card-6__lock {
    display: none;
    margin-left: auto;
    width: 24px;
    line-height: 1;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-card-6__lock {
        width: 4.8vw;
    }
}

.c-card-6.true .c-card-6__lock {
    display: block;
}

/*  c-card-7
--------------------------------------------- */
.c-card-7 {
    position: relative;
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .c-card-7 {
        margin-top: 9.0666666667vw;
    }
}

.c-card-7:first-of-type {
    margin-top: 0;
}

.c-card-7__link {
    display: flex;
    gap: 20px;
}

@media screen and (max-width: 767px) {
    .c-card-7__link {
        flex-wrap: wrap;
        gap: 2.6666666667vw;
    }
}

.c-card-7__img {
    position: relative;
    display: flex;
    align-self: flex-start;
    width: 432px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-7__link:hover .c-card-7__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-7__img {
        width: 44.5333333333vw;
        border-radius: 2.6666666667vw;
    }
}

.c-card-7__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

.c-card-7--disabled .c-card-7__img::before {
    background: none;
}

.c-card-7.is-reschedule .c-card-7__img::before {
    background: none;
}

.c-card-7.is-ready .c-card-7__img::before {
    background: none;
}

.c-card-7.is-end .c-card-7__img::before {
    background: none;
}

.c-card-7.is-terminated .c-card-7__img::before {
    background: none;
}

.c-card-7.is-closed .c-card-7__img::before {
    background: none;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-7__link:hover .c-card-7__img::before {
        opacity: 1;
    }
}

.c-card-7__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-7__link:hover .c-card-7__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-7__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-7__content {
    display: flex;
    flex-direction: column;
    width: 548px;
}

@media screen and (max-width: 767px) {
    .c-card-7__content {
        display: block;
        margin-top: -0.5333333333vw;
        width: calc(100% - 47.2vw);
    }
}

.c-card-7__head {
    font-size: 0.875rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-7__head {
        font-size: 2.6666666667vw;
    }
}

.c-card-7__ttl {
    margin-top: 2px;
    min-height: 60px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-card-7__ttl {
        margin-top: 0.8vw;
        min-height: auto;
        font-size: 3.7333333333vw;
        text-align: justify;
    }
}

.c-card-7__txt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 4px;
    font-size: 0.875rem;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-card-7__txt {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-top: 0;
        font-size: 3.2vw;
        line-height: 1.4;
    }
}

.c-card-7__unit {
    margin-top: auto;
}

@media screen and (max-width: 767px) {
    .c-card-7__unit {
        display: block;
        margin-top: 0;
        width: 100%;
    }
}

.c-card-7__tag {
    margin-top: 10px;
    padding: 11px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-7__tag {
        margin-top: 2.1333333333vw;
        padding: 1.6vw 0;
    }
}

.c-card-7__tag-txt {
    margin-right: 8px;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-card-7__tag-txt {
        margin-right: 5.3333333333vw;
        font-size: 2.6666666667vw;
    }
}

.c-card-7__info {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding-right: 77px;
    padding-top: 7px;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-7__info {
        min-height: 9.0666666667vw;
        padding-right: 11.4666666667vw;
        padding-top: 1.3333333333vw;
    }
}

.c-card-7__lock {
    display: none;
    margin-left: auto;
    width: 24px;
    line-height: 1;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-card-7__lock {
        width: 4.8vw;
    }
}

.c-card-7.true .c-card-7__lock {
    display: block;
}

.c-card-7__type {
    margin-right: 20px;
    padding-top: 9px;
    padding-right: 20px;
    padding-bottom: 9px;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    border-right: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-7__type {
        margin-right: 2.6666666667vw;
        padding-top: 1.3333333333vw;
        padding-right: 2.6666666667vw;
        padding-bottom: 1.3333333333vw;
        font-size: 2.6666666667vw;
    }
}

.c-card-7--disabled .c-card-7__img img,
.c-card-7.is-reschedule .c-card-7__img img,
.c-card-7.is-ready .c-card-7__img img,
.c-card-7.is-end .c-card-7__img img,
.c-card-7.is-terminated .c-card-7__img img,
.c-card-7.is-closed .c-card-7__img img {
    filter: saturate(0%);
    will-change: filter;
}

.c-card-7--disabled .c-card-7__head,
.c-card-7.is-reschedule .c-card-7__head,
.c-card-7.is-ready .c-card-7__head,
.c-card-7.is-end .c-card-7__head,
.c-card-7.is-terminated .c-card-7__head,
.c-card-7.is-closed .c-card-7__head {
    color: #999;
}

.c-card-7--disabled .c-card-7__ttl,
.c-card-7.is-reschedule .c-card-7__ttl,
.c-card-7.is-ready .c-card-7__ttl,
.c-card-7.is-end .c-card-7__ttl,
.c-card-7.is-terminated .c-card-7__ttl,
.c-card-7.is-closed .c-card-7__ttl {
    color: #999;
}

.c-card-7--disabled .c-card-7__txt,
.c-card-7.is-reschedule .c-card-7__txt,
.c-card-7.is-ready .c-card-7__txt,
.c-card-7.is-end .c-card-7__txt,
.c-card-7.is-terminated .c-card-7__txt,
.c-card-7.is-closed .c-card-7__txt {
    color: #999;
}

/*  c-card-8
--------------------------------------------- */
.c-card-8 {
    position: relative;
    height: 100%;
}

.c-card-8__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.c-card-8__img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-8__link:hover .c-card-8__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-8__img {
        border-radius: 2.6666666667vw;
        flex-shrink: 0;
    }
}

.c-card-8__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-8__link:hover .c-card-8__img::before {
        opacity: 1;
    }
}

.c-card-8__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-8__link:hover .c-card-8__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-8__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-8__desc {
    margin-top: 11px;
}

@media screen and (max-width: 767px) {
    .c-card-8__desc {
        margin-top: 2.6666666667vw;
    }
}

.c-card-8__head {
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-8__head {
        padding-left: 0;
        padding-right: 0;
        font-size: 2.6666666667vw;
    }
}

.c-card-8__date {
    margin-left: 4px;
    padding-left: 4px;
    border-left: 1.5px solid #000;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .c-card-8__date {
        margin-left: 1.0666666667vw;
        padding-left: 1.0666666667vw;
        border-left-width: 1px;
    }
}

.c-card-8__ttl {
    margin-top: 10px;
    padding: 0 10px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-card-8__ttl {
        margin-top: 2.6666666667vw;
        padding-left: 0;
        padding-right: 0;
        font-size: 3.7333333333vw;
        text-align: left;
    }
}

.c-card-8__tag {
    margin: 10px 10px 0;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-8__tag {
        margin: 1.6vw 0 0;
        padding-bottom: 1.6vw;
    }
}

.c-card-8__tag-txt {
    margin-right: 8px;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-card-8__tag-txt {
        margin-right: 5.3333333333vw;
        font-size: 2.6666666667vw;
    }
}

/*  c-card-9
--------------------------------------------- */
.c-card-9 {
    position: relative;
    display: flex;
    margin-top: 39px;
}

@media screen and (max-width: 767px) {
    .c-card-9 {
        margin-top: 9.0666666667vw;
    }
}

.c-card-9:first-of-type {
    margin-top: 0;
}

.c-card-9__inner {
    position: relative;
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .c-card-9__inner {
        margin-right: 0;
    }
}

.c-card-9__link {
    display: flex;
    gap: 20px;
}

@media screen and (max-width: 767px) {
    .c-card-9__link {
        gap: 2.6666666667vw;
        flex-wrap: wrap;
    }
}

.c-card-9__img {
    position: relative;
    display: flex;
    align-self: flex-start;
    width: 43.2%;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-9__link:hover .c-card-9__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-9__img {
        width: 44.5333333333vw;
        border-radius: 2.6666666667vw;
    }
}

.c-card-9__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-9__link:hover .c-card-9__img::before {
        opacity: 1;
    }
}

.c-card-9__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-9__link:hover .c-card-9__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-9__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-9__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 54.8%;
}

@media screen and (max-width: 767px) {
    .c-card-9__content {
        display: block;
        margin-top: -0.5333333333vw;
        width: calc(100% - 47.2vw);
    }
}

.c-card-9__head {
    font-size: 0.875rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-9__head {
        font-size: 2.6666666667vw;
    }
}

.c-card-9__ttl {
    min-height: 60px;
    margin-top: 2px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-card-9__ttl {
        min-height: auto;
        margin-top: 0.8vw;
        font-size: 3.7333333333vw;
        text-align: justify;
    }
}

.c-card-9__txt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 4px;
    font-size: 0.875rem;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-card-9__txt {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-top: 0;
        font-size: 3.2vw;
        line-height: 1.4;
    }
}

.c-card-9__unit {
    margin-top: auto;
}

@media screen and (max-width: 767px) {
    .c-card-9__unit {
        display: block;
        margin-top: 0;
        width: 100%;
    }
}

.c-card-9__tag {
    margin-top: 10px;
    padding: 11px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-9__tag {
        margin-top: 2.1333333333vw;
        padding: 1.6vw 0;
    }
}

.c-card-9__tag-txt {
    margin-right: 8px;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-card-9__tag-txt {
        margin-right: 5.3333333333vw;
        font-size: 2.6666666667vw;
    }
}

.c-card-9__info {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding-top: 7px;
    padding-right: 77px;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-9__info {
        min-height: 14.6666666667vw;
        padding-top: 0;
        padding-right: 11.4666666667vw;
    }
}

.c-card-9__lock {
    display: none;
    margin-left: auto;
    width: 24px;
    line-height: 1;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-card-9__lock {
        width: 4.8vw;
    }
}

.c-card-9.true .c-card-9__lock {
    display: block;
}

.c-card-9__box {
    border-left: 1px solid #000;
    width: 23.8805970149%;
    flex-shrink: 0;
}

.c-card-9__num {
    padding: 10px 18px;
    font-size: 2.5rem;
    font-family: "Inter", sans-serif;
    border-bottom: 1px solid #000;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-card-9__num {
        width: 12vw;
        padding: 4vw 0;
        font-size: 4.2666666667vw;
        border-right: 1px solid #000;
        border-bottom: none;
        text-align: center;
    }
}

.c-card-9__num-hash {
    font-size: 50%;
    vertical-align: super;
}

.c-card-9__partner {
    padding-top: 18px;
    padding-bottom: 9px;
    padding-left: 18px;
}

@media screen and (max-width: 767px) {
    .c-card-9__partner {
        padding-top: 1.0666666667vw;
        padding-right: 2.6666666667vw;
        padding-bottom: 1.3333333333vw;
        padding-left: 2.1333333333vw;
    }
}

.c-card-9__partner-head {
    font-size: 0.625rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-9__partner-head {
        font-size: 2.6666666667vw;
    }
}

.c-card-9__partner-txt {
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .c-card-9__partner-txt {
        font-size: 2.6666666667vw;
        line-height: 1.4;
    }
}

/*  c-card-10
--------------------------------------------- */
.c-card-10 {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: opacity 300ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-10:hover {
        opacity: 0.8;
    }
}

.c-card-10__img img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-card-10__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-10__content {
    margin-top: 14px;
    padding: 0 15px;
}

@media screen and (max-width: 767px) {
    .c-card-10__content {
        margin-top: 2.1333333333vw;
        padding: 0;
    }
}

.c-card-10__name {
    font-size: 1.25rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-card-10__name {
        font-size: 3.7333333333vw;
    }
}

.c-card-10__ttl {
    margin-top: 1px;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-card-10__ttl {
        margin-top: -0.2666666667vw;
        font-size: 2.1333333333vw;
    }
}

.c-card-10__tag {
    margin-top: 14px;
    padding-top: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-10__tag {
        margin-top: 1.6vw;
        padding-top: 1.6vw;
    }
}

.c-card-10__tag-txt {
    margin-right: 14px;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-card-10__tag-txt {
        margin-right: 4.2666666667vw;
        font-size: 2.6666666667vw;
        line-height: 1.8;
    }
}

/*  c-card-11
--------------------------------------------- */
.c-card-11 {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: opacity 300ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-11:hover {
        opacity: 0.8;
    }
}

.c-card-11__img img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-card-11__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-11__content {
    margin-top: 14px;
    padding: 0 15px;
}

@media screen and (max-width: 767px) {
    .c-card-11__content {
        margin-top: 1.8666666667vw;
        padding: 0;
    }
}

.c-card-11__name {
    font-size: 1.25rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-card-11__name {
        font-size: 3.7333333333vw;
    }
}

.c-card-11__ttl {
    margin-top: 1px;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-card-11__ttl {
        margin-top: 0;
        font-size: 2.1333333333vw;
    }
}

/*  c-card-12
--------------------------------------------- */
.c-card-12 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.c-card-12__img {
    transition: opacity 100ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-12:hover .c-card-12__img {
        opacity: 0.8;
    }
}

.c-card-12__img img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-card-12__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-12__name {
    margin-top: 10px;
    padding-left: 8px;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.4;
    text-decoration: underline;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-12:hover .c-card-12__name {
        text-decoration: none;
    }
}

.windows .c-card-12__name,
.safari .c-card-12__name {
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-card-12__name {
        margin-top: 2.6666666667vw;
        padding-left: 0;
        font-size: 2.6666666667vw;
        line-height: 1.4;
    }
}

/*  c-card-13
--------------------------------------------- */
.c-card-13 {
    position: relative;
    height: 100%;
}

.c-card-13__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.c-card-13__inner {
    height: 100%;
}

.c-card-13__content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.c-card-13__img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    flex-shrink: 0;
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-13__link:hover .c-card-13__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-13__img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-13__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

.c-card-13--disabled .c-card-13__img::before {
    background: none;
}

.c-card-13.is-reschedule .c-card-13__img::before {
    background: none;
}

.c-card-13.is-ready .c-card-13__img::before {
    background: none;
}

.c-card-13.is-end .c-card-13__img::before {
    background: none;
}

.c-card-13.is-terminated .c-card-13__img::before {
    background: none;
}

.c-card-13.is-closed .c-card-13__img::before {
    background: none;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-13__link:hover .c-card-13__img::before {
        opacity: 1;
    }
}

.c-card-13__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-13__link:hover .c-card-13__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-13__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-13__desc {
    margin: 10px 10px 0;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-13__desc {
        margin: 2.1333333333vw 0 0;
        padding-bottom: 1.6vw;
    }
}

.c-card-13__head {
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-13__head {
        font-size: 2.6666666667vw;
    }
}

.c-card-13__ttl {
    margin-top: 10px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-card-13__ttl {
        margin-top: 2.1333333333vw;
        font-size: 3.7333333333vw;
    }
}

.c-card-13__txt {
    margin-top: auto;
    padding-top: 10px;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-card-13__txt {
        padding-top: 1.3333333333vw;
        font-size: 2.6666666667vw;
        line-height: 1.4;
    }
}

.c-card-13--disabled .c-card-13__img img,
.c-card-13.is-reschedule .c-card-13__img img,
.c-card-13.is-ready .c-card-13__img img,
.c-card-13.is-end .c-card-13__img img,
.c-card-13.is-terminated .c-card-13__img img,
.c-card-13.is-closed .c-card-13__img img {
    filter: saturate(0%);
    will-change: filter;
}

.c-card-13--disabled .c-card-13__head,
.c-card-13.is-reschedule .c-card-13__head,
.c-card-13.is-ready .c-card-13__head,
.c-card-13.is-end .c-card-13__head,
.c-card-13.is-terminated .c-card-13__head,
.c-card-13.is-closed .c-card-13__head {
    color: #999;
}

.c-card-13--disabled .c-card-13__ttl,
.c-card-13.is-reschedule .c-card-13__ttl,
.c-card-13.is-ready .c-card-13__ttl,
.c-card-13.is-end .c-card-13__ttl,
.c-card-13.is-terminated .c-card-13__ttl,
.c-card-13.is-closed .c-card-13__ttl {
    color: #999;
}

.c-card-13--disabled .c-card-13__txt,
.c-card-13.is-reschedule .c-card-13__txt,
.c-card-13.is-ready .c-card-13__txt,
.c-card-13.is-end .c-card-13__txt,
.c-card-13.is-terminated .c-card-13__txt,
.c-card-13.is-closed .c-card-13__txt {
    color: #999;
}

/*  c-card-14
--------------------------------------------- */
.c-card-14 {
    position: relative;
    height: 100%;
}

.c-card-14__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.c-card-14__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.c-card-14__img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-14__link:hover .c-card-14__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-14__img {
        border-radius: 2.6666666667vw;
        flex-shrink: 0;
    }
}

.c-card-14__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-14__link:hover .c-card-14__img::before {
        opacity: 1;
    }
}

.c-card-14__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-14__link:hover .c-card-14__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-14__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-14__desc {
    margin-top: 11px;
}

@media screen and (max-width: 767px) {
    .c-card-14__desc {
        margin-top: 2.6666666667vw;
    }
}

.c-card-14__head {
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-14__head {
        padding-left: 0;
        padding-right: 0;
        font-size: 2.6666666667vw;
    }
}

.c-card-14__date {
    margin-left: 4px;
    padding-left: 4px;
    border-left: 1.5px solid #000;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .c-card-14__date {
        margin-left: 0.8vw;
        padding-left: 0.8vw;
        border-left-width: 1px;
    }
}

.c-card-14__ttl {
    margin-top: 10px;
    padding: 0 10px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-card-14__ttl {
        margin-top: 2.6666666667vw;
        padding-left: 0;
        padding-right: 0;
        font-size: 3.7333333333vw;
        text-align: left;
    }
}

.c-card-14__tag {
    margin: 10px 10px 0;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-14__tag {
        margin: 1.6vw 0 0;
        padding-bottom: 1.6vw;
    }
}

.c-card-14__tag-txt {
    margin-right: 8px;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-card-14__tag-txt {
        margin-right: 5.3333333333vw;
        font-size: 2.6666666667vw;
    }
}

/*  c-card-15
--------------------------------------------- */
.c-card-15 {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: opacity 300ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-15:hover {
        opacity: 0.8;
    }
}

.c-card-15__img img {
    border-radius: 10px;
}

.c-card-15__txt {
    margin-top: 10px;
    padding: 0 10px;
    font-family: "Inter", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.4;
}

/*  c-card-16
--------------------------------------------- */
.c-card-16 {
    position: relative;
    height: 100%;
}

.c-card-16__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.c-card-16__inner {
    height: 100%;
}

.c-card-16__content {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.c-card-16__img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    flex-shrink: 0;
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-16__link:hover .c-card-16__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-16__img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-16__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

.c-card-16--disabled .c-card-16__img::before {
    background: none;
}

.c-card-16.is-reschedule .c-card-16__img::before {
    background: none;
}

.c-card-16.is-ready .c-card-16__img::before {
    background: none;
}

.c-card-16.is-end .c-card-16__img::before {
    background: none;
}

.c-card-16.is-terminated .c-card-16__img::before {
    background: none;
}

.c-card-16.is-closed .c-card-16__img::before {
    background: none;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-16__link:hover .c-card-16__img::before {
        opacity: 1;
    }
}

.c-card-16__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-16__link:hover .c-card-16__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-16__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-16__desc {
    margin: 10px 10px 0;
    padding-bottom: 10px;
    height: 100%;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-16__desc {
        margin: 2.1333333333vw 0 0;
        padding-bottom: 1.6vw;
    }
}

.c-card-16__head {
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-card-16__head {
        font-size: 2.6666666667vw;
    }
}

.c-card-16__ttl {
    margin-top: 10px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-card-16__ttl {
        margin-top: 2.1333333333vw;
        font-size: 3.7333333333vw;
    }
}

.c-card-16__txt {
    margin-top: 10px;
    font-size: 0.8125rem;
    font-weight: bold;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-card-16__txt {
        margin-top: 1.3333333333vw;
        font-size: 2.6666666667vw;
        line-height: 1.4;
    }
}

.c-card-16--disabled .c-card-16__img img,
.c-card-16.is-reschedule .c-card-16__img img,
.c-card-16.is-ready .c-card-16__img img,
.c-card-16.is-end .c-card-16__img img,
.c-card-16.is-terminated .c-card-16__img img,
.c-card-16.is-closed .c-card-16__img img {
    filter: saturate(0%);
    will-change: filter;
}

.c-card-16--disabled .c-card-16__head,
.c-card-16.is-reschedule .c-card-16__head,
.c-card-16.is-ready .c-card-16__head,
.c-card-16.is-end .c-card-16__head,
.c-card-16.is-terminated .c-card-16__head,
.c-card-16.is-closed .c-card-16__head {
    color: #999;
}

.c-card-16--disabled .c-card-16__ttl,
.c-card-16.is-reschedule .c-card-16__ttl,
.c-card-16.is-ready .c-card-16__ttl,
.c-card-16.is-end .c-card-16__ttl,
.c-card-16.is-terminated .c-card-16__ttl,
.c-card-16.is-closed .c-card-16__ttl {
    color: #999;
}

.c-card-16--disabled .c-card-16__txt,
.c-card-16.is-reschedule .c-card-16__txt,
.c-card-16.is-ready .c-card-16__txt,
.c-card-16.is-end .c-card-16__txt,
.c-card-16.is-terminated .c-card-16__txt,
.c-card-16.is-closed .c-card-16__txt {
    color: #999;
}

/*  c-card-17
--------------------------------------------- */
.c-card-17 {
    position: relative;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .c-card-17 {
        padding-bottom: 1.8666666667vw;
        border-bottom: 1px solid #000;
    }
}

.c-card-17__link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.c-card-17__inner {
    height: 100%;
}

.c-card-17__content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .c-card-17__content {
        flex-direction: row;
        gap: 0 2.6666666667vw;
    }
}

.c-card-17__img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    flex-shrink: 0;
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-17__link:hover .c-card-17__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-17__img {
        width: 44.5333333333vw;
        flex-shrink: 0;
        border-radius: 2.6666666667vw;
    }
}

.c-card-17__img::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgb(124, 198, 185) 0%, rgb(205, 201, 155) 33%, rgb(236, 131, 147) 66%, rgb(35, 74, 156) 100%);
    border-radius: 10px;
    opacity: 0;
    mix-blend-mode: overlay;
    transition: opacity 0.3s;
    z-index: 2;
}

.c-card-17--disabled .c-card-17__img::before {
    background: none;
}

.c-card-17.is-reschedule .c-card-17__img::before {
    background: none;
}

.c-card-17.is-ready .c-card-17__img::before {
    background: none;
}

.c-card-17.is-end .c-card-17__img::before {
    background: none;
}

.c-card-17.is-terminated .c-card-17__img::before {
    background: none;
}

.c-card-17.is-closed .c-card-17__img::before {
    background: none;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-17__link:hover .c-card-17__img::before {
        opacity: 1;
    }
}

.c-card-17__img img {
    border-radius: 10px;
    transition: transform 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-17__link:hover .c-card-17__img img {
        transform: scale(1.05);
    }
}

@media screen and (max-width: 767px) {
    .c-card-17__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-17__desc {
    margin: 16px 12px 0;
    padding-bottom: 16px;
    height: 100%;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-card-17__desc {
        width: 44.2666666667vw;
        margin: 0;
        padding-bottom: 0;
        border-bottom: none;
        font-size: 0;
    }
}

.c-card-17__head {
    display: flex;
    align-items: center;
    margin-left: 2px;
}

@media screen and (max-width: 767px) {
    .c-card-17__head {
        margin-left: 0;
    }
}

.c-card-17__ttl {
    margin-top: 10px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-card-17__ttl {
        margin-top: 2.1333333333vw;
        font-size: 3.7333333333vw;
    }
}

.c-card-17--disabled .c-card-17__img img,
.c-card-17.is-reschedule .c-card-17__img img,
.c-card-17.is-ready .c-card-17__img img,
.c-card-17.is-end .c-card-17__img img,
.c-card-17.is-terminated .c-card-17__img img,
.c-card-17.is-closed .c-card-17__img img {
    filter: saturate(0%);
    will-change: filter;
}

/*  c-card-18
--------------------------------------------- */
.c-card-18 {
    position: relative;
    height: 100%;
}

.c-card-18__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .c-card-18__inner {
        flex-direction: row;
    }
}

.c-card-18__img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    transition: box-shadow 0.3s;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-card-18__link:hover .c-card-18__img {
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 767px) {
    .c-card-18__img {
        margin-right: 2.6666666667vw;
        width: 44vw;
        border-radius: 2.6666666667vw;
        flex-shrink: 0;
    }
}

.c-card-18__img img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-card-18__img {
        border-radius: 2.6666666667vw;
    }
}

.c-card-18__ttl {
    margin-top: 9px;
    padding: 0 13px;
    font-size: 1.25rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-card-18__ttl {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 3.2vw;
    }
}

.c-card-18__txt {
    margin-top: 7px;
    padding: 0 10px;
    font-size: 1rem;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .c-card-18__txt {
        margin-top: 0.8vw;
        padding-left: 0;
        padding-right: 0;
        font-size: 2.6666666667vw;
        line-height: 1.4;
    }
}

/* ---------------------------------------------
*   c-cassette-1
--------------------------------------------- */
.c-cassette-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 35px;
}

@media screen and (max-width: 767px) {
    .c-cassette-1 {
        max-width: 76.5217391304%;
        margin-top: 4vw;
    }
}

.c-cassette-1__unit:nth-of-type(1) {
    width: 235px;
    padding-bottom: 23px;
    border-right: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-cassette-1__unit:nth-of-type(1) {
        width: 32vw;
        padding-bottom: 2.1333333333vw;
    }
}

.c-cassette-1__unit:nth-of-type(2) {
    padding-left: 20px;
}

@media screen and (max-width: 767px) {
    .c-cassette-1__unit:nth-of-type(2) {
        padding-left: 2.6666666667vw;
    }
}

.c-cassette-1__unit:nth-of-type(3) {
    padding-top: 20px;
    border-top: 1px solid #000;
    grid-area: 2/1/3/3;
}

@media screen and (max-width: 767px) {
    .c-cassette-1__unit:nth-of-type(3) {
        padding-top: 2.1333333333vw;
    }
}

.c-cassette-1__head {
    font-size: 0.875rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-cassette-1__head {
        font-size: 2.6666666667vw;
    }
}

.c-cassette-1__txt {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.1;
}

@media screen and (max-width: 767px) {
    .c-cassette-1__txt {
        font-size: 2.6666666667vw;
        line-height: 1.3;
    }
}

.c-cassette-1__txt-head {
    display: flex;
    align-items: baseline;
}

.c-cassette-1__num {
    display: block;
    margin-right: 10px;
    font-size: 4rem;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .c-cassette-1__num {
        margin-right: 2.6666666667vw;
        font-size: 8.5333333333vw;
    }
}

.c-cassette-1__num--01 {
    width: 124px;
}

@media screen and (max-width: 767px) {
    .c-cassette-1__num--01 {
        width: 16.8vw;
    }
}

.c-cassette-1__num--02 {
    width: 80px;
}

@media screen and (max-width: 767px) {
    .c-cassette-1__num--02 {
        width: 10.6666666667vw;
    }
}

.c-cassette-1__num--03 {
    width: 164px;
}

@media screen and (max-width: 767px) {
    .c-cassette-1__num--03 {
        width: 21.8666666667vw;
    }
}

/*  c-cassette-2
--------------------------------------------- */
.c-cassette-2 {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .c-cassette-2 {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-2__body {
        margin-top: 6.9333333333vw;
    }
}

/*  c-cassette-3
--------------------------------------------- */
.c-cassette-3 {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 14px 0;
    width: 622px;
}

@media screen and (max-width: 767px) {
    .c-cassette-3 {
        padding: 0;
        width: 100%;
    }
}

.c-cassette-3__txt {
    position: absolute;
    color: #fff;
    font-size: 2.25rem;
    font-family: "Inter", sans-serif;
    transform: rotate(-90deg);
    flex-shrink: 0;
    letter-spacing: 0.02em;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-cassette-3__txt {
        font-size: 4.2666666667vw;
    }
}

.c-cassette-3__txt--right {
    top: 52px;
    right: -63px;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .c-cassette-3__txt--right {
        top: 6.9333333333vw;
        right: -4.5333333333vw;
    }
}

.c-cassette-3__txt--left {
    bottom: 50px;
    left: -65px;
}

@media screen and (max-width: 767px) {
    .c-cassette-3__txt--left {
        bottom: 6.6666666667vw;
        left: -3.4666666667vw;
    }
}

/*  c-cassette-4
--------------------------------------------- */
.c-cassette-4 {
    width: 480px;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .c-cassette-4 {
        width: 100%;
    }
}

.c-cassette-4__cat {
    font-size: 1.25rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-cassette-4__cat {
        font-size: 3.2vw;
    }
}

.c-cassette-4__ttl {
    margin-top: 8px;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .c-cassette-4__ttl {
        margin-top: 0.8vw;
        font-size: 6.4vw;
    }
}

.c-cassette-4__txt {
    margin-top: 14px;
    font-size: 1.25rem;
    line-height: 1.7;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-cassette-4__txt {
        margin-top: 3.7333333333vw;
        font-size: 3.7333333333vw;
        line-height: 1.42;
    }
}

/*  c-cassette-5
--------------------------------------------- */
.c-cassette-5 {
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
}

@media screen and (max-width: 767px) {
    .c-cassette-5 {
        display: block;
        margin-top: 8vw;
    }
}

.c-cassette-5__head {
    width: 74.6268656716%;
    margin-right: 1.4925373134%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-5__head {
        width: 100%;
        margin-right: 0;
    }
}

.c-cassette-5__body {
    width: 23.8805970149%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-5__body {
        margin-top: 12.2666666667vw;
        width: 100%;
    }
}

.c-cassette-5--reverse {
    flex-direction: row-reverse;
}

.c-cassette-5--reverse .c-cassette-5__head {
    margin-right: 0;
    width: 23.8805970149%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-5--reverse .c-cassette-5__head {
        width: 100%;
    }
}

.c-cassette-5--reverse .c-cassette-5__body {
    width: 74.6268656716%;
    margin-right: 1.4925373134%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-5--reverse .c-cassette-5__body {
        margin-top: 6.6666666667vw;
        width: 100%;
    }
}

/*  c-cassette-6
--------------------------------------------- */
.c-cassette-6 {
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .c-cassette-6 {
        margin-top: 4.8vw;
    }
}

.c-cassette-6__container {
    display: flex;
}

@media screen and (max-width: 767px) {
    .c-cassette-6__container {
        display: block;
    }
}

.c-cassette-6__head {
    width: 347px;
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .c-cassette-6__head {
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-6__body {
        margin-top: 4.8vw;
    }
}

/*  c-cassette-7
--------------------------------------------- */
.c-cassette-7 {
    margin-top: 55px;
}

@media screen and (max-width: 767px) {
    .c-cassette-7 {
        margin-top: 8vw;
    }
}

/*  c-cassette-8
--------------------------------------------- */
.c-cassette-8 {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

@media screen and (max-width: 767px) {
    .c-cassette-8 {
        display: block;
    }
}

.c-cassette-8__left {
    width: 23.8805970149%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-8__left {
        width: 100%;
    }
}

.c-cassette-8__center {
    width: 49.2537313433%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-8__center {
        margin-top: 5.3333333333vw;
        width: 100%;
    }
}

.c-cassette-8__right {
    width: 23.8805970149%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-8__right {
        margin-top: 13.3333333333vw;
        width: 100%;
    }
}

/*  c-cassette-9
--------------------------------------------- */
.c-cassette-9 {
    margin-top: 35px;
}

@media screen and (max-width: 767px) {
    .c-cassette-9 {
        margin-top: 4.8vw;
    }
}

.c-cassette-9__head {
    margin-left: 8px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-9__head {
        margin-left: 1.0666666667vw;
        font-size: 2.6666666667vw;
    }
}

.c-cassette-9__txt {
    margin-top: -11px;
    margin-left: 3px;
    font-weight: bold;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-9__txt {
        margin-top: -2.9333333333vw;
        margin-left: 0;
        font-size: 3.2vw;
    }
}

.c-cassette-9__num {
    margin-right: 4px;
    font-weight: 500;
    font-size: 4rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-cassette-9__num {
        margin-right: 1.0666666667vw;
        font-size: 12.8vw;
    }
}

/*  c-cassette-10
--------------------------------------------- */
.c-cassette-10 {
    margin-top: 52px;
}

@media screen and (max-width: 767px) {
    .c-cassette-10 {
        margin-top: 0;
    }
}

.c-cassette-10:first-of-type {
    margin-top: -6px;
}

@media screen and (max-width: 767px) {
    .c-cassette-10:first-of-type {
        margin-top: 7.2vw;
    }
}

.c-cassette-10.js-tab-target {
    display: block;
}

@media screen and (max-width: 767px) {
    .c-cassette-10.js-tab-target {
        display: none;
        margin-top: 7.2vw;
    }
}

.c-cassette-10__head {
    padding-bottom: 18px;
    border-bottom: 6px solid #000;
}

@media screen and (max-width: 767px) {
    .c-cassette-10__head {
        padding-bottom: 2.4vw;
        border-bottom-width: 0.8vw;
    }
}

.c-cassette-10__cap {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-10__cap {
        font-size: 4.2666666667vw;
    }
}

.c-cassette-10__txt {
    margin-top: -4px;
    font-weight: bold;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-10__txt {
        margin-top: -0.8vw;
        font-size: 2.6666666667vw;
    }
}

.c-cassette-10__content {
    padding: 20px 0;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-cassette-10__content {
        padding: 2.4vw 0;
    }
}

.c-cassette-10__link {
    display: flex;
    align-items: flex-start;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-cassette-10__link {
        transition: opacity 300ms;
    }

    .c-cassette-10__link:hover {
        opacity: 0.6;
    }
}

.c-cassette-10__img {
    margin-right: 3.125%;
    width: 30.3125%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-10__img {
        margin-right: 2.6666666667vw;
        width: 25.6vw;
    }
}

.c-cassette-10__img img {
    border-radius: 5px;
}

@media screen and (max-width: 767px) {
    .c-cassette-10__img img {
        border-radius: 1.3333333333vw;
    }
}

.c-cassette-10__ttl {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: bold;
    font-size: 0.875rem;
    line-height: 1.4;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-cassette-10__ttl {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 3.2vw;
    }
}

/*  c-cassette-11
--------------------------------------------- */
.c-cassette-11 {
    margin: 0 auto;
    max-width: 1240px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .c-cassette-11 {
        max-width: none;
    }
}

.c-cassette-11__inner {
    display: flex;
    align-items: center;
}

.c-cassette-11__txt-box {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.c-cassette-11__txt-box--border {
    padding-right: 20px;
    border-right: 1px solid #919191;
}

@media screen and (max-width: 767px) {
    .c-cassette-11__txt-box {
        padding-right: 2.6666666667vw;
    }
}

.c-cassette-11__lock {
    position: relative;
    margin-left: 20px;
    padding: 0 14px 0 22px;
    height: 24px;
    background-color: #666;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-cassette-11__lock {
        margin-left: 2.6666666667vw;
        height: 4.8vw;
        padding: 0 1.0666666667vw 0 5.3333333333vw;
        border-radius: 2.6666666667vw;
    }
}

.c-cassette-11__lock::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_lock_wh.svg) 0 0 no-repeat;
    background-size: 100% auto;
    display: block;
    width: 10.667px;
    height: 14.222px;
}

@media screen and (max-width: 767px) {
    .c-cassette-11__lock::before {
        left: 1.3333333333vw;
        width: 2.1333333333vw;
        height: 2.8445333333vw;
    }
}

.c-cassette-11__lock-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 0.75rem;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-cassette-11__lock-txt {
        font-size: 2.6666666667vw;
    }
}

.c-cassette-11__head {
    font-weight: 500;
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-cassette-11__head {
        font-size: 2.6666666667vw;
    }
}

.c-cassette-11__date {
    font-weight: 500;
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-cassette-11__date {
        margin-top: 0.8vw;
        font-size: 2.6666666667vw;
    }
}

.c-cassette-11__tag {
    margin-top: 16px;
}

@media screen and (max-width: 767px) {
    .c-cassette-11__tag {
        margin-top: 0.5333333333vw;
    }
}

.c-cassette-11__tag-txt {
    font-weight: bold;
    font-size: 0.75rem;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-cassette-11__tag-txt {
        font-size: 2.6666666667vw;
    }
}

/*  c-cassette-12
--------------------------------------------- */
.c-cassette-12 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32.5806451613%;
}

@media screen and (max-width: 767px) {
    .c-cassette-12 {
        margin-top: 11.7333333333vw;
        padding: 8vw 0;
        width: 100%;
    }
}

.c-cassette-12__bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.c-cassette-12__bg img {
    width: 100%;
    height: 100%;
}

.c-cassette-12__bg::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .c-cassette-12__bg::before {
        content: none;
    }
}

.c-cassette-12__container {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .c-cassette-12__container {
        display: flex;
        justify-content: center;
    }
}

.c-cassette-12__head {
    position: relative;
    z-index: 2;
    transform: translateX(-4px);
}

@media screen and (max-width: 767px) {
    .c-cassette-12__head {
        transform: none;
    }
}

.c-cassette-12__cap {
    position: absolute;
    top: 33px;
    right: 5.6930693069%;
    color: #fff;
    font-size: 1.25rem;
    font-family: "Inter", sans-serif;
    transform: rotate(-90deg);
    flex-shrink: 0;
    letter-spacing: 0.02em;
    line-height: 1;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .c-cassette-12__cap {
        position: static;
        padding-bottom: 5.3333333333vw;
        font-size: 5.3333333333vw;
        border-bottom: 1px solid #fff;
        transform: none;
        text-align: left;
    }
}

.c-cassette-12__img {
    margin: 0 auto;
    width: 44.5544554455%;
}

@media screen and (max-width: 767px) {
    .c-cassette-12__img {
        margin-right: 5.3333333333vw;
        width: 32vw;
    }
}

.c-cassette-12__img img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-cassette-12__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-cassette-12__body {
    position: relative;
    margin: 17px 42px 0;
    padding-bottom: 27px;
    color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 2;
    text-align: center;
    transform: translateX(-4px);
}

@media screen and (max-width: 767px) {
    .c-cassette-12__body {
        margin: 2.6666666667vw 0 0;
        padding-bottom: 0;
        width: 45.8666666667vw;
        border-bottom: none;
        text-align: left;
        transform: none;
    }
}

.c-cassette-12__desc {
    display: inline-block;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .c-cassette-12__desc {
        margin-top: 4.2666666667vw;
    }
}

.c-cassette-12__txt {
    font-weight: 500;
    font-size: 0.625rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-cassette-12__txt {
        font-size: 2.6666666667vw;
    }
}

.c-cassette-12__ttl {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .c-cassette-12__ttl {
        font-size: 3.7333333333vw;
    }
}

/*  c-cassette-13
--------------------------------------------- */
.c-cassette-13 {
    display: flex;
    margin: 55px 87px 0 auto;
    max-width: 1028px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .c-cassette-13 {
        display: block;
        margin: 0;
        max-width: none;
    }
}

.c-cassette-13__head {
    width: 64.0077821012%;
    margin-right: 5.0583657588%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-13__head {
        width: 100%;
        margin-right: 0;
    }
}

.c-cassette-13__body {
    margin-top: 5px;
    width: 31.1284046693%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-13__body {
        margin: 5.3333333333vw auto 0;
        max-width: 84%;
        width: 100%;
    }
}

/*  c-cassette-14
--------------------------------------------- */
.c-cassette-14 {
    width: 32.5806451613%;
    background-color: #000;
}

@media screen and (max-width: 767px) {
    .c-cassette-14 {
        width: 100%;
        background-color: #fff;
    }
}

.c-cassette-14__box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    width: 87.6237623762%;
    height: 100%;
    transform: translate(5px, 5px);
}

@media screen and (max-width: 767px) {
    .c-cassette-14__box {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: auto;
        border-top: 1px solid #000;
        transform: none;
    }
}

.c-cassette-14__num {
    padding: 0 2px 1px;
    color: #fff;
    font-size: 2.5rem;
    font-family: "Inter", sans-serif;
    border-bottom: 1px solid #fff;
}

@media screen and (max-width: 767px) {
    .c-cassette-14__num {
        width: 9.0666666667vw;
        padding: 1.8666666667vw 0;
        color: #000;
        font-size: 4.2666666667vw;
        border-right: 1px solid #000;
        border-bottom: none;
    }
}

.c-cassette-14__num-hash {
    font-size: 50%;
    vertical-align: super;
}

.c-cassette-14__box-body {
    margin-top: 16px;
}

@media screen and (max-width: 767px) {
    .c-cassette-14__box-body {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-14__partner {
        padding-top: 1.8666666667vw;
        padding-bottom: 0.8vw;
        padding-left: 2.1333333333vw;
    }
}

.c-cassette-14__partner-head {
    color: #fff;
    font-weight: 500;
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-cassette-14__partner-head {
        color: #000;
        font-size: 2.6666666667vw;
        letter-spacing: 0;
    }
}

.c-cassette-14__partner-txt {
    color: #fff;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-cassette-14__partner-txt {
        color: #000;
        font-size: 2.6666666667vw;
    }
}

/*  c-cassette-15
--------------------------------------------- */
@media screen and (max-width: 767px) {
    .c-cassette-15 {
        margin-top: 11.7333333333vw;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-15__container {
        display: flex;
        padding: 8vw 0 8vw 8vw;
    }
}

.c-cassette-15__head {
    position: relative;
}

.c-cassette-15__cap {
    position: absolute;
    top: 33px;
    right: -19px;
    color: #000;
    font-size: 1.25rem;
    font-family: "Inter", sans-serif;
    transform: rotate(-90deg);
    letter-spacing: 0.02em;
    line-height: 1;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .c-cassette-15__cap {
        position: static;
        padding-bottom: 5.3333333333vw;
        font-size: 5.3333333333vw;
        border-bottom: 1px solid #fff;
        transform: none;
        text-align: left;
    }
}

.c-cassette-15__img {
    margin: 0 auto;
    width: 180px;
}

@media screen and (max-width: 767px) {
    .c-cassette-15__img {
        margin-right: 5.3333333333vw;
        width: 32vw;
    }
}

.c-cassette-15__img img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-cassette-15__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-cassette-15__body {
    margin-top: 17px;
    padding-bottom: 27px;
    color: #000;
    border-bottom: 1px solid #000;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-cassette-15__body {
        margin: 2.6666666667vw 0 0;
        padding-bottom: 0;
        width: 45.8666666667vw;
        border-bottom: none;
        text-align: left;
    }
}

.c-cassette-15__desc {
    display: inline-block;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .c-cassette-15__desc {
        margin-top: 4.2666666667vw;
    }
}

.c-cassette-15__txt {
    font-weight: 500;
    font-size: 0.625rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-cassette-15__txt {
        font-size: 2.6666666667vw;
    }
}

.c-cassette-15__ttl {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .c-cassette-15__ttl {
        font-size: 3.7333333333vw;
    }
}

/*  c-cassette-16
--------------------------------------------- */
.c-cassette-16 {
    margin-top: 48px;
}

@media screen and (max-width: 767px) {
    .c-cassette-16 {
        margin: 3.4666666667vw auto 0;
        max-width: 84%;
    }
}

.c-cassette-16__ttl {
    padding-bottom: 10px;
    border-bottom: 6px solid #000;
    font-weight: bold;
    font-size: 1.75rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-16__ttl {
        padding-bottom: 0.8vw;
        border-bottom-width: 0.8vw;
        font-size: 4.8vw;
    }
}

.c-cassette-16__inner {
    padding: 40px 0;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-cassette-16__inner {
        padding: 4.8vw 0;
    }

    .c-cassette-16__inner:last-of-type {
        border-bottom: none;
    }
}

.c-cassette-16__link {
    display: flex;
    align-items: center;
}

.c-cassette-16__img {
    margin-right: 23px;
    width: 207px;
    flex-shrink: 0;
    transition: opacity 100ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-cassette-16__img:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-16__img {
        margin-right: 2.4vw;
        width: 24vw;
    }
}

.c-cassette-16__txt {
    font-weight: bold;
    font-size: 1rem;
    text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
    .c-cassette-16__link:hover .c-cassette-16__txt {
        text-decoration: none;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-16__txt {
        font-size: 2.6666666667vw;
    }
}

/*  c-cassette-17
--------------------------------------------- */
@media screen and (max-width: 767px) {
    .c-cassette-17 {
        margin: 0 auto;
        max-width: 92%;
        width: 100%;
        border-top: 1px solid #000;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-17--bn {
        border-top: none;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-17__container {
        display: flex;
        justify-content: center;
        padding-top: 13.3333333333vw;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-17__head {
        position: relative;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-17__cap {
        position: static;
        padding-bottom: 4.5333333333vw;
        color: #000;
        font-family: "Inter", sans-serif;
        font-size: 5.3333333333vw;
        border-bottom: 1px solid #000;
        letter-spacing: 0.02em;
        line-height: 1;
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-17__img {
        margin-right: 5.3333333333vw;
        width: 32vw;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-17__img img {
        border-radius: 2.6666666667vw;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-17__body {
        margin: 2.6666666667vw 0 0;
        width: 45.8666666667vw;
        color: #000;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-17__desc {
        display: inline-block;
        margin-top: 4.2666666667vw;
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-17__txt {
        font-weight: 500;
        font-family: "Inter", sans-serif;
        font-size: 2.6666666667vw;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-17__ttl {
        margin-top: 1.0666666667vw;
        font-weight: bold;
        font-size: 3.7333333333vw;
        line-height: 1.3;
    }
}

/*  c-cassette-18
--------------------------------------------- */
.c-cassette-18 {
    margin: 0 auto;
    max-width: 1240px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .c-cassette-18 {
        max-width: none;
    }
}

.c-cassette-18__container {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .c-cassette-18__container {
        display: block;
    }
}

.c-cassette-18__info {
    display: flex;
    align-items: center;
}

.c-cassette-18__cap {
    font-weight: 500;
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-cassette-18__cap {
        font-size: 2.6666666667vw;
    }
}

.c-cassette-18__date {
    font-weight: 500;
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-cassette-18__date {
        margin-top: 0.8vw;
        font-size: 2.6666666667vw;
    }
}

.c-cassette-18__type {
    margin-left: 18px;
    margin-right: 20px;
    padding: 7px 20px;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-cassette-18__type {
        width: 26.6666666667vw;
        margin-right: 2.6666666667vw;
        padding-top: 1.8666666667vw;
        padding-bottom: 1.8666666667vw;
        font-size: 2.6666666667vw;
    }
}

.c-cassette-18__tag {
    margin-top: 16px;
}

@media screen and (max-width: 767px) {
    .c-cassette-18__tag {
        margin-top: 0.5333333333vw;
    }
}

.c-cassette-18__tag-txt {
    font-weight: bold;
    font-size: 0.75rem;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-cassette-18__tag-txt {
        font-size: 2.6666666667vw;
    }
}

.c-cassette-18__body {
    width: 32.5806451613%;
    border-left: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-cassette-18__body {
        margin-top: 4.2666666667vw;
        width: 100%;
        border-left: none;
    }
}

.c-cassette-18__txt {
    margin-top: 18px;
    font-size: 0.875rem;
    text-align: center;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-cassette-18__txt {
        margin-top: 2.1333333333vw;
        font-size: 3.2vw;
    }
}

.c-cassette-18__txt-link {
    font-weight: bold;
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
    .c-cassette-18__txt-link:hover {
        text-decoration: none;
    }
}

/*  c-cassette-19
--------------------------------------------- */
.c-cassette-19 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32.5806451613%;
    background-color: #000;
}

@media screen and (max-width: 767px) {
    .c-cassette-19 {
        margin: 8vw auto 0;
        width: 84vw;
        border-radius: 2.6666666667vw;
    }
}

.c-cassette-19__container {
    margin: 0 auto;
    width: 85.1485148515%;
}

@media screen and (max-width: 767px) {
    .c-cassette-19__container {
        padding: 7.2vw 4.2666666667vw 8.8vw;
        width: 100%;
    }
}

/*  c-cassette-20
--------------------------------------------- */
.c-cassette-20 {
    margin-top: 90px;
}

@media screen and (max-width: 767px) {
    .c-cassette-20 {
        margin: 12vw auto 0;
        max-width: 84%;
    }
}

.c-cassette-13__head .c-cassette-20 {
    margin: 40px auto;
}

@media screen and (max-width: 767px) {
    .c-cassette-13__head .c-cassette-20 {
        margin: 10.6666666667vw auto;
    }
}

.c-cassette-20__ttl {
    padding-bottom: 10px;
    border-bottom: 6px solid #000;
    font-weight: bold;
    font-size: 1.75rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-20__ttl {
        padding-bottom: 0.8vw;
        border-bottom-width: 0.8vw;
        font-size: 4.8vw;
    }
}

.c-cassette-20__inner {
    display: flex;
    padding: 27px 0 22px;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-cassette-20__inner {
        padding: 5.3333333333vw 0 5.0666666667vw;
    }
}

.c-cassette-20__inner:first-of-type {
    padding-top: 60px;
}

@media screen and (max-width: 767px) {
    .c-cassette-20__inner:first-of-type {
        padding-top: 4.8vw;
    }
}

.c-cassette-20__img {
    margin-right: 26px;
    width: 180px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-20__img {
        margin-right: 2.4vw;
        width: 25.3333333333vw;
    }
}

.c-cassette-20__img img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-cassette-20__img img {
        border-radius: 2.6666666667vw;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-20__txt-box {
        margin-top: -0.5333333333vw;
    }
}

.c-cassette-20__head {
    font-weight: bold;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-20__head {
        font-size: 2.1333333333vw;
    }
}

.c-cassette-20__name {
    margin-top: 3px;
    font-weight: bold;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-20__name {
        margin-top: 0;
        font-size: 3.7333333333vw;
    }
}

.c-cassette-20__name span {
    margin-left: 5px;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-20__name span {
        margin-left: 1.3333333333vw;
        font-size: 2.6666666667vw;
    }
}

.c-cassette-20__txt {
    margin-top: 9px;
    font-size: 0.75rem;
    line-height: 1.667;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-cassette-20__txt {
        margin-top: 1.0666666667vw;
        font-size: 3.2vw;
        line-height: 1.4;
    }
}

/*  c-cassette-21
--------------------------------------------- */
.c-cassette-21 {
    margin-top: 100px;
}

@media screen and (max-width: 767px) {
    .c-cassette-21 {
        margin: 12.5333333333vw auto 0;
        max-width: 84%;
    }
}

.c-cassette-21__ttl {
    padding-bottom: 10px;
    border-bottom: 6px solid #000;
    font-weight: bold;
    font-size: 1.75rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-21__ttl {
        padding-bottom: 0.8vw;
        border-bottom-width: 0.8vw;
        font-size: 4.8vw;
    }
}

/*  c-cassette-22
--------------------------------------------- */
.c-cassette-22__head {
    font-weight: bold;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-22__head {
        font-size: 2.6666666667vw;
    }
}

.c-cassette-22__ttl {
    margin-top: 8px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 1.5rem;
    border-bottom: 6px solid #000;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-cassette-22__ttl {
        margin-top: 1.0666666667vw;
        padding-bottom: 2.6666666667vw;
        font-size: 4.2666666667vw;
        border-bottom-width: 0.8vw;
    }
}

/*  c-cassette-23
--------------------------------------------- */
.c-cassette-23 {
    padding-top: 70px;
}

@media screen and (max-width: 767px) {
    .c-cassette-23 {
        margin: 0 auto;
        padding-top: 13.8666666667vw;
    }
}

.c-cassette-23__container {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    padding-bottom: 60px;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-cassette-23__container {
        display: block;
        padding-bottom: 11.7333333333vw;
    }
}

.c-cassette-23__head {
    position: relative;
}

.c-cassette-23__img {
    width: 480px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-23__img {
        margin: 0 auto;
        width: 76vw;
    }
}

.c-cassette-23__img img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-cassette-23__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-cassette-23__bg {
    position: absolute;
    top: -170px;
    right: -189px;
    width: 798px;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .c-cassette-23__bg {
        top: -21.8666666667vw;
        right: -8.8vw;
        width: 103.7333333333vw;
    }
}

.c-cassette-23__body {
    margin: 63px 130px 0 20px;
    width: 620px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-23__body {
        margin: 3.7333333333vw auto 0;
        width: 86.4vw;
    }
}

.c-cassette-23__name {
    font-weight: bold;
    font-size: 3rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-23__name {
        font-size: 7.4666666667vw;
    }
}

.c-cassette-23__ttl {
    margin-top: 10px;
    font-weight: bold;
    font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-23__ttl {
        margin-top: 1.3333333333vw;
        font-size: 3.7333333333vw;
    }
}

.c-cassette-23__txt {
    margin-top: 23px;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.556;
    text-align: justify;
}

@media screen and (max-width: 767px) {
    .c-cassette-23__txt {
        margin-top: 4.2666666667vw;
        font-size: 3.7333333333vw;
        line-height: 1.42;
    }
}

.c-cassette-23__tag {
    margin-top: 31px;
    padding-top: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-cassette-23__tag {
        margin-top: 4.2666666667vw;
        padding-top: 2.6666666667vw;
    }
}

.c-cassette-23__tag-txt {
    margin-right: 17px;
    font-weight: bold;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-23__tag-txt {
        margin-right: 4.2666666667vw;
        font-size: 3.2vw;
        line-height: 1.8;
    }
}

/*  c-cassette-24
--------------------------------------------- */
.c-cassette-24 {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .c-cassette-24 {
        display: block;
    }
}

.c-cassette-24__head {
    width: 62.5373134328%;
    margin-right: 1.4179104478%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-24__head {
        width: 100%;
        margin-right: 0;
    }
}

.c-cassette-24__body {
    width: 28.5820895522%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-24__body {
        margin-top: 10.6666666667vw;
        width: 100%;
    }
}

/*  c-cassette-25
--------------------------------------------- */
.c-cassette-25__container {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .c-cassette-25__container {
        display: block;
    }
}

.c-cassette-25__head {
    width: 58.5820895522%;
    border-right: 1px solid #fff;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-25__head {
        padding-bottom: 5.8666666667vw;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #fff;
    }
}

.c-cassette-25__cap {
    color: #fff;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    font-size: 1.90625rem;
    letter-spacing: 0.04em;
    transition-delay: 0.35s !important;
}

@media screen and (max-width: 767px) {
    .c-cassette-25__cap {
        font-size: 3.96vw;
    }
}

.c-cassette-25__ttl-wrap {
    margin-top: -11px;
    color: #fff;
    font-weight: bold;
    transform: translateX(-14px);
    transition-delay: 0.5s !important;
}

@media screen and (max-width: 767px) {
    .c-cassette-25__ttl-wrap {
        margin-top: -1.3333333333vw;
        transform: none;
    }
}

.c-cassette-25__ttl-l {
    display: flex;
    align-items: center;
    font-size: 5rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-25__ttl-l {
        font-size: 9.4666666667vw;
        white-space: nowrap;
    }
}

.c-cassette-25__ttl {
    margin-top: -12px;
    margin-left: 6px;
    font-size: 3.4rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-25__ttl {
        margin-top: -1.6666666667vw;
        margin-left: 0;
        font-size: 6.5333333333vw;
        white-space: nowrap;
    }
}

.c-cassette-25__txt {
    margin-top: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 1.25rem;
    transition-delay: 0.65s !important;
}

@media screen and (max-width: 767px) {
    .c-cassette-25__txt {
        margin-top: 1.8666666667vw;
        font-size: 3.7333333333vw;
    }

    .safari .c-cassette-25__txt {
        letter-spacing: -0.02em;
    }
}

.c-cassette-25__body {
    margin-top: 106px;
    padding-left: 59px;
    width: 41.4179104478%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-25__body {
        margin-top: 5.3333333333vw;
        padding-left: 0;
        width: 100%;
    }
}

.safari .c-cassette-25__body {
    padding-left: 56px;
}

@media screen and (max-width: 767px) {
    .safari .c-cassette-25__body {
        padding-left: 0;
    }
}

.ipad .c-cassette-25__body {
    padding-left: 20px;
}

.c-cassette-25__txt-2 {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    transition-delay: 0.8s !important;
}

@media screen and (max-width: 767px) {
    .c-cassette-25__txt-2 {
        font-size: 4.2666666667vw;
        text-align: center;
    }
}

/*  c-cassette-26
--------------------------------------------- */
.c-cassette-26__container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .c-cassette-26__container {
        display: block;
    }
}

.c-cassette-26__head {
    margin-top: 8px;
    margin-right: 6px;
    width: 26.5625%;
}

@media screen and (max-width: 767px) {
    .c-cassette-26__head {
        margin-top: 0;
        margin-right: 0;
        width: 63.4666666667vw;
    }
}

.c-cassette-26__img {
    width: 100%;
    flex-shrink: 0;
}

.c-cassette-26__body {
    margin-left: 9px;
    width: 64.84375%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-26__body {
        margin-top: 7.4666666667vw;
        margin-left: 0;
        width: 100%;
    }
}

.c-cassette-26__txt {
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-26__txt {
        font-size: 3.7333333333vw;
    }
}

/*  c-cassette-27
--------------------------------------------- */
.c-cassette-27 {
    position: relative;
}

.c-cassette-27+.c-cassette-27 {
    margin-top: 365px;
}

@media screen and (max-width: 767px) {
    .c-cassette-27+.c-cassette-27 {
        margin-top: 44vw;
    }
}

.c-cassette-27__cap {
    position: relative;
    margin-left: auto;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .c-cassette-27__cap {
        margin-right: 3.7333333333vw;
    }
}

.c-cassette-27--reverse .c-cassette-27__cap {
    margin-right: auto;
    margin-left: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-27--reverse .c-cassette-27__cap {
        margin-left: 3.7333333333vw;
    }
}

.c-cassette-27__cap--1 {
    width: 779px;
}

@media screen and (max-width: 767px) {
    .c-cassette-27__cap--1 {
        width: 53.0666666667vw;
    }
}

.c-cassette-27__cap--2 {
    width: 879px;
}

@media screen and (max-width: 767px) {
    .c-cassette-27__cap--2 {
        width: 60vw;
    }
}

.c-cassette-27__cap--3 {
    width: 857px;
}

@media screen and (max-width: 767px) {
    .c-cassette-27__cap--3 {
        width: 58.6666666667vw;
    }
}

.c-cassette-27__img-1 {
    position: absolute;
    top: 95px;
    right: 50px;
    width: 660px;
    z-index: 3;
}

@media screen and (max-width: 767px) {
    .c-cassette-27__img-1 {
        top: 6.9333333333vw;
        right: 4.2666666667vw;
        width: 53.3333333333vw;
        z-index: 6;
    }
}

.c-cassette-27__img-1 img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-cassette-27__img-1 img {
        border-radius: 2.6666666667vw;
    }
}

.c-cassette-27--reverse .c-cassette-27__img-1 {
    right: auto;
    left: 50px;
}

@media screen and (max-width: 767px) {
    .c-cassette-27--reverse .c-cassette-27__img-1 {
        left: 4.2666666667vw;
    }
}

.c-cassette-27__img-2 {
    position: relative;
    margin-top: 216px;
    width: 936px;
    z-index: 4;
}

@media screen and (max-width: 767px) {
    .c-cassette-27__img-2 {
        margin-top: 31.4666666667vw;
        width: 80vw;
    }
}

.c-cassette-27__img-2 img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-cassette-27__img-2 img {
        border-radius: 2.6666666667vw;
    }
}

.c-cassette-27--reverse .c-cassette-27__img-2 {
    margin-left: auto;
}

.c-cassette-27__box {
    position: absolute;
    top: 672px;
    right: 50px;
    width: 660px;
    padding: 58px 0 63px 30px;
    background-color: #000;
    border-radius: 10px;
    z-index: 5;
}

@media screen and (max-width: 767px) {
    .c-cassette-27__box {
        position: relative;
        top: auto;
        right: auto;
        min-height: 75.2vw;
        margin: 6.4vw auto 0;
        padding: 6.9333333333vw 4.2666666667vw 6.4vw;
        width: 92vw;
        border-radius: 2.6666666667vw;
    }
}

.c-cassette-27--reverse .c-cassette-27__box {
    right: auto;
    left: 50px;
}

@media screen and (max-width: 767px) {
    .c-cassette-27--reverse .c-cassette-27__box {
        left: auto;
    }
}

.safari .c-cassette-27__box {
    padding-right: 37px;
    padding-left: 37px;
}

@media screen and (max-width: 767px) {
    .safari .c-cassette-27__box {
        padding-right: 4.2666666667vw;
        padding-left: 4.2666666667vw;
    }
}

.c-cassette-27__ttl {
    color: #fff;
    font-weight: bold;
    font-size: 3rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-27__ttl {
        font-size: 6.4vw;
    }
}

.c-cassette-27__txt {
    margin-top: 50px;
    padding-right: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-27__txt {
        margin-top: 4vw;
        padding-right: 0;
        font-size: 3.7333333333vw;
    }
}

/*  c-cassette-28
--------------------------------------------- */
.c-cassette-28 {
    position: absolute;
    top: 72px;
    left: 229px;
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .c-cassette-28 {
        top: -23.7333333333vw;
        left: 4.5333333333vw;
    }
}

.c-cassette-28--inspiration {
    top: 103px;
    right: 215px;
    left: auto;
}

@media screen and (max-width: 767px) {
    .c-cassette-28--inspiration {
        top: -23.7333333333vw;
        right: 4.5333333333vw;
    }
}

.c-cassette-28--new-style {
    top: 110px;
    left: 252px;
}

@media screen and (max-width: 767px) {
    .c-cassette-28--new-style {
        top: -24vw;
        left: 7.7333333333vw;
    }
}

.c-cassette-28__inner {
    display: flex;
    align-items: center;
    gap: 0 34px;
}

@media screen and (max-width: 767px) {
    .c-cassette-28__inner {
        gap: 0 3.7333333333vw;
    }
}

.c-cassette-28--inspiration .c-cassette-28__inner {
    flex-direction: row-reverse;
}

.c-cassette-28__txt {
    color: #fff;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 1.125rem;
    letter-spacing: 0.18em;
}

@media screen and (max-width: 767px) {
    .c-cassette-28__txt {
        margin-top: 2.6666666667vw;
        font-size: 2.6666666667vw;
    }
}

.c-cassette-28__img {
    width: 98px;
}

@media screen and (max-width: 767px) {
    .c-cassette-28__img {
        width: 13.3333333333vw;
    }
}

/*  c-cassette-29
--------------------------------------------- */
.c-cassette-29 {
    position: relative;
    margin-top: 557px;
    text-align: center;
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .c-cassette-29 {
        margin-top: 59.7333333333vw;
    }
}

.c-cassette-29__img {
    margin: 0 auto;
    width: 97px;
    transform: translateX(-15px);
}

@media screen and (max-width: 767px) {
    .c-cassette-29__img {
        width: 13.3333333333vw;
        transform: none;
    }
}

.c-cassette-29__ttl {
    color: #fff;
    font-size: 4.5rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.12em;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-cassette-29__ttl {
        font-size: 9.6vw;
    }
}

.c-cassette-29__txt {
    margin: 36px auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    text-align: left;
}

@media screen and (max-width: 767px) {
    .c-cassette-29__txt {
        margin-top: 6.4vw;
        width: 92vw;
        font-size: 3.7333333333vw;
    }
}

/*  c-cassette-30
--------------------------------------------- */
.c-cassette-30__container {
    display: flex;
}

@media screen and (max-width: 767px) {
    .c-cassette-30__container {
        display: block;
    }
}

.c-cassette-30__head {
    padding-top: 10px;
    padding-right: 98px;
    border-right: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-cassette-30__head {
        padding-top: 0;
        padding-right: 0;
        border-right: none;
    }
}

.c-cassette-30__cap {
    margin-left: 4px;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-30__cap {
        margin-left: 0.5333333333vw;
        font-size: 3.2vw;
    }
}

.c-cassette-30__cap-num {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-30__cap-num {
        font-size: 3.2vw;
    }
}

.c-cassette-30__ttl {
    position: relative;
    margin-top: -2px;
    font-size: 8rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-cassette-30__ttl {
        margin-top: 0.8vw;
        font-size: 12.8vw;
    }
}

.c-cassette-30__ttl::after {
    content: "";
    position: absolute;
    top: -45px;
    right: -79px;
    display: block;
    width: 134px;
    height: 88px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 767px) {
    .c-cassette-30__ttl::after {
        top: -10.6666666667vw;
        right: 25.6vw;
        width: 24.5333333333vw;
        height: 16.2666666667vw;
    }
}

.c-cassette-30__ttl--media::after {
    background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/img_balloon_01.png);
}

@media screen and (max-width: 767px) {
    .c-cassette-30__ttl--media::after {
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/sp/img_balloon_01.png);
    }
}

.c-cassette-30__ttl--base::after {
    top: -48px;
    right: -65px;
    background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/img_balloon_02.png);
}

@media screen and (max-width: 767px) {
    .c-cassette-30__ttl--base::after {
        top: -10.6666666667vw;
        right: 31.7333333333vw;
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/sp/img_balloon_02.png);
    }
}

.c-cassette-30__ttl--park::after {
    right: -57px;
    background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/img_balloon_03.png);
}

@media screen and (max-width: 767px) {
    .c-cassette-30__ttl--park::after {
        right: 32vw;
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/sp/img_balloon_03.png);
    }
}

.c-cassette-30__ttl--play::after {
    right: -66px;
    background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/img_balloon_04.png);
}

@media screen and (max-width: 767px) {
    .c-cassette-30__ttl--play::after {
        right: 31.7333333333vw;
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/sp/img_balloon_04.png);
    }
}

.c-cassette-30__body {
    margin: 7px 0 7px 39px;
    width: 44.0298507463%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-30__body {
        margin: 5.0666666667vw 0 0;
        width: 100%;
    }
}

.c-cassette-30__ttl-2 {
    font-weight: bold;
    font-size: 1.875rem;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-cassette-30__ttl-2 {
        font-size: 5.3333333333vw;
    }

    .windows .c-cassette-30__ttl-2 {
        font-size: 5.0666666667vw;
    }
}

.c-cassette-30__txt {
    margin-top: 14px;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-30__txt {
        margin-top: 4vw;
        font-size: 3.7333333333vw;
    }
}

/*  c-cassette-31
--------------------------------------------- */
.c-cassette-31__container {
    display: flex;
    gap: 0 60px;
}

@media screen and (max-width: 767px) {
    .c-cassette-31__container {
        display: block;
    }
}

.c-cassette-31__head {
    width: 49.2537313433%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-31__head {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-31__img {
        margin-top: 4.5333333333vw;
    }
}

.c-cassette-31__img img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-cassette-31__img img {
        border-radius: 2.6666666667vw;
    }
}

.c-cassette-31__body {
    margin-top: 61px;
    width: 43.2835820896%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-31__body {
        margin: 5.0666666667vw auto 0;
        width: 86.6666666667vw;
    }
}

.c-cassette-31__ttl {
    font-size: 4rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-cassette-31__ttl {
        font-size: 9.6vw;
    }
}

.c-cassette-31__txt {
    margin-top: 18px;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-31__txt {
        font-size: 3.7333333333vw;
    }
}

/*  c-cassette-32
--------------------------------------------- */
.c-cassette-32 {
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    .c-cassette-32 {
        margin-top: 8vw;
    }
}

.c-cassette-32__container {
    display: flex;
    gap: 0 1.4925373134%;
}

@media screen and (max-width: 767px) {
    .c-cassette-32__container {
        display: block;
    }
}

/*  c-cassette-33
--------------------------------------------- */
.c-cassette-33 {
    width: 32.3134328358%;
}

@media screen and (max-width: 767px) {
    .c-cassette-33 {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-33+.c-cassette-33 {
        margin-top: 6.9333333333vw;
    }
}

.c-cassette-33__container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 767px) {
    .c-cassette-33__img {
        margin-top: 4vw;
    }
}

.c-cassette-33__body {
    margin-top: 14px;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .c-cassette-33__body {
        margin: 4.8vw auto 0;
        width: 86.6666666667vw;
        padding: 0;
    }
}

.c-cassette-33__ttl {
    font-size: 3.5rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-cassette-33__ttl {
        font-size: 7.4666666667vw;
    }
}

.c-cassette-33__txt {
    margin-top: 10px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .c-cassette-33__txt {
        margin-top: 0;
        font-size: 3.2vw;
        line-height: 1.5;
    }
}

/*  c-cassette-34
--------------------------------------------- */
.c-cassette-34__container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 0 100px;
}

@media screen and (max-width: 767px) {
    .c-cassette-34__container {
        display: block;
    }
}

.c-cassette-34__head {
    margin-top: 96px;
    width: 40.9722222222%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-34__head {
        margin-top: -10.9333333333vw;
        padding: 0 8vw;
        width: 100%;
    }
}

.c-cassette-34__ttl {
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-cassette-34__ttl {
        font-size: 5.3333333333vw;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-34__ttl-2 {
        margin-top: -1.0666666667vw;
        font-weight: bold;
        font-size: 9.6vw;
    }
}

.c-cassette-34__txt {
    margin-top: 28px;
    font-size: 1.125rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-cassette-34__txt {
        margin-top: 4.5333333333vw;
        font-size: 3.7333333333vw;
        letter-spacing: -0.02em;
    }
}

@media screen and (max-width: 767px) {
    .c-cassette-34__txt-2 {
        font-weight: bold;
        font-size: 2.6666666667vw;
    }
}

.c-cassette-34__body {
    width: 40.2777777778%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-34__body {
        margin: 6.4vw auto 0;
        padding: 0 4vw;
        width: 100%;
    }
}

.c-cassette-34__img-wrap {
    height: 675px;
    overflow-y: scroll;
    box-shadow: 0 30px 24px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.c-cassette-34__img-wrap::-webkit-scrollbar {
    display: none;
}

@media screen and (max-width: 767px) {
    .c-cassette-34__img-wrap {
        height: 100%;
        overflow: visible;
        box-shadow: none;
        border-radius: 2.6666666667vw;
    }
}

.c-cassette-34__img img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-cassette-34__img img {
        border-radius: 2.6666666667vw;
    }
}

/*  c-cassette-35
--------------------------------------------- */
@media screen and (max-width: 767px) {
    .c-cassette-35 {
        margin: 0 auto;
        max-width: 91.3043478261%;
    }
}

.c-cassette-35__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 23px;
}

@media screen and (max-width: 767px) {
    .c-cassette-35__container {
        display: block;
    }
}

.c-cassette-35__box {
    width: 546px;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-cassette-35__box {
        width: 100%;
        border-radius: 2.6666666667vw;
    }
}

.c-cassette-35__ttl {
    font-weight: bold;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-35__ttl {
        font-size: 4.8vw;
    }
}

.c-cassette-35__img {
    margin-top: 34px;
}

@media screen and (max-width: 767px) {
    .c-cassette-35__img {
        margin-top: 2.1333333333vw;
    }
}

.c-cassette-35__cross {
    margin-top: 73px;
    width: 119px;
}

@media screen and (max-width: 767px) {
    .c-cassette-35__cross {
        margin: 6.4vw auto 0;
        width: 18.6666666667vw;
    }
}

/*  c-cassette-36
--------------------------------------------- */
.c-cassette-36 {
    margin-top: 45px;
}

@media screen and (max-width: 767px) {
    .c-cassette-36 {
        margin-top: 9.6vw;
    }
}

.c-cassette-36__container {
    display: flex;
    justify-content: space-between;
    gap: 0 164px;
}

@media screen and (max-width: 767px) {
    .c-cassette-36__container {
        display: block;
    }
}

.c-cassette-36__head {
    margin-top: 20px;
    width: 546px;
}

@media screen and (max-width: 767px) {
    .c-cassette-36__head {
        margin: 0 auto;
        width: 100%;
        max-width: 91.3043478261%;
    }
}

.c-cassette-36__txt {
    font-weight: bold;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-36__txt {
        font-size: 3.2vw;
    }
}

.c-cassette-36__body {
    width: 546px;
}

@media screen and (max-width: 767px) {
    .c-cassette-36__body {
        width: 100%;
    }
}

/*  c-cassette-37
--------------------------------------------- */
.c-cassette-37 {
    margin: 96px auto 0;
    width: 1180px;
}

@media screen and (max-width: 767px) {
    .c-cassette-37 {
        margin: 14.4vw auto 0;
        width: 84vw;
    }
}

.c-cassette-37__container {
    display: flex;
    justify-content: space-between;
    gap: 0 110px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .c-cassette-37__container {
        display: block;
    }
}

.c-cassette-37__card {
    position: relative;
    width: 320px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-cassette-37__card {
        display: flex;
        width: 100%;
        gap: 0 6.1333333333vw;
    }

    .c-cassette-37__card+.c-cassette-37__card {
        margin-top: 17.0666666667vw;
    }
}

.c-cassette-37__card::after {
    content: "";
    position: absolute;
    top: 44px;
    right: -72px;
    display: block;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/ico_arrow_black.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 36px;
    height: 31px;
}

@media screen and (max-width: 767px) {
    .c-cassette-37__card::after {
        top: auto;
        right: auto;
        bottom: -11.2vw;
        left: 8.5333333333vw;
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/sp/ico_arrow_black.svg);
        width: 5.3333333333vw;
        height: 5.8666666667vw;
    }
}

.c-cassette-37__card:last-of-type::after {
    content: none;
}

.c-cassette-37__img {
    margin: 0 auto;
    width: 120px;
}

@media screen and (max-width: 767px) {
    .c-cassette-37__img {
        width: 24vw;
        flex-shrink: 0;
    }
}

.c-cassette-37__num {
    margin-top: -34px;
    font-size: 3rem;
    font-weight: 500;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-cassette-37__num {
        margin-top: -3.7333333333vw;
        font-size: 5.3333333333vw;
    }
}

.c-cassette-37__ttl {
    margin-top: 2px;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-cassette-37__ttl {
        margin-top: 0.2666666667vw;
        font-size: 3.7333333333vw;
    }
}

.c-cassette-37__txt {
    margin-top: 17px;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-cassette-37__txt {
        margin-top: 1.6vw;
        font-size: 3.2vw;
    }
}

/*  c-form-1
--------------------------------------------- */
.c-form-1-wrap {
    position: relative;
    margin-top: -34px;
    width: 660px;
    height: 48px;
}

@media screen and (max-width: 767px) {
    .c-form-1-wrap {
        margin-top: 8.2666666667vw;
        width: 100%;
        height: 12.8vw;
    }
}

.c-form-1 {
    width: 100%;
    height: 100%;
}

.c-form-1__input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 7px 46px 7px 20px;
    font-size: 1rem;
    color: #000;
    border: 1px solid #CBCBCB;
    border-radius: 10px;
    line-height: normal;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .c-form-1__input {
        padding: 1.8666666667vw 12.2666666667vw 1.8666666667vw 3.7333333333vw;
        font-size: 3.7333333333vw;
        border-radius: 2.6666666667vw;
    }

    .iphone .c-form-1__input {
        font-size: 4.2666666667vw;
    }
}

.c-form-1__input::-moz-placeholder {
    color: #999;
    font-family: inherit;
    line-height: normal;
}

.c-form-1__input::placeholder {
    color: #999;
    font-family: inherit;
    line-height: normal;
}

.c-form-1__input::-moz-placeholder {
    opacity: 1;
}

@media screen and (min-width: 768px) {
    .c-form-1__input:focus {
        border-width: 3px;
        border-color: #5084F2;
    }
}

.iphone .c-form-1__input,
.ipad .c-form-1__input {
    padding-top: 7px;
    padding-bottom: 10px;
}

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

    .iphone .c-form-1__input,
    .ipad .c-form-1__input {
        padding-top: 1.8666666667vw;
        padding-bottom: 2.4vw;
    }
}

.c-form-1__btn {
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 18px;
}

@media screen and (max-width: 767px) {
    .c-form-1__btn {
        right: 4.8vw;
        width: 4.8vw;
    }
}

.c-form-1__btn img {
    display: block;
}

/*  c-form-2
--------------------------------------------- */
.c-form-2 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px;
}

@media screen and (max-width: 767px) {
    .c-form-2 {
        height: 9.6vw;
    }
}

.c-form-2__input {
    display: block;
    width: 103px;
    height: 100%;
    padding: 7px;
    font-weight: bold;
    font-size: 1rem;
    color: #231815;
    border: 1px solid #231815;
    border-radius: 10px;
    line-height: normal;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .c-form-2__input {
        width: 27.4666666667vw;
        padding: 1.8666666667vw;
        font-size: 4.2666666667vw;
        border-radius: 2.6666666667vw;
    }

    .iphone .c-form-2__input {
        font-size: 4.2666666667vw;
    }
}

.iphone .c-form-2__input,
.ipad .c-form-2__input {
    padding-top: 7px;
    padding-bottom: 10px;
}

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

    .iphone .c-form-2__input,
    .ipad .c-form-2__input {
        padding-top: 1.8666666667vw;
        padding-bottom: 2.1333333333vw;
    }
}

.c-form-2__line {
    margin: 0 6px;
    font-size: 1rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-form-2__line {
        margin: 0 1.6vw;
        font-size: 4.2666666667vw;
    }
}

.c-form-2__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    width: 115px;
    height: 100%;
    border-radius: 10px;
    font-weight: bold;
    font-size: 0.875rem;
    color: #fff;
    background-color: #231815;
    transition: opacity 300ms;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-form-2__btn:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width: 767px) {
    .c-form-2__btn {
        margin-left: 1.3333333333vw;
        width: 30.6666666667vw;
        border-radius: 2.6666666667vw;
        font-size: 3.2vw;
    }
}

/*  c-form-3
--------------------------------------------- */
/*  c-form-4
--------------------------------------------- */
.c-form-4 {
    margin: 32px auto 0;
    width: 83.8709677419%;
}

@media screen and (max-width: 767px) {
    .c-form-4 {
        margin-top: 0;
        width: 100%;
    }
}

.c-form-4__head {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .c-form-4__head {
        padding-bottom: 8vw;
    }
}

.c-form-4__link {
    margin-top: 26px;
    display: block;
    font-weight: bold;
    font-size: 0.75rem;
    text-decoration: underline;
    text-align: center;
    letter-spacing: 0.02em;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-form-4__link:hover {
        text-decoration: none;
    }
}

@media screen and (max-width: 767px) {
    .c-form-4__link {
        margin-top: 6.9333333333vw;
        font-size: 3.2vw;
    }
}

.c-form-4__body {
    padding-top: 30px;
    border-top: 1px solid #919191;
}

@media screen and (max-width: 767px) {
    .c-form-4__body {
        padding-top: 9.6vw;
    }
}

.c-form-4__txt {
    font-weight: bold;
    font-size: 1.125rem;
    text-align: center;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .c-form-4__txt {
        font-size: 4.8vw;
        white-space: normal;
    }
}

/*  c-form-5
--------------------------------------------- */
.c-form-5 {
    margin-top: 25px;
}

@media screen and (max-width: 767px) {
    .c-form-5 {
        margin-top: 9.8666666667vw;
    }
}

/* ---------------------------------------------
*   c-radio
--------------------------------------------- */
.c-radio {
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 16px;
    min-width: 150px;
}

@media screen and (max-width: 767px) {
    .c-radio {
        line-height: 4.2666666667vw;
        min-width: 40vw;
    }
}

.c-radio--full {
    display: block;
}

.c-radio--full+.c-radio--full {
    margin-top: 28px;
}

@media screen and (max-width: 767px) {
    .c-radio--full+.c-radio--full {
        margin-top: 7.4666666667vw;
    }
}

.c-radio__input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
}

.c-radio__txt {
    position: relative;
    display: inline-block;
    padding-left: 26px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 0.875rem;
    line-height: 1.142;
}

@media screen and (max-width: 767px) {
    .c-radio__txt {
        padding-left: 6.9333333333vw;
        font-size: 3.2vw;
        line-height: 1.166;
    }
}

.c-radio__txt::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    background-color: #ccc;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

@media screen and (max-width: 767px) {
    .c-radio__txt::before {
        width: 4.2666666667vw;
        height: 4.2666666667vw;
    }
}

.c-radio__input:checked+.c-radio__txt::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    box-sizing: border-box;
    background-color: #4D80F3;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

@media screen and (max-width: 767px) {
    .c-radio__input:checked+.c-radio__txt::after {
        top: 0.5333333333vw;
        left: 0.5333333333vw;
        width: 3.2vw;
        height: 3.2vw;
    }
}

/*  c-select-custom
--------------------------------------------- */
.c-select-custom {
    position: relative;
    text-align: center;
}

.c-select-custom__head {
    position: relative;
    padding: 2.2666666667vw 2.6666666667vw 2.2666666667vw 2.6666666667vw;
    border-radius: 2.9333333333vw;
    color: #fff;
    font-weight: bold;
    font-size: 3.7333333333vw;
    background-color: #000;
    cursor: pointer;
}

.c-select-custom__head::before {
    content: "";
    position: absolute;
    top: 2.4vw;
    right: 12.5333333333vw;
    width: 1px;
    height: 5.8666666667vw;
    background-color: #fff;
}

.c-select-custom__head::after {
    content: "";
    position: absolute;
    top: 4.2666666667vw;
    right: 5.0666666667vw;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_arrow_white_down.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 3.4666666667vw;
    height: 1.8666666667vw;
}

.c-select-custom__head.is-on {
    border-radius: 2.9333333333vw 2.9333333333vw 0 0;
}

.c-select-custom__head.is-on::after {
    transform: scale(1, -1);
}

.c-select-custom__body {
    display: none;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #000;
    border-radius: 0 0 2.9333333333vw 2.9333333333vw;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s, opacity 0.2s;
}

.c-select-custom__body.is-show {
    display: block;
    visibility: visible;
    opacity: 1;
}

.c-select-custom__body input[type=radio] {
    display: none;
}

.c-select-custom__item {
    margin: 0 4vw;
    border-top: 1px solid #000;
}

.c-select-custom__item:first-child {
    border-top: none;
}

.c-select-custom label {
    display: block;
    padding: 2.4vw 0;
    color: #000;
    font-weight: bold;
    font-size: 3.7333333333vw;
    cursor: pointer;
    transition: color 0.2s, background-color 0.2s;
}

/* ---------------------------------------------
*   c-img
--------------------------------------------- */
/*  c-img-1
--------------------------------------------- */
.c-img-1 {
    margin-right: 20px;
    width: 320px;
}

@media screen and (max-width: 767px) {
    .c-img-1 {
        margin-right: 0;
        width: 42.6666666667vw;
    }
}

.c-section-9__head .c-img-1 {
    margin-right: 0;
    width: 213px;
}

@media screen and (max-width: 767px) {
    .c-section-9__head .c-img-1 {
        width: 56.8vw;
    }
}

.c-section-11__head .c-img-1 {
    margin-right: 0;
    width: 375px;
}

@media screen and (max-width: 767px) {
    .c-section-11__head .c-img-1 {
        margin-left: 1.6vw;
        width: 57.3333333333vw;
    }
}

/*  c-img-2
--------------------------------------------- */
.c-img-2 {
    width: 450px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-img-2 {
        width: 56vw;
    }
}

.c-img-2 img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-img-2 img {
        border-radius: 2.6666666667vw;
    }
}

/*  c-img-3
--------------------------------------------- */
.c-img-3 {
    margin-bottom: 28px;
    margin-left: auto;
    width: 320px;
}

/*  c-img-4
--------------------------------------------- */
.c-img-4 {
    display: block;
    width: 100%;
    background-color: #fff;
}

.c-img-4 img {
    transition: opacity 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-img-4:hover img {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-kv {
        max-width: 92%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-kv__main {
    position: relative;
    padding: 0 20px;
}

@media screen and (max-width: 767px) {
    .c-kv__main {
        padding-left: 0;
        padding-right: 0;
    }
}

.c-kv__ttl {
    margin-top: 45px;
    width: 1014px;
}

@media screen and (max-width: 767px) {
    .c-kv__ttl {
        margin-top: 8vw;
        width: 79.4666666667vw;
    }
}

.c-kv__lead {
    margin-top: 35px;
    width: 670px;
    transition-delay: 0.2s !important;
}

@media screen and (max-width: 767px) {
    .c-kv__lead {
        margin-top: 8vw;
        width: 88.8vw;
    }
}

.c-kv__txt {
    max-width: 665px;
    margin-top: 17px;
    font-size: 1rem;
    font-weight: bold;
    transition-delay: 0.4s !important;
}

@media screen and (max-width: 767px) {
    .c-kv__txt {
        min-width: 100%;
        margin-top: 5.3333333333vw;
        font-size: 3.7333333333vw;
        line-height: 1.8;
    }
}

.c-kv__img {
    position: absolute;
    width: 542px;
    top: 150px;
    right: 20px;
    font-size: 0;
    transition-delay: 0.6s !important;
}

@media screen and (max-width: 767px) {
    .c-kv__img {
        position: static;
        margin-top: 6.6666666667vw;
        width: 62.4vw;
    }
}

.c-kv__img video {
    width: 100%;
}

/*  c-kv-2
--------------------------------------------- */
.c-kv-2 {
    max-width: 1360px;
    margin: 0 auto;
    padding: 60px 10px 93px;
}

@media screen and (max-width: 767px) {
    .c-kv-2 {
        max-width: 92%;
        padding: 5.8666666667vw 0 8vw;
        margin: 0 auto;
    }
}

.c-kv-2__container {
    position: relative;
}

.c-kv-2__logo {
    position: absolute;
    top: -216px;
    right: -204px;
    display: block;
    width: 1092px;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .c-kv-2__logo {
        top: -18.6666666667vw;
        right: -12.5333333333vw;
        width: 77.3333333333vw;
    }
}

.c-kv-2__main {
    position: relative;
}

/*  c-kv-3
--------------------------------------------- */
.c-kv-3 {
    margin: 0 auto;
    max-width: 1260px;
    width: 100%;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-kv-3 {
        max-width: 92%;
        padding: 0;
    }
}

.ipad .c-kv-3 {
    max-width: 1200px;
}

.c-kv-3__container {
    display: flex;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .c-kv-3__container {
        display: block;
        border-radius: 0;
    }
}

.c-kv-3__container--reverse {
    flex-direction: row-reverse;
}

.c-kv-3__img {
    margin-right: -1px;
    width: 67.4193548387%;
}

@media screen and (max-width: 767px) {
    .c-kv-3__img {
        margin-right: 0;
        width: 100%;
    }
}

.c-kv-3__img img {
    border-radius: 10px 0 0 10px;
}

@media screen and (max-width: 767px) {
    .c-kv-3__img img {
        border-radius: 2.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-list
--------------------------------------------- */
.c-list {
    margin-bottom: 1em;
}

.c-list__item {
    padding-left: 1em;
    text-indent: -1em;
}

.c-list__item::before {
    content: "・";
}

.c-list__item+.c-list__item {
    margin-top: 0.5em;
}

/*  c-list-1
--------------------------------------------- */
.c-list-1 {
    margin-top: 40px;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #000;
    background-color: #fff;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-list-1 {
        margin-top: 4.2666666667vw;
        padding: 1.3333333333vw 0;
        border-radius: 2.6666666667vw;
    }
}

.c-list-1__item {
    position: relative;
    margin: 0 auto;
    width: 160px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-list-1__item {
        padding-left: 4vw;
        padding-right: 4vw;
        width: 27.7333333333vw;
    }
}

.c-list-1__item:last-of-type::after {
    content: none;
}

.c-list-1__item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 88%;
    background-color: #000;
}

@media screen and (max-width: 767px) {
    .c-list-1__item::after {
        height: 80%;
    }
}

.c-list-1__name {
    display: block;
    font-size: 0.75rem;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-list-1__name {
        font-size: 2.6666666667vw;
    }
}

.c-list-1__num {
    display: block;
    font-size: 1.75rem;
    font-family: "Inter", sans-serif;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .c-list-1__num {
        font-size: 3.2vw;
    }
}

/*  c-list-2
--------------------------------------------- */
.c-list-2 {
    display: flex;
}

@media screen and (max-width: 767px) {
    .c-list-2 {
        display: none;
    }
}

.c-list-2__item {
    position: relative;
    background-color: #fff;
    width: 335px;
    height: 48px;
    border-top: 1px solid #231815;
    border-bottom: 1px solid #231815;
}

.c-list-2__item:first-of-type {
    border-left: 1px solid #231815;
    border-radius: 10px 0 0 10px;
}

@media screen and (max-width: 767px) {
    .c-list-2__item:first-of-type {
        border-radius: 2.6666666667vw 0 0 2.6666666667vw;
    }
}

.c-list-2__item:last-of-type {
    border-right: 1px solid #231815;
    border-radius: 0 10px 10px 0;
}

@media screen and (max-width: 767px) {
    .c-list-2__item:last-of-type {
        border-radius: 0 2.6666666667vw 2.6666666667vw 0;
    }
}

.c-list-2__item:last-of-type::after {
    content: none;
}

.c-list-2__item.is-current {
    background-color: #231815;
}

.c-list-2__item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 30px;
    background-color: #231815;
}

.c-list-2__link {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #231815;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 0.875rem;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-list-2__link {
        transition: opacity 300ms;
    }

    .c-list-2__link:hover {
        opacity: 0.6;
    }
}

.is-current .c-list-2__link {
    color: #fff;
    pointer-events: none;
}

/*  c-list-3
--------------------------------------------- */
.c-list-3 {
    display: flex;
    width: 214px;
    height: 36px;
}

@media screen and (max-width: 767px) {
    .c-list-3 {
        width: 100%;
        height: 9.6vw;
    }
}

.c-list-3__item {
    background-color: #fff;
    width: 50%;
    height: 100%;
    border: 1px solid #231815;
}

.c-list-3__item:first-of-type {
    border-radius: 10px 0 0 10px;
}

@media screen and (max-width: 767px) {
    .c-list-3__item:first-of-type {
        border-radius: 2.6666666667vw 0 0 2.6666666667vw;
    }
}

.c-list-3__item:last-of-type {
    border-radius: 0 10px 10px 0;
}

@media screen and (max-width: 767px) {
    .c-list-3__item:last-of-type {
        border-radius: 0 2.6666666667vw 2.6666666667vw 0;
    }
}

.c-list-3__item.is-current {
    background-color: #231815;
}

.c-list-3__link {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #231815;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 0.875rem;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-list-3__link {
        font-size: 3.2vw;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-list-3__link {
        transition: opacity 300ms;
    }

    .c-list-3__link:hover {
        opacity: 0.6;
    }
}

.is-current .c-list-3__link {
    color: #fff;
    pointer-events: none;
}

/*  c-list-4
--------------------------------------------- */
.c-list-4 {
    display: flex;
    width: 100%;
}

.c-list-4__item {
    background-color: #fff;
    width: 50%;
    height: 36px;
    border: 1px solid #231815;
}

@media screen and (max-width: 767px) {
    .c-list-4__item {
        height: 9.6vw;
    }
}

.c-list-4__item:first-of-type {
    border-radius: 10px 0 0 10px;
}

@media screen and (max-width: 767px) {
    .c-list-4__item:first-of-type {
        border-radius: 2.6666666667vw 0 0 2.6666666667vw;
    }
}

.c-list-4__item:last-of-type {
    border-radius: 0 10px 10px 0;
}

@media screen and (max-width: 767px) {
    .c-list-4__item:last-of-type {
        border-radius: 0 2.6666666667vw 2.6666666667vw 0;
    }
}

.c-list-4__item.is-current {
    background-color: #231815;
}

.c-list-4__link {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #231815;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-list-4__link {
        font-size: 3.7333333333vw;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-list-4__link {
        transition: opacity 300ms;
    }

    .c-list-4__link:hover {
        opacity: 0.6;
    }
}

.is-current .c-list-4__link {
    color: #fff;
    pointer-events: none;
}

/*  c-list-5
--------------------------------------------- */
.c-list-5 {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 2px 60px 2px 31px;
    gap: 16px 31px;
}

@media screen and (max-width: 767px) {
    .c-list-5 {
        padding: 0 3.2vw 0 0;
        gap: 2.9333333333vw 2.9333333333vw;
    }
}

.c-list-5::before,
.c-list-5::after {
    content: "";
    position: absolute;
    top: 0;
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #fff;
}

.c-list-5::before {
    left: 0;
}

@media screen and (max-width: 767px) {
    .c-list-5::before {
        content: none;
    }
}

.c-list-5::after {
    right: 0;
}

.c-list-5__item {
    font-size: 0;
}

.c-list-5__link {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    font-size: 0.75rem;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-list-5__link {
        transition: opacity 300ms;
    }

    .c-list-5__link:hover {
        opacity: 0.6;
    }
}

@media screen and (max-width: 767px) {
    .c-list-5__link {
        font-size: 2.6666666667vw;
    }
}

.c-list-5__tag {
    margin-right: 3px;
}

@media screen and (max-width: 767px) {
    .c-list-5__tag {
        margin-right: 0;
    }
}

/*  c-list-6
--------------------------------------------- */
.c-list-6 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -13px;
    padding: 30px 20px 46px;
    background-color: #F5F5F5;
    border-radius: 0 0 10px 10px;
}

@media screen and (max-width: 767px) {
    .c-list-6 {
        margin-top: -0.2666666667vw;
        padding: 6.9333333333vw 5.3333333333vw 8.2666666667vw;
        border-radius: 0 0 2.6666666667vw 2.6666666667vw;
    }
}

.c-list-6__item {
    width: 280px;
    flex-shrink: 0;
}

@media screen and (min-width: 768px) {
    .c-list-6__item:nth-of-type(n+3) {
        margin-top: 16px;
    }
}

@media screen and (max-width: 767px) {
    .c-list-6__item {
        margin-top: 2.6666666667vw;
        width: 100%;
    }

    .c-list-6__item:first-of-type {
        margin-top: 0;
    }
}

.c-list-6__link {
    padding-bottom: 18px;
    display: block;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-list-6__link {
        padding-bottom: 3.7333333333vw;
    }
}

.c-list-6__head {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-list-6__head {
        font-size: 3.2vw;
    }
}

.c-list-6__ttl {
    position: relative;
    margin-top: 2px;
    padding-right: 40px;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-list-6__ttl {
        margin-top: 1.8666666667vw;
        padding-right: 0;
        font-size: 3.7333333333vw;
    }
}

.c-list-6__ttl::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_arrow_gray_02.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 22px;
    height: 15px;
    opacity: 0;
    transition: opacity 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-list-6__link:hover .c-list-6__ttl::after {
        opacity: 1;
    }
}

/*  c-list-7
--------------------------------------------- */
.c-list-7 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -13px;
    padding: 25px 20px 46px;
    background-color: #F5F5F5;
    border-radius: 0 0 10px 10px;
}

@media screen and (max-width: 767px) {
    .c-list-7 {
        margin-top: -0.2666666667vw;
        padding: 6.6666666667vw 5.3333333333vw 8.2666666667vw;
        border-radius: 0 0 2.6666666667vw 2.6666666667vw;
    }
}

.c-list-7__item {
    width: 280px;
    flex-shrink: 0;
}

@media screen and (min-width: 768px) {
    .c-list-7__item:nth-of-type(n+3) {
        margin-top: 16px;
    }
}

@media screen and (max-width: 767px) {
    .c-list-7__item {
        margin-top: 3.4666666667vw;
        padding-bottom: 4.2666666667vw;
        width: 100%;
    }

    .c-list-7__item:first-of-type {
        margin-top: 0;
    }
}

.c-list-7__link {
    padding-bottom: 13px;
    display: block;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-list-7__link {
        padding-bottom: 4.2666666667vw;
    }
}

.c-list-7__head {
    position: relative;
    padding-right: 40px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
    .c-list-7__head {
        padding-right: 0;
        font-size: 4.2666666667vw;
    }
}

.c-list-7__head::after {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    display: block;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_arrow_gray_02.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 22px;
    height: 15px;
    opacity: 0;
    transition: opacity 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-list-7__link:hover .c-list-7__head::after {
        opacity: 1;
    }
}

/*  c-list-8
--------------------------------------------- */
.c-list-8 {
    margin-top: 28px;
    padding: 28px 20px 38px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-list-8 {
        margin-top: 13.3333333333vw;
        padding: 8.5333333333vw 5.3333333333vw 9.3333333333vw;
        border-radius: 2.6666666667vw;
    }
}

.c-list-8__item {
    margin-top: 15px;
    width: 280px;
    flex-shrink: 0;
}

.c-list-8__item:first-of-type {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .c-list-8__item {
        margin-top: 5.0666666667vw;
        padding-bottom: 3.7333333333vw;
        width: 100%;
    }
}

.c-list-8__link {
    padding-bottom: 12px;
    display: block;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-list-8__link {
        padding-bottom: 3.7333333333vw;
    }
}

.c-list-8__txt {
    position: relative;
    padding-right: 40px;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-list-8__txt {
        padding-right: 0;
        font-size: 3.7333333333vw;
    }
}

.c-list-8__txt::after {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    display: block;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_arrow_gray_02.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 22px;
    height: 15px;
    opacity: 0;
    transition: opacity 0.3s;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-list-8__link:hover .c-list-8__txt::after {
        opacity: 1;
    }
}

/*  c-list-9
--------------------------------------------- */
.c-list-9 {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .c-list-9 {
        display: none;
    }
}

.c-list-9__item {
    position: relative;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 48px;
    border-top: 1px solid #231815;
    border-bottom: 1px solid #231815;
}

.c-list-9__item:first-of-type {
    border-left: 1px solid #231815;
    border-radius: 10px 0 0 10px;
}

@media screen and (max-width: 767px) {
    .c-list-9__item:first-of-type {
        border-radius: 2.6666666667vw 0 0 2.6666666667vw;
    }
}

.c-list-9__item:last-of-type {
    border-right: 1px solid #231815;
    border-radius: 0 10px 10px 0;
}

@media screen and (max-width: 767px) {
    .c-list-9__item:last-of-type {
        border-radius: 0 2.6666666667vw 2.6666666667vw 0;
    }
}

.c-list-9__item:last-of-type::after {
    content: none;
}

.c-list-9__item.is-current {
    background-color: #231815;
}

.c-list-9__item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 30px;
    background-color: #231815;
}

.c-list-9__link {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #231815;
    padding: 0 36px;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 0.875rem;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-list-9__link {
        transition: opacity 300ms;
    }

    .c-list-9__link:hover {
        opacity: 0.6;
    }
}

.safari .c-list-9__link {
    padding: 0 32px;
    letter-spacing: -0.02em;
}

.ipad .c-list-9__link {
    letter-spacing: -0.05em;
}

.c-list-9__item.is-current .c-list-9__link {
    color: #fff;
    pointer-events: none;
}

/*  c-list-10
--------------------------------------------- */
.c-list-10-wrap {
    position: sticky;
    left: 0;
    top: 60px;
    z-index: 1000;
}

@media screen and (max-width: 767px) {
    .c-list-10-wrap {
        display: none;
        position: fixed;
        top: auto;
        bottom: 5.8666666667vw;
        right: 5.3333333333vw;
        left: auto;
        width: 89.3333333333vw;
        height: 10.6666666667vw;
        border-radius: 2.6666666667vw;
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {
    .c-list-10-inner {
        position: relative;
        margin-left: auto;
        width: 10.6666666667vw;
        height: 100%;
        background-color: #000;
        border-radius: 2.6666666667vw;
        z-index: 1001;
        box-shadow: 0 1.8666666667vw 2.6666666667vw 0 rgba(0, 0, 0, 0.3);
        transition: transform 0.4s, border-radius 0.1s;
        transform: scale(1);
        pointer-events: auto;
    }

    .c-list-10-inner.is-scrolling {
        transform: scale(0);
        pointer-events: none;
    }

    .is-btm-menu-opened .c-list-10-inner {
        transition: none;
        border-radius: 0 2.6666666667vw 2.6666666667vw 0;
    }
}

.c-list-10 {
    position: absolute;
    left: 20px;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 19px 0;
    width: 60px;
    background-color: #000;
    border-radius: 10px;
    gap: 35.5px 0;
    z-index: 1000;
}

@media screen and (max-width: 767px) {
    .c-list-10 {
        top: 50%;
        transform: translate(0, -50%);
        flex-direction: row;
        padding-left: 4vw;
        width: 78.6666666667vw;
        height: 100%;
        border-radius: 2.6666666667vw 0 0 2.6666666667vw;
        gap: 0;
        pointer-events: none;
        opacity: 0;
        transition: transform 0.3s, opacity 0.3s;
    }

    .is-btm-menu-opened .c-list-10 {
        pointer-events: auto;
        opacity: 1;
        transform: translate(-84vw, -50%);
    }
}

@media screen and (max-width: 767px) {
    .c-list-10::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 3.7333333333vw;
        transform: translateY(-50%);
        display: block;
        width: 1px;
        height: 24px;
        background-color: #fff;
    }
}

@media screen and (max-width: 767px) {
    .c-list-10__item {
        margin-right: 9.0666666667vw;
    }

    .c-list-10__item:last-of-type {
        margin-right: 0;
    }
}

.c-list-10__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 0;
    transition: opacity 300ms;
    cursor: pointer;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-list-10__link:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width: 767px) {
    .c-list-10__link {
        width: 5.6vw;
        height: 5.6vw;
    }
}

.c-list-10__link--facebook img {
    width: 12.51px;
}

@media screen and (max-width: 767px) {
    .c-list-10__link--facebook img {
        width: 2.816vw;
    }
}

.c-list-10__link--line img {
    width: 24px;
}

@media screen and (max-width: 767px) {
    .c-list-10__link--line img {
        width: 5.5973333333vw;
    }
}

.c-list-10__link--twitter img {
    width: 24px;
}

@media screen and (max-width: 767px) {
    .c-list-10__link--twitter img {
        width: 5.4026666667vw;
    }
}

.c-list-10__link--pin img {
    width: 19.9px;
}

@media screen and (max-width: 767px) {
    .c-list-10__link--pin img {
        width: 4.48vw;
    }
}

.c-list-10__link--clip img {
    width: 16px;
}

@media screen and (max-width: 767px) {
    .c-list-10__link--clip img {
        width: 3.7093333333vw;
    }
}

.c-list-10-btn {
    display: none;
}

@media screen and (max-width: 767px) {
    .c-list-10-btn {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 10.6666666667vw;
        height: 10.6666666667vw;
        z-index: 1002;
        background-color: #000;
        border-radius: 2.6666666667vw;
    }

    .c-list-10-btn::before {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/btn_trigger.svg) 0 0 no-repeat;
        background-size: 100% auto;
    }

    .is-btm-menu-opened .c-list-10-btn::before {
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/btn_close.svg);
        width: 3.2vw;
        height: 3.2vw;
    }
}

/*  c-list-11
--------------------------------------------- */
.c-list-11 {
    width: 100%;
}

.c-list-11__item {
    padding: 12px 0;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.c-list-11__item:first-of-type {
    padding-top: 0;
}

@media screen and (max-width: 767px) {
    .c-list-11__item {
        padding: 3.2vw 0;
    }
}

.c-list-11__term {
    font-weight: bold;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-list-11__term {
        font-size: 2.6666666667vw;
    }
}

.c-list-11__desc {
    margin-top: 3px;
    font-weight: bold;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .c-list-11__desc {
        margin-top: 0.5333333333vw;
        font-size: 3.2vw;
        letter-spacing: -0.02em;
    }
}

.safari .c-list-11__desc {
    letter-spacing: -0.02em;
}

.ipad .c-list-11__desc {
    letter-spacing: -0.05em;
}

/*  c-list-12
--------------------------------------------- */
.c-list-12 {
    width: 100%;
}

.c-list-12__item {
    display: flex;
    padding: 26px 0;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-list-12__item {
        display: block;
        padding: 4.5333333333vw 0;
    }
}

.c-list-12__term {
    padding-right: 18px;
    width: 160px;
    font-weight: bold;
    font-size: 0.875rem;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .c-list-12__term {
        padding-right: 0;
        width: 100%;
        font-size: 2.6666666667vw;
        text-align: left;
    }
}

.c-list-12__desc {
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .c-list-12__desc {
        margin-top: 1.6vw;
        font-size: 3.2vw;
    }
}

.c-list-12__desc span {
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-list-12__desc span {
        font-size: 2.6666666667vw;
    }
}

/*  c-list-13
--------------------------------------------- */
.c-list-13 {
    display: flex;
    width: 100%;
    height: 36px;
}

@media screen and (max-width: 767px) {
    .c-list-13 {
        width: 100%;
        height: 9.6vw;
    }
}

.c-list-13__item {
    background-color: #fff;
    width: 50%;
    height: 100%;
    border: 1px solid #231815;
    box-sizing: content-box;
}

.c-list-13__item:first-of-type {
    border-radius: 10px 0 0 10px;
}

@media screen and (max-width: 767px) {
    .c-list-13__item:first-of-type {
        border-radius: 2.6666666667vw 0 0 2.6666666667vw;
    }
}

.c-list-13__item:last-of-type {
    border-radius: 0 10px 10px 0;
}

@media screen and (max-width: 767px) {
    .c-list-13__item:last-of-type {
        border-radius: 0 2.6666666667vw 2.6666666667vw 0;
    }
}

.c-list-13__item.is-current {
    background-color: #231815;
}

.c-list-13__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #231815;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 0.875rem;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-list-13__btn {
        font-size: 3.2vw;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-list-13__btn {
        transition: opacity 300ms;
    }

    .c-list-13__btn:hover {
        opacity: 0.6;
    }
}

.is-current .c-list-13__btn {
    color: #fff;
}

/*  c-list-14
--------------------------------------------- */
.c-list-14 {
    margin-top: 12px;
    display: flex;
    gap: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-list-14 {
        margin-top: 2.1333333333vw;
        flex-wrap: wrap;
        gap: 1.0666666667vw 1.0666666667vw;
    }
}

.c-list-14__item {
    width: 201px;
}

@media screen and (max-width: 767px) {
    .c-list-14__item {
        width: 26.9333333333vw;
    }

    .windows .c-list-14__item {
        width: 25.8666666667vw;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-list-14__link {
        transition: opacity 300ms;
    }

    .c-list-14__link:hover {
        opacity: 0.6;
    }
}

.c-list-14__link img {
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-list-14__link img {
        border-radius: 1.3333333333vw;
    }
}

/*  c-list-15
--------------------------------------------- */
.c-list-15__item {
    padding: 27px 0 27px 32px;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-list-15__item {
        padding: 4.5333333333vw 0 4.5333333333vw 5.6vw;
    }
}

.c-list-15__question {
    position: relative;
    font-weight: bold;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .c-list-15__question {
        font-size: 3.7333333333vw;
    }
}

.c-list-15__question::before {
    content: "Q";
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
    font-size: 16px;
    font-family: "Inter", sans-serif;
}

@media screen and (max-width: 767px) {
    .c-list-15__question::before {
        left: -5.6vw;
        font-size: 3.2vw;
    }
}

.c-list-15__anser {
    margin-top: 12px;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-list-15__anser {
        margin-top: 1.0666666667vw;
        font-size: 3.2vw;
    }
}

/*  c-list-form
--------------------------------------------- */
.c-section-9--confirm .c-list-form-wrap {
    margin-top: 12px;
}

.c-form-5 .c-list-form-wrap {
    margin-top: 22px;
    padding-bottom: 29px;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-list-form-wrap {
        margin-top: 6.4vw;
        padding-bottom: 7.7333333333vw;
    }
}

.c-form-5 .c-list-form-wrap--s {
    margin-top: 0;
    padding-bottom: 17px;
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-list-form-wrap--s {
        padding-bottom: 4.5333333333vw;
    }
}

.c-list-form-wrap__ttl {
    font-weight: bold;
    font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
    .c-list-form-wrap__ttl {
        font-size: 4.2666666667vw;
    }
}

.c-form-5 .c-list-form-wrap__ttl {
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-list-form-wrap__ttl {
        font-size: 3.7333333333vw;
    }
}

.c-list-form-wrap__label {
    display: inline-block;
    color: #FB0D1B;
    font-weight: bold;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-list-form-wrap__label {
        font-size: 2.6666666667vw;
    }
}

.c-list-form {
    margin-top: 25px;
}

@media screen and (max-width: 767px) {
    .c-list-form {
        margin-top: 4.2666666667vw;
    }
}

.c-section-9--confirm .c-list-form {
    margin-top: 13px;
}

@media screen and (max-width: 767px) {
    .c-section-9--confirm .c-list-form {
        margin-top: 3.4666666667vw;
    }
}

.c-tile-15 .c-list-form {
    margin-top: 0;
}

.c-tile-16 .c-list-form {
    margin-top: 0;
}

.c-form-5 .c-list-form {
    margin-top: 3px;
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-list-form {
        margin-top: 0.8vw;
    }
}

.c-list-form--s {
    width: 48.4848484848%;
}

@media screen and (max-width: 767px) {
    .c-list-form--s {
        width: 100%;
    }
}

.c-list-form--consent {
    margin-top: 59px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-list-form--consent {
        margin-top: 13.0666666667vw;
    }
}

.c-form-5 .c-list-form--consent {
    transform: translateX(-4px);
    text-align: left;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-list-form--consent {
        transform: none;
        text-align: center;
    }
}

.c-list-form__ttl {
    font-weight: bold;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-list-form__ttl {
        font-size: 3.2vw;
    }
}

.c-section-9--confirm .c-list-form__ttl {
    color: #777;
}

.c-block-7 .c-list-form__ttl {
    color: #000;
}

.c-form-5 .c-list-form__ttl {
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-list-form__ttl {
        font-size: 3.7333333333vw;
    }
}

.c-form-5 .c-list-form__ttl--s {
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-list-form__ttl--s {
        font-size: 3.7333333333vw;
    }
}

.c-list-form__ttl--l {
    font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
    .c-list-form__ttl--l {
        font-size: 4.2666666667vw;
    }
}

.c-section-9--confirm .c-list-form__ttl--l {
    font-size: 0.875rem;
    color: #777;
}

@media screen and (max-width: 767px) {
    .c-section-9--confirm .c-list-form__ttl--l {
        font-size: 3.2vw;
    }
}

.c-block-7 .c-list-form__ttl--l {
    font-size: 1.25rem;
    color: #000;
}

@media screen and (max-width: 767px) {
    .c-block-7 .c-list-form__ttl--l {
        font-size: 4.2666666667vw;
    }
}

.c-list-form__ttl--lh {
    display: inline-block;
    padding-top: 3px;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-list-form__ttl--lh {
        padding-top: 1.6vw;
    }
}

@media screen and (max-width: 767px) {
    .c-list-form__ttl--lh-sp {
        display: inline-block;
        padding-top: 1.6vw;
        padding-bottom: 1.8666666667vw;
        line-height: 1.4;
    }
}

.c-list-form__ttl-txt {
    margin-top: 10px;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-list-form__ttl-txt {
        margin-top: 2.6666666667vw;
        font-size: 3.7333333333vw;
    }
}

.c-form-5 .c-list-form__ttl-txt {
    font-size: 1rem;
    letter-spacing: 0.02em;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-list-form__ttl-txt {
        font-size: 3.7333333333vw;
    }
}

.c-list-form__label {
    display: inline-block;
    margin-left: 5px;
    color: #FB0D1B;
    font-weight: bold;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-list-form__label {
        margin-left: 1.6vw;
        font-size: 2.6666666667vw;
    }
}

.c-block-7 .c-list-form__label {
    margin-left: 0;
}

.c-list-form__note {
    display: block;
    font-weight: bold;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-list-form__note {
        margin-top: 0.8vw;
        font-size: 3.2vw;
    }
}

.c-list-form__dec {
    margin-top: 6px;
}

@media screen and (max-width: 767px) {
    .c-list-form__dec {
        margin-top: 1.6vw;
    }
}

.c-section-9--confirm .c-list-form__dec {
    margin-top: 3px;
    padding-bottom: 7px;
    font-weight: bold;
    font-size: 1.125rem;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-section-9--confirm .c-list-form__dec {
        margin-top: 0.5333333333vw;
        padding-bottom: 1.8666666667vw;
        font-size: 3.7333333333vw;
    }
}

.c-section-9--confirm .c-list-form__dec--textarea {
    margin-top: 7px;
    padding-bottom: 10px;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-section-9--confirm .c-list-form__dec--textarea {
        margin-top: 1.8666666667vw;
        padding-bottom: 3.2vw;
    }
}

.c-block-7 .c-list-form__dec {
    margin-top: 16px;
    padding-bottom: 0;
    border-bottom: none;
}

@media screen and (max-width: 767px) {
    .c-block-7 .c-list-form__dec {
        margin-top: 2.6666666667vw;
    }
}

.c-block-7 .c-list-form__dec+.c-list-form__dec {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .c-block-7 .c-list-form__dec+.c-list-form__dec {
        margin-top: 5.3333333333vw;
    }
}

.c-form-5 .c-list-form__dec {
    margin-top: 26px;
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-list-form__dec {
        margin-top: 7.4666666667vw;
    }
}

.c-form-5 .c-list-form__dec--flex {
    display: flex;
    flex-wrap: wrap;
    gap: 29px 38px;
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-list-form__dec--flex {
        gap: 8vw 9.3333333333vw;
    }
}

.c-list-form__dec--select {
    position: relative;
}

.c-list-form__dec--select::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 34px;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 24px;
    background-color: #CBCBCB;
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .c-list-form__dec--select::before {
        right: 9.0666666667vw;
        height: 6.4vw;
    }
}

.c-section-9--confirm .c-list-form__dec--select::before {
    content: none;
}

.c-block-7 .c-list-form__dec--select::before {
    content: "";
}

.c-list-form__dec--select::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translateY(-50%);
    display: block;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/common/icon_arrow_black_02.svg) 0 0 no-repeat;
    background-size: 100% auto;
    width: 14px;
    height: 8px;
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .c-list-form__dec--select::after {
        right: 2.9333333333vw;
        width: 3.7333333333vw;
        height: 2.1333333333vw;
    }
}

.c-section-9--confirm .c-list-form__dec--select::after {
    content: none;
}

.c-block-7 .c-list-form__dec--select::after {
    content: "";
}

.c-list-form__dec--pw {
    position: relative;
}

.c-list-form__input {
    display: block;
    padding: 0 17px;
    width: 100%;
    height: 40px;
    font-size: 0.875rem;
    border: 1px solid #CBCBCB;
    border-radius: 10px;
    background-color: #fff;
    line-height: normal;
}

@media screen and (max-width: 767px) {
    .c-list-form__input {
        padding: 0 4.5333333333vw;
        height: 10.6666666667vw;
        font-size: 3.2vw;
        border-radius: 2.6666666667vw;
    }

    .iphone .c-list-form__input,
    .ipad .c-list-form__input {
        font-size: 4.2666666667vw;
    }
}

.ipad .c-list-form__input {
    font-size: 1rem;
}

.c-list-form__input::-webkit-input-placeholder {
    color: #999;
    font-family: inherit;
    line-height: normal;
}

@media screen and (max-width: 767px) {
    .iphone .c-list-form__input::-webkit-input-placeholder {
        position: relative;
        top: -0.1em;
    }
}

.c-list-form__input::-moz-placeholder {
    color: #999;
    font-family: inherit;
    line-height: normal;
}

.c-list-form__input::placeholder {
    color: #999;
    font-family: inherit;
    line-height: normal;
}

.c-list-form__input::-moz-placeholder {
    opacity: 1;
}

.c-form-4 .c-list-form__input {
    font-weight: bold;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .c-form-4 .c-list-form__input {
        font-size: 4vw;
    }

    .iphone .c-form-4 .c-list-form__input,
    .ipad .c-form-4 .c-list-form__input {
        font-size: 4.2666666667vw;
    }
}

.c-form-4 .c-list-form__input::-moz-placeholder {
    color: #000;
}

.c-form-4 .c-list-form__input::placeholder {
    color: #000;
}

.c-list-form__select {
    display: block;
    padding: 0 40px 0 17px;
    width: 100%;
    height: 40px;
    color: #999;
    font-weight: bold;
    font-size: 0.875rem;
    border: 1px solid #CBCBCB;
    border-radius: 10px;
    background-color: #fff;
    line-height: normal;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .c-list-form__select {
        padding: 0 10.6666666667vw 0 4.5333333333vw;
        height: 10.6666666667vw;
        font-size: 3.2vw;
        border-radius: 2.6666666667vw;
    }

    .c-list-form__select--l {
        font-size: 3.7333333333vw;
    }

    .iphone .c-list-form__select,
    .ipad .c-list-form__select {
        font-size: 4.2666666667vw;
    }
}

.ipad .c-list-form__select {
    font-size: 1rem;
}

.c-list-form__select option {
    color: #000;
}

.c-list-form__input-pw {
    display: block;
    padding: 0 40px 0 17px;
    width: 100%;
    height: 40px;
    font-size: 0.875rem;
    border: 1px solid #CBCBCB;
    border-radius: 10px;
    background-color: #fff;
    line-height: normal;
}

@media screen and (max-width: 767px) {
    .c-list-form__input-pw {
        padding: 0 10.6666666667vw 0 4.5333333333vw;
        height: 10.6666666667vw;
        font-size: 3.2vw;
        border-radius: 2.6666666667vw;
    }

    .iphone .c-list-form__input-pw,
    .ipad .c-list-form__input-pw {
        font-size: 4.2666666667vw;
    }
}

.ipad .c-list-form__input-pw {
    font-size: 1rem;
}

.c-list-form__input-pw::-moz-placeholder {
    color: #999;
    font-family: inherit;
    line-height: normal;
}

.c-list-form__input-pw::placeholder {
    color: #999;
    font-family: inherit;
    line-height: normal;
}

.c-list-form__input-pw::-moz-placeholder {
    opacity: 1;
}

.c-form-4 .c-list-form__input-pw {
    font-weight: bold;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .c-form-4 .c-list-form__input-pw {
        font-size: 4vw;
    }

    .iphone .c-form-4 .c-list-form__input-pw,
    .ipad .c-form-4 .c-list-form__input-pw {
        font-size: 4.2666666667vw;
    }
}

.c-form-4 .c-list-form__input-pw::-moz-placeholder {
    color: #000;
}

.c-form-4 .c-list-form__input-pw::placeholder {
    color: #000;
}

.c-list-form__txt {
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .c-list-form__txt {
        font-size: 3.2vw;
    }
}

.c-list-form__txt-2 {
    margin-top: 12px;
    font-size: 0.875rem;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-list-form__txt-2 {
        margin-top: 3.2vw;
        font-size: 3.2vw;
    }
}

.c-list-form__link {
    text-decoration: underline;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-list-form__link:hover {
        text-decoration: none;
    }
}

.c-list-form__checkbox {
    position: relative;
    cursor: pointer;
    padding-left: 37px;
    vertical-align: super;
}

@media screen and (max-width: 767px) {
    .c-list-form__checkbox {
        padding-left: 9.8666666667vw;
    }
}

.iphone .c-list-form__checkbox,
.ipad .c-list-form__checkbox {
    vertical-align: middle;
}

.c-list-form__checkbox::before,
.c-list-form__checkbox::after {
    content: "";
    position: absolute;
    display: block;
}

.c-list-form__checkbox::before {
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #CBCBCB;
}

@media screen and (max-width: 767px) {
    .c-list-form__checkbox::before {
        left: 1.3333333333vw;
        width: 6.4vw;
        height: 6.4vw;
        border-radius: 1.0666666667vw;
    }
}

.c-list-form__checkbox::after {
    top: -7px;
    left: 10px;
    transform: rotate(-45deg);
    width: 14px;
    height: 9px;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    opacity: 0;
}

@media screen and (max-width: 767px) {
    .c-list-form__checkbox::after {
        top: -1.8666666667vw;
        left: 2.6666666667vw;
        letter-spacing: 2.6666666667vw;
        width: 3.7333333333vw;
        height: 2.4vw;
        border-bottom-width: 0.5333333333vw;
        border-left-width: 0.5333333333vw;
    }
}

.iphone .c-list-form__checkbox::after,
.ipad .c-list-form__checkbox::after {
    top: 50%;
    transform: translateY(-60%) rotate(-45deg);
}

.c-list-form__checkbox:checked::after {
    opacity: 1;
}

.c-list-form__textarea {
    display: block;
    padding: 5px 17px;
    width: 100%;
    height: 80px;
    font-size: 0.875rem;
    border: 1px solid #CBCBCB;
    border-radius: 10px;
    background-color: #fff;
    line-height: normal;
}

@media screen and (max-width: 767px) {
    .c-list-form__textarea {
        padding: 1.3333333333vw 4.5333333333vw;
        height: 21.3333333333vw;
        font-size: 3.2vw;
        border-radius: 2.6666666667vw;
    }
}

.c-form-5 .c-list-form__textarea {
    height: 120px;
    padding: 5px 10px;
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-list-form__textarea {
        height: 32vw;
        padding: 1.3333333333vw 2.6666666667vw;
    }
}

/*  smpForm
--------------------------------------------- */
.smpForm {
    margin-top: 15px;
}

@media screen and (max-width: 767px) {
    .smpForm {
        margin-top: 4vw;
    }
}

.ss_form_title {
    margin-top: 20px;
    font-weight: bold;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .ss_form_title {
        margin-top: 5.3333333333vw;
        font-size: 3.2vw;
    }
}

.ss_visitor_form .ss_form_title {
    margin-top: 0;
}

#ss_name .ss_form_title {
    margin-top: 13px;
}

@media screen and (max-width: 767px) {
    #ss_name .ss_form_title {
        margin-top: 3.4666666667vw;
    }
}

.ss_grid {
    margin-top: 11px;
}

@media screen and (max-width: 767px) {
    .ss_grid {
        margin-top: 2.9333333333vw;
    }
}

#ss_name .ss_grid {
    display: flex;
    justify-content: space-between;
}

.ss_enquete_field {
    margin-top: 25px;
}

@media screen and (max-width: 767px) {
    .ss_enquete_field {
        margin-top: 6.6666666667vw;
    }
}

.ss_enquete_field:last-of-type .ss_input {
    padding-left: 0;
}

.ss_enquete_title {
    font-weight: bold;
    font-size: 0.875rem;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .ss_enquete_title {
        font-size: 3.2vw;
    }
}

.ss_input {
    position: relative;
    display: inline-block;
    padding-left: 27px;
    font-size: 0.875rem;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .ss_input {
        padding-left: 7.2vw;
        font-size: 3.7333333333vw;
    }
}

#ss_name .ss_input {
    padding-left: 0;
    width: 48%;
}

.ss_input input[type=checkbox],
.ss_input input[type=radio] {
    position: absolute;
    left: 0;
    width: 100%;
    vertical-align: middle;
}

.ss_input input[type=checkbox]+.ss_input input[type=checkbox],
.ss_input input[type=checkbox]+.ss_input input[type=radio],
.ss_input input[type=radio]+.ss_input input[type=checkbox],
.ss_input input[type=radio]+.ss_input input[type=radio] {
    margin-top: 20px;
}

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

    .ss_input input[type=checkbox]+.ss_input input[type=checkbox],
    .ss_input input[type=checkbox]+.ss_input input[type=radio],
    .ss_input input[type=radio]+.ss_input input[type=checkbox],
    .ss_input input[type=radio]+.ss_input input[type=radio] {
        margin-top: 5.3333333333vw;
    }
}

.ss_input input[type=checkbox]::before,
.ss_input input[type=radio]::before {
    content: "";
    box-sizing: border-box;
    background-color: #ccc;
    display: inline-block;
    margin-top: 2px;
    margin-right: 11px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

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

    .ss_input input[type=checkbox]::before,
    .ss_input input[type=radio]::before {
        width: 4.2666666667vw;
        height: 4.2666666667vw;
    }
}

.ss_input input[type=checkbox]:checked::after,
.ss_input input[type=radio]:checked::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 2px;
    box-sizing: border-box;
    background-color: #4D80F3;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

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

    .ss_input input[type=checkbox]:checked::after,
    .ss_input input[type=radio]:checked::after {
        top: 1.0666666667vw;
        left: 0.5333333333vw;
        width: 3.2vw;
        height: 3.2vw;
    }
}

.ss_input input[type=text] {
    display: block;
    padding: 0 17px;
    width: 100%;
    height: 40px;
    font-size: 0.875rem;
    border: 1px solid #CBCBCB;
    border-radius: 10px;
    background-color: #fff;
    line-height: normal;
}

@media screen and (max-width: 767px) {
    .ss_input input[type=text] {
        padding: 0 4.5333333333vw;
        height: 10.6666666667vw;
        font-size: 3.2vw;
        border-radius: 2.6666666667vw;
    }

    .iphone .ss_input input[type=text],
    .ipad .ss_input input[type=text] {
        font-size: 4.2666666667vw;
    }
}

.ipad .ss_input input[type=text] {
    font-size: 1rem;
}

.ss_input textarea {
    display: block;
    padding: 5px 10px;
    width: 100%;
    height: 120px;
    font-size: 0.875rem;
    border: 1px solid #CBCBCB;
    border-radius: 10px;
    background-color: #fff;
    line-height: normal;
}

@media screen and (max-width: 767px) {
    .ss_input textarea {
        height: 32vw;
        padding: 1.3333333333vw 2.6666666667vw;
        font-size: 3.2vw;
        border-radius: 2.6666666667vw;
    }
}

.ss_btnArea {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .ss_btnArea {
        margin-top: 8vw;
    }
}

.ss_btnArea input {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #231815;
    margin: 0 auto;
    max-width: 240px;
    width: 100%;
    height: 48px;
    border-radius: 10px;
    border: 1px solid #231815;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 0.02em;
    transition: color 0.3s, background-color 0.3s;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .ss_btnArea input {
        max-width: 64vw;
        height: 10.6666666667vw;
        border-radius: 2.6666666667vw;
        font-size: 3.7333333333vw;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .ss_btnArea input:hover {
        color: #231815;
        background-color: #fff;
    }
}

/* ---------------------------------------------
*   c-modal
--------------------------------------------- */
.c-modal {
    display: none;
}

.c-modal.is-open {
    display: block;
    position: absolute;
}

.c-modal__overlay {
    position: fixed;
    top: 104px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

@media screen and (max-width: 767px) {
    .c-modal__overlay {
        top: 33.6vw;
    }
}

.c-modal--cancel .c-modal__overlay {
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.c-modal--cancel-2 .c-modal__overlay {
    top: 0;
    bottom: 0;
}

.c-modal__container {
    position: relative;
    width: 100%;
    max-width: 800px;
    max-height: 100vh;
    padding: 21px 26px 30px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767px) {
    .c-modal__container {
        max-width: 84vw;
        padding: 10.6666666667vw 4vw 8vw;
        border-radius: 2.6666666667vw;
        box-shadow: 0 2.6666666667vw 2.6666666667vw rgba(0, 0, 0, 0.2);
    }
}

.c-modal--cancel .c-modal__container {
    max-width: 750px;
    min-height: 577px;
    padding: 95px 52px 55px;
    box-shadow: none;
}

@media screen and (max-width: 767px) {
    .c-modal--cancel .c-modal__container {
        max-width: 90.6666666667vw;
        min-height: 137.0666666667vw;
        padding: 21.6vw 8vw 15.7333333333vw;
    }
}

.c-modal--cancel-2 .c-modal__container {
    max-width: 750px;
    min-height: 577px;
    padding: 95px 52px 55px;
    box-shadow: none;
}

@media screen and (max-width: 767px) {
    .c-modal--cancel-2 .c-modal__container {
        max-width: 90.6666666667vw;
        min-height: 137.0666666667vw;
        padding: 21.6vw 8vw 15.7333333333vw;
    }
}

.c-modal__cap {
    padding-bottom: 19px;
    font-size: 1.125rem;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-modal__cap {
        padding-bottom: 3.4666666667vw;
        font-size: 4.2666666667vw;
    }
}

.c-modal__ttl {
    font-size: 1.5625rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-modal__ttl {
        font-size: 4.2666666667vw;
    }
}

.c-modal--cancel .c-modal__ttl {
    margin-top: 35px;
    font-size: 1.875rem;
}

@media screen and (max-width: 767px) {
    .c-modal--cancel .c-modal__ttl {
        margin-top: 5.3333333333vw;
        font-size: 5.3333333333vw;
        line-height: 1.4;
    }
}

.c-modal--cancel-2 .c-modal__ttl {
    margin-top: 146px;
    font-size: 1.875rem;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-modal--cancel-2 .c-modal__ttl {
        margin-top: 28.2666666667vw;
        font-size: 5.3333333333vw;
        line-height: 1.4;
    }
}

.c-modal__txt {
    margin-top: 1px;
    width: 430px;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.73;
}

@media screen and (max-width: 767px) {
    .c-modal__txt {
        margin-top: 2.1333333333vw;
        width: 100%;
        font-size: 2.6666666667vw;
        line-height: 1.4;
    }
}

.c-modal--cancel .c-modal__txt {
    margin-top: 18px;
    font-size: 1.375rem;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .c-modal--cancel .c-modal__txt {
        margin-top: 5.3333333333vw;
        font-size: 3.7333333333vw;
    }
}

.c-modal__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 17px;
    width: 116px;
    height: 30px;
    border-radius: 10px;
    background-color: #231815;
    color: #fff;
    font-weight: bold;
    font-size: 0.75rem;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-modal__btn {
        transition: opacity 300ms;
    }

    .c-modal__btn:hover {
        opacity: 0.6;
    }
}

@media screen and (max-width: 767px) {
    .c-modal__btn {
        display: none;
    }
}

.c-modal__img {
    position: relative;
    margin: -130px auto 0;
    width: 674px;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .c-modal__img {
        margin-top: 2.9333333333vw;
        width: 76vw;
    }
}

.c-modal__close-btn {
    width: 20px;
    height: 20px;
    display: block;
    font-size: 0;
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-modal__close-btn {
        transition: opacity 300ms;
    }

    .c-modal__close-btn:hover {
        opacity: 0.6;
    }
}

@media screen and (max-width: 767px) {
    .c-modal__close-btn {
        width: 4.2666666667vw;
        height: 4.2666666667vw;
    }
}

.c-modal--cancel .c-modal__close-btn {
    width: 30px;
    height: 30px;
}

@media screen and (max-width: 767px) {
    .c-modal--cancel .c-modal__close-btn {
        width: 5.3333333333vw;
        height: 4.2666666667vw;
    }
}

.c-modal--cancel-2 .c-modal__close-btn {
    width: 30px;
    height: 30px;
}

@media screen and (max-width: 767px) {
    .c-modal--cancel-2 .c-modal__close-btn {
        width: 5.3333333333vw;
        height: 5.3333333333vw;
    }
}

/*  c-modal-btn-wrap
--------------------------------------------- */
.c-modal-btn-wrap {
    position: absolute;
    top: 19px;
    right: 19px;
    font-size: 0;
}

@media screen and (max-width: 767px) {
    .c-modal-btn-wrap {
        top: 3.7333333333vw;
        right: 3.7333333333vw;
    }
}

.c-modal--cancel .c-modal-btn-wrap {
    top: 26.5px;
    right: 22.5px;
}

@media screen and (max-width: 767px) {
    .c-modal--cancel .c-modal-btn-wrap {
        top: 5.3333333333vw;
        right: 5.3333333333vw;
    }
}

.c-modal--cancel-2 .c-modal-btn-wrap {
    top: 26.5px;
    right: 22.5px;
}

@media screen and (max-width: 767px) {
    .c-modal--cancel-2 .c-modal-btn-wrap {
        top: 5.3333333333vw;
        right: 5.3333333333vw;
    }
}

/* Modal Animation Style　(アニメーション不要の場合は削除)
--------------------------------------------- */
.c-modal[aria-hidden=false] .c-modal__overlay {
    -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal[aria-hidden=true] .c-modal__overlay {
    -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal__overlay,
.c-modal__container {
    will-change: transform;
}

@-webkit-keyframes mmfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mmfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes mmfadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/*  c-modal-slider
--------------------------------------------- */
.c-modal-photo-slider .swiper {
    overflow: visible;
}

@media screen and (max-width: 767px) {
    .c-modal-photo-slider .swiper {
        overflow: hidden;
    }
}

.c-modal-photo-slider .swiper-slide {
    box-sizing: border-box;
    text-align: center;
    opacity: 0.3;
}

.c-modal-photo-slider .swiper-slide img {
    width: 100%;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-modal-photo-slider .swiper-slide img {
        border-radius: 2.6666666667vw;
    }
}

@media screen and (min-width: 768px) {
    .c-modal-photo-slider .swiper-slide {
        transform: scale(0.9);
    }

    .c-modal-photo-slider .swiper-slide.swiper-slide-active,
    .c-modal-photo-slider .swiper-slide.swiper-slide-duplicate-active {
        transform: scale(1);
    }

    .c-modal-photo-slider .swiper-slide.is-add-transition {
        transition: transform 0.3s;
    }
}

.c-modal-photo-slider .swiper-slide-active {
    opacity: 1;
}

.c-modal-photo-slider__txt {
    position: absolute;
    left: 50%;
    bottom: -53px;
    transform: translateX(-50%);
    width: 100%;
    color: #fff;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .c-modal-photo-slider__txt {
        position: static;
        transform: none;
        margin: 3.2vw auto 0;
        width: 72vw;
        font-size: 3.2vw;
        text-align: center;
    }
}

.c-modal-photo-slider .swiper-button-prev,
.c-modal-photo-slider .swiper-button-next {
    width: 83px;
    margin-top: 0;
    transform: translateY(-50%);
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {

    .c-modal-photo-slider .swiper-button-prev,
    .c-modal-photo-slider .swiper-button-next {
        transition: opacity 300ms;
    }

    .c-modal-photo-slider .swiper-button-prev:hover,
    .c-modal-photo-slider .swiper-button-next:hover {
        opacity: 0.6;
    }
}

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

    .c-modal-photo-slider .swiper-button-prev,
    .c-modal-photo-slider .swiper-button-next {
        display: none;
    }
}

.c-modal-photo-slider .swiper-button-prev:after,
.c-modal-photo-slider .swiper-button-next:after {
    bottom: 0;
    content: "";
    height: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 0;
}

/*  c-modal-photo
--------------------------------------------- */
.c-modal-photo {
    display: none;
}

.c-modal-photo.is-open {
    display: block;
}

.c-modal-photo__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .c-modal-photo__overlay {
        padding: 0 4vw;
    }
}

.c-modal-photo__container {
    position: relative;
    width: 100%;
    max-height: 100vh;
}

/* Modal Animation Style　(アニメーション不要の場合は削除)
--------------------------------------------- */
.c-modal-photo[aria-hidden=false] .c-modal-photo__overlay {
    -webkit-animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal-photo[aria-hidden=false] .c-modal-photo__container {
    -webkit-animation: mmslideIn 0.5s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal-photo[aria-hidden=true] .c-modal-photo__overlay {
    -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal-photo[aria-hidden=true] .c-modal-photo__container {
    -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal-photo__overlay,
.c-modal-photo__container {
    will-change: transform;
}

@keyframes mmfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }

    to {
        transform: translateY(0);
    }
}

@-webkit-keyframes mmslideOut {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(15%);
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(15%);
    }
}

/*  c-slider-sync
--------------------------------------------- */
.c-slider-sync__thumbs {
    display: none;
}

@media screen and (max-width: 767px) {
    .c-slider-sync__thumbs {
        display: flex;
        flex-wrap: wrap;
        margin-top: 40vw;
        padding: 0 4vw;
    }
}

.c-slider-sync__thumb {
    width: 32%;
    cursor: pointer;
    margin-right: 2%;
}

.c-slider-sync__thumb:nth-of-type(3n) {
    margin-right: 0;
}

.c-slider-sync__thumb:nth-of-type(n+4) {
    margin-top: 2%;
}

.c-slider-sync__thumb.is-current {
    position: relative;
}

.c-slider-sync__thumb.is-current::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
}

.c-slider-sync__thumb-link img {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .c-slider-sync__thumb-link img {
        border-radius: 1.6vw;
    }
}

/* ---------------------------------------------
*   c-movie-1
--------------------------------------------- */
.c-movie-1-wrap {
    position: sticky;
    top: 60px;
}

@media screen and (max-width: 767px) {
    .c-movie-1-wrap {
        position: static;
    }
}

.c-movie-1 {
    aspect-ratio: 16/9;
}

.c-movie-1 iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-movie-1 iframe {
        border-radius: 2.6666666667vw;
    }
}

.c-movie-1-ttl {
    margin-top: 25px;
    font-weight: bold;
    font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
    .c-movie-1-ttl {
        margin-top: 4.8vw;
        font-size: 4.2666666667vw;
        line-height: 1.3;
    }
}

/* ---------------------------------------------
*   panel-footer
--------------------------------------------- */
.panel-footer {
    margin: 56px auto 0;
}

@media screen and (max-width: 767px) {
    .panel-footer {
        margin-top: 8vw;
    }
}

.pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 auto;
    text-align: center;
}

.page-item {
    margin: 0 5px;
    width: 30px;
    height: 30px;
    color: #000;
    border: 1px solid #231815;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-size: 0.875rem;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .page-item {
        transition: color 0.3s, background-color 0.3s;
    }
}

@media screen and (min-width: 768px) {
    .page-item:hover {
        color: #fff;
        background-color: #000;
        transition: color 0.3s, background-color 0.3s;
    }
}

@media screen and (max-width: 767px) {
    .page-item {
        margin: 0 1.3333333333vw;
        width: 8vw;
        height: 8vw;
        border-radius: 1.6vw;
        font-size: 3.7333333333vw;
    }
}

.page-item.active {
    color: #fff;
    background-color: #000;
    border: 1px solid #231815;
}

.page-item.first,
.page-item.last {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 30px;
    color: #000;
    border: 1px solid #231815;
    border-radius: 6px;
    font-family: "Inter", sans-serif;
    font-size: 0.875rem;
    text-align: center;
}

@media screen and (min-width: 768px) {

    .page-item.first,
    .page-item.last {
        transition: color 0.3s, background-color 0.3s;
    }
}

@media screen and (min-width: 768px) {

    .page-item.first:hover,
    .page-item.last:hover {
        color: #fff;
        background-color: #000;
        transition: color 0.3s, background-color 0.3s;
    }
}

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

    .page-item.first,
    .page-item.last {
        width: 14.9333333333vw;
        height: 8vw;
        border-radius: 1.6vw;
        font-size: 3.7333333333vw;
    }
}

.page-item.first.first,
.page-item.last.first {
    margin-left: 0;
    margin-right: 5px;
}

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

    .page-item.first.first,
    .page-item.last.first {
        margin-right: 1.3333333333vw;
    }
}

.page-item.first.last,
.page-item.last.last {
    margin-right: 0;
    margin-left: 5px;
}

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

    .page-item.first.last,
    .page-item.last.last {
        margin-left: 1.3333333333vw;
    }
}

.page-item.disabled {
    display: none;
}

.page-link,
.page-link-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* ---------------------------------------------
*   c-popup
--------------------------------------------- */
.c-popup {
    position: absolute;
    bottom: 55px;
    right: 5px;
    opacity: 0;
    padding: 20px 15px;
    pointer-events: none;
    font-size: 0.875rem;
    font-weight: bold;
    color: #fff;
    background-color: #000;
    border-radius: 10px;
    transition: opacity 0.3s;
}

@media screen and (max-width: 767px) {
    .c-popup {
        display: none;
    }
}

.l-contents--bk .c-popup {
    color: #000;
    background-color: #fff;
}

.c-popup::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    filter: blur(5px);
    mix-blend-mode: multiply;
    z-index: -1;
    border-radius: 10px;
    transform: translateY(10px) scale(1.05);
    will-change: filter;
}

.safari .c-popup::before {
    transform: none;
}

.l-contents--bk .c-popup::before {
    background-color: rgba(255, 255, 255, 0.2);
}

.c-popup::after {
    display: block;
    content: "";
    position: absolute;
    bottom: -12px;
    right: 28px;
    width: 15px;
    height: 13px;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background-color: #000;
}

.l-contents--bk .c-popup::after {
    background-color: #fff;
}

.c-card-1 .c-popup {
    bottom: 69px;
    right: 3px;
}

.c-card-2 .c-popup {
    bottom: 45px;
}

@media (hover: hover) and (pointer: fine) {
    .is-hover .c-popup {
        opacity: 1;
        pointer-events: auto;
    }
}

.c-popup__link {
    text-decoration: underline;
}

.c-popup__link:hover {
    text-decoration: none;
}

/*  c-popup
--------------------------------------------- */
.c-card-6 .c-popup {
    bottom: 59px;
    right: 4px;
}

.c-card-7 .c-popup {
    bottom: 35px;
    right: -7px;
}

.c-card-9 .c-popup {
    bottom: 34px;
    right: -7px;
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1 {
    margin-top: 35px;
}

@media screen and (max-width: 767px) {
    .c-section-1 {
        margin-top: 8vw;
    }
}

.c-section-1__container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-section-1__container {
        max-width: 92%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .c-section-1__container--full {
        max-width: 100%;
    }
}

.c-section-1__content {
    margin-top: 45px;
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .c-section-1__content {
        margin-top: 6.6666666667vw;
        padding-bottom: 8vw;
    }
}

.c-section-1__content--border {
    border-bottom: 1px solid #000;
}

.c-section-1__content--border-top {
    margin-top: 36px;
    padding-top: 54px;
    padding-bottom: 40px;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-section-1__content--border-top {
        margin-top: 8vw;
        padding-top: 8vw;
        padding-bottom: 3.4666666667vw;
    }
}

.c-section-1__content--pb {
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {
    .c-section-1__content--pb {
        padding-bottom: 5.3333333333vw;
    }
}

/*  c-section-2
--------------------------------------------- */
.c-section-2 {
    background-color: #F4F3F4;
}

@media screen and (max-width: 767px) {
    .c-section-2 {
        margin-top: 3.4666666667vw;
    }
}

.c-section-2__container {
    position: relative;
    max-width: 1360px;
    margin: 0 auto;
    padding: 100px 10px 90px;
}

@media screen and (max-width: 767px) {
    .c-section-2__container {
        max-width: 92%;
        padding-top: 53.3333333333vw;
        padding-bottom: 6.6666666667vw;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-section-2__content {
    max-width: 434px;
}

@media screen and (max-width: 767px) {
    .c-section-2__content {
        position: relative;
        max-width: none;
        z-index: 1;
    }
}

.c-section-2__img {
    position: absolute;
    top: 50%;
    right: -80px;
    transform: translateY(-50%);
    width: 760px;
}

@media screen and (max-width: 767px) {
    .c-section-2__img {
        width: 80vw;
        top: 0;
        right: -16vw;
        transform: none;
    }
}

.c-section-2__img video {
    max-width: 100%;
}

/*  c-section-3
--------------------------------------------- */
.c-section-3 {
    position: relative;
}

.c-section-3__bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.c-section-3__bg img {
    width: 100%;
    height: 100%;
}

.c-section-3__bg::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.c-section-3__container {
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 1360px;
    margin: 0 auto;
    padding: 56px 14px 56px;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .c-section-3__container {
        display: block;
        max-width: 92%;
        padding-top: 5.3333333333vw;
        padding-bottom: 8vw;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-section-3__body {
    margin-right: 19px;
    width: 530px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-section-3__body {
        margin-top: 4.2666666667vw;
        margin-right: 0;
        padding: 0 4vw;
        width: 100%;
    }
}

/*  c-section-4
--------------------------------------------- */
.c-section-4 {
    margin-top: 55px;
    margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
    .c-section-4 {
        margin-top: 8vw;
        margin-bottom: 0;
    }
}

.c-section-4__inner {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-section-4__inner {
        max-width: 92%;
        padding-left: 0;
        padding-right: 0;
    }
}

/*  c-section-5
--------------------------------------------- */
.c-section-5 {
    margin-top: 55px;
}

@media screen and (max-width: 767px) {
    .c-section-5 {
        margin-top: 8vw;
        margin-bottom: 16vw;
    }
}

.c-section-5__container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-section-5__container {
        max-width: 92%;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-section-5__body {
    margin-top: 47px;
    padding-top: 47px;
    border-top: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-section-5__body {
        margin-top: 8.8vw;
        padding-top: 0;
        border-top: none;
    }
}

/*  c-section-6
--------------------------------------------- */
.c-section-6 {
    margin-top: 30px;
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .c-section-6 {
        margin-top: 8vw;
        margin-bottom: 4.2666666667vw;
    }
}

.c-section-6__body {
    margin-top: 43px;
}

@media screen and (max-width: 767px) {
    .c-section-6__body {
        margin-top: 8vw;
    }
}

/*  c-section-7
--------------------------------------------- */
.c-section-7 {
    background-color: #F0F0F0;
    margin-bottom: -40px;
}

.c-section-7__container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 55px 10px 96px;
}

.c-section-7__body {
    margin-top: 40px;
}

/*  c-section-8
--------------------------------------------- */
.c-section-8 {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .c-section-8 {
        margin-top: 4vw;
    }
}

/*  c-section-9
--------------------------------------------- */
.c-section-9 {
    margin-top: 55px;
    padding-bottom: 55px;
    min-height: 650px;
}

@media screen and (max-width: 767px) {
    .c-section-9 {
        margin-top: 14.6666666667vw;
        padding-bottom: 5.3333333333vw;
        min-height: auto;
    }
}

.c-section-9--mh {
    min-height: auto;
}

.c-section-9__container {
    max-width: 680px;
    margin: 0 auto;
    padding: 0 10px;
    transition: transform 0.5s;
}

.c-section-9__container.advantage-active {
    transform: translateX(-250px);
}

@media screen and (max-width: 767px) {
    .c-section-9__container.advantage-active {
        transform: none;
    }
}


@media screen and (max-width: 767px) {
    .c-section-9__container {
        max-width: 92%;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-section-9__body {
    margin-top: 28px;
}

@media screen and (max-width: 767px) {
    .c-section-9__body {
        margin-top: 7.4666666667vw;
    }
}

.c-section-9--confirm .c-section-9__body {
    margin-top: 32px;
}

@media screen and (max-width: 767px) {
    .c-section-9--confirm .c-section-9__body {
        margin-top: 6.6666666667vw;
    }
}

/*  c-section-10
--------------------------------------------- */
.c-section-10 {
    margin-top: 40px;
    padding: 33px 0 100px;
    background-color: #F5F5F5;
}

@media screen and (max-width: 767px) {
    .c-section-10 {
        margin-top: 8vw;
        padding: 6.4vw 0 13.3333333333vw;
    }
}

.c-section-10__container {
    max-width: 680px;
    margin: 0 auto;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-section-10__container {
        max-width: 92%;
        padding-left: 0;
        padding-right: 0;
    }
}

/*  c-section-11
--------------------------------------------- */
.c-section-11 {
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/login/bg_01.png) 0 0 no-repeat;
    background-size: cover;
}

.c-section-11__container {
    display: flex;
    max-width: 1360px;
    margin: 0 auto;
    padding: 49px 10px 20px;
}

@media screen and (max-width: 767px) {
    .c-section-11__container {
        max-width: 92%;
        padding-top: 9.8666666667vw;
        padding-bottom: 13.3333333333vw;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-section-11__head {
    margin-right: 3.7313432836%;
    width: 46.2686567164%;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-section-11__head {
        margin-right: 0;
        width: 100%;
    }
}

.c-section-11__body {
    margin-top: 37px;
    width: 46.2686567164%;
    flex-shrink: 0;
}

/*  c-section-12
--------------------------------------------- */
.c-section-12 {
    position: relative;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/virtual-park/bg_01.png) center center no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .c-section-12 {
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/virtual-park/sp/bg_01.png);
    }
}

.c-section-12::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.c-section-12__container {
    position: relative;
    max-width: 1360px;
    margin: 0 auto;
    padding: 82px 10px 155px;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .c-section-12__container {
        max-width: 92%;
        padding-top: 9.6vw;
        padding-bottom: 8.5333333333vw;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-section-12__body {
    margin-top: 25px;
}

@media screen and (max-width: 767px) {
    .c-section-12__body {
        margin-top: 2.1333333333vw;
    }
}

/*  c-section-13
--------------------------------------------- */
.c-section-13 {
    position: relative;
    margin-top: 90px;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/virtual-park/bg_01.png) center center no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .c-section-13 {
        margin-top: 4.8vw;
        background-image: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/virtual-park/sp/bg_02.png);
    }
}

.c-section-13::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.c-section-13__container {
    position: relative;
    max-width: 1360px;
    margin: 0 auto;
    padding: 194px 10px 204px;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .c-section-13__container {
        max-width: 92%;
        padding-top: 12vw;
        padding-bottom: 13.3333333333vw;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-section-13__txt {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-section-13__txt {
        font-size: 4.2666666667vw;
    }
}

/*  c-section-14
--------------------------------------------- */
.c-section-14 {
    margin-top: 88px;
}

@media screen and (max-width: 767px) {
    .c-section-14 {
        margin-top: 12.5333333333vw;
    }
}

.c-section-14__head {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-section-14__head {
        max-width: 92%;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-section-14__body {
    position: relative;
    margin: 94px auto 0;
    width: 1440px;
}

@media screen and (max-width: 767px) {
    .c-section-14__body {
        margin-top: 39.4666666667vw;
        width: 100%;
    }
}

.c-section-14__img {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-48.8%);
    width: 888px;
    z-index: 4;
}

@media screen and (max-width: 767px) {
    .c-section-14__img {
        top: -21.8666666667vw;
        transform: translateX(-50%);
        width: 74.6666666667vw;
    }
}

/*  c-section-15
--------------------------------------------- */
.c-section-15 {
    margin-top: 48px;
    background: url(/static/upload/smp.openhub.ntt.com/seminar/138/shared/user/img/about/bg_01.png) center center no-repeat;
    background-size: cover;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-section-15 {
        margin-top: 4.8vw;
        background: none;
    }
}

.c-section-15__container {
    display: flex;
    justify-content: space-between;
    padding: 75px 40px 70px;
}

@media screen and (max-width: 767px) {
    .c-section-15__container {
        display: block;
        padding: 0;
    }
}

.c-section-15__head {
    margin-top: 7px;
    width: 620px;
    flex-shrink: 0;
}

@media screen and (max-width: 767px) {
    .c-section-15__head {
        margin-top: 0;
        width: 100%;
    }
}

.c-section-15__ttl {
    color: #fff;
    font-weight: bold;
    font-size: 3rem;
    letter-spacing: 0.12em;
    line-height: 1.3;
    font-feature-settings: "palt";
    transition-delay: 0.2s !important;
}

@media screen and (max-width: 767px) {
    .c-section-15__ttl {
        color: #000;
        font-size: 7.4666666667vw;
    }

    .android .c-section-15__ttl {
        font-size: 6.6666666667vw;
    }
}

.c-section-15__txt-wrap {
    margin-top: 42px;
    transition-delay: 0.4s !important;
}

@media screen and (max-width: 767px) {
    .c-section-15__txt-wrap {
        margin-top: 5.0666666667vw;
    }
}

.c-section-15__txt {
    color: #fff;
    font-weight: bold;
    font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
    .c-section-15__txt {
        color: #000;
        font-size: 3.7333333333vw;
    }
}

.c-section-15__txt+.c-section-15__txt {
    margin-top: 28px;
}

@media screen and (max-width: 767px) {
    .c-section-15__txt+.c-section-15__txt {
        margin-top: 5.8666666667vw;
    }
}

.c-section-15__body {
    width: 580px;
    flex-shrink: 0;
    transition-delay: 0.6s !important;
}

@media screen and (max-width: 767px) {
    .c-section-15__body {
        margin-top: 6.9333333333vw;
        width: 100%;
    }
}

/*  c-section-16
--------------------------------------------- */
.c-section-16 {
    margin-top: 90px;
    padding-bottom: 152px;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-section-16 {
        margin-top: 6.9333333333vw;
        padding-bottom: 13.8666666667vw;
    }
}

.c-section-16__head {
    width: 590px;
}

@media screen and (max-width: 767px) {
    .c-section-16__head {
        width: 100%;
    }
}

.c-section-16__ttl {
    font-size: 3rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-section-16__ttl {
        font-size: 5.3333333333vw;
    }
}

.safari .c-section-16__ttl {
    font-size: 2.875rem;
}

@media screen and (max-width: 767px) {
    .safari .c-section-16__ttl {
        font-size: 5.3333333333vw;
    }
}

.c-section-16__txt {
    margin-top: 17px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .c-section-16__txt {
        margin-top: 3.4666666667vw;
        font-size: 3.7333333333vw;
    }
}

.c-section-16__body {
    position: relative;
    width: 986px;
    margin: 46px auto 0;
}

@media screen and (max-width: 767px) {
    .c-section-16__body {
        width: 100%;
        margin-top: 9.8666666667vw;
    }
}

.c-section-16__img {
    transform: translateX(-25px);
}

@media screen and (max-width: 767px) {
    .c-section-16__img {
        transform: none;
    }
}

/*  c-section-17
--------------------------------------------- */
.c-section-17 {
    padding-bottom: 137px;
    border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-section-17 {
        padding-bottom: 12.8vw;
    }
}

.c-section-17__container {
    margin-top: -12px;
    padding-top: 12px;
}

@media screen and (max-width: 767px) {
    .c-section-17__container {
        margin-top: -5.3333333333vw;
        padding-top: 5.3333333333vw;
    }
}

/*  c-section-18
--------------------------------------------- */
.c-section-18 {
    margin-top: 159px;
}

@media screen and (max-width: 767px) {
    .c-section-18 {
        margin-top: 20vw;
    }
}

.c-section-18__container {
    margin-top: -12px;
    padding-top: 12px;
}

@media screen and (max-width: 767px) {
    .c-section-18__container {
        margin-top: -5.3333333333vw;
        padding-top: 5.3333333333vw;
    }
}

.c-section-18__head {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-section-18__head {
        max-width: 92%;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-section-18__body {
    margin: 100px auto 0;
    max-width: 1440px;
}

@media screen and (max-width: 767px) {
    .c-section-18__body {
        margin-top: 6.9333333333vw;
        max-width: 100%;
    }
}

.c-section-18__img {
    margin-top: -204px;
    margin-left: auto;
    width: 1230px;
}

@media screen and (max-width: 767px) {
    .c-section-18__img {
        margin-top: 0;
        margin-left: 0;
        width: 100%;
    }
}

/*  c-section-19
--------------------------------------------- */
.c-section-19 {
    margin-top: -272px;
    padding-bottom: 137px;
}

@media screen and (max-width: 767px) {
    .c-section-19 {
        margin-top: 13.3333333333vw;
        padding-bottom: 12.5333333333vw;
    }
}

.c-section-19__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-section-19__container {
        max-width: 92%;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-section-19__head {
    width: 590px;
}

@media screen and (max-width: 767px) {
    .c-section-19__head {
        margin: 0 auto;
        width: 100%;
        max-width: 91.3043478261%;
    }
}

.c-section-19__txt-s {
    font-weight: bold;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .c-section-19__txt-s {
        font-size: 2.6666666667vw;
    }
}

.c-section-19__ttl {
    font-size: 4rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-section-19__ttl {
        margin-top: 1.0666666667vw;
        font-size: 9.6vw;
    }
}

.c-section-19__cap {
    margin-top: 12px;
    font-size: 1.875rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-section-19__cap {
        margin-top: 2.6666666667vw;
        font-size: 5.3333333333vw;
    }
}

.c-section-19__txt {
    margin-top: 25px;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .c-section-19__txt {
        margin-top: 2.6666666667vw;
        font-size: 3.7333333333vw;
        letter-spacing: -0.02em;
    }
}

.c-section-19__body {
    margin-top: 47px;
}

@media screen and (max-width: 767px) {
    .c-section-19__body {
        margin-top: 5.3333333333vw;
    }
}

/*  c-section-20
--------------------------------------------- */
.c-section-20 {
    margin-top: 145px;
}

@media screen and (max-width: 767px) {
    .c-section-20 {
        margin-top: 13.3333333333vw;
    }
}

.c-section-20__container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .c-section-20__container {
        max-width: 92%;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-section-20__ttl {
    font-size: 4.5rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-section-20__ttl {
        font-size: 7.4666666667vw;
    }
}

.c-section-20__txt {
    margin-top: 14px;
    font-weight: bold;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .c-section-20__txt {
        margin-top: 3.7333333333vw;
        font-size: 3.7333333333vw;
        letter-spacing: -0.02em;
    }
}

/* ---------------------------------------------
*   c-slider
--------------------------------------------- */
/* ---------------------------------------------
*   c-tag-1
--------------------------------------------- */
.c-tag-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    min-height: 24px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #fff;
    background-color: #DD8089;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-tag-1 {
        min-width: 18.1333333333vw;
        min-height: 5.3333333333vw;
        border-radius: 3.2vw;
        font-size: 2.6666666667vw;
    }

    .android .c-tag-1 {
        padding-top: 0.5333333333vw;
    }
}

.c-tag-1--disabled {
    background-color: #989898;
}

.c-tag-1.is-streaming,
.c-tag-1.is-accept {
    color: #fff;
    background-color: #DD8089;
}

.c-tag-1.is-reschedule,
.c-tag-1.is-ready,
.c-tag-1.is-end,
.c-tag-1.is-terminated,
.c-tag-1.is-closed {
    color: #fff;
    background-color: #989898;
}

/*  c-tag-2
--------------------------------------------- */
.c-tag-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    min-height: 24px;
    border-radius: 12px;
    font-family: "Inter", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff;
    background-color: #333;
    text-align: center;
}

.windows.chrome .c-tag-2 {
    padding-bottom: 1px;
}

.c-card-1__head .c-tag-2 {
    min-width: 150px;
    min-height: auto;
    border-radius: 18px;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .c-card-1__head .c-tag-2 {
        min-width: 19.2vw;
        min-height: 3.7333333333vw;
        font-size: 3.2vw;
    }
}

.c-card-2__head .c-tag-2 {
    min-width: 108px;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .c-card-2__head .c-tag-2 {
        min-width: 19.2vw;
        min-height: 3.7333333333vw;
        font-size: 2.6666666667vw;
    }
}

.c-card-8__head .c-tag-2 {
    min-width: 80px;
    min-height: auto;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-card-8__head .c-tag-2 {
        min-width: 16.5333333333vw;
        min-height: 3.7333333333vw;
        font-size: 2.6666666667vw;
    }
}

.c-card-14__head .c-tag-2 {
    min-width: 80px;
    min-height: auto;
    font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
    .c-card-14__head .c-tag-2 {
        min-width: 16.5333333333vw;
        min-height: 3.7333333333vw;
        font-size: 2.6666666667vw;
    }
}

@media screen and (max-width: 767px) {
    .c-tag-2 {
        min-width: 19.2vw;
        min-height: 4.8vw;
        border-radius: 3.2vw;
        font-size: 2.6666666667vw;
    }

    .android .c-tag-2 {
        padding-top: 0.2666666667vw;
    }
}

/* ---------------------------------------------
*   c-tile-1
--------------------------------------------- */
.c-tile-1 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 1.4925373134%;
}

@media screen and (max-width: 767px) {
    .c-tile-1 {
        display: block;
    }
}

.c-tile-1__item {
    width: 32.3134328358%;
}

@media screen and (max-width: 767px) {
    .c-tile-1__item {
        width: 100%;
        margin-top: 5.3333333333vw;
    }

    .c-tile-1__item:first-of-type {
        margin-top: 0;
    }
}

.c-tile-1__item:first-of-type {
    width: 100%;
    grid-area: 1/1/2/4;
}

/*  c-tile-2
--------------------------------------------- */
.c-tile-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 1.4925373134%;
}

@media screen and (max-width: 767px) {
    .c-tile-2 {
        display: block;
    }
}

.c-tile-2__item {
    width: 32.3134328358%;
}

@media screen and (max-width: 767px) {
    .c-tile-2__item {
        width: 100%;
        margin-top: 5.3333333333vw;
    }

    .c-tile-2__item:first-of-type {
        margin-top: 0;
    }
}

/*  c-tile-3
--------------------------------------------- */
.c-tile-3 {
    display: flex;
    gap: 40px 1.4925373134%;
}

@media screen and (max-width: 767px) {
    .c-tile-3 {
        display: block;
    }
}

.c-tile-3__item {
    width: 23.8805970149%;
}

@media screen and (max-width: 767px) {
    .c-tile-3__item {
        width: 100%;
        margin-top: 5.3333333333vw;
    }

    .c-tile-3__item:first-of-type {
        margin-top: 0;
    }
}

/*  c-tile-4
--------------------------------------------- */
.c-tile-4 {
    display: flex;
    gap: 40px 1.4925373134%;
}

@media screen and (max-width: 767px) {
    .c-tile-4 {
        display: block;
    }
}

.c-tile-4__item {
    width: 49.2537313433%;
}

@media screen and (max-width: 767px) {
    .c-tile-4__item {
        width: 100%;
        margin-top: 2.6666666667vw;
    }

    .c-tile-4__item:first-of-type {
        margin-top: 0;
    }
}

/*  c-tile-5
--------------------------------------------- */
.c-tile-5 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 1.4925373134%;
}

@media screen and (max-width: 767px) {
    .c-tile-5 {
        display: block;
        margin-top: 6.6666666667vw;
    }
}

.c-tile-5__item {
    width: 32.3134328358%;
}

@media screen and (max-width: 767px) {
    .c-tile-5__item {
        width: 100%;
        margin-top: 5.3333333333vw;
    }

    .c-tile-5__item:first-of-type {
        margin-top: 0;
    }
}

/*  c-tile-6
--------------------------------------------- */
.c-tile-6 {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 1.4925373134%;
}

@media screen and (max-width: 767px) {
    .c-tile-6 {
        display: block;
    }
}

.c-tile-6__item {
    width: 49.2537313433%;
}

@media screen and (max-width: 767px) {
    .c-tile-6__item {
        width: 100%;
        margin-top: 6.4vw;
    }

    .c-tile-6__item:first-of-type {
        margin-top: 0;
    }
}

/*  c-tile-7
--------------------------------------------- */
@media screen and (max-width: 767px) {
    .c-tile-7 {
        margin-top: 6.6666666667vw;
    }
}

.c-tile-7__item {
    width: 32.3134328358%;
}

@media screen and (max-width: 767px) {
    .c-tile-7__item {
        width: 100%;
        margin-top: 5.3333333333vw;
    }

    .c-tile-7__item:first-of-type {
        margin-top: 0;
    }
}

@media screen and (min-width: 768px) {
    .c-tile-7 .swiper-wrapper {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .c-tile-7 .swiper-wrapper {
        margin-bottom: 8vw;
    }
}

@media screen and (min-width: 768px) {
    .c-tile-7 .swiper-slide {
        display: flex;
        flex-wrap: wrap;
        gap: 40px 1.4925373134%;
        margin-top: 25px;
    }

    .c-tile-7 .swiper-slide:first-of-type {
        margin-top: 0;
    }
}

.c-tile-7 .swiper-pagination {
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .c-tile-7 .swiper-pagination {
        display: none;
    }
}

.c-tile-7 .swiper-pagination .swiper-pagination-bullet {
    display: block;
    background-color: #CACACA;
    opacity: 1;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-left: 2.6666666667vw;
    margin-right: 2.6666666667vw;
}

.c-tile-7 .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #231815;
}

/*  c-tile-8
--------------------------------------------- */
.c-tile-8 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 22px;
    gap: 57px 1.4925373134%;
}

@media screen and (max-width: 767px) {
    .c-tile-8 {
        margin-top: 0;
        gap: 4vw 4vw;
    }
}

.c-tile-8__item {
    width: 23.8805970149%;
}

@media screen and (max-width: 767px) {
    .c-tile-8__item {
        width: 44vw;
    }

    .windows .c-tile-8__item {
        width: 42.1333333333vw;
    }
}

/*  c-tile-9
--------------------------------------------- */
.c-tile-9 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 36px 1.4925373134%;
    margin-top: 56px;
}

@media screen and (max-width: 767px) {
    .c-tile-9 {
        margin-top: 3.7333333333vw;
        gap: 4vw 4vw;
    }
}

.c-tile-9__item {
    width: 15.3731343284%;
}

@media screen and (max-width: 767px) {
    .c-tile-9__item {
        width: 28vw;
    }

    .windows .c-tile-9__item {
        width: 26.6666666667vw;
    }
}

/*  c-tile-10
--------------------------------------------- */
.c-tile-10 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px 1.4925373134%;
}

@media screen and (max-width: 767px) {
    .c-tile-10 {
        gap: 5.0666666667vw 4vw;
    }
}

.c-tile-10__item {
    width: 15.3731343284%;
}

@media screen and (max-width: 767px) {
    .c-tile-10__item {
        width: 44vw;
    }

    .windows .c-tile-10__item {
        width: 42.1333333333vw;
    }
}

/*  c-tile-11
--------------------------------------------- */
.c-tile-11 {
    display: flex;
    flex-wrap: wrap;
    gap: 38px 2%;
}

@media screen and (max-width: 767px) {
    .c-tile-11 {
        margin-top: 5.8666666667vw;
        gap: 5.0666666667vw 4vw;
    }
}

.c-tile-11__item {
    width: 32%;
}

@media screen and (max-width: 767px) {
    .c-tile-11__item {
        width: 44vw;
    }

    .windows .c-tile-11__item {
        width: 42.1333333333vw;
    }
}

/*  c-tile-12
--------------------------------------------- */
.c-tile-12 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    gap: 40px 1.4925373134%;
}

@media screen and (max-width: 767px) {
    .c-tile-12 {
        margin-top: 7.4666666667vw;
        gap: 5.0666666667vw 4vw;
    }
}

.c-tile-12__item {
    width: 23.8805970149%;
}

@media screen and (max-width: 767px) {
    .c-tile-12__item {
        width: 44vw;
    }

    .windows .c-tile-12__item {
        width: 42.1333333333vw;
    }
}

/*  c-tile-13
--------------------------------------------- */
.c-tile-13 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 36px 1.4925373134%;
}

.c-tile-13__item {
    width: 15.3731343284%;
}

.c-tile-13__item img {
    height: auto;
}

/*  c-tile-14
--------------------------------------------- */
.c-tile-14 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 36px 3.0395136778%;
}

@media screen and (max-width: 767px) {
    .c-tile-14 {
        margin-top: 2.6666666667vw;
        gap: 4vw 4vw;
    }
}

.c-tile-14__item {
    width: 31.3069908815%;
}

@media screen and (max-width: 767px) {
    .c-tile-14__item {
        width: 25.3333333333vw;
    }

    .windows .c-tile-14__item {
        width: 24vw;
    }
}

/*  c-tile-15
--------------------------------------------- */
.c-tile-15 {
    margin-top: 9px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 3.0303030303%;
}

@media screen and (max-width: 767px) {
    .c-tile-15 {
        margin-top: -0.8vw;
        display: block;
    }
}

.c-form-5 .c-tile-15 {
    margin-top: 5px;
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-tile-15 {
        margin-top: 1.3333333333vw;
        display: flex;
    }
}

.c-tile-15__item {
    width: 48.4848484848%;
}

@media screen and (max-width: 767px) {
    .c-tile-15__item {
        margin-top: 3.4666666667vw;
        width: 100%;
    }

    .c-tile-15__item:first-of-type {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .c-form-5 .c-tile-15__item {
        margin-top: 0;
        width: 44.5333333333vw;
    }
}

/*  c-tile-16
--------------------------------------------- */
.c-tile-16 {
    display: flex;
    flex-wrap: wrap;
    gap: 23px 3.0303030303%;
}

@media screen and (max-width: 767px) {
    .c-tile-16 {
        display: block;
    }
}

.c-section-9--confirm .c-tile-16 {
    gap: 13px 3.0303030303%;
}

.c-tile-16__item {
    width: 48.4848484848%;
}

@media screen and (max-width: 767px) {
    .c-tile-16__item {
        margin-top: 4.5333333333vw;
        width: 100%;
    }

    .c-tile-16__item:first-of-type {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .c-section-9--confirm .c-tile-16__item {
        margin-top: 3.4666666667vw;
    }
}

/*  c-tile-17
--------------------------------------------- */
.c-tile-17 {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 3.0303030303%;
}

@media screen and (max-width: 767px) {
    .c-tile-17 {
        margin-top: 7.4666666667vw;
        gap: 5.0666666667vw 4vw;
    }
}

.c-tile-17__item {
    width: 48.4848484848%;
}

@media screen and (max-width: 767px) {
    .c-tile-17__item {
        width: 44vw;
    }

    .windows .c-tile-17__item {
        width: 42.1333333333vw;
    }
}

/*  c-tile-18
--------------------------------------------- */
.c-tile-18 {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 38px 1.4925373134%;
}

@media screen and (max-width: 767px) {
    .c-tile-18 {
        margin-top: 7.4666666667vw;
        display: block;
    }
}

.c-tile-18__item {
    width: 32.3134328358%;
}

@media screen and (max-width: 767px) {
    .c-tile-18__item {
        width: 100%;
    }

    .c-tile-18__item+.c-tile-18__item {
        margin-top: 8.2666666667vw;
    }
}

/*  c-tile-19
--------------------------------------------- */
.c-tile-19 {
    display: flex;
    flex-wrap: wrap;
    gap: 36px 1.4925373134%;
}

@media screen and (max-width: 767px) {
    .c-tile-19 {
        display: block;
    }
}

.c-tile-19__item {
    width: 32.3134328358%;
}

@media screen and (max-width: 767px) {
    .c-tile-19__item {
        width: 100%;
    }

    .c-tile-19__item+.c-tile-19__item {
        margin-top: 5.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-ttl-1
--------------------------------------------- */
.c-ttl-1 {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
    font-size: 4.5rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.12em;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-ttl-1 {
        font-size: 9.6vw;
    }
}

@media screen and (max-width: 767px) {
    .c-section-2 .c-ttl-1 {
        background-color: rgba(241, 241, 241, 0.5);
    }
}

.l-contents--bk .c-ttl-1 {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .windows .c-ttl-1--l {
        white-space: nowrap;
    }
}

/*  c-ttl-2
--------------------------------------------- */
.c-ttl-2 {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
    font-size: 4.5rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.12em;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-ttl-2 {
        font-size: 8vw;
    }
}

@media screen and (max-width: 767px) {
    .c-kv-2 .c-ttl-2 {
        margin-top: 4.2666666667vw;
        font-size: 9.6vw;
    }
}

/*  c-ttl-3
--------------------------------------------- */
.c-ttl-3 {
    font-size: 1.5rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-ttl-3 {
        font-size: 4.8vw;
    }
}

/*  c-ttl-4
--------------------------------------------- */
.c-ttl-4 {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 3rem;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
    .c-ttl-4 {
        font-size: 6.4vw;
    }
}

/*  c-ttl-5
--------------------------------------------- */
.c-ttl-5 {
    margin-top: -5px;
    font-size: 2.25rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-ttl-5 {
        margin-top: 0.2666666667vw;
        font-size: 6.4vw;
    }
}

/*  c-ttl-6
--------------------------------------------- */
.c-ttl-6 {
    margin-top: 10px;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.3;
}

@media screen and (max-width: 767px) {
    .c-ttl-6 {
        margin-top: 2.6666666667vw;
        font-size: 5.3333333333vw;
    }
}

/*  c-ttl-7
--------------------------------------------- */
.c-ttl-7 {
    margin-top: 42px;
    font-size: 1.875rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-ttl-7 {
        margin-top: 6.6666666667vw;
        font-size: 6.4vw;
    }
}

/*  c-ttl-8
--------------------------------------------- */
.c-ttl-8 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 3.125rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.12em;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-ttl-8 {
        font-size: 8vw;
    }
}

/*  c-ttl-9
--------------------------------------------- */
.c-ttl-9 {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 9.75rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.12em;
    line-height: 1;
    white-space: nowrap;
    transition-delay: 0.2s !important;
}

@media screen and (max-width: 1280px) {
    .c-ttl-9 {
        font-size: 8.75rem;
    }
}

@media screen and (max-width: 767px) {
    .c-ttl-9 {
        font-size: 10.6666666667vw;
    }
}

/*  c-ttl-10
--------------------------------------------- */
.c-ttl-10 {
    font-size: 5.5rem;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.12em;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-ttl-10 {
        margin-top: 2.6666666667vw;
        font-size: 10.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-txt
--------------------------------------------- */
.c-txt {
    position: relative;
    z-index: 1;
    max-width: 580px;
    margin-top: 25px;
    font-size: 1rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-txt {
        max-width: none;
        margin-top: 2.6666666667vw;
        font-size: 3.7333333333vw;
        text-align: justify;
    }
}

@media screen and (max-width: 767px) {
    .c-section-2 .c-txt {
        background-color: rgba(241, 241, 241, 0.5);
        padding-top: 1.6vw;
        padding-right: 1.6vw;
    }
}

.l-contents--bk .c-txt {
    color: #fff;
}

/*  c-txt-2
--------------------------------------------- */
.c-txt-2 {
    position: relative;
    z-index: 1;
    max-width: 665px;
    margin-top: 25px;
    font-size: 1rem;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .c-txt-2 {
        max-width: none;
        margin-top: 4.2666666667vw;
        font-size: 3.7333333333vw;
        text-align: justify;
    }
}

/*  c-txt-3
--------------------------------------------- */
.c-txt-3 {
    font-weight: 500;
    font-family: "Inter", sans-serif;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .c-txt-3 {
        font-size: 4.8vw;
    }
}

/*  c-txt-4
--------------------------------------------- */
.c-txt-4 {
    margin-top: 36px;
    font-weight: bold;
    font-size: 0.875rem;
    line-height: 1.57;
}

@media screen and (max-width: 767px) {
    .c-txt-4 {
        margin-top: 6.9333333333vw;
        font-size: 3.2vw;
        line-height: 1.4;
    }
}

.c-txt-4--center {
    text-align: center;
}

/*  c-txt-5
--------------------------------------------- */
.c-txt-5 {
    margin-top: 33px;
    font-weight: bold;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .c-txt-5 {
        margin-top: 6.9333333333vw;
        font-size: 4.8vw;
    }
}

@media screen and (max-width: 767px) {
    .c-section-9--confirm .c-txt-5 {
        margin-top: 5.8666666667vw;
    }
}

.c-txt-5--center {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-txt-5--center {
        margin-top: 7.4666666667vw;
    }
}

/*  c-txt-6
--------------------------------------------- */
.c-txt-6 {
    margin-top: 30px;
    font-weight: bold;
    font-size: 1rem;
}

@media screen and (max-width: 767px) {
    .c-txt-6 {
        margin-top: 12.5333333333vw;
        font-size: 3.2vw;
        line-height: 1.4;
    }
}

.c-txt-6--center {
    text-align: center;
}

.c-txt-6 .red {
    color: #FF0000;
}

/*  c-txt-7
--------------------------------------------- */
.c-txt-7 {
    margin-top: 38px;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.4;
}

@media screen and (max-width: 767px) {
    .c-txt-7 {
        margin-top: 10.6666666667vw;
        font-size: 3.2vw;
    }
}

/*  c-txt-8
--------------------------------------------- */
.c-txt-8 {
    margin-top: 4px;
    margin-left: 8px;
    font-weight: bold;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .c-txt-8 {
        margin-top: 2.1333333333vw;
        margin-left: 0.8vw;
        font-size: 5.3333333333vw;
    }
}

/*  c-txt-9
--------------------------------------------- */
.c-txt-9 {
    font-weight: bold;
    font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
    .c-txt-9 {
        font-size: 3.2vw;
    }
}

/*  c-txt-10
--------------------------------------------- */
.c-txt-10 {
    margin-top: -7px;
    margin-left: 4px;
    display: flex;
    align-items: baseline;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .c-txt-10 {
        margin-top: 3.7333333333vw;
        margin-left: 1.0666666667vw;
    }
}

.c-txt-10__num {
    margin-right: -3px;
    font-size: 3.1875rem;
    letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
    .c-txt-10__num {
        margin-right: -0.5333333333vw;
        font-size: 6.4vw;
    }
}

.c-txt-10__ordinal {
    margin-right: 10px;
    font-size: 1.875rem;
}

@media screen and (max-width: 767px) {
    .c-txt-10__ordinal {
        margin-right: 1.6vw;
        font-size: 3.848vw;
    }
}

.c-txt-10__txt {
    font-size: 3.1875rem;
    letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
    .c-txt-10__txt {
        font-size: 6.4vw;
    }
}

/*  c-txt-11
--------------------------------------------- */
.c-txt-11 {
    margin-top: 16px;
    font-weight: bold;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .c-txt-11 {
        margin-top: 2.1333333333vw;
        font-size: 4vw;
    }
}

/*  c-txt-12
--------------------------------------------- */
.c-txt-12 {
    margin: 40px 0;
    font-size: 1.125rem;
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .c-txt-12 {
        margin: 5.8666666667vw auto;
        max-width: 84%;
        font-size: 3.2vw;
        line-height: 1.833;
    }
}

.c-txt-12 em {
    font-family: "Inter", sans-serif;
    font-size: 0.75rem;
    font-style: italic;
}

@media screen and (max-width: 767px) {
    .c-txt-12 em {
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-wysiwyg (Wordpress案件以外は削除すること)
--------------------------------------------- */
.c-wysiwyg {
    overflow: hidden;
}

.c-wysiwyg::after {
    content: "";
    display: block;
    clear: both;
}

/* c-wysiwyg default
--------------------------------------------- */
.c-wysiwyg {
    /** 自動で挿入される clearfix の余白解除 **/
}

@media screen and (max-width: 767px) {
    .c-wysiwyg {
        margin: 0 auto;
        max-width: 84%;
    }
}

.c-wysiwyg> :first-child {
    margin-top: 0 !important;
}

.c-wysiwyg> :last-child {
    margin-bottom: 0 !important;
}

.c-wysiwyg sup {
    vertical-align: super;
    font-size: smaller;
}

.c-wysiwyg sub {
    vertical-align: sub;
    font-size: smaller;
}

.c-wysiwyg h1,
.c-wysiwyg h2,
.c-wysiwyg h3 {
    margin: 40px 0;
}

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

    .c-wysiwyg h1,
    .c-wysiwyg h2,
    .c-wysiwyg h3 {
        margin: 5.8666666667vw 0;
    }
}

.c-wysiwyg h4,
.c-wysiwyg h5,
.c-wysiwyg h6 {
    margin: 40px 0;
}

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

    .c-wysiwyg h4,
    .c-wysiwyg h5,
    .c-wysiwyg h6 {
        margin: 5.8666666667vw 0;
    }
}

.c-wysiwyg h1,
.c-wysiwyg h2,
.c-wysiwyg h3,
.c-wysiwyg h4,
.c-wysiwyg h5,
.c-wysiwyg h6 {
    font-weight: 700;
}

.c-wysiwyg h2 {
    font-size: 1.75rem;
    line-height: 1.71;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg h2 {
        font-size: 4.8vw;
        line-height: 1.4;
    }
}

.c-wysiwyg i,
.c-wysiwyg strong {
    font-weight: bold;
}

.c-wysiwyg p {
    margin: 40px 0;
    font-size: 1.125rem;
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg p {
        margin: 5.8666666667vw 0;
        font-size: 3.2vw;
        line-height: 1.833;
    }
}

.c-wysiwyg em {
    font-family: "Inter", sans-serif;
    font-size: 0.75rem;
    font-style: italic;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg em {
        font-size: 3.2vw;
    }
}

.c-wysiwyg a {
    text-decoration: underline;
}

.c-wysiwyg ul {
    list-style-type: disc;
    padding-left: 2em;
    margin: 40px 0;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg ul {
        margin: 5.8666666667vw 0;
    }
}

.c-wysiwyg ol {
    list-style-type: decimal;
    padding-left: 2em;
    margin: 40px 0;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg ol {
        margin: 5.8666666667vw 0;
    }
}

.c-wysiwyg li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.c-wysiwyg blockquote {
    padding: 1em;
    background-color: #eaeaea;
    margin: 40px 0;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg blockquote {
        margin: 5.8666666667vw 0;
    }
}

.c-wysiwyg pre {
    display: block;
    margin: 40px 0;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg pre {
        margin: 5.8666666667vw 0;
    }
}

.c-wysiwyg del {
    text-decoration: line-through;
}

.c-wysiwyg hr {
    margin: 40px 0;
    display: block;
    border-top: 6px solid #000;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg hr {
        margin: 5.8666666667vw 0;
        border-top-width: 0.8vw;
    }
}

.c-wysiwyg code {
    background-color: #eee;
    padding: 0.1em 0.4em;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    word-break: break-all;
}

.c-wysiwyg .wp-block-image {
    margin: 40px 0;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg .wp-block-image {
        margin: 5.8666666667vw 0;
    }
}

.c-wysiwyg .wp-block-image figcaption {
    margin-top: 25px;
    width: 540px;
    font-size: 0.75rem;
    line-height: 1.67;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg .wp-block-image figcaption {
        margin-top: 2.6666666667vw;
        width: 56vw;
        font-size: 2.1333333333vw;
        line-height: 1.5;
    }
}

.c-wysiwyg .aligncenter {
    display: block;
    max-width: 100%;
    margin: 40px auto;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg .aligncenter {
        margin: 5.8666666667vw 0;
    }
}

.c-wysiwyg .alignright {
    float: right;
    max-width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 1rem;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg .alignright {
        margin: 5.8666666667vw 0;
    }
}

.c-wysiwyg .alignleft {
    float: left;
    max-width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-right: 1rem;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg .alignleft {
        margin: 5.8666666667vw 0;
    }
}

.c-wysiwyg img[class*=wp-image-],
.c-wysiwyg img[class*=attachment-] {
    height: auto;
    max-width: 100%;
}

.c-wysiwyg .wp-caption {
    max-width: 100%;
    text-align: left;
}

.c-wysiwyg .wp-caption img {
    width: 100%;
}

.c-wysiwyg .wp-caption-text {
    display: block;
    padding: 0.5em 1rem 0;
    text-align: left;
    color: #8a8a8a;
    font-size: 0.875em;
    margin: 0;
}

.c-wysiwyg table {
    margin: 40px 0;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg table {
        margin: 5.8666666667vw 0;
    }
}

.c-wysiwyg table th,
.c-wysiwyg table td {
    padding: 0.5em;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    word-break: break-all;
}

.c-wysiwyg table th {
    background-color: #eee;
}

.c-wysiwyg .gallery {
    /** ギャラリーを囲むボックス **/
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg .gallery {
        margin: 5.8666666667vw 0;
    }
}

.c-wysiwyg .gallery br {
    display: none;
}

.c-wysiwyg .gallery-item {
    /** 画像共通のスタイル **/
    float: left;
    margin-bottom: 0 !important;
}

.c-wysiwyg .gallery-icon {
    /** 画像を囲む dt のスタイル **/
    text-align: center;
}

.c-wysiwyg .gallery-icon img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg .gallery-icon img {
        margin-bottom: 2.6666666667vw;
        border-radius: 2.6666666667vw;
    }
}

.c-wysiwyg .gallery-caption {
    /** キャプション **/
    color: #222;
    font-size: 12px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .c-wysiwyg .gallery-caption {
        font-size: 2.6666666667vw;
        padding: 0;
    }
}

.c-wysiwyg .gallery-columns-1 .gallery-item {
    /** カラムなし **/
    width: 100%;
    margin-right: 0;
}

.c-wysiwyg .gallery-columns-2 .gallery-item {
    /** 2カラム **/
    width: 48%;
}

.c-wysiwyg .gallery-columns-3 .gallery-item {
    /** 3カラム **/
    width: 31.33333%;
}

.c-wysiwyg .gallery-columns-4 .gallery-item {
    /** 4カラム **/
    width: 23%;
}

.c-wysiwyg .gallery-columns-5 .gallery-item {
    /** 5カラム **/
    width: 18%;
}

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

    .c-wysiwyg .gallery-columns-3 .gallery-item,
    .c-wysiwyg .gallery-columns-4 .gallery-item {
        width: 48%;
    }

    .c-wysiwyg .gallery-columns-5 .gallery-item {
        width: 31.33333%;
    }
}

/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: #fff !important;
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.txt-al-center {
    text-align: center !important;
}

.txt-al-right {
    text-align: right !important;
}

.txt-al-left {
    text-align: left !important;
}

/* ---------------------------------------------
*   app.css
--------------------------------------------- */
@-webkit-keyframes btn-animation {

    0%,
    to {
        background-color: #e61a3b;
    }

    20% {
        background-color: #42c700;
    }

    40% {
        background-color: #2873e3;
    }

    60% {
        background-color: #c0be00;
    }

    80% {
        background-color: #e41a8d;
    }
}

@keyframes btn-animation {

    0%,
    to {
        background-color: #e61a3b;
    }

    20% {
        background-color: #42c700;
    }

    40% {
        background-color: #2873e3;
    }

    60% {
        background-color: #c0be00;
    }

    80% {
        background-color: #e41a8d;
    }
}

@-webkit-keyframes animate-gradient {

    0%,
    to {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

@keyframes animate-gradient {

    0%,
    to {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

@-webkit-keyframes toggleCategoryHeadCont {
    0% {
        opacity: 0;
        transform: translate3d(0, -2.6666666667vw, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes toggleCategoryHeadCont {
    0% {
        opacity: 0;
        transform: translate3d(0, -2.6666666667vw, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes dotSlide {

    0%,
    24% {
        transform: translate3d(-100%, 0, 0);
    }

    25%,
    49% {
        transform: translate3d(-66%, 0, 0);
    }

    50%,
    74% {
        transform: translate3d(-33%, 0, 0);
    }

    75%,
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes dotSlide {

    0%,
    24% {
        transform: translate3d(-100%, 0, 0);
    }

    25%,
    49% {
        transform: translate3d(-66%, 0, 0);
    }

    50%,
    74% {
        transform: translate3d(-33%, 0, 0);
    }

    75%,
    to {
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes mask-first {

    0%,
    40% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mask-first {

    0%,
    40% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes mask {

    0%,
    to {
        opacity: 1;
    }

    15%,
    80% {
        opacity: 0;
    }
}

@keyframes mask {

    0%,
    to {
        opacity: 1;
    }

    15%,
    80% {
        opacity: 0;
    }
}

@-webkit-keyframes slideLeft {

    0%,
    16% {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-70.66667vw, 0, 0);
    }
}

@keyframes slideLeft {

    0%,
    16% {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-70.66667vw, 0, 0);
    }
}

@-webkit-keyframes shrink {
    0% {
        max-width: 100%;
        padding-left: 2.6666666667vw;
    }

    99%,
    to {
        padding-left: 0;
        width: 0;
    }
}

@keyframes shrink {
    0% {
        max-width: 100%;
        padding-left: 2.6666666667vw;
    }

    99%,
    to {
        padding-left: 0;
        width: 0;
    }
}

@-webkit-keyframes flip {
    to {
        background-position: -480px 0;
    }
}

@keyframes flip {
    to {
        background-position: -480px 0;
    }
}

.l-main {
    padding-top: 60px;
}

@media screen and (max-width: 767px) {
    .l-main {
        padding-top: 60px;
    }
}

.content404__maintenance .p-main {
    padding-top: 100px;
    padding-bottom: 200px;
}

.c-button {
    font-weight: 500;
    text-align: center;
    display: block;
    position: relative;
}

.c-button:disabled {
    color: inherit;
    cursor: default;
}

.c-button:not(:disabled):hover {
    cursor: pointer;
}

.c-button[data-event=cancel],
.p-contactBody__formLabel strong,
.p-contactBody__note strong {
    color: #ee8595;
}

body.is-loggedIn .c-button[data-event=guest],
body.is-loggedIn.is-subscribed .c-button[data-event=subscribe] {
    display: none;
}

body.is-loggedIn:not(.is-subscribed) .c-button[data-event=cancel],
body:not(.is-loggedIn) .c-button[data-event=cancel],
body:not(.is-loggedIn) .c-button[data-event=subscribe] {
    display: none;
}

.c-button-addborder::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
}

.c-button-arrow[data-event=cancel] .c-button__text::after {
    background: url(../images/common/ico_arrow_right_bold_pink.svg) no-repeat center/contain;
}

.c-button-arrow[data-event=movie] .c-button__text::after {
    background: url(../images/common/ico_movie.svg) no-repeat center/contain;
}

.c-button-arrow:not([data-event=movie]):not([data-event=cancel]) .c-button__text::after {
    background: url(../images/common/ico_arrow_right_bold_black.svg) no-repeat center/contain;
}

.c-addButton:after,
.c-button-arrow .c-button__text::after {
    content: "";
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
}

.c-button-noborder .c-button__text {
    border-color: #fff;
}

.c-addButton,
.c-button__text {
    box-sizing: border-box;
    background-color: #fff;
    display: block;
    position: relative;
}

.c-button__text {
    width: 100%;
    height: 100%;
}

.c-addButton {
    text-align: center;
}

.c-addButton:after {
    background: url(/assets/images/common/ico_arrow_add.svg) no-repeat center;
    background-size: 100% auto;
    transition: transform 0.3s ease-out;
    transform-origin: center;
}

.c-addButton.is-loading {
    pointer-events: none;
}

.c-addButton[data-state=open]:after {
    transform: scale(1, -1);
}

.c-addButton__text,
.c-sectionTitle span {
    font-weight: 700;
}

.c-snsList {
    display: flex;
}

.c-snsLink {
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
    padding-top: 100%;
}

.c-snsList[data-color=black] .c-snsLink-fb {
    background: url(../images/common/img_sns_fb_black.png) no-repeat left center/contain;
}

.c-snsList[data-color=black] .c-snsLink-tw {
    background: url(../images/common/img_sns_tw_black.png) no-repeat left center/contain;
}

.c-snsList[data-color=black] .c-snsLink-ln {
    background: url(../images/common/img_sns_ln_black.png) no-repeat left center/contain;
}

.c-snsList[data-color=white] .c-snsLink-fb {
    background: url(../images/common/img_sns_fb_white.png) no-repeat left center/contain;
}

.c-snsList[data-color=white] .c-snsLink-tw {
    background: url(../images/common/img_sns_tw_white.png) no-repeat left center/contain;
}

.c-snsList[data-color=white] .c-snsLink-ln {
    background: url(../images/common/img_sns_ln_white.png) no-repeat left center/contain;
}

.c-subNavLink {
    display: flex;
    align-items: center;
    position: relative;
}

.c-subNavLink.is-current .c-subNavLinkShape::after,
.c-subNavLink.is-current .c-subNavLinkShape::before,
.c-subNavLink:hover .c-subNavLinkShape::after,
.c-subNavLink:hover .c-subNavLinkShape::before {
    transform: rotate(0deg);
}

.c-subNavLink:hover .c-subNavLinkShape {
    transition: width 0.2s;
}

.c-subNavLink:hover .c-subNavLinkShape::after,
.c-subNavLink:hover .c-subNavLinkShape::before {
    transition: transform 0.3s;
}

.c-subNavLink.is-current {
    opacity: 0.64;
    pointer-events: none;
}

.c-subNavLinkShape {
    display: block;
    position: relative;
}

.c-subNavLinkShape::after,
.c-subNavLinkShape::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: right;
    transition: transform 0.15s;
    width: 100%;
}

.c-subNavLinkShape::before {
    transform: rotate(45deg);
}

.c-subNavLinkShape::after {
    transform: rotate(-45deg);
}

.c-subNavList[data-color=black] .c-subNavLinkShape::after,
.c-subNavList[data-color=black] .c-subNavLinkShape::before {
    background-color: #333;
}

.c-subNavList[data-color=white] .c-subNavLinkShape::after,
.c-subNavList[data-color=white] .c-subNavLinkShape::before {
    background-color: #fff;
}

.c-categoryIcon {
    box-sizing: border-box;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
}

.c-categoryIcon[data-category=JOURNAL] {
    background-color: #7bc8bb;
}

.c-categoryIcon[data-category=EVENT] {
    background-color: #244a9e;
}

.c-categoryIcon[data-category=PROJECT] {
    background-color: #d0cb9d;
}

.c-gradientArrowText {
    background: url(/assets/images/common/ico_arrow_gradient.png) no-repeat left center;
    font-weight: 700;
    display: block;
}

.c-cardBg {
    box-sizing: border-box;
    border-radius: 4px;
    padding: 4px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
}

.c-cardBg:after,
.c-cardBg:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
}

.c-cardBg,
.c-cardBg:before {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}

.c-cardBg:before {
    -webkit-animation: animate-gradient 3s ease alternate infinite;
    animation: animate-gradient 3s ease alternate infinite;
    background: linear-gradient(90deg, #7bc8bb, #ee8595, #244a9e, #d0cb9d, #ee8595, #244a9e);
    background-size: 300% 300%;
}

.c-cardBg:after {
    background-color: #f2f2f2;
    border-radius: 2px;
    z-index: 10;
    position: relative;
}

.c-morph[data-type=BG] {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

.c-morph[data-type=HIDDEN],
.c-tags__item.is-hidden {
    display: none;
}

.c-gradientButton {
    position: relative;
    overflow: visible;
    z-index: 1;
}

.c-tags__list {
    display: flex;
    flex-wrap: wrap;
}

.c-tags__link {
    display: block;
}

.c-tags__link.is-current {
    pointer-events: none;
}

.c-tags__link.is-current::after {
    background-color: #b5b5b5;
}

.c-tags__link.is-hidden,
.p-breadcrumb br {
    display: none;
}

.c-tags__linkText {
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-tags__link:not(.is-current) .c-tags__linkText {
    background-color: #fff;
}

.c-tags__link.is-current .c-tags__linkText {
    background-color: #b5b5b5;
    color: #fff;
}

.c-tags__link.is-current .c-tags__linkText path,
.is-openPersonalLogo .personal__actionsButton circle,
.is-openPersonalLogo .personal__actionsButton rect {
    fill: #fff;
}

.c-tags__icon {
    flex-shrink: 0;
}

.c-tags__icon svg {
    vertical-align: top;
}

.c-tags__text {
    background-color: #fff;
    display: block;
    font-family: "Noto Sans JP", sans-serif;
}

.c-eventStatus {
    position: relative;
}

:not(.contentSingleEventCommunity__content).is-end .c-eventStatus,
:not(.contentSingleEventCommunity__content).is-preparation .c-eventStatus,
:not(.contentSingleEventCommunity__content).is-terminated .c-eventStatus {
    background-color: rgba(0, 0, 0, 0.4);
}

.is-accept .c-eventStatus::before {
    background-color: #ee8595;
    content: "受付中";
}

.is-streaming .c-eventStatus::before {
    background-color: #244a9e;
    content: "配信中";
}

.is-closed .c-eventStatus::before {
    background-color: #bbb;
    content: "受付終了";
}

.is-end .c-eventStatus::before {
    content: "配信終了";
}

.is-postponement .c-eventStatus::before {
    background-color: #bbb;
    content: "開催延期";
}

.is-terminated .c-eventStatus::before {
    content: "開催終了";
}

.is-preparation .c-eventStatus::before {
    content: "配信準備中";
}

:not(.contentSingleEventCommunity__content).is-end .c-eventStatus::before,
:not(.contentSingleEventCommunity__content).is-preparation .c-eventStatus::before,
:not(.contentSingleEventCommunity__content).is-terminated .c-eventStatus::before {
    background: 0 0;
    border: 2px solid #fff;
    color: #fff;
}

.c-eventStatus::before {
    color: #fff;
    display: inline-flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    position: relative;
    text-align: center;
    white-space: pre;
    width: 100%;
}

.c-sectionTitle {
    letter-spacing: 0.2em;
}

.c-sectionTitle:before {
    display: block;
    position: absolute;
    left: 0;
}

.c-sectionBodyTitle,
.c-sectionTitle {
    box-sizing: border-box;
    display: block;
    position: relative;
}

.c-sectionBodyTitle:before,
.c-sectionTitle:before {
    content: "";
    background-color: #333;
}

.c-snsShare {
    position: relative;
}

.c-sectionBodyTitle:before,
.c-snsShare::after,
.c-snsShare::before {
    display: block;
    position: absolute;
}

.c-snsShare::before {
    background-color: #333;
    content: "";
}

.c-snsShare::after {
    content: "SHARE";
}

.c-snsShare__list {
    display: flex;
}

.c-snsShare__button {
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
    padding-top: 100%;
    width: 100%;
}

.c-snsShare__button-fb {
    background: url(../images/common/btn_sns_fb.png) no-repeat left center/contain;
}

.c-snsShare__button-tw {
    background: url(../images/common/btn_sns_tw.png) no-repeat left center/contain;
}

.c-snsShare__button-ln {
    background: url(../images/common/btn_sns_ln.png) no-repeat left center/contain;
}

.c-loadItem.is-hidden {
    display: none;
    opacity: 0;
}

.c-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: opacity 0.08s;
    width: 100%;
}

.c-loading:not([data-id=ELOQUA]) {
    background-color: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}

.is-loading .c-loading:not([data-id=ELOQUA]) {
    opacity: 1;
    z-index: 2;
}

.c-loading[data-id=ELOQUA] {
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.c-loading__dots {
    display: block;
    overflow: hidden;
}

.c-loading__dotsBody {
    display: flex;
    -webkit-animation: dotSlide 1s infinite;
    animation: dotSlide 1s infinite;
}

.c-loading__dot {
    background-color: #333;
}

.c-loading__spinner {
    position: absolute;
    z-index: 3;
}

.c-loading__spinner::after,
.c-loading__spinner::before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}

.c-contactHead {
    display: flex;
    align-items: center;
}

.c-contactHead__title {
    font-family: "Noto Sans JP", sans-serif;
}

.c-returnLink {
    display: flex;
    align-items: center;
}

#vid-title,
.c-returnLink__prepend {
    position: relative;
}

.c-returnLink[data-type=CONFIRM] .c-returnLink__prepend {
    background: url(../images/common/ico_arrow_left_white.svg) no-repeat center;
}

.c-returnLink:not([data-type=CONFIRM]) .c-returnLink__prepend {
    background: url(../images/common/ico_arrow_left_black.svg) no-repeat center;
}

.c-returnLink__body {
    font-feature-settings: "palt";
}

.c-returnLink[data-type=SINGLE] .c-returnLink__body {
    border-bottom: 1px solid;
}

.vid-inner,
.vid-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
}

.vid-wrapper {
    opacity: 0.2;
}

.vid-inner {
    transform-origin: center center;
}

.vid-svg {
    position: absolute;
    top: 0;
    left: 0;
}

.vid-svg .vid-part,
.vid-svg svg {
    position: absolute;
    margin: auto;
}

#vid-personal .openhubid_wrapper svg.show,
.c-postRecommend__link:hover .c-postRecommend__bg,
.vid-svg .vid-part.show,
.vid-svg svg.show {
    opacity: 1;
}

#vid-personal svg,
.vid-svg {
    width: 100%;
    height: 100%;
}

#vid-personal .openhubid_wrapper svg,
.vid-svg .vid-part,
.vid-svg svg {
    opacity: 0;
    transition: opacity 0.6s;
}

.c-labelMemberOnly {
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    box-sizing: border-box;
    display: block;
    margin-left: auto;
}

.c-singlePostRelation {
    position: relative;
}

.c-singlePostRelation::after,
.c-singlePostRelation::before {
    display: block;
    position: absolute;
}

.c-singlePostRelation::before {
    background-color: #333;
    content: "";
}

.c-singlePostRelation::after {
    content: "関連イベント";
    font-weight: 500;
}

.c-singlePostRelation__link {
    display: block;
}

.c-singlePostRelation__figureImage {
    width: 100%;
}

.c-singlePostRelation__title {
    font-weight: 500;
}

.c-singlePostReturn .c-returnLink {
    justify-content: center;
}

.c-postRecommend {
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
}

.c-postRecommend::after,
.c-postRecommend::before {
    display: block;
    position: absolute;
}

.c-postRecommend::after {
    content: "";
}

.c-postRecommend::before {
    background-color: #333;
    content: "";
}

.c-postRecommend::after {
    content: attr(data-title);
    font-weight: 500;
}

.c-postRecommend .c-cardBg:after {
    background-color: #fff;
}

.no-event .c-postRecommend,
.no-favorite .c-postRecommend {
    margin-bottom: 60px;
}

.c-postRecommend__body,
.c-postRecommend__list {
    display: flex;
}

.c-postRecommend__item {
    flex-shrink: 0;
}

.c-postRecommend__link {
    display: block;
}

.c-postRecommend__wrap {
    position: relative;
    z-index: 2;
}

.c-postRecommend__figure {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.c-postRecommend__figureImage {
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0);
    width: 100%;
}

.c-postRecommend__category,
.c-postRecommend__title {
    font-weight: 500;
}

.c-favoriteButton {
    position: relative;
}

.c-favoriteButton.is-change:not(.is-loading):hover::before {
    opacity: 0;
}

.c-favoriteButton__item {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.c-favoriteButton__icon svg,
.p-header__navButtonIcon svg {
    vertical-align: top;
}

.is-active .c-favoriteButton__icon path {
    fill: #ee8595;
}

.c-lowButton {
    display: block;
    position: relative;
    text-align: center;
}

.c-lowButton:disabled {
    color: inherit;
    cursor: default;
}

.c-lowButton:not(:disabled):hover {
    cursor: pointer;
}

.c-lowButton__text {
    box-sizing: border-box;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.c-lowButton__text::after {
    content: "";
    background: url(../images/common/ico_arrow_right_low.svg) no-repeat center/contain;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
}

.c-contentTitle {
    display: flex;
    align-items: center;
    position: relative;
}

.c-contentTitle::before {
    background-color: #333;
    content: "";
    display: block;
    position: relative;
}

/*  c-advantage
--------------------------------------------- */
.c-advantage {
    position: fixed;
    top: 90px;
    right: 0px;
    display: flex;
    width: 550px;
    height: calc(100vh - (90px + 60px));
    border: 1px solid #231815;
    border-right: none;
    background-color: #fff;
    z-index: 10;
    transition: right 0.5s;
}

@media screen and (max-width: 767px) {
    .c-advantage {
        display: none;
    }
}

.c-advantage.active {
    right: -520px;
}

.c-advantage__button {
    width: 30px;
    min-width: 30px;
    height: 100%;
    background-color: #F4F4F4;
    transition: background-color 0.3s;
}

.c-advantage__button:hover {
    background-color: #ddd;
}

.c-advantage__button-arrow {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 40px;
    transition: transform 0.5s;
}

.c-advantage.active .c-advantage__button-arrow {
    transform: rotateY(180deg);
}

.c-advantage__button-arrow::before,
.c-advantage__button-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 23px;
    height: 1px;
    border-radius: 9999px;
    background-color: #231815;
    transform-origin: 100% 50%;
}

.c-advantage__button-arrow::before {
    transform: rotate(71.55deg);
}

.c-advantage__button-arrow::after {
    transform: rotate(-71.55deg);
}

.c-advantage__body {
    padding: 40px;
    overflow-y: auto;
}

.c-advantage__header {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}


/*  c-advantage-card
--------------------------------------------- */

/* c-advantage-card-group */
.c-advantage-card-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
}

.c-advantage-card-group__item {
    width: calc((100% - 40px) / 2);
}

/* c-advantage-card */
.c-advantage-card {
    display: flex;
    flex-direction: column;
}

.c-advantage-card__img {
    width: 100%;
    height: fit-content;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.c-advantage-card__body {
    display: flex;
    flex-direction: column;
    padding: 20px 0 0 0;
    gap: 10px;
}

.c-advantage-card__title {
    font-size: 16px;
}

.c-advantage-card__text {
    font-size: 12px;
}

/*  c-modal-button
--------------------------------------------- */
.c-modal-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    margin-top: 25px;
    background-color: #F4F4F4;
    border: 1px solid #231815;
    transition: background-color 0.3s;
    font-size: 16px;
    font-weight: bold;
}

@media screen and (min-width: 766.98px) {
    .c-modal-button {
        display: none;
    }
}

.c-modal-button:hover {
    background-color: #ddd;
}

/*  c-modal-catalyst
--------------------------------------------- */
.c-modal-catalyst {
    position: relative;
    display: none;
    z-index: 9999;
}

.c-modal-catalyst.is-open {
    display: block;
}

.c-modal-catalyst__overlay {
    position: fixed;
    inset: 0;
    overflow: auto;
    overscroll-behavior-y: none;
    scrollbar-width: none;
    background: rgba(0, 0, 0, 0.8);
}

.c-modal-catalyst__overlay::-webkit-scrollbar {
    display: none;
}

.c-modal-catalyst__wrapper {
    display: block;
    height: calc(100% + 1px);
}

.c-modal-catalyst__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1360px;
    min-height: 100%;
    padding: 5% 0;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .c-modal-catalyst__inner {
        min-width: auto;
        padding: 13.3333333333vw 0;
    }
}

.c-modal-catalyst__container {
    position: relative;
    width: 1200px;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .c-modal-catalyst__container {
        width: 92vw;
        border-radius: 2.6666666667vw;
    }
}

.c-modal-catalyst__content {
    padding: 40px;
}

.c-modal-catalyst__close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 30px;
    height: 30px;
    padding: 5px;
    background: url(/shared/user/img/common/btn_close_bk.svg) center center no-repeat;
    background-size: 20px 20px;
    transition: opacity 0.3s;
    cursor: pointer;
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .c-modal-catalyst__close-btn {
        top: 5.3333333333vw;
        right: 5.3333333333vw;
        width: 8vw;
        height: 8vw;
        padding: 1.3333333333vw;
        background-size: 5.3333333333vw 5.3333333333vw;
    }
}

@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .c-modal-catalyst__close-btn:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width: 767px) {
    .c-modal-catalyst__close-btn--movie {
        top: 0.333333vw;
    }
}

/* Modal Animation Style　(アニメーション不要の場合は削除)
--------------------------------------------- */
.c-modal-catalyst[aria-hidden=false] .c-modal-catalyst__overlay {
    animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal-catalyst[aria-hidden=false] .c-modal-catalyst__container {
    animation: mmslideIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal-catalyst[aria-hidden=true] .c-modal-catalyst__overlay {
    animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal-catalyst[aria-hidden=true] .c-modal-catalyst__container {
    animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.c-modal-catalyst__overlay,
.c-modal-catalyst__container {
    will-change: transform;
}

@keyframes mmfadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mmfadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(15%);
    }
}

.p-breadcrumb {
    background-color: #fff;
}

.p-breadcrumb__list {
    display: flex;
    align-items: center;
}

.p-breadcrumb__item:last-child {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p-breadcrumb__item:not(:last-child) {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    position: relative;
}

.p-breadcrumb__item:not(:last-child):after {
    background: url(../images/common/ico_arrow_right_black.svg) no-repeat center/contain;
    content: "";
    display: block;
    flex-shrink: 0;
    position: relative;
}

.p-breadcrumb__link {
    position: relative;
}

.p-drawer {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    touch-action: none;
    z-index: 1;
}

.p-drawer__wrap {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    overflow-y: auto;
    will-change: transform;
}

.p-drawer__logoLink {
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../images/common/img_drawer_logo.svg) no-repeat center/contain;
    display: block;
}

.p-drawer__logoLink.is-current {
    pointer-events: none;
}

.p-drawer__link {
    display: flex;
    align-items: center;
    font-weight: 700;
    letter-spacing: 0.2em;
    overflow: hidden;
    position: relative;
}

.p-drawer__link.in-category,
.p-drawer__link.is-current {
    opacity: 0.64;
}

.p-drawer__link.is-current {
    pointer-events: none;
}

.p-drawer__link.in-category {
    transition: opacity 0.15s;
}

.p-drawer__link.in-category:hover,
.p-header__navLink.in-category:hover::before {
    opacity: 1;
}

.p-drawer__link:hover .p-drawer__linkShape,
.p-drawer__link:hover .p-drawer__linkText,
.p-header__navLink:hover::before {
    transition: transform 0.3s;
}

.p-drawer__linkShape {
    background-color: #333;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
}

.p-footer {
    background-color: #333;
    color: #fff;
}

.p-footer__headActions {
    display: flex;
    justify-content: space-between;
}

.footer___pageTop {
    position: relative;
}

.footer___pageTopBody {
    display: block;
}

.footer___pageTopArrow {
    background: url(../images/common/ico_arrow_top.svg) no-repeat center/contain;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.p-footer__logoLink {
    background: url(../images/common/img_footer_logo.svg) no-repeat center/contain;
}

.p-footer__logoLink.is-current,
.p-header__logoLink.is-current {
    pointer-events: none;
}

.p-footer__docomoLink,
.p-footer__infoLink,
.p-footer__logoLink {
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
}

.p-footer__infoLink {
    background: url(../images/common/img_footer_info.svg) no-repeat center/contain;
}

.p-footer__docomoLink {
    background: url(../images/common/img_footer_docomo.svg) no-repeat center/contain;
}

.p-header {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    transition: transform 0.2s;
    width: 100%;
    z-index: 7000;
}

.p-header__block,
.p-header__wrap {
    position: relative;
}

.p-header__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
}

.p-header__logoLink {
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
}

.p-header__navLink::before {
    background-color: #333;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    transform: scale3d(0, 1, 1);
    transform-origin: right top;
    transition: transform 0.15s;
    width: 100%;
    z-index: 2;
}

.p-header__navLink:hover::before {
    transform: scale3d(1, 1, 1);
    transform-origin: left top;
}

.p-header__navLink.in-category,
.p-header__navLink.is-current {
    color: #b5b5b5;
    transition: color 0.3s;
}

.p-header__navLink.in-category::before,
.p-header__navLink.is-current::before {
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
}

.p-header__navLink.in-category::after,
.p-header__navLink.is-current::after {
    background-color: #b5b5b5;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    transition: width 0.15s 0.15s;
    width: 20px;
    z-index: 1;
}

.p-header__navLink.is-current {
    pointer-events: none;
}

.p-header__navLink.in-category:hover {
    color: #333;
}

.p-header__navLink.in-category:hover::after {
    width: 0;
}

body.is-loggedIn .p-header__navButton[data-type=guest] {
    display: none;
}

body:not(.is-loggedIn) .p-header__navButton[data-type=loggedIn] {
    display: none;
}

.p-header__navButtonBody {
    font-weight: 700;
}

.p-header__navButtonText {
    background-color: #fff;
    display: flex;
    align-items: center;
    position: relative;
}

.p-header__toggle {
    transition: opacity 0.15s;
}

.is-scroll .p-header__toggle {
    transition: opacity 0.2s, transform 0.2s;
}

.is-openOpenHubBase .is-scroll .p-header__toggle {
    opacity: 0;
}

.p-header__toggleButton {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    position: relative;
    width: 100%;
}

.p-header__toggleButton::before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.3s;
    width: 100%;
    z-index: -1;
}

.p-header__toggleBar {
    background-color: #333;
    transition: opacity 0.05s, transform 0.08s, background-color 0.2s;
}

.is-openDrawer .p-header__toggleBar:nth-child(2),
.is-openOpenHubBase .p-header__toggleBar:nth-child(2) {
    opacity: 0;
}

.is-openDrawer .is-toggleColorSp .p-header__toggleBar,
.p-imageScroller {
    background-color: #333;
}

.p-imageScroller {
    width: 100%;
    overflow: hidden;
}

.p-imageScroller__group,
.p-imageScroller__inner {
    display: flex;
    flex-wrap: nowrap;
}

.p-imageScroller__group {
    transform: translate3d(0, 0, 0);
    will-change: transform;
}

.p-imageScroller__group-reverse {
    flex-direction: row-reverse;
}

.p-archivePosts__company small,
.p-archivePosts__title small,
.p-imageScroller__item,
.p-singlePost__content .wp-block-image figcaption {
    display: block;
}

.p-imageScroller__card {
    width: 100%;
    display: block;
    padding-top: 100%;
    position: relative;
}

.p-imageScroller__cardCover {
    background-color: rgba(255, 255, 255, 0.64);
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity 0.2s;
    z-index: 10;
}

.p-imageScroller__cardBg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.p-confirmModal {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    touch-action: none;
    z-index: 3;
}

.p-confirmModal__wrap {
    background-color: rgba(0, 0, 0, 0.84);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow-y: auto;
    width: 100vw;
}

.p-confirmModal__close {
    position: absolute;
    transition: transform 0.2s;
}

.p-confirmModal__closeButton {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.p-confirmModal__closeBar {
    background-color: #fff;
    transition: opacity 0.05s, transform 0.08s;
}

.is-openConfirmModal .p-confirmModal__closeBar:nth-child(2) {
    opacity: 0;
}

.p-confirmModal__body {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
}

.p-confirmModal__body.is-cancel [data-type=confirm],
.p-confirmModal__body.is-confirm [data-type=cancel],
body.is-loggedIn.is-subscribed .p-eventCommunityApply__regist .p-eventCommunityApply__registButton {
    display: none;
}

.p-confirmModal__type {
    text-align: center;
}

.p-confirmModal__detail {
    display: inline-block;
    text-align: left;
}

.p-confirmModal__more {
    text-align: center;
}

.p-confirmModal__link {
    border-bottom: 1px solid;
    display: inline-block;
    position: relative;
}

.p-confirmModal__link::after {
    background: url(../images/common/ico_blank_white.svg) no-repeat center/contain;
    content: "";
    display: block;
    position: absolute;
    top: 0;
}

.p-archiveHead {
    position: relative;
}

.p-archiveHead__cont {
    position: relative;
    z-index: 100;
}

.p-archiveHead__title {
    font-weight: 700;
    letter-spacing: 0.2em;
}

.p-archiveHead__vid {
    display: flex;
    align-items: center;
    height: 100%;
    opacity: 0.33;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.p-archiveHead__vidTitle {
    display: block;
    width: 100%;
}

.p-archivePosts__list .c-eventStatus {
    position: absolute;
    left: 10px;
}

.p-archivePosts__item {
    position: relative;
}

.p-archivePosts__figureImage {
    max-width: 100%;
}

.p-archivePosts__date {
    display: flex;
    align-items: center;
    position: relative;
}

.is-new .p-archivePosts__date::before {
    display: inline-flex;
    justify-content: center;
}

.p-archivePosts__date::before,
.p-singlePost__date::before {
    background-color: #333;
    content: "";
    position: relative;
}

.p-archivePosts__company {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 12px;
}

.p-archivePosts__title {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
}

.is-end .latestPosts__tags,
.is-end .p-archivePostTags,
.is-end .p-archivePosts__title,
.is-end .registeredPosts__tags,
.is-postponement .latestPosts__tags,
.is-postponement .p-archivePostTags,
.is-postponement .p-archivePosts__title,
.is-postponement .registeredPosts__tags,
.is-preparation .latestPosts__tags,
.is-preparation .p-archivePostTags,
.is-preparation .p-archivePosts__title,
.is-preparation .registeredPosts__tags,
.is-terminated .latestPosts__tags,
.is-terminated .p-archivePostTags,
.is-terminated .p-archivePosts__title,
.is-terminated .registeredPosts__tags {
    opacity: 0.64;
}

.p-archivePosts__button {
    margin-right: auto;
    margin-left: auto;
}

.p-archiveSortTags {
    opacity: 0;
    position: relative;
    transition: opacity 0.1s;
    z-index: 101;
}

.p-archiveSortTags.is-load {
    opacity: 1;
}

.p-archiveSortTags__sort:last-of-type .c-tags__icon {
    transform: scale(-1, 1);
}

.p-singlePost__content .wp-block-image img,
.p-singleThumbnail__image {
    max-width: 100%;
}

.p-singleReturnCategory__body {
    align-items: center;
}

.p-singlePost__content .wp-block-image.aligncenter {
    text-align: center;
}

.p-singlePost__content .wp-block-image.alignright {
    text-align: right;
}

.p-singlePost__contentHead,
.p-singlePost__date,
.p-singleReturnCategory__body {
    display: flex;
}

.p-singlePost__date {
    align-items: center;
    position: relative;
}

.p-singlePost__title {
    font-family: "Noto Sans JP", sans-serif;
}

.p-singlePost__titleMain,
.p-singlePost__titleSub {
    display: block;
}

.p-singlePost__description {
    font-weight: 400;
    position: relative;
}

.p-singlePost__description::after {
    background-color: #333;
    content: "";
    display: block;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.p-singlePost__description a {
    color: #244a9e;
    text-decoration: underline;
}

.p-singlePost__description,
.p-singlePost__entry {
    font-family: "Noto Sans JP", sans-serif;
}

.p-singlePost__entry p {
    font-weight: 400;
}

.p-singlePost__entry a:not(.c-button) {
    color: #244a9e;
    text-decoration: underline;
}

.p-singlePost__membersOnly,
.p-singlePost__membersOnlyHead {
    display: flex;
    align-items: center;
    position: relative;
}

.p-singlePost__membersOnly {
    background-color: #d0cb9d;
    flex-direction: column;
}

.p-singlePost__membersOnly::after,
.p-singlePost__membersOnly::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
}

.p-singlePost__membersOnly::before {
    background: linear-gradient(0deg, #f2f2f2, rgba(242, 242, 242, 0));
}

.p-singlePost__membersOnly::after {
    background-color: #f2f2f2;
}

.p-singlePost__membersOnlyHead {
    justify-content: center;
}

.p-singlePost__membersOnlyHead::before {
    background: url(../images/common/ico_lock.svg) no-repeat center/contain;
    content: "";
    display: block;
}

.p-singlePost__membersOnlyLink {
    color: #000 !important;
}

.p-singlePostNavigation__list {
    display: flex;
    justify-content: space-between;
}

.p-singlePostNavigation__item.p-singlePostNavigation__item-next {
    margin-left: auto;
}

.p-singlePostNavigation__link,
.page-top .kv__title small {
    display: block;
}

.p-singlePostNavigation__linkBody {
    align-items: center;
    position: relative;
}

.p-singlePostNavigation__linkBody::before {
    background: url(../images/common/ico_single_prev.svg) no-repeat center/contain;
    content: "";
    display: block;
    flex-shrink: 0;
}

.p-singlePostNavigation__item-next .p-singlePostNavigation__linkBody::before {
    order: 1;
    transform: scale3d(-1, 1, 1);
}

.p-singlePostNavigation__index,
.p-singlePostNavigation__linkBody {
    display: flex;
}

[data-category=JOURNAL] .p-singlePostNavigation__index {
    align-items: baseline;
}

[data-category=PROJECT] .p-singlePostNavigation__index {
    flex-direction: column;
    justify-content: center;
}

.p-eventCommunityApply__link {
    margin-right: auto;
    margin-left: auto;
}

.p-eventCommunityApply__regist {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    text-align: center;
}

body.is-loggedIn.is-subscribed .p-eventCommunityApply__regist {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.is-new .p-eventCommunityInfo__date::before,
.p-eventCommunityApply__registButton {
    display: inline-flex;
}

.p-eventCommunityApply__registButton {
    color: #244a9e;
    position: relative;
}

.p-eventCommunityApply__registButton::before {
    background-color: #244a9e;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: opacity 0.2s;
    width: 100%;
}

.p-eventCommunityInfo__date {
    display: flex;
    position: relative;
}

.is-end .p-eventCommunityInfo__date,
.is-postponement .p-eventCommunityInfo__date,
.is-preparation .p-eventCommunityInfo__date,
.is-terminated .p-eventCommunityInfo__date {
    opacity: 0.64;
}

.is-new .p-eventCommunityInfo__date::before {
    justify-content: center;
}

.p-eventCommunityInfo__date::before {
    background-color: #333;
    content: "";
    flex-shrink: 0;
    position: relative;
}

.p-eventCommunityInfo__dateText {
    display: block;
    font-size: 0;
}

.p-movieModal {
    background-color: rgba(0, 0, 0, 0.84);
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: none;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9000;
}

.p-movieModal__overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.p-movieModal__close {
    position: absolute;
    z-index: 200;
    transition: transform 0.2s;
}

.p-movieModal__closeButton {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.p-movieModal__closeBar {
    background-color: #fff;
    transition: opacity 0.05s, transform 0.08s;
}

.p-movieModal__closeBar:nth-child(2) {
    opacity: 0;
}

.p-movieModal__body {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
}

.p-movieModal__video {
    width: 100%;
    height: 100%;
    position: relative;
}

.p-movieModal__videoSource {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.p-catalystsMain {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

.p-catalystsMain__list {
    display: flex;
    flex-wrap: wrap;
}

.p-catalystsMain__card {
    cursor: pointer;
    width: 100%;
}

.p-catalystsMain__figure {
    padding-top: 100%;
    width: 100%;
    position: relative;
}

.p-catalystsMain__figureImage {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.p-catalystsSub {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.p-catalystsSub__list {
    display: flex;
    flex-wrap: wrap;
}

.p-catalystsSub__card {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.p-catalystsSub__card:hover .p-catalystsSub__detail,
.p-tags.is-vidBg .c-morph[data-type=BG] {
    opacity: 1;
}

.p-catalystsSub__figure {
    padding-top: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
}

.p-catalystsSub__figureImage {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.p-catalystsSub__detail {
    background-color: rgba(255, 255, 255, 0.84);
    box-sizing: border-box;
    max-height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.2s;
    width: 100%;
    z-index: 100;
}

.p-catalystsSub__detailWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
}

.p-catalystsSub__name {
    font-weight: 500;
}

.p-catalystsSub__title {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.p-catalystsSub__figureMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    z-index: 10;
}

.seq1 .p-catalystsSub__figureMask {
    -webkit-animation: mask forwards 20.4s 0ms ease-in-out;
    animation: mask forwards 20.4s 0ms ease-in-out;
}

.seq2 .p-catalystsSub__figureMask {
    -webkit-animation: mask forwards 15.3s 0ms ease-in-out;
    animation: mask forwards 15.3s 0ms ease-in-out;
}

.seq3 .p-catalystsSub__figureMask {
    -webkit-animation: mask forwards 18.4s 0ms ease-in-out;
    animation: mask forwards 18.4s 0ms ease-in-out;
}

.seq4 .p-catalystsSub__figureMask {
    -webkit-animation: mask forwards 16.5s 0ms ease-in-out;
    animation: mask forwards 16.5s 0ms ease-in-out;
}

.seq1f .p-catalystsSub__figureMask {
    -webkit-animation: mask-first forwards 5s 0ms ease-in-out;
    animation: mask-first forwards 5s 0ms ease-in-out;
}

.seq2f .p-catalystsSub__figureMask {
    -webkit-animation: mask-first forwards 6s 500ms ease-in-out;
    animation: mask-first forwards 6s 500ms ease-in-out;
}

.seq3f .p-catalystsSub__figureMask {
    -webkit-animation: mask-first forwards 3s 800ms ease-in-out;
    animation: mask-first forwards 3s 800ms ease-in-out;
}

.seq4f .p-catalystsSub__figureMask {
    -webkit-animation: mask-first forwards 4s 300ms ease-in-out;
    animation: mask-first forwards 4s 300ms ease-in-out;
}

.p-catalystsModal {
    background-color: rgba(0, 0, 0, 0.84);
    width: 100%;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    touch-action: none;
    z-index: 9000;
}

.p-catalystsModal__overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.p-catalystsModal__close {
    position: absolute;
    z-index: 200;
    transition: transform 0.2s;
}

.p-catalystsModal__closeButton {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.p-catalystsModal__closeBar {
    background-color: #fff;
    transition: opacity 0.05s, transform 0.08s;
}

.p-catalystsModal__closeBar:nth-child(2) {
    opacity: 0;
}

.p-catalystsModal__body {
    margin: auto;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
}

.p-catalystsModal__item,
.p-catalystsModal__list {
    box-sizing: border-box;
}

.p-catalystsModal__list {
    display: flex;
}

.p-catalystsModal__item {
    flex-shrink: 0;
    transition: opacity 0.3s 0.2s;
}

.p-catalystsModal__figure {
    position: relative;
}

.p-catalystsModal__figureImage {
    max-width: 100%;
}

.p-catalystsModal__cardBody {
    position: relative;
    z-index: 1;
}

.p-catalystsModal__detail {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.p-catalystsModal__name {
    font-weight: 700;
}

.p-catalystsModal__name,
.p-catalystsModal__outline {
    font-family: "Noto Sans JP", sans-serif;
}

.p-catalystsModal__text {
    background-color: rgba(238, 238, 238, 0.88);
    display: inline-block;
}

.p-catalystsModal__morph {
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

.p-catalystsModal__morphImage {
    max-width: 100%;
}

.p-catalystsModal__sliderNext[aria-disabled=true]::after,
.p-catalystsModal__sliderPrev[aria-disabled=true]::after {
    transition: transform 0.3s;
}

.p-contactBody {
    background-color: rgba(255, 255, 255, 0.74);
    font-family: "Noto Sans JP", sans-serif;
}

.p-contactBody__note {
    font-weight: 400;
}

.p-contactBody__formItem {
    display: flex;
}

.p-contactBody__formItem ::-moz-placeholder {
    color: #aaa;
}

.p-contactBody__formItem ::placeholder {
    color: #aaa;
}

.p-contactBody__formItem :-ms-input-placeholder {
    color: #aaa;
}

.p-contactBody__formCard {
    width: 100%;
}

.p-contactBody__formLabel {
    display: block;
    font-weight: 500;
}

.p-contactBody__formInput,
.p-contactBody__formTextarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    transition: background-color 0.3s, border 0.3s, color 0.3s;
    width: 100%;
}

.p-contactBody__formInput:not(:-moz-placeholder-shown),
.p-contactBody__formTextarea:not(:-moz-placeholder-shown) {
    background-color: #fff;
}

.p-contactBody__formInput:not(:placeholder-shown),
.p-contactBody__formTextarea:not(:placeholder-shown) {
    background-color: #fff;
}

.p-contactBody__formInput:-moz-placeholder-shown,
.p-contactBody__formTextarea:-moz-placeholder-shown {
    background-color: #eee;
}

.p-contactBody__formInput:placeholder-shown,
.p-contactBody__formTextarea:placeholder-shown {
    background-color: #eee;
}

.has-error .p-contactBody__formInput,
.has-error .p-contactBody__formTextarea {
    background-color: #fbdfe4;
    border-color: #ee8595;
    color: #ee8595;
}

.p-contactBody__formTextarea {
    resize: none;
}

.p-contactBody__formError {
    color: #ee8595;
    display: none;
    font-weight: 400;
    opacity: 0;
    transition: opacity 0.2s 0.1s;
}

.has-error .p-contactBody__formError {
    display: block;
    opacity: 1;
}

.p-contactBody__formTitle {
    color: #aaa;
    display: block;
    font-weight: 400;
}

.p-contactBody__formPolicyLabel {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-contactBody__formCheckbox {
    border: 0;
    margin: 0;
    position: absolute;
    -webkit-tap-highlight-color: transparent;
}

.p-contactBody__formCheckboxPrepend {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: relative;
    z-index: 1;
}

.p-contactBody__formCheckboxPrepend::before {
    content: "";
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    transition: opacity 0.1s;
    z-index: 2;
}

.p-contactBody__formCheckbox:not(:checked)+.p-contactBody__formCheckboxPrepend::before {
    opacity: 0;
}

.contentSingleEventCommunity__entry p,
.p-contactBody__formCheckboxAppend {
    font-weight: 400;
}

.p-contactBody__formCheckboxAppend a {
    color: #244a9e;
    display: inline-block;
    position: relative;
}

.p-contactBody__formCheckboxAppend a::after {
    background-color: #244a9e;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.p-contactBody__formSubmitButton {
    margin-right: auto;
    margin-left: auto;
}

.p-contactBody__formTop {
    display: flex;
    justify-content: center;
}

.p-contactBody__formTop,
.p-tags .p-main {
    position: relative;
    z-index: 1;
}

.p-tags .c-morph[data-type=BG] {
    opacity: 0;
    transition: opacity 0.4s;
}

body.is-loggedIn .p-joinOpenHub[data-type=guest] {
    display: none;
}

body:not(.is-loggedIn) .p-joinOpenHub[data-type=loggedIn] {
    display: none;
}

.p-joinOpenHub__link {
    display: block;
    font-weight: 700;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    text-align: center;
}

.p-joinOpenHub__link.is-current .p-joinOpenHub__text {
    background-color: #b5b5b5;
    border-color: #b5b5b5;
    color: #fff;
}

.p-joinOpenHub__link.is-current .p-joinOpenHub__text::after,
body.is-loggedIn .community__nav[data-type=guest] {
    display: none;
}

.p-joinOpenHub__text {
    background-color: #fff;
    display: block;
    position: relative;
    width: 100%;
}

.p-joinOpenHub__text::after {
    background: url(../images/common/ico_arrow_right_low.svg) no-repeat center/contain;
    content: "";
    position: absolute;
}

.u-clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.u-mt-5 {
    margin-top: 5px !important;
}

.u-mt-10 {
    margin-top: 10px !important;
}

.u-mt-15 {
    margin-top: 15px !important;
}

.u-mt-20 {
    margin-top: 20px !important;
}

.u-mt-25 {
    margin-top: 25px !important;
}

.u-mt-30 {
    margin-top: 30px !important;
}

.u-mt-35 {
    margin-top: 35px !important;
}

.u-mt-40 {
    margin-top: 40px !important;
}

.u-mt-45 {
    margin-top: 45px !important;
}

.u-mt-50 {
    margin-top: 50px !important;
}

.u-mb-5 {
    margin-bottom: 5px !important;
}

.u-mb-10 {
    margin-bottom: 10px !important;
}

.u-mb-15 {
    margin-bottom: 15px !important;
}

.u-mb-20 {
    margin-bottom: 20px !important;
}

.u-mb-25 {
    margin-bottom: 25px !important;
}

.u-mb-30 {
    margin-bottom: 30px !important;
}

.u-mb-35 {
    margin-bottom: 35px !important;
}

.u-mb-40 {
    margin-bottom: 40px !important;
}

.u-mb-45 {
    margin-bottom: 45px !important;
}

.u-mb-50 {
    margin-bottom: 50px !important;
}

.u-ml-5 {
    margin-left: 5px !important;
}

.u-ml-10 {
    margin-left: 10px !important;
}

.u-ml-15 {
    margin-left: 15px !important;
}

.u-ml-20 {
    margin-left: 20px !important;
}

.u-ml-25 {
    margin-left: 25px !important;
}

.u-ml-30 {
    margin-left: 30px !important;
}

.u-ml-35 {
    margin-left: 35px !important;
}

.u-ml-40 {
    margin-left: 40px !important;
}

.u-ml-45 {
    margin-left: 45px !important;
}

.u-ml-50 {
    margin-left: 50px !important;
}

.u-mr-5 {
    margin-right: 5px !important;
}

.u-mr-10 {
    margin-right: 10px !important;
}

.u-mr-15 {
    margin-right: 15px !important;
}

.u-mr-20 {
    margin-right: 20px !important;
}

.u-mr-25 {
    margin-right: 25px !important;
}

.u-mr-30 {
    margin-right: 30px !important;
}

.u-mr-35 {
    margin-right: 35px !important;
}

.u-mr-40 {
    margin-right: 40px !important;
}

.u-mr-45 {
    margin-right: 45px !important;
}

.u-mr-50 {
    margin-right: 50px !important;
}

.u-pt-5 {
    padding-top: 5px !important;
}

.u-pt-10 {
    padding-top: 10px !important;
}

.u-pt-15 {
    padding-top: 15px !important;
}

.u-pt-20 {
    padding-top: 20px !important;
}

.u-pt-25 {
    padding-top: 25px !important;
}

.u-pt-30 {
    padding-top: 30px !important;
}

.u-pt-35 {
    padding-top: 35px !important;
}

.u-pt-40 {
    padding-top: 40px !important;
}

.u-pt-45 {
    padding-top: 45px !important;
}

.u-pt-50 {
    padding-top: 50px !important;
}

.u-pb-5 {
    padding-bottom: 5px !important;
}

.u-pb-10 {
    padding-bottom: 10px !important;
}

.u-pb-15 {
    padding-bottom: 15px !important;
}

.u-pb-20 {
    padding-bottom: 20px !important;
}

.u-pb-25 {
    padding-bottom: 25px !important;
}

.u-pb-30 {
    padding-bottom: 30px !important;
}

.u-pb-35 {
    padding-bottom: 35px !important;
}

.u-pb-40 {
    padding-bottom: 40px !important;
}

.u-pb-45 {
    padding-bottom: 45px !important;
}

.u-pb-50 {
    padding-bottom: 50px !important;
}

.u-pl-5 {
    padding-left: 5px !important;
}

.u-pl-10 {
    padding-left: 10px !important;
}

.u-pl-15 {
    padding-left: 15px !important;
}

.u-pl-20 {
    padding-left: 20px !important;
}

.u-pl-25 {
    padding-left: 25px !important;
}

.u-pl-30 {
    padding-left: 30px !important;
}

.u-pl-35 {
    padding-left: 35px !important;
}

.u-pl-40 {
    padding-left: 40px !important;
}

.u-pl-45 {
    padding-left: 45px !important;
}

.u-pl-50 {
    padding-left: 50px !important;
}

.u-pr-5 {
    padding-right: 5px !important;
}

.u-pr-10 {
    padding-right: 10px !important;
}

.u-pr-15 {
    padding-right: 15px !important;
}

.u-pr-20 {
    padding-right: 20px !important;
}

.u-pr-25 {
    padding-right: 25px !important;
}

.u-pr-30 {
    padding-right: 30px !important;
}

.u-pr-35 {
    padding-right: 35px !important;
}

.u-pr-40 {
    padding-right: 40px !important;
}

.u-pr-45 {
    padding-right: 45px !important;
}

.u-pr-50 {
    padding-right: 50px !important;
}

.page-top .l-footer {
    position: relative;
    z-index: 1000;
}

.page-top .p-main {
    position: relative;
    z-index: 1;
}

.page-top .c-lowButton {
    margin-left: auto;
}

.page-top .c-eventStatus {
    position: absolute;
    left: 10px;
}

.page-top .is-end .c-eventStatus,
.page-top .is-preparation .c-eventStatus,
.page-top .is-terminated .c-eventStatus {
    top: 0;
    left: 0;
}

.page-top .imageScroller {
    position: relative;
    z-index: 10;
}

.page-top .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.page-top .swiper-slide,
.page-top .swiper-wrapper {
    position: relative;
    transition-property: transform;
}

.page-top .swiper-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: content-box;
    display: flex;
    height: 100%;
    width: 100%;
    will-change: transform;
    z-index: 1;
}

.page-top .swiper-container-android .swiper-slide,
.page-top .swiper-wrapper {
    transform: translate3d(0, 0, 0);
}

.page-top .swiper-slide {
    flex-shrink: 0;
}

.page-top .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.page-top .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.page-top .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.page-top .swiper-container-fade .swiper-slide-active,
.page-top .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.page-top :root {
    --swiper-theme-color: #BD8363;
}

.page-top .swiper-navigation {
    display: flex;
    justify-content: center;
}

.page-top .is-slide .swiper-navigation {
    pointer-events: none;
}

.page-top .swiper-pagination {
    font-size: 0;
    position: relative;
    transition: 300ms opacity;
    z-index: 10;
}

.page-top .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.page-top .swiper-container-horizontal>.swiper-pagination-bullets,
.page-top .swiper-pagination-custom,
.page-top .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.page-top .swiper-pagination-bullet {
    border-radius: 50%;
    display: inline-block;
    position: relative;
    z-index: 11;
}

.page-top .swiper-pagination-bullet:after {
    background-color: #aaa;
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.page-top .swiper-pagination-bullet.swiper-pagination-bullet-active {
    pointer-events: none !important;
}

.page-top button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.page-top .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.page-top .swiper-pagination-bullet-active {
    opacity: 1;
}

.page-top .swiper-pagination-bullet-active::after {
    background-color: #fff;
}

.page-top .swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

.page-top .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.page-top .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.page-top .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.page-top .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.page-top .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.page-top .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.page-top .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

.page-top .kv__container {
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.4s 0.1s;
}

.page-about .space__slider.swiper-container-initialized,
.page-catalyst.is-vidBg .c-morph[data-type=BG],
.page-journal.is-vidBg .c-morph[data-type=BG],
.page-top .kv__container.swiper-container-initialized {
    opacity: 1;
}

.page-top .kv__slide {
    display: flex;
}

.page-top .kv__link {
    display: block;
    height: 100%;
}

.page-top .kv__wrap {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;
}

.page-top .kv__wrap::after,
.page-top .kv__wrap::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
}

.page-top .kv__wrap::before {
    transform: scale(1, -1);
    top: 0;
}

.page-top .kv__wrap::after {
    bottom: 0;
}

.page-top .kv__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.page-top .kv__category,
.page-top .kv__head {
    display: flex;
}

.page-top .kv__head {
    position: relative;
    z-index: 2;
}

.page-top .kv__category {
    border: 1px solid;
    align-items: center;
    letter-spacing: 0.1em;
}

.page-top .kv__foot {
    position: relative;
    z-index: 2;
}

.page-top .kv__title {
    font-weight: 500;
}

.outlineOpenhub__body {
    position: relative;
}

.outlineOpenhub__title {
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
}

.outlineOpenhub__item {
    position: absolute;
    z-index: -1;
}

.latestPosts__title {
    display: flex;
    align-items: center;
    font-weight: 700;
    position: relative;
}

.latestPosts__title::before {
    background-color: #333;
    content: "";
    display: block;
    position: relative;
}

.latestPosts__titlePrepend {
    letter-spacing: 0.2em;
    padding-right: 1em;
}

.latestPosts__titleBody {
    letter-spacing: 0.2em;
}

.latestPosts__list {
    display: flex;
}

.latestPosts__item {
    position: relative;
}

.latestPosts__itemTitle small,
.latestPosts__link {
    display: block;
}

.latestPosts__figureImage {
    width: 100%;
}

.is-end .latestPosts__figureImage,
.is-end .latestPosts__itemTitle,
.is-postponement .latestPosts__figureImage,
.is-postponement .latestPosts__itemTitle,
.is-preparation .latestPosts__itemTitle,
.is-terminated .latestPosts__itemTitle {
    opacity: 0.64;
}

.page-about .spacer {
    background-color: #f2f2f2;
}

.page-about .kv {
    width: 100%;
    position: relative;
}

.page-about .kv__wrap {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10;
}

.page-about .kv__inner {
    width: 100%;
}

.page-about .kv__vidTitle {
    height: 100%;
}

.page-about .kv__title {
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    background-size: 100% auto;
}

.page-about .kv__text {
    font-family: "Inter", "Noto Sans JP", sans-serif;
    font-weight: 700;
}

.page-about .kv__bg,
.page-about .kv__bgWrap::after {
    display: block;
    height: 100%;
    opacity: 0.53;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.page-about .kv__bg {
    overflow: hidden;
    z-index: 1;
}

.page-about .kv__bgWrap {
    position: absolute;
}

.page-about .kv__bgWrap::after {
    content: "";
    z-index: 2;
}

.page-about .kv__bgSource {
    width: 100%;
    padding-top: 56.25%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.page-about .section__figure {
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.page-about .community__image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-about .space__slider {
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition: opacity 0.4s 0.1s;
    width: 100%;
}

.page-about .space__sliderItem,
.page-about .space__sliderList {
    display: flex;
}

.page-about .space__sliderList {
    flex-wrap: nowrap;
    transition-property: transform;
}

.page-about .space__sliderItem {
    box-sizing: border-box;
    flex-shrink: 0;
    justify-content: center;
}

.page-about .space__sliderCard {
    display: block;
}

.page-about .space__sliderCardFigure {
    height: auto;
    display: block;
}

.page-about .space__sliderCardText {
    font-family: "Noto Sans JP", sans-serif;
}

.page-about .space__sliderControl {
    margin: 0 auto;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.page-about .access__inner {
    font-family: "Noto Sans JP", sans-serif;
    margin: 0 auto;
}

.page-about .access__head {
    box-sizing: border-box;
}

.page-about .access__headTitle {
    overflow: hidden;
    font-size: 0;
    text-indent: 100%;
    white-space: nowrap;
    background: url(/assets/images/about/img_openhub.svg) no-repeat center;
    background-size: 100% auto;
    display: block;
}

.page-about .access__bodyLink {
    background: url(/assets/images/common/ico_blank_blue.svg) no-repeat right center;
    color: #244a9e;
    text-decoration: underline;
    position: relative;
}

body:not(.is-loggedIn) .community__nav[data-type=loggedIn] {
    display: none;
}

.page-catalyst .p-main,
.page-journal .p-main {
    position: relative;
    z-index: 1;
}

.page-catalyst .c-morph[data-type=BG],
.page-journal .c-morph[data-type=BG] {
    opacity: 0;
    transition: opacity 0.4s;
}

.contentArchiveJournal__category::before {
    content: "";
    display: block;
    visibility: hidden;
}

.contentArchiveJournal__categoryHead.is-stickyWidget:not(.is-stop) {
    position: fixed;
}

.contentArchiveJournal__categoryLabel,
.is-new .contentArchiveJournal__postDate::before {
    display: inline-flex;
}

.contentArchiveJournal__categoryLabel {
    background-color: #fff;
    align-items: center;
    font-weight: 700;
}

.contentArchiveJournal__categoryImage {
    max-width: 100%;
}

.contentArchiveJournal__categoryDetail,
.contentArchiveJournal__categoryTitle {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
}

.contentArchiveJournal__categoryDetail {
    font-weight: 400;
}

.contentArchiveJournal__categoryHeadBg {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -2;
}

.contentArchiveJournal__categoryHeadBg::after {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.contentArchiveJournal__postItem {
    position: relative;
}

.contentArchiveJournal__postLink,
.whitepaper_download-membersOnly [data-type=guest] {
    display: block;
}

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

.contentArchiveJournal__postFigureImage {
    max-width: 100%;
}

.contentArchiveJournal__postDate,
.contentArchiveJournal__postIndex {
    display: flex;
    align-items: baseline;
}

.contentArchiveJournal__postDate {
    align-items: center;
    position: relative;
}

.is-new .contentArchiveJournal__postDate::before {
    justify-content: center;
}

.contentArchiveJournal__postDate::before {
    background-color: #333;
    content: "";
    position: relative;
}

.contentArchiveJournal__postTitle {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
}

.contentArchiveJournal__button {
    background-color: #f2f2f2;
    margin-right: auto;
    margin-left: auto;
}

.contentSingleJournal__index,
.whitepaper_download-membersOnly {
    display: flex;
    align-items: baseline;
}

.whitepaper_download-membersOnly {
    flex-direction: column;
    align-items: start;
    position: relative;
}

.whitepaper_download-membersOnly [data-type=loggedIn],
body.is-loggedIn .whitepaper_download-membersOnly [data-type=guest] {
    display: none;
}

.contentArchiveEventCommunity__postTitle small,
.contentSingleEventCommunity__title small,
.page-project-single .p-singlePosts__company small,
body.is-loggedIn .whitepaper_download-membersOnly [data-type=loggedIn] {
    display: block;
}

.whitepaper__container,
.whitepaper_download {
    margin: 0 0 40px;
    text-align: center;
    border-radius: 5px;
}

.whitepaper_download {
    background-color: #d0cb9d;
    padding: 40px;
}

.whitepaper__container {
    padding: 40px 0;
}

.whitepaper_membersOnlyHead {
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
    margin-top: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
}

.whitepaper_download .whitepaper_memberOnlyBtn,
a.whitepaper {
    text-align: center;
    width: 100%;
}

.whitepaper_membersOnlyHead:before {
    height: 60px;
    margin-right: 23px;
    width: 44px;
    background: url(../images/common/ico_document.svg) no-repeat center/contain;
    content: "";
    display: block;
}

.whitepaper_membersOnlyHead span.heading {
    font-size: 16px;
    color: #333;
}

.whitepaper_membersOnly__text {
    flex: 1;
}

.whitepaper_membersOnlyHead span.document__title {
    font-weight: 700;
}

.whitepaper_membersOnlyHead span.file__information {
    font-size: 14px;
    color: #333;
}

.whitepaper_download-membersOnly .c-button {
    margin: 0 auto 20px;
}

.whitepaper_download-membersOnly .annotation {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

a.whitepaper {
    display: block;
    padding: 20px 0;
    border: 1px solid #000;
}

a.whitepaper-join_openhub {
    text-decoration: underline;
    font-size: 14px;
    line-height: 16px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #000 !important;
}

.c-floatRecommend::before {
    position: absolute;
    content: attr(data-title);
    top: 0;
    left: 0;
    font-size: 12px;
    font-weight: 700;
}

.is-wallpaper .c-floatRecommend {
    opacity: 0;
    transform: translate3d(0, 150px, 0);
}

.c-floatRecommend[data-type=project-single] .c-floatRecommend__figure {
    float: left;
    width: 180px;
    border-radius: 5px;
    margin-right: 10px;
    overflow: hidden;
}

.c-floatRecommend[data-type=project-single] .c-floatRecommend__figureImage,
.personal__vidInitials img {
    width: 100%;
}

.c-floatRecommend[data-type=project-single] .c-floatRecommend__title {
    font-feature-settings: "palt";
    font-size: 16px;
    font-weight: 700;
}

.c-floatRecommend[data-type=project-single] .c-floatRecommend__link:hover {
    opacity: 0.4;
}

.c-floatRecommend[data-type=project-registration] .c-floatRecommend__list {
    border: 2px solid #333;
    padding: 15px;
}

.c-floatRecommend[data-type=project-registration] .c-floatRecommend__list li {
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
}

.c-floatRecommend[data-type=project-registration] .c-floatRecommend__list li::before {
    content: "ー ";
}

.c-floatRecommend[data-type=project-registration] .c-floatRecommend__link {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    width: 274px;
    height: 36px;
    text-align: center;
    margin: 20px auto 0;
}

.c-floatRecommend[data-type=project-registration] .c-floatRecommend__link:hover span {
    border: 2px solid #fff;
}

.c-floatRecommend[data-type=project-registration] .c-floatRecommend__link span {
    position: relative;
    display: block;
    width: 274px;
    height: 36px;
    padding: 10px 0;
    background-color: #fff;
    border: 2px solid #333;
    border-radius: 80px;
    z-index: 1;
}

.c-floatRecommend[data-type=project-questionnaire] .c-floatRecommend__link {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    width: 264px;
    height: 32px;
    text-align: center;
    background-color: #f2f2f2;
    border-radius: 16px;
    padding: 8px 0;
    margin-bottom: 10px;
    transition: all 0.5s 0.1s ease;
}

.c-floatRecommend[data-type=project-questionnaire] .c-floatRecommend__link:hover {
    background-color: #b5b5b5;
    color: #fff;
    transition: all 0.5s 0.1s ease;
}

.page-project .p-main {
    position: relative;
    z-index: 1;
}

.page-event-community .c-morph[data-type=BG],
.page-project .c-morph[data-type=BG] {
    opacity: 0;
    transition: opacity 0.4s;
}

.page-event-community.is-vidBg .c-morph[data-type=BG],
.page-project.is-vidBg .c-morph[data-type=BG] {
    opacity: 1;
}

.page-project-single .p-singlePosts__company {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.page-event-community .p-main {
    position: relative;
    z-index: 1;
}

.contentArchiveEventCommunity__postTitle {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
}

.is-end .contentArchiveEventCommunity__postTitle,
.is-postponement .contentArchiveEventCommunity__postTitle {
    opacity: 0.64;
}

.contentArchiveEventCommunity__button {
    margin-right: auto;
    margin-left: auto;
}

.page-event-community-single .p-main {
    position: relative;
    z-index: 1;
}

.page-event-community-single .c-eventStatus {
    position: absolute;
}

.contentSingleEventCommunity__entry,
.contentSingleEventCommunity__table {
    font-family: "Noto Sans JP", sans-serif;
}

.contentSingleEventCommunity__entry a,
.contentSingleEventCommunity__table a {
    color: #244a9e;
    text-decoration: underline;
}

.contentSingleEventCommunity__th {
    background-color: #e5e5e5;
}

.contentSingleEventCommunity__th.is-letterSpace {
    letter-spacing: 1em;
    padding-left: 1em;
}

.contentSingleEventCommunity__td {
    font-weight: 400;
}

.contentSingleEventCommunity__relatedItem {
    background-color: #333;
    margin-right: auto;
    margin-left: auto;
}

.contentSingleEventCommunity__relatedLink {
    color: #fff;
    display: flex;
    font-family: "Noto Sans JP", sans-serif;
    position: relative;
}

.contentSingleEventCommunity__relatedLink::after {
    color: #333;
    content: "";
    display: block;
    opacity: 0.43;
    position: absolute;
}

.contentSingleEventCommunity__relatedImage {
    background-size: cover;
}

.contentSingleEventCommunity__relatedtext {
    background-color: #7bc8bb;
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    align-items: center;
    position: relative;
}

.contentSingleEventCommunity__relatedtext::after {
    background: url(../images/common/ico_arrow_top.svg) no-repeat center/contain;
    content: "";
    display: block;
    flex-shrink: 0;
    position: relative;
    transform: rotate(90deg);
}

.contentSingleEventCommunity__profileImage {
    max-width: 100%;
}

.contentSingleEventCommunity__profileRole {
    font-family: "Noto Sans JP", sans-serif;
}

.contentSingleEventCommunity__profileName {
    display: inline-flex;
    align-items: baseline;
    font-family: "Noto Sans JP", sans-serif;
}

.contentSingleEventCommunity__profileCareer,
.contentSingleEventCommunity__profileDetail {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
}

.page-mypage .l-footer {
    position: relative;
    z-index: 1000;
}

.page-mypage .p-main {
    position: relative;
    z-index: 1;
}

.page-mypage .p-main__wrap,
.personal__wrap {
    position: relative;
}

.page-mypage .c-eventStatus {
    position: absolute;
    left: 10px;
}

.page-mypage .is-end .c-eventStatus,
.page-mypage .is-preparation .c-eventStatus,
.page-mypage .is-terminated .c-eventStatus {
    left: 0;
}

.page-mypage .imageScroller {
    position: relative;
    z-index: 10;
}

.personal__display {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.personal__vid {
    position: absolute;
    top: 0;
    z-index: -1;
}

.is-empty .personal__actionsHead,
.is-empty .personal__vidInitials {
    display: none;
}

.personal__name {
    display: table-cell;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.2973;
    overflow-wrap: break-word;
    word-wrap: break-word;
    width: 100%;
}

.personal__actionsHead {
    position: absolute;
}

.personal__actionsEmpty {
    color: #ee8595;
    display: none;
    position: absolute;
}

.is-empty .personal__actionsEmpty {
    display: block;
}

.personal__actionsEmpty .c-gradientButton-border::after {
    background-color: #ee8595;
}

.personal__actionsEmpty .personal__actionsLinkBody {
    border-color: #ee8595;
}

.personal__actionsList {
    display: flex;
}

.personal__actionsLink {
    display: block;
}

.is-openPersonalLogo .personal__actionsButton {
    color: #fff;
}

.is-openPersonalLogo .personal__actionsButton:hover::before {
    opacity: 0 !important;
}

.is-openPersonalLogo .personal__actionsButton:hover::after {
    opacity: 1 !important;
}

.is-openPersonalLogo .personal__actionsButton .personal__actionsLinkBody,
.is-openPersonalLogo .personal__actionsButton::after {
    background-color: #b5b5b5;
}

.personal__actionsLinkBody {
    display: flex;
    align-items: center;
    background-color: #fff;
}

.personal__actionsIcon[data-type=empty] {
    background: url(/assets/images/mypage/ico_empty.png) no-repeat center/contain;
}

.registeredPosts__message {
    font-weight: 500;
}

.registeredPosts__list.is-event {
    display: flex;
}

.registeredPosts__item {
    position: relative;
}

.is-favorite .registeredPosts__item.is-hidden {
    display: none;
    opacity: 0;
}

.registeredPosts__itemTitle small,
.registeredPosts__link {
    display: block;
}

.registeredPosts__category {
    font-weight: 700;
    position: absolute;
    top: 10px;
    text-transform: uppercase;
    text-align: center;
}

[data-category=event] .registeredPosts__category {
    background-color: #244a9e;
    color: #fff;
}

[data-category=project] .registeredPosts__category {
    background-color: #d0cb9d;
}

[data-category=journal] .registeredPosts__category {
    background-color: #85c8bb;
    color: #fff;
}

.registeredPosts__figureImage {
    vertical-align: bottom;
    width: 100%;
}

.is-end .registeredPosts__figureImage,
.is-end .registeredPosts__itemTitle,
.is-postponement .registeredPosts__figureImage,
.is-postponement .registeredPosts__itemTitle,
.is-preparation .registeredPosts__figureImage,
.is-preparation .registeredPosts__itemTitle,
.is-terminated .registeredPosts__figureImage,
.is-terminated .registeredPosts__itemTitle {
    opacity: 0.64;
}

.registeredPosts__button {
    margin-right: auto;
    margin-left: auto;
}

.wallpaper__figure::after,
.wallpaper__figure::before {
    content: "";
    position: absolute;
    z-index: -1;
}

.wallpaper__figure::before {
    background-color: #fff;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
}

.wallpaper__figure::after {
    background: url(/assets/images/mypage/loading.gif) no-repeat center/contain;
    display: block;
    height: 40px;
    top: 21px;
    left: 56px;
    width: 40px;
}

.is-wallpaper .floatWallpaper {
    opacity: 0;
    transform: translate3d(0, 150px, 0);
}

.personalLogo {
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 7001;
}

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

.personalLogo__overlay {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.personalLogo__item {
    box-shadow: 2px 0 1px rgba(0, 0, 0, 0.12);
    font-size: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
}

.personalLogo__item::after,
.personalLogo__item::before {
    content: "";
    display: block;
    position: absolute;
}

.personalLogo__item::before {
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.personalLogo__item::after {
    background-color: #fff;
    z-index: 1;
}

.contentTerms {
    font-family: "Noto Sans JP", sans-serif;
}

.contentTerms__head,
.page-eloqua .contentEloqua {
    display: flex;
    align-items: center;
}

.contentTerms__cardPlatformTitle {
    font-weight: 400;
}

.contentTerms__cardPlatformTitle::before {
    content: "●";
    color: #7bc8bb;
    padding-right: 0.2em;
    position: relative;
}

.contentTerms__cardItem {
    margin-left: 1em;
}

.contentTerms__cardItem::before {
    content: "・";
    position: relative;
}

.page-eloqua .p-main {
    width: 100%;
}

.page-eloqua .contentEloqua__body {
    position: relative;
}

.page-404 .content404 {
    display: flex;
    align-items: center;
}

.page-404 .p-main {
    width: 100%;
}

.page-404 .c-returnLink {
    justify-content: center;
}

.content404__body {
    font-family: "Noto Sans JP", sans-serif;
    position: relative;
}

.content404__note {
    font-weight: 400;
}

@media screen and (min-width: 768px) {
    .c-button {
        width: 260px;
        height: 48px;
        overflow: visible;
        z-index: 1;
    }

    .c-button::before {
        -webkit-animation: animate-gradient 3s ease alternate infinite;
        animation: animate-gradient 3s ease alternate infinite;
        background: linear-gradient(90deg, #7bc8bb, #ee8595, #244a9e, #d0cb9d);
        background-size: 300% 300%;
        border-radius: 40px;
        content: "";
        display: block;
        height: calc(100% + 8px);
        opacity: 0;
        position: absolute;
        top: -4px;
        left: -4px;
        transition: opacity 0.1s;
        width: calc(100% + 8px);
        z-index: -1;
    }

    .c-button:not(:disabled):hover::before {
        opacity: 1;
    }

    .c-button:not(:disabled):hover .c-button__text {
        border-color: #fff;
    }

    .c-button-addborder::after {
        border: 1px solid #ccc;
        border-radius: 31px;
        height: calc(100% - 8px);
        top: 4px;
        left: 4px;
        width: calc(100% - 8px);
    }

    .c-button-arrow .c-button__text {
        padding-right: 40px;
    }

    .c-button-arrow .c-button__text::after {
        right: 28px;
    }

    .c-button-arrow[data-event=movie] .c-button__text::after {
        height: 20px;
        width: 28px;
    }

    .c-button-arrow:not([data-event=movie]) .c-button__text::after {
        height: 18px;
        width: 20px;
    }

    .c-button__text {
        border: 2px solid #333;
        border-radius: 35px;
        line-height: 42px;
        padding-right: 10px;
        padding-left: 10px;
        transition: border 0.1s;
        z-index: 1;
    }

    .c-button__text:not([data-size=lg]) {
        font-size: 15px;
    }

    .c-button__text[data-size=lg] {
        font-size: 18px;
    }

    .c-addButton {
        border-radius: 35px;
        width: 260px;
        height: 70px;
    }

    .c-addButton:not(:disabled):hover .c-addButton__text::before {
        opacity: 0;
    }

    .c-addButton::before {
        border-radius: 38px;
    }

    .c-addButton:after {
        width: 17px;
        height: 11px;
        right: 28px;
    }

    .c-addButton[data-state=open]:after {
        bottom: 1px;
    }

    .c-addButton__text {
        font-size: 15px;
        line-height: 70px;
        position: relative;
    }

    .c-addButton__text::before {
        background-color: #333;
        border-radius: 37px;
        content: "";
        display: block;
        height: 74px;
        position: absolute;
        top: -2px;
        left: -2px;
        transition: opacity 0.1s;
        width: 264px;
        z-index: -1;
    }

    .c-snsItem {
        width: 28px;
    }

    .c-snsItem:not(:last-child) {
        margin-right: 10px;
    }

    .c-snsLink {
        transition: opacity 0.2s ease;
    }

    .c-snsLink:hover {
        opacity: 0.84;
    }

    .c-subNavLink {
        font-size: 12px;
        line-height: 30px;
    }

    .c-subNavLink.is-current .c-subNavLinkShape,
    .c-subNavLink:hover .c-subNavLinkShape {
        width: 11px;
    }

    .c-subNavLinkShape {
        height: 1.5px;
        margin-right: 10px;
        transition: width 0.1s;
        width: 6.5px;
    }

    .c-categoryIcon {
        border-radius: 5px;
        font-size: 11px;
        line-height: 30px;
        padding: 0 18px;
    }

    .c-gradientArrowText {
        background-size: 42px 14px;
        font-size: 12px;
        line-height: 14px;
        padding-left: 50px;
    }

    .c-gradientButton::before {
        -webkit-animation: animate-gradient 3s ease alternate infinite;
        animation: animate-gradient 3s ease alternate infinite;
        content: "";
        display: block;
        opacity: 0;
        position: absolute;
        transition: opacity 0.1s;
        z-index: -1;
    }

    .c-gradientButton:not(.c-gradientButton-thin)::before {
        height: calc(100% + 8px);
        top: -4px;
        left: -4px;
        width: calc(100% + 8px);
    }

    .c-gradientButton.c-gradientButton-thin::before {
        height: calc(100% + 6px);
        top: -3px;
        left: -3px;
        width: calc(100% + 6px);
    }

    .c-gradientButton:not(.is-loading):hover::before {
        opacity: 1;
    }

    .c-gradientButton:not(.c-gradientButton-reverse)::before {
        background: linear-gradient(90deg, #7cc7ba, #ed8494, #234a9d, #ceca9c) no-repeat center/300% 300%;
    }

    .c-gradientButton.c-gradientButton-reverse::before {
        background: linear-gradient(45deg, #7cc7ba, #ed8494, #234a9d, #ceca9c) no-repeat center/300% 300%;
    }

    .c-gradientButton-border::after {
        background-color: #333;
        content: "";
        display: block;
        height: calc(100% + 4px);
        position: absolute;
        top: -2px;
        left: -2px;
        transition: opacity 0.1s;
        width: calc(100% + 4px);
        z-index: -1;
    }

    .c-gradientButton-border:hover::after {
        opacity: 0;
    }

    .c-gradientButton__text {
        background-color: inherit;
        border-radius: 35px;
        display: block;
        padding-right: 25px;
    }

    .c-tags__item {
        line-height: 26px;
    }

    .c-tags[data-margin="10"] .c-tags__item {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .c-tags[data-margin="5"] .c-tags__item {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .c-tags__link::before {
        border-radius: 17px;
    }

    .c-tags__link::after,
    .c-tags__linkText {
        border-radius: 15px;
    }

    .c-tags__linkText {
        height: 26px;
        padding-right: 12px;
        padding-left: 12px;
    }

    .c-tags__icon[data-icon=search] {
        height: 12px;
        margin-right: 9px;
        width: 12px;
    }

    .c-tags__icon[data-icon=arrow] {
        height: 10px;
        margin-left: 9px;
        width: 6px;
    }

    .c-tags__key,
    .c-tags__text {
        font-size: 11px;
    }

    .c-tags__text {
        border: 2px solid #fff;
        border-radius: 15px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .c-eventStatus {
        width: 138px;
    }

    :not(.contentSingleEventCommunity__content).is-end .c-eventStatus,
    :not(.contentSingleEventCommunity__content).is-preparation .c-eventStatus,
    :not(.contentSingleEventCommunity__content).is-terminated .c-eventStatus {
        width: 100%;
        height: 191px;
    }

    .is-largeScale :not(.contentSingleEventCommunity__content).is-end .c-eventStatus,
    .is-largeScale :not(.contentSingleEventCommunity__content).is-preparation .c-eventStatus,
    .is-largeScale :not(.contentSingleEventCommunity__content).is-terminated .c-eventStatus {
        height: 315px;
    }

    .contentSingleEventCommunity__content.is-end .c-eventStatus::before,
    .contentSingleEventCommunity__content.is-postponement .c-eventStatus::before,
    .contentSingleEventCommunity__content.is-preparation .c-eventStatus::before,
    .contentSingleEventCommunity__content.is-terminated .c-eventStatus::before {
        color: #555;
        border: 2px solid #555;
    }

    :not(.contentSingleEventCommunity__content).is-end .c-eventStatus::before,
    :not(.contentSingleEventCommunity__content).is-preparation .c-eventStatus::before,
    :not(.contentSingleEventCommunity__content).is-terminated .c-eventStatus::before {
        width: 131px;
        height: 50px;
        left: calc(50% - 66px);
        top: 71px;
    }

    .is-largeScale :not(.contentSingleEventCommunity__content).is-end .c-eventStatus::before,
    .is-largeScale :not(.contentSingleEventCommunity__content).is-preparation .c-eventStatus::before,
    .is-largeScale :not(.contentSingleEventCommunity__content).is-terminated .c-eventStatus::before {
        top: 133px;
    }

    .c-eventStatus::before {
        border-radius: 5px;
        font-size: 14px;
        height: 30px;
        margin-right: 22px;
    }

    .c-sectionTitle {
        font-size: 32px;
        line-height: 46px;
        padding-left: 64px;
    }

    .c-sectionTitle small {
        font-size: 20px;
    }

    .c-sectionBodyTitle:before,
    .c-sectionTitle:before {
        height: 3px;
        margin: auto 0;
        top: 0;
        bottom: 0;
        width: 44px;
    }

    .c-sectionBodyTitle {
        font-size: 24px;
        letter-spacing: 0.055em;
        padding-left: 64px;
    }

    .c-sectionBodyTitle:before {
        left: 30px;
        width: 14px;
    }

    .c-snsShare:not(.u-sp) {
        padding-top: 25px;
        padding-left: 20px;
    }

    .c-snsShare::before {
        height: 2px;
        top: 8px;
        left: 20px;
        width: 20px;
    }

    .c-snsShare::after {
        font-size: 12px;
        top: 0;
        left: 50px;
    }

    .c-snsShare__item {
        width: 28px;
    }

    .c-snsShare__item:not(:last-child) {
        margin-right: 10px;
    }

    .c-snsShare__button {
        transition: opacity 0.2s ease;
    }

    .c-snsShare__button:hover {
        opacity: 0.84;
    }

    .c-loading {
        border-radius: 35px;
    }

    .c-loading[data-id=ELOQUA] {
        padding-top: 127px;
        width: 94px;
    }

    .c-loading__text {
        font-size: 15px;
        margin-right: 2px;
    }

    [data-id=ELOQUA] .c-loading__text {
        padding-left: 12px;
    }

    .c-loading__dots {
        margin-top: 9px;
    }

    .c-loading__dot {
        border-radius: 1px;
        height: 2px;
        margin-right: 2px;
        width: 2px;
    }

    .c-loading__spinner:not([data-id=ELOQUA]) {
        top: 34px;
        right: 34px;
    }

    .c-loading__spinner[data-id=ELOQUA] {
        top: 49px;
        left: 39px;
    }

    .c-loading__spinner:not([data-id=ELOQUA])::before {
        -webkit-animation: spinner 2.4s linear infinite;
        animation: spinner 2.4s linear infinite;
        box-sizing: border-box;
        box-shadow: 0 -7.6875px #dfdfdf, 4.6875px -6.1875px #ccc, 7.3125px -2.4375px #b8b8b8, 7.3125px 2.4375px #a6a6a6, 4.6875px 6.1875px #929292, 0 7.6875px #7f7f7f, -4.6875px 6.1875px #6d6d6d, -7.3125px 2.4375px #595959, -7.3125px -2.4375px #464646, -4.6875px -6.1875px #333;
        height: 3px;
        width: 3px;
    }

    .c-loading__spinner[data-id=ELOQUA]::before {
        -webkit-animation: spinner 2.4s linear infinite;
        animation: spinner 2.4s linear infinite;
        box-sizing: border-box;
        box-shadow: 0 -41px #dfdfdf, 25px -33px #ccc, 39px -13px #b8b8b8, 39px 13px #a6a6a6, 25px 33px #929292, 0 41px #7f7f7f, -25px 33px #6d6d6d, -39px 13px #595959, -39px -13px #464646, -25px -33px #333;
        height: 16px;
        width: 16px;
    }

    .c-contactHead {
        height: 182px;
    }

    .c-contactHead__title {
        font-size: 48px;
    }

    .c-returnLink {
        cursor: pointer;
    }

    .c-returnLink:hover .c-returnLink__prepend::before {
        transform: scale3d(1.16667, 1.16667, 1);
    }

    .c-returnLink:hover .c-returnLink__body {
        transform: translate3d(20px, 0, 0);
    }

    .c-returnLink[data-type=CONTACT]:hover .c-returnLink__prepend::before {
        background-color: #f2f2f2;
    }

    .c-returnLink[data-type=CONFIRM]:hover .c-returnLink__prepend::before {
        background-color: #555;
    }

    .c-returnLink:not([data-type=CONTACT]):not([data-type=CONFIRM]):hover .c-returnLink__prepend::before {
        background-color: #fff;
    }

    .c-returnLink__prepend {
        background-size: 22px;
        height: 60px;
        width: 60px;
    }

    .c-returnLink__prepend::before {
        background-color: transparent;
        border-radius: 50%;
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: background 0.3s, transform 0.3s;
        width: 100%;
        z-index: -1;
    }

    .c-returnLink__body {
        transform: translate3d(-4px, 0, 0);
        transition: transform 0.3s;
    }

    .c-returnLink[data-type=SINGLE] .c-returnLink__body {
        font-size: 20px;
    }

    .c-returnLink:not([data-type=SINGLE]) .c-returnLink__body {
        font-size: 16px;
    }

    .c-labelMemberOnly {
        height: 30px;
    }

    .c-labelMemberOnly[data-size=small] {
        background: url(/assets/images/common/img_label_member_only_pc_small.png) no-repeat center/contain;
        width: 55px;
    }

    .c-labelMemberOnly:not([data-size=small]) {
        background: url(/assets/images/common/img_label_member_only_pc.png) no-repeat center/contain;
        width: 230px;
    }

    .c-singlePostRelation {
        margin-top: 35px;
    }

    .c-singlePostRelation::before {
        height: 2px;
        top: 8px;
        left: 20px;
        width: 20px;
    }

    .c-singlePostRelation::after {
        font-size: 14px;
        top: 0;
        left: 50px;
    }

    .c-singlePostRelation__list {
        padding-top: 33px;
        padding-bottom: 20px;
        padding-left: 20px;
    }

    .c-singlePostRelation__figureImage {
        border-radius: 5px;
    }

    .c-singlePostRelation__title {
        font-size: 14px;
        line-height: 24px;
        padding-top: 11px;
        padding-bottom: 22px;
    }

    .c-singlePostReturn {
        padding-top: 36px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 330px;
        width: 1280px;
    }

    .c-singlePostReturn .c-returnLink {
        padding-right: 60px;
    }

    .c-postRecommend {
        border-radius: 5px;
        padding: 10px;
    }

    .c-postRecommend[data-type=journal-archive] {
        margin-right: 27px;
    }

    .c-postRecommend[data-type=journal-single],
    .c-postRecommend[data-type=project-single] {
        margin-right: 54px;
    }

    .c-postRecommend::before {
        height: 3px;
        top: 56px;
        left: 0;
        width: 44px;
    }

    .c-postRecommend::after {
        font-size: 30px;
        top: 34px;
        left: 62px;
    }

    .c-postRecommend__body {
        border: 2px solid #333;
        border-radius: 2px;
        padding-bottom: 13px;
        padding-left: 15px;
    }

    .c-postRecommend__list {
        justify-content: center;
        padding-top: 71px;
    }

    .c-postRecommend__item {
        position: relative;
        width: 238px;
    }

    .c-postRecommend__item:not(:first-child) {
        margin-left: -4px;
    }

    .c-postRecommend__link {
        padding: 22px 22px 14px;
    }

    .c-postRecommend__figure {
        border-radius: 5px;
        padding-top: 56.18557%;
    }

    .c-postRecommend__category,
    .c-postRecommend__title {
        font-size: 16px;
        line-height: 26px;
        padding-top: 11px;
    }

    .c-favoriteButton {
        cursor: pointer;
        margin-left: 16px;
        max-width: 237px;
    }

    .c-favoriteButton::before {
        border-radius: 17px;
    }

    .c-favoriteButton__item {
        border-radius: 15px;
        height: 30px;
    }

    .c-favoriteButton__icon {
        height: 17px;
        margin-right: 9px;
        width: 19px;
    }

    .c-favoriteButton:not(.is-change):not(.is-active):hover .c-favoriteButton__icon path {
        fill: #ee8595;
    }

    .c-favoriteButton:not(.is-change).is-active:hover .c-favoriteButton__icon path {
        fill: #ccc;
    }

    .c-favoriteButton__text {
        color: #ccc;
        font-size: 14px;
    }

    .is-active .c-favoriteButton__text {
        color: #333;
    }

    .c-favoriteButton:not(.is-change).is-active:hover .c-favoriteButton__text {
        color: #ccc;
    }

    .c-favoriteButton:not(.is-change):not(.is-active):hover .c-favoriteButton__text {
        color: #333;
    }

    .c-lowButton {
        height: 40px;
        overflow: visible;
        width: 190px;
        z-index: 1;
    }

    .c-lowButton:not(:disabled):hover::before {
        opacity: 1;
    }

    .c-lowButton::before {
        border-radius: 23px;
    }

    .c-lowButton::after {
        border-radius: 24px;
    }

    .c-lowButton__text {
        border-radius: 20px;
        font-size: 14px;
        line-height: 39px;
        padding-right: 10px;
        transition: border 0.1s;
        z-index: 1;
    }

    .c-lowButton__text::after {
        height: 14px;
        right: 20px;
        width: 15px;
    }

    .c-contentTitle::before {
        height: 3px;
        margin-right: 18px;
        width: 44px;
    }

    .c-contentTitle__label {
        font-size: 24px;
    }

    .p-breadcrumb__list {
        height: 30px;
        margin-right: auto;
        margin-left: auto;
        padding: 0 67px;
        min-width: 1280px;
    }

    .p-breadcrumb__item,
    .p-contactBody__formLabel strong {
        font-size: 12px;
    }

    .p-breadcrumb__item:not(:last-child) {
        margin-right: 10px;
    }

    .p-breadcrumb__item:not(:last-child):after {
        height: 11px;
        margin-left: 10px;
        width: 6px;
    }

    .p-breadcrumb__link:hover::before {
        opacity: 1;
        transition: opacity 0.1s;
    }

    .p-breadcrumb__link::before {
        background-color: #333;
        content: "";
        height: 1px;
        opacity: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: opacity 0.2s;
        width: 100%;
    }

    .p-drawer {
        height: 100vh;
    }

    .is-scroll .p-drawer {
        transform: translate3d(0, 100px, 0);
    }

    .p-drawer__wrap {
        padding-top: 57px;
        transform: translate3d(370px, 0, 0);
        width: 370px;
    }

    .p-drawer__logo {
        margin-bottom: 73px;
        margin-left: 52px;
        width: 200px;
    }

    .p-drawer__logoLink {
        transition: opacity 0.2s ease;
        padding-top: 87px;
    }

    .p-drawer__logoLink:hover,
    .p-footer__docomoLink:hover,
    .p-footer__infoLink:hover,
    .p-footer__logoLink:hover {
        opacity: 0.84;
    }

    .p-drawer__item {
        margin-bottom: 24px;
    }

    .p-drawer__link {
        font-size: 24px;
        line-height: 36px;
    }

    .p-drawer__link.in-category .p-drawer__linkShape,
    .p-drawer__link.is-current .p-drawer__linkShape {
        transform: translate3d(-20px, -50%, 0);
    }

    .p-drawer__link:hover .p-drawer__linkShape {
        transform: translate3d(0, -50%, 0);
    }

    .p-drawer__link:hover .p-drawer__linkText {
        transform: translate3d(72px, 0, 0);
    }

    .p-drawer__linkShape,
    .p-drawer__linkText {
        transition: transform 0.15s;
    }

    .p-drawer__linkShape {
        height: 2px;
        transform: translate3d(-56px, -50%, 0);
        width: 56px;
    }

    .p-drawer__linkText {
        transform: translate3d(50px, 0, 0);
    }

    .p-drawer__foot {
        padding-bottom: 30px;
        padding-left: 50px;
    }

    .p-drawer__subNav {
        margin-bottom: 35px;
    }

    .p-drawer__append {
        margin-left: -33px;
        padding-top: 44px;
    }

    .p-drawer__overlay {
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 100vw;
        z-index: -1;
    }

    .p-footer__wrap {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-right: auto;
        margin-left: auto;
        padding-right: 67px;
        padding-bottom: 40px;
        padding-left: 67px;
        min-width: 1280px;
    }

    .p-footer__head {
        padding-top: 47px;
    }

    .p-footer__headActions {
        padding-bottom: 109px;
    }

    .footer___pageTop {
        border-radius: 19px;
        height: 94px;
        margin-top: 8px;
        overflow: visible;
        width: 34px;
        z-index: 1;
    }

    .footer___pageTop::after,
    .footer___pageTop::before {
        border-radius: 21px;
    }

    .footer___pageTop::after {
        background-color: #fff;
    }

    .footer___pageTopBody {
        background-color: #333;
        border-radius: 19px;
        height: 100%;
    }

    .footer___pageTopArrow {
        height: 20px;
        top: 14px;
        width: 19px;
    }

    .p-footer__headDetail {
        font-size: 11px;
        line-height: 21px;
    }

    .p-footer__foot {
        padding-top: 74px;
    }

    .p-footer__logo {
        margin-bottom: 75px;
        width: 231px;
    }

    .p-footer__logoLink {
        transition: opacity 0.2s ease;
        height: 100px;
    }

    .p-footer__sns {
        margin-bottom: 21px;
    }

    .p-footer__info {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }

    .p-footer__infoItem {
        margin-left: 31px;
        width: 130px;
    }

    .p-footer__infoLink {
        transition: opacity 0.2s ease;
        height: 32px;
    }

    .p-footer__docomo {
        order: -1;
        margin-left: 30px;
        width: 70px;
    }

    .p-footer__docomoLink {
        transition: opacity 0.2s ease;
        height: 27px;
    }

    .p-footer__copyright {
        font-size: 12px;
        line-height: 32px;
    }

    .is-scroll .p-header {
        transform: translate3d(0, -100px, 0);
    }

    .p-header__wrap {
        height: 100px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 27px;
        padding-left: 27px;
        min-width: 1280px;
    }

    .p-header__logo {
        width: 156px;
    }

    .p-header__logoLink {
        transition: opacity 0.2s ease;
        background: url(../images/common/img_header_logo_pc.png) no-repeat center/contain;
        height: 68px;
    }

    .p-header__logoLink:hover {
        opacity: 0.84;
    }

    .p-header__nav {
        align-items: center;
        margin-left: auto;
        transform: translate3d(0, 0, 0);
        transition: transform 0.2s;
    }

    .p-header__nav,
    .p-header__navList {
        display: flex;
    }

    .p-header__navItem:not(:last-child) {
        margin-right: 45px;
    }

    .p-header__navLink {
        display: block;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 0.2em;
        line-height: 27px;
        padding-left: 0.2em;
        position: relative;
    }

    .p-header__navButton {
        padding-left: 35px;
    }

    .p-header__navButtonBody {
        display: inline-block;
        line-height: 36px;
    }

    [data-type=guest] .p-header__navButtonBody {
        font-size: 11px;
    }

    [data-type=loggedIn] .p-header__navButtonBody {
        font-size: 13px;
        letter-spacing: 0.1em;
    }

    .p-header__navButtonBody.is-current {
        pointer-events: none;
    }

    .p-header__navButtonBody.is-current .p-header__navButtonText {
        background-color: #b5b5b5;
        border-color: #b5b5b5;
        color: #fff;
    }

    .p-header__navButtonBody.is-current path {
        fill: #fff;
    }

    .p-header__navButtonBody::after,
    .p-header__navButtonBody::before {
        border-radius: 24px;
    }

    .p-header__navButtonText {
        border-radius: 20px;
        padding-right: 23px;
        padding-left: 23px;
        z-index: 1;
    }

    .p-header__navButtonIcon {
        height: 20px;
        margin-right: 10px;
        width: 12px;
    }

    .p-header__toggle {
        height: 60px;
        opacity: 0;
        position: absolute;
        top: 20px;
        right: 27px;
        transform: translate3d(0, -80px, 0);
        width: 60px;
        z-index: 10;
    }

    .is-scroll .p-header__toggle {
        opacity: 1;
        transform: translate3d(0, 100px, 0);
    }

    .p-header__toggleButton {
        overflow: visible;
    }

    .p-header__toggleButton:hover::before {
        transform: scale3d(1.16667, 1.16667, 1);
    }

    .p-header__toggleButton::before {
        background-color: rgba(255, 255, 255, 0.84);
    }

    .p-header__toggleBar {
        height: 2px;
        width: 22px;
    }

    .p-header__toggleBar:not(:last-child) {
        margin-bottom: 8px;
    }

    .is-openDrawer .p-header__toggleBar:nth-child(1),
    .is-openOpenHubBase .p-header__toggleBar:nth-child(1) {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .is-openDrawer .p-header__toggleBar:nth-child(3),
    .is-openOpenHubBase .p-header__toggleBar:nth-child(3) {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

    .p-main__wrap {
        margin-right: auto;
        margin-left: auto;
        width: 1280px;
    }

    .p-imageScroller__item {
        width: 200px;
    }

    .p-imageScroller__card:hover .p-imageScroller__cardCover {
        opacity: 1;
    }

    .p-imageScroller__cardCover {
        display: flex;
        flex-direction: column;
        padding: 25px 30px 21px;
    }

    .p-imageScroller__cardText {
        font-size: 16px;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }

    .p-imageScroller__cardMore {
        margin-top: auto;
    }

    .p-confirmModal {
        height: 100vh;
        width: 100%;
    }

    .is-scroll .p-confirmModal {
        transform: translate3d(0, 100px, 0);
    }

    .p-confirmModal__head {
        height: 100px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 27px;
        padding-left: 27px;
        position: absolute;
        top: 0;
        left: 0;
        min-width: 1280px;
        width: 100%;
    }

    .p-confirmModal__close {
        height: 60px;
        top: 20px;
        right: 40px;
        width: 60px;
        z-index: 10;
    }

    .p-confirmModal__closeBar {
        height: 2px;
        width: 22px;
    }

    .p-confirmModal__closeBar:not(:last-child) {
        margin-bottom: 8px;
    }

    .is-openConfirmModal .p-confirmModal__closeBar:nth-child(1) {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .is-openConfirmModal .p-confirmModal__closeBar:nth-child(3) {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

    .p-confirmModal__body {
        font-size: 20px;
        line-height: 36px;
        width: 682px;
    }

    .p-confirmModal__type[data-type=confirm] .c-returnLink {
        position: absolute;
        top: 0;
        left: -14px;
        z-index: 1;
    }

    .p-confirmModal__type[data-type=cancel] .c-returnLink {
        justify-content: center;
        position: relative;
        z-index: 1;
    }

    .p-confirmModal__actions {
        position: relative;
    }

    .p-confirmModal__detail {
        margin-bottom: 60px;
        min-height: 148px;
    }

    .p-confirmModal__link {
        transition: opacity 0.2s ease;
        padding-bottom: 4px;
    }

    .p-confirmModal__link:hover {
        opacity: 0.84;
    }

    .p-confirmModal__link::after {
        height: 12px;
        top: 12px;
        right: -20px;
        width: 12px;
    }

    .p-openHubBaseOpen {
        display: none;
    }

    .p-archiveHead__cont {
        display: flex;
        align-items: center;
        height: 234px;
    }

    .p-archiveHead__title {
        font-size: 48px;
    }

    .p-archiveHead__title[data-type=LARGE] {
        margin-bottom: 16px;
        width: 100%;
    }

    .p-archiveHead__title:not([data-type=LARGE]) {
        margin-right: 38px;
    }

    .p-archiveHead__outline {
        font-size: 14px;
        width: 100%;
    }

    .p-archiveHead__vidTitle {
        height: 154px;
    }

    .p-archivePosts__list {
        display: flex;
        margin-right: -27px;
        margin-left: -27px;
    }

    .p-archivePosts__list.is-largeScale {
        flex-wrap: wrap;
    }

    .p-archivePosts__list.is-largeScale .c-eventStatus {
        top: 275px;
    }

    .p-archivePosts__list.is-largeScale .is-end .c-eventStatus,
    .p-archivePosts__list.is-largeScale .is-preparation .c-eventStatus,
    .p-archivePosts__list.is-largeScale .is-terminated .c-eventStatus {
        top: 0;
        left: calc(50% - 69px);
    }

    .p-archivePosts__list:not(.is-largeScale) {
        flex-wrap: wrap;
    }

    .p-archivePosts__list:not(.is-largeScale) .c-eventStatus {
        top: 151px;
    }

    .p-archivePosts__list .is-end .c-eventStatus,
    .p-archivePosts__list .is-preparation .c-eventStatus,
    .p-archivePosts__list .is-terminated .c-eventStatus {
        top: 0;
        left: 0;
    }

    .is-largeScale .p-archivePosts__item {
        margin-bottom: 34px;
        width: 620px;
    }

    .is-largeScale .p-archivePosts__item:nth-child(2n) {
        margin-left: auto;
    }

    .is-normal .p-archivePosts__item {
        margin-bottom: 15px;
        width: 400px;
    }

    .is-normal .p-archivePosts__item:not(:nth-child(3n)) {
        margin-right: 40px;
    }

    .p-archivePosts__item .c-gradientArrowText {
        display: none;
    }

    .p-archivePosts__link {
        display: block;
        padding: 30px 30px 24px;
    }

    .p-archivePosts__link:hover .p-archivePosts__bg {
        opacity: 1;
    }

    .p-archivePosts__wrap {
        position: relative;
        z-index: 2;
    }

    .p-archivePosts__body {
        overflow: hidden;
        padding-top: 26px;
    }

    .is-largeScale .p-archivePosts__figure {
        height: 315px;
    }

    .is-normal .p-archivePosts__figure {
        height: 191px;
    }

    .p-archivePosts__figureImage,
    .p-singlePost__content .wp-block-image img {
        border-radius: 5px;
    }

    .p-archivePosts__info {
        display: flex;
        justify-content: space-between;
        min-height: 30px;
    }

    .p-archivePosts__date {
        line-height: 30px;
    }

    .is-largeScale .p-archivePosts__date {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .is-normal .p-archivePosts__date {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .is-new .p-archivePosts__date::before {
        background: url(/assets/images/common/ico_new_pc.png) no-repeat center/contain;
        height: 30px;
    }

    .p-archivePosts__date::before {
        height: 2px;
        margin-right: 10px;
        width: 60px;
    }

    .p-archivePosts__company,
    .p-archivePosts__title {
        margin-bottom: 12px;
    }

    .is-normal .p-archivePosts__company {
        font-size: 14px;
        line-height: 22px;
    }

    .is-normal .p-archivePosts__company small,
    .is-normal .page-project-single .p-singlePosts__company small {
        font-size: 12px;
        line-height: 20px;
        margin: 10px 0 20px;
    }

    .is-largeScale .p-archivePosts__title {
        font-size: 30px;
        line-height: 46px;
    }

    .is-largeScale .p-archivePosts__title small {
        font-size: 20px;
        line-height: 40px;
    }

    .is-normal .p-archivePosts__title {
        font-size: 16px;
        line-height: 22px;
    }

    .is-normal .p-archivePosts__title small,
    .latestPosts__itemTitle small {
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0 20px;
    }

    .p-archivePosts__button {
        margin-top: 50px;
    }

    .p-archiveSortTags {
        padding-bottom: 30px;
    }

    .p-archiveSortTags__item {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .p-archiveSortTags__sort:first-of-type {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .p-singleThumbnail__image {
        border-radius: 10px;
    }

    .p-singleReturnCategory {
        margin-bottom: 20px;
    }

    .p-singleReturnCategory__link {
        display: flex;
        align-items: center;
    }

    .p-singleReturnCategory__link:hover .p-singleReturnCategory__prepend::before {
        background-color: #fff;
        transform: scale3d(1.16667, 1.16667, 1);
    }

    .p-singleReturnCategory__link:hover .p-singleReturnCategory__body {
        transform: translate3d(20px, 0, 0);
    }

    .p-singleReturnCategory__prepend {
        background: url(../images/common/ico_arrow_left_black.svg) no-repeat center;
        background-size: 22px;
        height: 60px;
        position: relative;
        width: 60px;
    }

    .p-singleReturnCategory__prepend::before {
        background-color: transparent;
        border-radius: 50%;
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: background 0.3s, transform 0.3s;
        width: 100%;
        z-index: -1;
    }

    .p-singleReturnCategory__body {
        transform: translate3d(-4px, 0, 0);
        transition: transform 0.3s;
    }

    .p-singleReturnCategory__image {
        margin-right: 13px;
        width: 46px;
    }

    .p-singleReturnCategory__title {
        font-family: "Noto Sans JP", sans-serif;
        line-height: 23px;
    }

    .p-singleReturnCategory__title[data-type=LARGE] {
        font-size: 17px;
        font-weight: 700;
        letter-spacing: 0.2em;
    }

    .p-singleReturnCategory__title:not([data-type=LARGE]) {
        font-size: 16px;
    }

    .p-singlePost__content {
        margin-left: auto;
        padding-top: 54px;
        width: 850px;
    }

    .p-singlePost__content .wp-block-image {
        margin-bottom: 68px;
        padding-top: 36px;
    }

    .p-singlePost__content .wp-block-image figcaption {
        font-size: 12px;
        line-height: 20px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .p-singlePost__contentHead .c-labelMemberOnly {
        margin-top: 9px;
    }

    .p-singlePost__contentInfo {
        display: flex;
        width: 100%;
    }

    .p-singlePost__contentStack {
        flex-grow: 1;
    }

    .p-singlePost__date {
        font-size: 22px;
        line-height: 45px;
        margin-bottom: 21px;
    }

    .p-singlePost__date::before {
        height: 2px;
        margin-right: 20px;
        width: 70px;
    }

    .p-singlePost__title {
        margin-bottom: 13px;
    }

    .p-singlePost__titleMain {
        font-size: 42px;
        line-height: 63px;
    }

    .p-singlePost__titleSub {
        font-size: 30px;
        padding-top: 5px;
    }

    .p-singlePost__description {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 39px;
    }

    .p-singlePost__description::after {
        height: 50px;
        margin-top: 32px;
        width: 2px;
    }

    .p-singlePost__description a:hover {
        text-decoration: none;
    }

    .p-singlePost__tags {
        padding-bottom: 14px;
    }

    .p-singlePost__tagsItem {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .p-singlePost__entry h2 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 27px;
    }

    .p-singlePost__entry p {
        font-size: 16px;
        line-height: 34px;
        margin-bottom: 34px;
    }

    .p-singlePost__entry a:not(.c-button):hover {
        text-decoration: none;
    }

    .p-singlePost__membersOnly {
        border-radius: 5px;
        padding-top: 33px;
        padding-bottom: 35px;
    }

    .p-singlePost__membersOnly::before {
        height: 93px;
        top: -153px;
    }

    .p-singlePost__membersOnly::after {
        height: 60px;
        top: -60px;
    }

    .p-singlePost__membersOnlyHead {
        font-size: 20px;
        line-height: 38px;
        margin-top: 40px;
        margin-bottom: 60px;
    }

    .p-singlePost__membersOnlyHead::before {
        height: 60px;
        margin-right: 23px;
        width: 44px;
    }

    .p-singlePost__membersOnlyLink {
        font-size: 14px;
        line-height: 16px;
        margin-top: 60px;
        margin-bottom: 40px;
    }

    .p-singlePostNavigation__list {
        padding-top: 154px;
        padding-right: 50px;
        padding-left: 50px;
    }

    .p-singlePostNavigation__item {
        width: 558px;
    }

    .p-singlePostNavigation__link::after,
    .p-singlePostNavigation__link::before {
        border-radius: 82px;
    }

    .p-singlePostNavigation__linkBody {
        border-radius: 80px;
        height: 158px;
        transition: background-color 0.1s;
        z-index: 1;
    }

    .p-singlePostNavigation__item-prev .p-singlePostNavigation__linkBody {
        padding-left: 32px;
    }

    [data-category=JOURNAL] .p-singlePostNavigation__item-next .p-singlePostNavigation__linkBody,
    [data-category=PROJECT] .p-singlePostNavigation__item-next .p-singlePostNavigation__linkBody {
        padding-left: 45px;
    }

    .p-singlePostNavigation__linkBody::before {
        height: 26px;
        margin-right: 22px;
        position: relative;
        width: 29px;
        z-index: 3;
    }

    .p-singlePostNavigation__bg {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 80px;
        display: block;
        height: 156px;
        position: absolute;
        top: 1px;
        left: 1px;
        width: 556px;
        z-index: 1;
    }

    .p-singlePostNavigation__bg::after {
        background-color: rgba(255, 255, 255, 0.64);
        border-radius: 80px;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2;
    }

    .p-singlePostNavigation__index {
        flex-shrink: 0;
        line-height: 44px;
        margin-right: 30px;
        position: relative;
        z-index: 3;
    }

    [data-category=JOURNAL] .p-singlePostNavigation__index {
        margin-right: 30px;
        padding-top: 15px;
    }

    [data-category=PROJECT] .p-singlePostNavigation__index {
        margin-right: 40px;
        padding-bottom: 7px;
        padding-left: 18px;
    }

    [data-category=JOURNAL] .p-singlePostNavigation__unit {
        font-size: 20px;
    }

    [data-category=PROJECT] .p-singlePostNavigation__unit {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 5px;
    }

    .p-singlePostNavigation__number {
        font-size: 60px;
    }

    .p-singlePostNavigation__title {
        font-size: 18px;
        line-height: 28px;
        padding-right: 20px;
        position: relative;
        width: 320px;
        z-index: 3;
    }

    .p-eventCommunityApply {
        margin-top: 30px;
    }

    .p-eventCommunityApply__link {
        margin-bottom: 23px;
    }

    .p-eventCommunityApply__regist {
        font-size: 12px;
        margin-bottom: 34px;
    }

    .p-eventCommunityApply__registButton {
        cursor: pointer;
    }

    .p-eventCommunityApply__registButton::before {
        height: 1px;
    }

    .p-contactBody__formCheckboxAppend a:hover::after,
    .p-eventCommunityApply__registButton:hover::before {
        opacity: 0;
    }

    .is-largeScale .p-eventCommunityInfo__date {
        margin-bottom: -4px;
    }

    .is-normal .p-eventCommunityInfo__date {
        margin-top: -6px;
        margin-bottom: 10px;
    }

    .is-new .p-eventCommunityInfo__date[data-type=single]::before {
        margin-top: 8px;
    }

    .is-new .p-eventCommunityInfo__date::before {
        background: url(/assets/images/common/ico_new_pc.png) no-repeat center/contain;
        height: 30px;
    }

    .p-eventCommunityInfo:not(.is-new) .p-eventCommunityInfo__date[data-type=single]::before {
        margin-top: 22px;
    }

    .p-eventCommunityInfo:not(.is-new) .p-eventCommunityInfo__date:not([data-type=single])::before {
        margin-top: 14px;
    }

    .p-eventCommunityInfo__date::before {
        height: 2px;
        margin-right: 10px;
        width: 60px;
    }

    .is-largeScale .p-eventCommunityInfo__dateText {
        margin-top: -6px;
    }

    [data-type=mypage] .p-eventCommunityInfo__dateText {
        padding-top: 3px;
    }

    .is-largeScale .p-eventCommunityInfo__dateNum,
    .is-largeScale .p-eventCommunityInfo__dateSeparate,
    [data-type=single] .p-eventCommunityInfo__dateNum,
    [data-type=single] .p-eventCommunityInfo__dateSeparate {
        font-size: 60px;
        line-height: 44px;
    }

    .is-normal .p-eventCommunityInfo__dateNum,
    .is-normal .p-eventCommunityInfo__dateSeparate {
        font-size: 28px;
        line-height: 28px;
    }

    .p-eventCommunityInfo__date[data-type=mypage] .p-eventCommunityInfo__dateNum,
    .p-eventCommunityInfo__date[data-type=mypage] .p-eventCommunityInfo__dateSeparate {
        font-size: 20px;
        line-height: 20px;
    }

    .is-largeScale .p-eventCommunityInfo__dateAppend,
    [data-type=single] .p-eventCommunityInfo__dateAppend {
        font-size: 16px;
        padding-left: 0.5em;
    }

    .is-normal .p-eventCommunityInfo__dateAppend,
    [data-type=mypage] .p-eventCommunityInfo__dateAppend {
        font-size: 14px;
    }

    .p-movieModal__close {
        height: 60px;
        top: 20px;
        right: 40px;
        width: 60px;
    }

    .p-movieModal__closeBar {
        height: 2px;
        width: 22px;
    }

    .p-movieModal__closeBar:not(:last-child) {
        margin-bottom: 8px;
    }

    .p-movieModal__closeBar:nth-child(1) {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .p-movieModal__closeBar:nth-child(3) {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

    .p-movieModal__body {
        width: 1100px;
        height: 618px;
    }

    .p-catalystsMain {
        width: 1220px;
    }

    .p-catalystsMain__list {
        margin-left: -30px;
        padding-bottom: 38px;
    }

    .p-catalystsMain__item {
        width: 220px;
        margin-left: 30px;
        margin-bottom: 55px;
    }

    .p-catalystsMain__figureImage {
        border-radius: 5px;
    }

    .p-catalystsMain__detail {
        margin-top: 8px;
    }

    .p-catalystsMain__name {
        font-size: 18px;
        font-weight: 700;
        line-height: 32px;
    }

    .p-catalystsMain__title {
        font-size: 13px;
        line-height: 16px;
    }

    .p-catalystsSub {
        padding-top: 29px;
        width: 1220px;
    }

    .p-catalystsSub:not(.last) {
        padding-bottom: 74px;
    }

    .p-catalystsSub__list {
        margin-left: -20px;
    }

    .p-catalystsSub__item {
        width: 135px;
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .p-catalystsSub__card,
    .p-catalystsSub__figureImage {
        border-radius: 5px;
    }

    .p-catalystsSub__detail {
        border-radius: 5px;
        height: 135px;
        padding: 10px;
    }

    .p-catalystsSub__name {
        font-size: 18px;
        line-height: 32px;
    }

    .p-catalystsSub__title {
        font-size: 11px;
        line-height: 16px;
    }

    .p-catalystsModal__close {
        height: 60px;
        top: 20px;
        right: 40px;
        width: 60px;
    }

    .p-catalystsModal__closeBar {
        height: 2px;
        width: 22px;
    }

    .p-catalystsModal__closeBar:not(:last-child) {
        margin-bottom: 8px;
    }

    .p-catalystsModal__closeBar:nth-child(1) {
        transform: translate3d(0, 10px, 0) rotate(45deg);
    }

    .p-catalystsModal__closeBar:nth-child(3) {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
    }

    .p-catalystsModal__body {
        height: 500px;
    }

    .p-catalystsModal__item {
        padding-right: 80px;
        padding-left: 80px;
        width: 1260px;
    }

    .p-catalystsModal__card {
        background-color: #eee;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        padding-right: 50px;
        padding-left: 50px;
    }

    .p-catalystsModal__figure {
        flex-shrink: 0;
        margin-right: 47px;
        padding-top: 50px;
        padding-bottom: 50px;
        width: 400px;
    }

    .p-catalystsModal__figureImage {
        border-radius: 5px;
    }

    .p-catalystsModal__cardBody {
        width: 553px;
    }

    .p-catalystsModal__detail {
        padding-top: 50px;
    }

    .p-catalystsModal__name {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 11px;
    }

    .p-catalystsModal__title {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 30px;
    }

    .p-catalystsModal__outline {
        font-size: 15px;
        line-height: 26px;
    }

    .p-catalystsModal__name .p-catalystsModal__text {
        padding: 0 4px;
    }

    .p-catalystsModal__title .p-catalystsModal__text {
        padding: 1px 4px;
    }

    .p-catalystsModal__outline .p-catalystsModal__text {
        padding: 16px 4px 18px;
    }

    .p-catalystsModal__morph {
        height: 500px;
        top: 0;
        right: 0;
        width: 550px;
    }

    .p-catalystsModal__morphImage {
        margin-top: -25px;
    }

    .p-catalystsModal__sliderControl {
        display: flex;
        justify-content: space-between;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        width: 1260px;
    }

    .p-catalystsModal__sliderNext,
    .p-catalystsModal__sliderPrev {
        position: absolute;
        top: -280px;
    }

    .p-catalystsModal__sliderNext[aria-disabled=true]:hover::after,
    .p-catalystsModal__sliderPrev[aria-disabled=true]:hover::after {
        transform: scale3d(1.16667, 1.16667, 1);
    }

    .p-catalystsModal__sliderPrev {
        left: 0;
    }

    .p-catalystsModal__sliderNext {
        right: 0;
    }

    .p-contactBody {
        border-radius: 5px;
        margin-right: auto;
        margin-left: auto;
        padding: 64px 214px 100px;
        width: 1078px;
    }

    .p-contactBody__title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 29px;
    }

    .p-contactBody__note {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 42px;
    }

    .p-contactBody__note[data-type=center] {
        padding-bottom: 16px;
        text-align: center;
    }

    .p-contactBody__formList {
        padding-bottom: 24px;
    }

    .p-contactBody__formItem {
        width: 650px;
    }

    .p-contactBody__formLabel+.p-contactBody__formItem {
        padding-top: 7px;
    }

    .p-contactBody__formItem[data-type=input] {
        margin-bottom: 12px;
    }

    .p-contactBody__formItem[data-type=confirm] {
        margin-bottom: 26px;
    }

    .p-contactBody__formCard+.p-contactBody__formCard {
        margin-left: 10px;
    }

    .p-contactBody__formLabel[data-size=sm] {
        font-size: 14px;
    }

    .p-contactBody__formLabel[data-size=lg] {
        font-size: 18px;
    }

    .p-contactBody__formLabel {
        margin-bottom: 3px;
    }

    .p-contactBody__formInput,
    .p-contactBody__formTextarea {
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 14px;
        padding: 10px 8px;
    }

    .p-contactBody__formTextarea {
        display: block;
        height: 126px;
    }

    .p-contactBody__formError {
        font-size: 12px;
        line-height: 16px;
        padding-top: 4px;
    }

    .p-contactBody__formTitle {
        font-size: 14px;
    }

    .p-contactBody__formText {
        font-size: 20px;
        line-height: 32px;
        padding-left: 10px;
    }

    .p-contactBody__formText:not([data-type=textarea]) {
        border-bottom: 2px solid #ccc;
    }

    .p-contactBody__formFoot {
        padding-top: 45px;
        position: relative;
    }

    .p-contactBody__formReturn {
        position: absolute;
        top: 45px;
        left: -185px;
        z-index: 2;
    }

    .p-contactBody__formPolicyLabel {
        margin-bottom: 76px;
    }

    .p-contactBody__formCheckboxPrepend {
        border: 1px solid #aaa;
        border-radius: 5px;
        cursor: pointer;
        height: 30px;
        width: 30px;
    }

    .p-contactBody__formCheckboxPrepend::before {
        border-left: 2px solid #000;
        border-bottom: 2px solid #000;
        height: 11px;
        top: 5px;
        left: 6px;
        width: 16px;
    }

    .p-contactBody__formCheckboxAppend {
        font-size: 18px;
        padding-left: 10px;
    }

    .p-contactBody__formCheckboxAppend a::after {
        height: 1px;
        transition: opacity 0.1s;
    }

    .p-contactBody__formTop {
        padding-right: 60px;
    }

    .p-tags .p-main {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .p-tags .p-main__wrap {
        padding-right: 27px;
        padding-left: 27px;
    }

    .p-joinOpenHub__link {
        font-size: 15px;
        width: 337px;
    }

    .p-joinOpenHub__link.is-current {
        pointer-events: none;
    }

    .p-joinOpenHub__link.is-current::after {
        background-color: #b5b5b5;
    }

    .p-joinOpenHub__link::before {
        border-radius: 27px;
    }

    .p-joinOpenHub__link::after {
        border-radius: 25px;
    }

    .p-joinOpenHub__text {
        border-radius: 25px;
        line-height: 46px;
    }

    .p-joinOpenHub__text::after {
        height: 18px;
        top: 14px;
        right: 28px;
        width: 20px;
    }

    .page-top {
        position: relative;
    }

    .page-top .p-header__wrap::before {
        background: linear-gradient(180deg, #f2f2f2 0, rgba(242, 242, 242, 0.95) 31%, rgba(242, 242, 242, 0) 80%);
        content: "";
        display: block;
        height: 200px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        transition: opacity 0.1s;
        width: 100%;
        z-index: -1;
    }

    .page-about.is-move:not(.is-scroll) .p-header__wrap::before,
    .page-top.is-move:not(.is-scroll) .p-header__wrap::before {
        opacity: 1;
    }

    .page-top .p-main {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .page-top .p-main__wrap {
        padding-right: 27px;
        padding-left: 27px;
    }

    .page-top .p-archivePosts__date {
        font-size: 14px;
    }

    .page-top .p-eventCommunityInfo {
        padding-top: 10px;
    }

    .page-top .c-eventStatus {
        top: 151px;
    }

    .page-top .swiper-navigation {
        padding-top: 20px;
    }

    .page-top .swiper-pagination-bullet {
        height: 12px;
        width: 12px;
    }

    .page-top .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):after {
        transition: transform 0.3s;
    }

    .page-top .swiper-pagination-bullet.swiper-pagination-bullet-active {
        cursor: default;
    }

    .page-top .swiper-pagination-bullet:not(:first-child) {
        margin-left: 8px;
    }

    .page-top .swiper-pagination-bullet-active::after {
        border: 3px solid #333;
    }

    .page-top .kv__container {
        margin-bottom: 56px;
    }

    .page-top .kv__item {
        height: 603px;
        width: 1126px;
    }

    .page-top .kv__link,
    .page-top .kv__wrap {
        margin-right: auto;
        margin-left: auto;
        width: 1072px;
    }

    .page-top .kv__link {
        transition: opacity 0.2s ease;
        position: relative;
    }

    .page-top .kv__link:hover {
        opacity: 0.84;
    }

    .page-top .kv__wrap {
        border-radius: 5px;
        overflow: hidden;
    }

    .page-top .kv__wrap::after,
    .page-top .kv__wrap::before {
        background: url(../images/top/img_kv_gradation_pc.png) no-repeat center/contain;
        height: 170px;
    }

    .page-top .kv__image {
        width: 100%;
    }

    .page-top .kv__head {
        margin-bottom: auto;
        padding-top: 22px;
        padding-left: 33px;
    }

    .page-top .kv__category {
        border-radius: 5px;
        font-size: 12px;
        margin-right: 10px;
        padding: 0 13px;
    }

    .page-top .kv__date {
        font-size: 14px;
        line-height: 21px;
    }

    .page-top .kv__foot {
        padding-bottom: 13px;
        padding-left: 33px;
    }

    .page-top .kv__title {
        font-size: 30px;
        line-height: 42px;
    }

    .page-top .kv__title small {
        font-size: 16px;
        line-height: 23px;
    }

    .outlineOpenhub__body {
        margin-bottom: 95px;
    }

    .outlineOpenhub__title {
        background: url(../images/top/img_outline_openhub_title_pc.png?20221027) no-repeat center/contain;
        height: 65px;
        margin-bottom: 24px;
        margin-left: 73px;
        width: 560px;
    }

    .outlineOpenhub__text {
        font-size: 20px;
        line-height: 38px;
        margin-left: auto;
        width: 550px;
    }

    .outlineOpenhub__item {
        height: 179px;
        width: 370px;
    }

    .outlineOpenhub__item:nth-child(1) {
        background: url(../images/top/img_outline_openhub_item1_pc.png) no-repeat center/contain;
        top: 177px;
        left: 73px;
    }

    .outlineOpenhub__item:nth-child(2) {
        background: url(../images/top/img_outline_openhub_item2_pc.png) no-repeat center/contain;
        top: 99px;
        left: 264px;
    }

    .latestPosts:not(:last-child) {
        margin-bottom: 80px;
    }

    .latestPosts__title::before {
        height: 3px;
        margin-right: 18px;
        width: 44px;
    }

    .latestPosts__titlePrepend {
        font-size: 14px;
    }

    .latestPosts__titleBody {
        font-size: 26px;
    }

    .latestPosts__list {
        margin-right: -27px;
        margin-bottom: 10px;
        margin-left: -27px;
    }

    .latestPosts__list[data-catogory=EVENT] .latestPosts__item {
        width: 400px;
    }

    .latestPosts__list[data-catogory=EVENT] .latestPosts__item:not(:first-child) {
        margin-left: 32px;
    }

    .latestPosts__list:not([data-catogory=EVENT]) .latestPosts__item {
        margin-left: -4px;
        width: 320px;
    }

    .latestPosts__link {
        padding: 30px 30px 24px;
    }

    .latestPosts__link:hover .latestPosts__bg {
        opacity: 1;
    }

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

    .latestPosts__figureImage {
        border-radius: 5px;
    }

    .latestPosts__main {
        padding-top: 14px;
    }

    .latestPosts__itemTitle {
        font-size: 16px;
        line-height: 25px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .page-about .p-header__wrap::before {
        background: linear-gradient(180deg, #f2f2f2 0, rgba(242, 242, 242, 0.95) 31%, rgba(242, 242, 242, 0) 80%);
        content: "";
        display: block;
        height: 200px;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        transition: opacity 0.1s;
        width: 100%;
        z-index: -1;
    }

    .page-about .kv {
        height: 768px;
    }

    .page-about .kv__wrap {
        height: 100%;
        padding-top: 60px;
        width: 1100px;
    }

    .page-about .kv__inner {
        display: table;
        height: 100%;
    }

    .page-about .kv__head {
        padding-top: 70px;
        display: table-cell;
        vertical-align: middle;
    }

    .page-about .kv__vid {
        width: 477px;
        height: 177px;
    }

    .page-about .kv__title {
        background: url(/assets/images/common/img_kv_title_pc.png) no-repeat left top/contain;
        height: 19px;
        margin-bottom: 155px;
        width: 324px;
    }

    .page-about .kv__button {
        margin-top: 125px;
    }

    .page-about .kv__body {
        display: table-cell;
        vertical-align: middle;
    }

    .is-largeScale .contentArchiveEventCommunity__postTitle small,
    .page-about .kv__text {
        font-size: 20px;
        line-height: 40px;
    }

    .page-about .kv__bg {
        background: url(../images/about/img_kv_pc.jpg?20221027) no-repeat center/cover;
    }

    .page-about .section {
        padding-top: 154px;
    }

    .page-about .section__title {
        width: 1220px;
        margin: 0 auto 19px;
    }

    .page-about .section__bodyTitle {
        padding-top: 21px;
    }

    .page-about .section__head {
        margin-right: auto;
        margin-bottom: 28px;
        margin-left: auto;
        position: relative;
        width: 1110px;
    }

    .page-about .section__head .c-lowButton {
        position: absolute;
        top: 26px;
        right: 0;
    }

    .page-about .section__outline {
        font-size: 16px;
        line-height: 32px;
    }

    .page-about .section__body {
        width: 1220px;
        margin: 0 auto;
    }

    .page-about .section__figure-1 {
        margin-top: 60px;
        padding-top: 536px;
    }

    .page-about .section__figure-2 {
        margin-top: 38px;
        margin-bottom: 29px;
        padding-top: 203px;
    }

    .page-about .section__figure-3 {
        margin-top: 38px;
        padding-top: 182px;
    }

    .page-about .section__figure-1 {
        background-image: url(../images/about/img_figure1_pc.png);
    }

    .page-about .section__figure-2 {
        background-image: url(../images/about/img_figure2_pc.png);
    }

    .page-about .section__figure-3 {
        background-image: url(../images/about/img_figure3_pc.png);
    }

    .page-about .community__body {
        margin-right: auto;
        margin-left: auto;
        position: relative;
        width: 1220px;
    }

    .page-about .community__image {
        border-radius: 10px;
        padding-top: 270px;
        position: absolute;
        width: 480px;
    }

    .page-about .community__image-1 {
        top: 4px;
        right: 0;
        z-index: 2;
    }

    .page-about .community__image-2 {
        top: 230px;
        right: 78px;
        z-index: 1;
    }

    .page-about .community__image-1 {
        background-image: url(../images/about/img_community1_pc.jpg);
    }

    .page-about .community__image-2 {
        background-image: url(../images/about/img_community2_pc.jpg);
    }

    .page-about .community__detail {
        font-size: 18px;
        line-height: 40px;
        margin-bottom: 60px;
        padding-left: 60px;
    }

    .page-about .community__nav {
        padding-left: 60px;
    }

    .page-about .space__head {
        width: 1220px;
        margin: 0 auto;
        position: relative;
    }

    .page-about .space__sliderItem {
        padding: 0 30px;
        width: 1160px;
    }

    .page-about .space__sliderCard {
        width: 1100px;
    }

    .page-about .space__sliderCardFigure {
        border-radius: 5px;
        width: 1100px;
    }

    .page-about .space__sliderCardText {
        font-size: 18px;
        line-height: 25px;
        padding-top: 14px;
        text-align: center;
    }

    .page-about .space__sliderNext,
    .page-about .space__sliderPrev {
        position: absolute;
        top: 274px;
    }

    .page-about .space__sliderPrev {
        left: -530px;
    }

    .page-about .space__sliderNext {
        right: -530px;
    }

    .page-about .access__inner {
        display: flex;
        padding-top: 8px;
        width: 1100px;
    }

    .page-about .access__head {
        margin-right: 92px;
        padding-top: 11px;
    }

    .page-about .access__headTitle {
        width: 155px;
        height: 50px;
        margin-top: 6px;
        margin-right: 60px;
    }

    .page-about .access__body {
        padding-top: 4px;
    }

    .page-about .access__bodyText {
        font-size: 15px;
        line-height: 25px;
    }

    .page-about .access__bodyLink {
        background-size: 12px 12px;
        font-size: 12px;
        line-height: 20px;
        padding-right: 20px;
    }

    .contentSingleEventCommunity__entry a:hover,
    .contentSingleEventCommunity__table a:hover,
    .page-about .access__bodyLink:hover {
        text-decoration: none;
    }

    .page-about .access__foot {
        margin-left: auto;
    }

    .page-about .access__footText {
        font-size: 14px;
        line-height: 30px;
    }

    .page-about .imageScroller {
        margin-top: 190px;
    }

    .page-catalyst .p-main {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .page-catalyst .p-main__wrap {
        padding-right: 27px;
        padding-left: 27px;
    }

    .page-journal .p-main {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .page-journal .p-main__wrap {
        padding-left: 27px;
    }

    .page-journal .c-postRecommend {
        margin-bottom: 108px;
    }

    .contentArchiveJournal__category {
        position: relative;
    }

    .contentArchiveJournal__category:not(:last-child) {
        margin-bottom: 80px;
    }

    .contentArchiveJournal__categoryHead {
        border-radius: 5px 0 0 5px;
        position: absolute;
        top: 0;
        left: 0;
        width: 268px;
    }

    .contentArchiveJournal__categoryHead.is-stickyWidget:not(.is-stop) {
        left: inherit;
    }

    .contentArchiveJournal__categoryHead.is-stop {
        position: absolute;
    }

    .contentArchiveJournal__categoryHeadCont {
        padding: 30px 30px 26px;
        position: relative;
    }

    .contentArchiveJournal__categoryLabel {
        border-radius: 5px;
        font-size: 11px;
        height: 30px;
        padding-right: 20px;
        padding-left: 20px;
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .contentArchiveJournal__categoryThumnail {
        height: 280px;
        margin-bottom: 24px;
    }

    .contentArchiveJournal__categoryImage {
        border-radius: 5px;
    }

    .contentArchiveJournal__categoryTitle {
        font-size: 34px;
        line-height: 42px;
        margin-bottom: 6px;
    }

    .contentArchiveJournal__categoryDetail {
        font-size: 12px;
        line-height: 20px;
    }

    .contentArchiveJournal__categoryHeadBg {
        border-radius: 5px 0 0 5px;
    }

    .contentArchiveJournal__categoryBody {
        margin-left: auto;
        position: relative;
        width: 956px;
        z-index: 1;
    }

    .contentArchiveJournal__body {
        padding-top: 30px;
    }

    .contentArchiveJournal__postList {
        display: flex;
        flex-wrap: wrap;
    }

    .contentArchiveJournal__postItem {
        margin-top: -4px;
        width: 320px;
    }

    .contentArchiveJournal__postItem:not(:nth-child(3n)) {
        margin-right: -4px;
    }

    .contentArchiveJournal__postItem:nth-child(1),
    .contentArchiveJournal__postItem:nth-child(2),
    .contentArchiveJournal__postItem:nth-child(3) {
        margin-top: -30px;
    }

    .contentArchiveJournal__postItem[data-state=coming] {
        padding: 30px 30px 24px;
    }

    .contentArchiveJournal__postLink {
        height: 100%;
        padding: 30px 30px 24px;
    }

    .c-floatRecommend[data-type=project-registration] .c-floatRecommend__link:hover::before,
    .contentArchiveJournal__postLink:hover .contentArchiveJournal__postBg {
        opacity: 1;
    }

    .contentArchiveJournal__postFigure {
        width: 260px;
    }

    .contentArchiveJournal__postFigureImage {
        border-radius: 5px;
    }

    .contentArchiveJournal__postInfo {
        display: flex;
        justify-content: space-between;
        margin-bottom: 7px;
    }

    .contentArchiveJournal__postIndex {
        line-height: 38px;
        margin-top: -44px;
    }

    .contentArchiveJournal__postIndexUnit {
        font-size: 14px;
    }

    .contentArchiveJournal__postIndexNumber {
        font-size: 50px;
    }

    .contentArchiveJournal__postDate {
        font-size: 14px;
        line-height: 30px;
    }

    .is-new .contentArchiveJournal__postDate::before {
        background: url(/assets/images/common/ico_new_pc.png) no-repeat center/contain;
        height: 30px;
    }

    .contentArchiveJournal__postDate::before {
        height: 2px;
        margin-right: 10px;
        width: 60px;
    }

    .contentArchiveJournal__postTitle {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 12px;
    }

    .contentArchiveJournal__button {
        margin-top: 50px;
    }

    .page-journal-single .p-main {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .page-journal-single .c-postRecommend {
        margin-top: 175px;
    }

    .contentSingleJournal__body {
        display: flex;
        justify-content: space-between;
        padding-right: 100px;
        position: relative;
    }

    .contentSingleJournal__widget {
        padding-top: 42px;
        padding-left: 10px;
        position: absolute;
        width: 267px;
    }

    .contentSingleJournal__widget.is-stickyWidget:not(.is-stop) {
        position: fixed;
        top: 0;
    }

    .contentSingleJournal__widget.is-stop {
        position: absolute;
        top: initial;
        bottom: 0;
    }

    .contentSingleJournal__index {
        line-height: 104px;
        padding-top: 23px;
        padding-left: 20px;
    }

    .contentSingleJournal__indexUnit {
        font-size: 37px;
    }

    .contentSingleJournal__indexNumber {
        font-size: 140px;
    }

    .c-floatRecommend {
        position: relative;
    }

    .c-floatRecommend[data-type=project-single] {
        width: 380px;
        height: 131px;
    }

    .c-floatRecommend[data-type=project-single] .c-floatRecommend__link {
        display: block;
        height: 100%;
        padding: 30px 0 3px;
        position: relative;
        transition: all 0.3s 0s linear;
    }

    .c-floatRecommend[data-type=project-registration] {
        width: 320px;
        height: auto;
    }

    .c-floatRecommend[data-type=project-questionnaire] .c-floatRecommend__wrap,
    .c-floatRecommend[data-type=project-registration] .c-floatRecommend__wrap {
        display: block;
        height: 100%;
        padding: 45px 12px 18px;
        position: relative;
    }

    .c-floatRecommend[data-type=project-registration] .c-floatRecommend__link::before {
        -webkit-animation: animate-gradient 3s ease alternate infinite;
        animation: animate-gradient 3s ease alternate infinite;
        background: linear-gradient(90deg, #7bc8bb, #ee8595, #244a9e, #d0cb9d);
        background-size: 300% 300%;
        border-radius: 80px;
        content: "";
        display: block;
        opacity: 0;
        position: absolute;
        top: -4px;
        left: -4px;
        transition: opacity 0.1s;
        width: calc(100% + 8px);
        height: calc(100% + 8px);
        z-index: 0;
    }

    .c-floatRecommend[data-type=project-questionnaire] {
        width: 294px;
        height: atuo;
    }

    .page-project .p-main {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .page-project .p-main__wrap {
        padding-right: 27px;
        padding-left: 27px;
    }

    .page-project-single .p-main {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .page-project-single .c-postRecommend {
        margin-top: 175px;
    }

    .page-project-single .p-singlePosts__company {
        margin-bottom: 12px;
    }

    .is-normal .page-project-single .p-singlePosts__company {
        font-size: 14px;
        line-height: 22px;
    }

    .contentSingleProject__body {
        display: flex;
        justify-content: space-between;
        padding-right: 100px;
        position: relative;
    }

    .contentSingleProject__widget {
        padding-top: 42px;
        padding-left: 10px;
        position: absolute;
        width: 260px;
    }

    .contentSingleProject__widget.is-stickyWidget:not(.is-stop) {
        position: fixed;
        top: 0;
    }

    .contentSingleProject__widget.is-stop {
        position: absolute;
        top: initial;
        bottom: 0;
    }

    .contentSingleProject__index {
        margin-bottom: 32px;
        padding-top: 10px;
        padding-left: 20px;
    }

    .contentSingleProject__indexUnit {
        display: block;
        font-size: 37px;
        margin-bottom: 21px;
        padding-left: 22px;
    }

    .contentSingleProject__indexNumber {
        display: block;
        font-size: 140px;
        line-height: 104px;
    }

    .page-event-community .p-main {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .page-event-community .p-main__wrap {
        padding-right: 27px;
        padding-left: 27px;
    }

    .contentArchiveEventCommunity__postTitle {
        margin-bottom: 12px;
    }

    .is-largeScale .contentArchiveEventCommunity__postTitle {
        font-size: 30px;
        line-height: 46px;
        padding-top: 9px;
    }

    .is-normal .contentArchiveEventCommunity__postTitle {
        font-size: 20px;
        line-height: 36px;
        padding-top: 20px;
    }

    .is-normal .contentArchiveEventCommunity__postTitle small {
        font-size: 16px;
        line-height: 30px;
    }

    .contentArchiveEventCommunity__button {
        margin-top: 50px;
    }

    .page-event-community-single .p-main {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .page-event-community-single .p-main__wrap {
        padding-right: 27px;
        padding-left: 27px;
    }

    .page-event-community-single .p-singlePost__tags {
        width: 383px;
    }

    .page-event-community-single .c-eventStatus {
        top: -48px;
        left: 20px;
    }

    .page-event-community-single .c-favoriteButton {
        flex-shrink: 0;
    }

    .page-event-community-single .c-postRecommend {
        margin-top: 100px;
    }

    .contentSingleEventCommunity__body,
    .contentSingleEventCommunity__head {
        display: flex;
    }

    .contentSingleEventCommunity__head {
        align-items: center;
        height: 182px;
    }

    .contentSingleEventCommunity__body {
        padding-left: 20px;
        position: relative;
    }

    .contentSingleEventCommunity__favorite {
        width: 197px;
    }

    .contentSingleEventCommunity__thumbnail {
        position: absolute;
        top: 0;
        right: 0;
        width: 560px;
    }

    .contentSingleEventCommunity__content {
        width: 596px;
    }

    .contentSingleEventCommunity__profile {
        flex-shrink: 0;
        margin-left: 50px;
        padding-top: 375px;
        width: 560px;
    }

    .contentSingleEventCommunity__title {
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 22px;
        padding-top: 14px;
    }

    .contentSingleEventCommunity__title small {
        font-size: 18px;
        line-height: 36px;
    }

    .contentSingleEventCommunity__info {
        display: flex;
        align-items: flex-start;
    }

    .contentSingleEventCommunity__entry p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 35px;
    }

    .contentSingleEventCommunity__table {
        border-top: 2px solid #ccc;
        margin-bottom: 60px;
    }

    .contentSingleEventCommunity__th {
        border-bottom: 2px solid #ccc;
        font-size: 14px;
        line-height: 24px;
        width: 130px;
    }

    .contentSingleEventCommunity__td {
        border-bottom: 2px solid #ccc;
        font-size: 16px;
        line-height: 24px;
        padding: 16px 20px;
    }

    .contentSingleEventCommunity__relatedItem {
        border-radius: 5px;
        margin-bottom: 55px;
        padding: 2px;
        width: 490px;
    }

    .contentSingleEventCommunity__relatedLink::before {
        border-radius: 5px;
    }

    .contentSingleEventCommunity__relatedLink::after {
        border: 1px solid;
        border-radius: 2px;
        height: 86px;
        top: 2px;
        left: 2px;
        width: 482px;
    }

    .contentSingleEventCommunity__relatedImage {
        border-radius: 2px 0 0 2px;
        height: 90px;
        width: 160px;
    }

    .contentSingleEventCommunity__relatedtext {
        border-radius: 0 2px 2px 0;
        font-size: 16px;
        padding-right: 28px;
        padding-left: 32px;
    }

    .contentSingleEventCommunity__relatedtext::after {
        height: 19px;
        width: 20px;
    }

    .contentSingleEventCommunity__profileItem:not(:last-child) {
        margin-bottom: 60px;
    }

    .contentSingleEventCommunity__profileFigure {
        margin-bottom: 20px;
        width: 230px;
    }

    .contentSingleEventCommunity__profileImage {
        border-radius: 5px;
    }

    .contentSingleEventCommunity__profileBody {
        border-left: 2px solid #333;
        padding-top: 2px;
        padding-bottom: 5px;
        padding-left: 18px;
    }

    .contentSingleEventCommunity__profileRole {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 3px;
    }

    .contentSingleEventCommunity__profileName {
        margin-bottom: 28px;
    }

    .contentSingleEventCommunity__profileNameText {
        font-size: 20px;
    }

    .contentSingleEventCommunity__profileNameUnit {
        font-size: 14px;
        padding-left: 5px;
    }

    .contentSingleEventCommunity__profileCareer,
    .contentSingleEventCommunity__profileDetail {
        font-size: 12px;
        line-height: 24px;
    }

    .page-contact .p-main {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .page-contact .p-main__wrap {
        padding-right: 30px;
        padding-left: 30px;
    }

    .page-contact-confirm .p-main {
        padding-top: 160px;
        padding-bottom: 200px;
    }

    .page-contact-confirm .p-main__wrap {
        padding-right: 30px;
        padding-left: 30px;
    }

    .page-contact-complete .p-main {
        padding-top: 160px;
        padding-bottom: 200px;
    }

    .page-contact-complete .p-main__wrap {
        padding-right: 30px;
        padding-left: 30px;
    }

    .page-members-complete .p-main {
        padding-top: 160px;
        padding-bottom: 200px;
    }

    .page-members-complete .p-main__wrap {
        padding-right: 30px;
        padding-left: 30px;
    }

    .page-mypage {
        position: relative;
    }

    .page-mypage::before {
        background: linear-gradient(180deg, #f2f2f2 0, rgba(242, 242, 242, 0.95) 31%, rgba(242, 242, 242, 0) 80%);
        content: "";
        display: block;
        height: 134px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2;
    }

    .page-mypage .p-main {
        padding-bottom: 200px;
    }

    .page-mypage .p-main__wrap {
        padding-right: 27px;
        padding-left: 27px;
    }

    .page-mypage .p-archivePosts__date {
        font-size: 14px;
    }

    .page-mypage .c-eventStatus {
        top: 106px;
    }

    .page-mypage .is-end .c-eventStatus,
    .page-mypage .is-preparation .c-eventStatus,
    .page-mypage .is-terminated .c-eventStatus {
        top: 0;
        height: 146px;
    }

    .page-mypage .is-end .c-eventStatus::before,
    .page-mypage .is-preparation .c-eventStatus::before,
    .page-mypage .is-terminated .c-eventStatus::before {
        top: 48px;
    }

    .personal.is-empty {
        margin-bottom: 23px;
    }

    .personal__vid {
        left: 517px;
    }

    .personal__vidInitials {
        height: 500px;
        width: 500px;
    }

    .personal__name {
        font-size: 64px;
        vertical-align: middle;
    }

    .personal__name:not(:empty) {
        height: 448px;
    }

    .personal__name:empty {
        height: 230px;
    }

    .personal__actionsHead {
        right: 0;
        bottom: 66px;
    }

    .personal__actionsFoot {
        position: absolute;
        bottom: 64px;
        left: 0;
    }

    .personal__actionsEmpty {
        right: 0;
        bottom: 66px;
    }

    .personal__actionsItem:not(:first-child) {
        margin-left: 10px;
    }

    .personal__actionsLink::before {
        border-radius: 16px;
    }

    .personal__actionsLink::after {
        border-radius: 18px;
    }

    .personal__actionsLinkBody {
        border-radius: 16px;
        padding-right: 20px;
        padding-left: 22px;
    }

    .personal__actionsIcon[data-type=info] {
        height: 18px;
        width: 4px;
    }

    .personal__actionsIcon[data-type=mypage] {
        height: 20px;
        width: 12px;
    }

    .personal__actionsIcon[data-type=key] {
        height: 20px;
        width: 10px;
    }

    .personal__actionsIcon[data-type=empty] {
        height: 16px;
        width: 16px;
    }

    .personal__actionsText {
        font-size: 13px;
        line-height: 28px;
        padding-left: 8px;
    }

    .registered__wrap {
        margin-top: -35px;
        margin-bottom: 100px;
    }

    .registeredPosts:not(:last-child) {
        margin-bottom: 80px;
    }

    .registeredPosts__message {
        font-size: 16px;
        line-height: 26px;
        padding-top: 11px;
        padding-left: 50px;
    }

    .registeredPosts__list {
        margin-right: -27px;
        margin-bottom: 10px;
        margin-left: -27px;
    }

    .registeredPosts__list.is-event,
    .registeredPosts__list.is-favorite {
        flex-wrap: wrap;
    }

    .registeredPosts__list.is-favorite {
        display: flex;
    }

    .registeredPosts__item {
        margin-left: -4px;
        margin-bottom: 15px;
        width: 320px;
    }

    .is-event .registeredPosts__item.is-hidden {
        display: none;
        opacity: 0;
    }

    .registeredPosts__link {
        padding: 30px 30px 24px;
    }

    .registeredPosts__link:hover .registeredPosts__bg {
        opacity: 1;
    }

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

    .registeredPosts__category {
        border-radius: 5px;
        font-size: 11px;
        line-height: 24px;
        left: 10px;
        width: 80px;
    }

    .registeredPosts__figureImage {
        border-radius: 5px;
    }

    .registeredPosts__main {
        padding-top: 14px;
    }

    .registeredPosts__itemTitle {
        font-size: 20px;
        line-height: 36px;
        margin-top: 7px;
        margin-bottom: 9px;
    }

    .is-favorite .registeredPosts__itemTitle[data-type=favorite] {
        display: none;
    }

    .registeredPosts__itemTitle small {
        font-size: 16px;
        line-height: 30px;
    }

    .wallpaper {
        padding-top: 100px;
    }

    .no-events .wallpaper,
    .no-favorites .wallpaper {
        padding-top: 0;
    }

    .wallpaper__list {
        display: flex;
        flex-wrap: wrap;
        margin-right: -30px;
        margin-left: -25px;
        padding-top: 9px;
    }

    .wallpaper__item {
        margin-bottom: 15px;
        position: relative;
        width: 200px;
    }

    .wallpaper__item:not(:nth-child(6n)) {
        margin-right: 15px;
    }

    .wallpaper__link {
        cursor: pointer;
        display: block;
        padding: 24px;
    }

    .floatWallpaper__link:hover::before,
    .wallpaper__link:hover .wallpaper__bg {
        opacity: 1;
    }

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

    .wallpaper__figure {
        border-radius: 5px;
        height: 83px;
        overflow: hidden;
        margin-bottom: 14px;
        position: relative;
        z-index: 1;
    }

    .wallpaper__figureItem {
        height: 100%;
    }

    .wallpaper__figureImage {
        width: 100%;
        height: auto;
    }

    .wallpaper__itemTitle {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 2px;
    }

    .wallpaper__itemSize {
        font-size: 13px;
        line-height: 20px;
    }

    .floatWallpaper {
        height: 123px;
        position: fixed;
        right: 27px;
        bottom: 27px;
        transition: opacity 0.2s, transform 0.2s;
        transform: translate3d(0, 0, 0);
        width: 132px;
        z-index: 6999;
    }

    .floatWallpaper__item {
        background: url(/assets/images/mypage/btn_anchor_wallpaper.png) no-repeat center/contain;
        border-radius: 10px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
        height: 100%;
        width: 100%;
    }

    .floatWallpaper__link {
        display: block;
        height: 123px;
        padding: 18px 18px 51px;
        position: relative;
    }

    .floatWallpaper__link::before {
        -webkit-animation: animate-gradient 3s ease alternate infinite;
        animation: animate-gradient 3s ease alternate infinite;
        background: linear-gradient(90deg, #7bc8bb, #ee8595, #244a9e, #d0cb9d);
        background-size: 300% 300%;
        border-radius: 14px;
        content: "";
        display: block;
        height: calc(100% + 8px);
        opacity: 0;
        position: absolute;
        top: -4px;
        left: -4px;
        transition: opacity 0.1s;
        width: calc(100% + 8px);
        z-index: -1;
    }

    .floatWallpaper__images {
        -webkit-animation: flip 8s steps(5) infinite;
        animation: flip 8s steps(5) infinite;
        background: url(/assets/images/mypage/img_float_wallpapers.png) no-repeat left top;
        pointer-events: none;
        height: 100%;
        width: 100%;
    }

    .personalLogo__wrap {
        margin-right: auto;
        margin-left: auto;
        padding-top: 100px;
        width: 1280px;
    }

    .personalLogo__item {
        border-radius: 20px;
        cursor: pointer;
        padding-top: 387px;
        width: 600px;
    }

    .personalLogo__item::before {
        background: url(/assets/images/mypage/img_modal_personal_logo_pc.png) no-repeat center/contain;
        border-radius: 20px;
    }

    .personalLogo__item::after {
        box-shadow: 2px 0 1px rgba(0, 0, 0, 0.12);
        height: 32px;
        right: -14px;
        bottom: 178px;
        transform: rotate(-45deg) skew(27deg, 27deg) translateZ(-1px);
        width: 32px;
    }

    .page-terms .p-main {
        padding-top: 100px;
        padding-bottom: 155px;
    }

    .page-terms .p-main__wrap {
        padding-right: 30px;
        padding-left: 30px;
    }

    .contentTerms__head {
        height: 182px;
        margin-bottom: 8px;
    }

    .contentTerms__title {
        font-size: 48px;
    }

    .contentTerms__card+.contentTerms__card {
        padding-top: 40px;
    }

    .contentTerms__cardDetail {
        font-weight: 500;
        margin-bottom: 42px;
        padding-top: 25px;
        padding-right: 60px;
        padding-left: 60px;
    }

    .contentTerms__cardDetail,
    .contentTerms__cardItem,
    .contentTerms__cardPlatformTitle {
        font-size: 14px;
        line-height: 25px;
    }

    .contentTerms__cardPlatforms {
        display: flex;
        padding-right: 60px;
        padding-left: 60px;
    }

    .contentTerms__cardPlatformGroup {
        width: 50%;
    }

    .contentTerms__cardPlatform {
        margin-bottom: 27px;
    }

    .page-404,
    .page-eloqua {
        display: flex;
    }

    .page-eloqua .l-wrap {
        height: 100%;
        min-height: 100vh;
        width: 100%;
    }

    .page-eloqua .l-main,
    .page-eloqua .l-wrap {
        display: flex;
        flex-direction: column;
    }

    .page-eloqua .contentEloqua,
    .page-eloqua .l-main {
        flex: 1;
    }

    .page-eloqua .p-main__wrap {
        padding-right: 30px;
        padding-left: 30px;
    }

    .content404__body,
    .page-eloqua .contentEloqua__body {
        padding-top: 53px;
    }

    .page-unsubscribe .p-main {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .page-unsubscribe .p-main__wrap {
        padding-right: 30px;
        padding-left: 30px;
    }

    .page-unsubscribe-complete .p-main {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .page-unsubscribe-complete .p-main__wrap {
        padding-right: 30px;
        padding-left: 30px;
    }

    .page-404 .l-wrap {
        height: 100%;
        min-height: 100vh;
        width: 100%;
    }

    .page-404 .l-main,
    .page-404 .l-wrap {
        display: flex;
        flex-direction: column;
    }

    .page-404 .content404,
    .page-404 .l-main {
        flex: 1;
    }

    .page-404 .p-main__wrap {
        padding-right: 30px;
        padding-left: 30px;
    }

    .content404__title {
        font-size: 48px;
        margin-bottom: 78px;
        text-align: center;
    }

    .content404__note {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 46px;
        padding-left: 330px;
    }

    .content404__top {
        padding-right: 60px;
    }

    .content404__top .c-returnLink {
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .c-button {
        color: inherit;
        width: 69.3333333333vw;
        height: 18.6666666667vw;
    }

    .c-button-addborder::after {
        border: 0.2666666667vw solid #ccc;
        border-radius: 8.2666666667vw;
        height: 16.5333333333vw;
        top: 1.0666666667vw;
        left: 1.0666666667vw;
        width: 67.2vw;
    }

    .c-button-arrow .c-button__text {
        padding-right: 10.6666666667vw;
    }

    .c-button-arrow .c-button__text::after {
        right: 7.4666666667vw;
    }

    .c-button-arrow[data-event=movie] .c-button__text::after {
        height: 5.3333333333vw;
        width: 7.4666666667vw;
    }

    .c-button-arrow:not([data-event=movie]) .c-button__text::after {
        height: 4.8vw;
        width: 5.3333333333vw;
    }

    .c-button__text {
        border: 0.5333333333vw solid #333;
        border-radius: 9.3333333333vw;
        line-height: 17.6vw;
        padding-right: 2.6666666667vw;
        padding-left: 2.6666666667vw;
    }

    .c-button__text:not([data-size=lg]) {
        font-size: 4vw;
    }

    .c-button__text[data-size=lg],
    .c-sectionTitle small {
        font-size: 4.8vw;
    }

    .c-addButton {
        border: 0.5333333333vw solid #333;
        border-radius: 9.3333333333vw;
        color: inherit;
        width: 69.3333333333vw;
        height: 14.9333333333vw;
    }

    .c-addButton:after {
        width: 4.5333333333vw;
        height: 2.9333333333vw;
        right: 7.4666666667vw;
    }

    .c-addButton__text {
        font-size: 4vw;
        line-height: 13.8666666667vw;
    }

    .c-snsItem {
        width: 7.4666666667vw;
    }

    .c-snsItem:not(:last-child) {
        margin-right: 2.6666666667vw;
    }

    .c-subNavLink {
        font-size: 3.2vw;
        line-height: 8vw;
    }

    .c-subNavLinkShape {
        height: 0.4vw;
        margin-right: 2.6666666667vw;
        width: 1.7333333333vw;
    }

    .c-categoryIcon {
        border-radius: 1.3333333333vw;
        font-size: 2.9333333333vw;
        line-height: 8vw;
        padding: 0 4.8vw;
    }

    .c-gradientArrowText {
        background-size: 11.2vw 3.7333333333vw;
        font-size: 3.2vw;
        line-height: 3.7333333333vw;
        padding-left: 13.3333333333vw;
    }

    .c-cardBg {
        display: none;
    }

    .c-gradientButton__text {
        padding-right: 6.6666666667vw;
    }

    .c-tags__item {
        line-height: 6.4vw;
    }

    .c-tags[data-margin="10"] .c-tags__item {
        margin-right: 2.6666666667vw;
        margin-bottom: 2.6666666667vw;
    }

    .c-tags[data-margin="5"] .c-tags__item {
        margin-right: 1.3333333333vw;
        margin-bottom: 1.3333333333vw;
    }

    .c-tags__link {
        border-radius: 3.3333333333vw;
        color: inherit;
    }

    .c-tags__link.is-current {
        border: 0.5333333333vw solid #b5b5b5;
    }

    .c-tags__link.c-gradientButton-border {
        border: 0.5333333333vw solid #333;
    }

    .c-tags__link:not(.is-current):not(.c-gradientButton-border) {
        border: 0.5333333333vw solid #fff;
    }

    .c-tags__linkText {
        border-radius: 3.3333333333vw;
        height: 5.6vw;
        padding-right: 3.2vw;
        padding-left: 3.2vw;
    }

    .c-tags__icon[data-icon=search] {
        height: 3.2vw;
        margin-right: 2.4vw;
        width: 3.2vw;
    }

    .c-tags__icon[data-icon=arrow] {
        height: 2.4vw;
        margin-left: 1.8666666667vw;
        width: 1.3333333333vw;
    }

    .c-tags__key,
    .c-tags__text {
        font-size: 2.6666666667vw;
        transform: scale(0.9);
        transform-origin: top left;
        width: 111.11111%;
    }

    .c-tags__text {
        border: 0.5333333333vw solid #fff;
        border-radius: 4vw;
        padding-right: 2.8vw;
        padding-left: 2.8vw;
        text-align: center;
    }

    .c-eventStatus {
        width: 26.6666666667vw;
    }

    :not(.contentSingleEventCommunity__content).is-end .c-eventStatus,
    :not(.contentSingleEventCommunity__content).is-preparation .c-eventStatus,
    :not(.contentSingleEventCommunity__content).is-terminated .c-eventStatus {
        width: 42.6666666667vw;
        height: 23.8666666667vw;
    }

    .is-largeScale :not(.contentSingleEventCommunity__content).is-end .c-eventStatus,
    .is-largeScale :not(.contentSingleEventCommunity__content).is-preparation .c-eventStatus,
    .is-largeScale :not(.contentSingleEventCommunity__content).is-terminated .c-eventStatus {
        width: 100%;
        height: 48.1333333333vw;
    }

    .contentSingleEventCommunity__content.is-end .c-eventStatus,
    .contentSingleEventCommunity__content.is-preparation .c-eventStatus,
    .contentSingleEventCommunity__content.is-terminated .c-eventStatus {
        background-color: rgba(0, 0, 0, 0.4);
        top: 0;
        left: 0;
        width: 100%;
        height: 56.2666666667vw;
    }

    .contentSingleEventCommunity__content.is-end .c-eventStatus::before,
    .contentSingleEventCommunity__content.is-postponement .c-eventStatus::before,
    .contentSingleEventCommunity__content.is-preparation .c-eventStatus::before,
    .contentSingleEventCommunity__content.is-terminated .c-eventStatus::before {
        color: #fff;
        border: 2px solid #fff;
        width: 26.6666666667vw;
        height: 6.6666666667vw;
        left: 36.6666666667vw;
        top: 24.6666666667vw;
    }

    :not(.contentSingleEventCommunity__content).is-end .c-eventStatus::before,
    :not(.contentSingleEventCommunity__content).is-preparation .c-eventStatus::before,
    :not(.contentSingleEventCommunity__content).is-terminated .c-eventStatus::before {
        width: 26.6666666667vw;
        height: 6.6666666667vw;
        left: 8vw;
        top: 8.5866666667vw;
    }

    .is-largeScale :not(.contentSingleEventCommunity__content).is-end .c-eventStatus::before,
    .is-largeScale :not(.contentSingleEventCommunity__content).is-preparation .c-eventStatus::before,
    .is-largeScale :not(.contentSingleEventCommunity__content).is-terminated .c-eventStatus::before {
        left: calc(50% - 13.3333333333vw);
        top: 20.7333333333vw;
    }

    .c-eventStatus::before {
        border-radius: 1.3333333333vw;
        font-size: 2.9333333333vw;
        height: 6.6666666667vw;
        margin-right: 2.6666666667vw;
    }

    .c-sectionBodyTitle,
    .c-sectionTitle {
        font-size: 6.9333333333vw;
        line-height: 8.5333333333vw;
        padding-left: 7.2vw;
    }

    .c-sectionTitle:before {
        height: 0.8vw;
        top: 3.7333333333vw;
        width: 3.2vw;
    }

    .c-sectionBodyTitle {
        font-size: 5.8666666667vw;
        line-height: 9.8666666667vw;
    }

    .c-sectionBodyTitle:before,
    .c-snsShare::before {
        height: 0.8vw;
        top: 4.2666666667vw;
        left: 2.4vw;
        width: 2.4vw;
    }

    .c-snsShare::before {
        top: 5.3333333333vw;
        left: -7.2vw;
        width: 3.2vw;
    }

    .c-snsShare::after {
        font-size: 5.3333333333vw;
        top: 1.3333333333vw;
        left: 0;
    }

    .c-snsShare__list {
        justify-content: flex-end;
    }

    .c-snsShare__item {
        width: 10.6666666667vw;
    }

    .c-snsShare__item:not(:last-child) {
        margin-right: 4.5333333333vw;
    }

    .c-loading {
        border-radius: 9.3333333333vw;
    }

    .c-loading[data-id=ELOQUA] {
        padding-top: 33.8666666667vw;
        width: 25.0666666667vw;
    }

    .c-loading__text {
        font-size: 4vw;
        margin-right: 0.5333333333vw;
    }

    [data-id=ELOQUA] .c-loading__text {
        padding-left: 3.2vw;
    }

    .c-loading__dots {
        margin-top: 2.4vw;
    }

    .c-loading__dot {
        border-radius: 0.2666666667vw;
        height: 0.5333333333vw;
        margin-right: 0.5333333333vw;
        width: 0.5333333333vw;
    }

    .c-loading__spinner:not([data-id=ELOQUA]) {
        top: 6.4vw;
        right: 9.0666666667vw;
    }

    .c-loading__spinner[data-id=ELOQUA] {
        top: 13.0666666667vw;
        left: 10.4vw;
    }

    .c-loading__spinner:not([data-id=ELOQUA])::before {
        -webkit-animation: spinner 2.4s linear infinite;
        animation: spinner 2.4s linear infinite;
        box-sizing: border-box;
        box-shadow: 0 -2.05vw #dfdfdf, 1.25vw -1.65vw #ccc, 1.95vw -0.65vw #b8b8b8, 1.95vw 0.65vw #a6a6a6, 1.25vw 1.65vw #929292, 0 2.05vw #7f7f7f, -1.25vw 1.65vw #6d6d6d, -1.95vw 0.65vw #595959, -1.95vw -0.65vw #464646, -1.25vw -1.65vw #333;
        height: 0.8vw;
        width: 0.8vw;
    }

    .c-loading__spinner[data-id=ELOQUA]::before {
        -webkit-animation: spinner 2.4s linear infinite;
        animation: spinner 2.4s linear infinite;
        box-sizing: border-box;
        box-shadow: 0 -10.93333vw #dfdfdf, 6.66667vw -8.8vw #ccc, 10.4vw -3.46667vw #b8b8b8, 10.4vw 3.46667vw #a6a6a6, 6.66667vw 8.8vw #929292, 0 10.93333vw #7f7f7f, -6.66667vw 8.8vw #6d6d6d, -10.4vw 3.46667vw #595959, -10.4vw -3.46667vw #464646, -6.66667vw -8.8vw #333;
        height: 4.26667vw;
        width: 4.26667vw;
    }

    .c-contactHead {
        height: 38.9333333333vw;
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .c-contactHead__title {
        font-size: 8.5333333333vw;
    }

    .c-returnLink__prepend {
        background-size: 5.8666666667vw;
        height: 16vw;
        width: 16vw;
    }

    .c-returnLink__body {
        font-size: 3.6vw;
    }

    .c-labelMemberOnly {
        background: url(/assets/images/common/img_label_member_only_sp.png) no-repeat center/contain;
        height: 6.6666666667vw;
        width: 10.6666666667vw;
    }

    .c-singlePostRelation {
        overflow: hidden;
        margin-right: -7.2vw;
        margin-left: -7.2vw;
        padding-top: 16.5333333333vw;
    }

    .c-singlePostRelation::before {
        height: 0.8vw;
        top: 5.3333333333vw;
        left: 0vw;
        width: 3.2vw;
    }

    .c-singlePostRelation::after {
        font-size: 5.3333333333vw;
        top: 1.3333333333vw;
        left: 7.2vw;
    }

    .c-singlePostRelation__list,
    .c-singlePostRelation__wrap {
        display: flex;
    }

    .c-singlePostRelation__wrap {
        overflow-x: auto;
    }

    .c-singlePostRelation__list {
        margin-bottom: 14.4vw;
        padding-right: 12.5333333333vw;
        padding-bottom: 3.7333333333vw;
        padding-left: 12.5333333333vw;
    }

    .c-singlePostRelation__item {
        flex-shrink: 0;
        width: 74.9333333333vw;
    }

    .c-singlePostRelation__item:not(:first-child) {
        margin-left: 8vw;
    }

    .c-singlePostRelation__figureImage {
        border-radius: 1.3333333333vw;
    }

    .c-singlePostRelation__title {
        font-size: 4.2666666667vw;
        line-height: 6.6666666667vw;
        padding-top: 3.7333333333vw;
    }

    .c-singlePostReturn {
        margin-right: -7.2vw;
        margin-bottom: 20.8vw;
        margin-left: -7.2vw;
        padding-top: 7.7333333333vw;
    }

    .c-singlePostReturn .c-returnLink {
        margin-left: -8vw;
    }

    .c-singlePostReturn .c-returnLink__body {
        margin-left: -3.2vw;
    }

    .c-postRecommend {
        overflow: hidden;
        padding-top: 21.0666666667vw;
    }

    .c-postRecommend[data-type=journal-single],
    .c-postRecommend[data-type=project-single] {
        margin-right: -7.2vw;
        margin-left: -7.2vw;
    }

    .c-postRecommend::before {
        height: 0.8vw;
        top: 9.8666666667vw;
        left: 0vw;
        width: 3.2vw;
    }

    .c-postRecommend::after {
        font-size: 5.3333333333vw;
        top: 5.8666666667vw;
        left: 7.2vw;
    }

    .c-postRecommend__body {
        overflow-x: auto;
    }

    .c-postRecommend__list {
        padding-right: 12vw;
        padding-bottom: 11.2vw;
        padding-left: 12vw;
    }

    .c-postRecommend__item {
        width: 74.9333333333vw;
    }

    .c-postRecommend__item:not(:first-child) {
        margin-left: 8vw;
    }

    .c-postRecommend__figure {
        border-radius: 1.3333333333vw;
        padding-top: 51.24555%;
    }

    .c-postRecommend__category,
    .c-postRecommend__title {
        font-size: 4.2666666667vw;
        line-height: 6.6666666667vw;
        padding-top: 3.7333333333vw;
    }

    .c-favoriteButton {
        width: 11.7333333333vw;
    }

    .c-favoriteButton__item {
        border-radius: 3.3333333333vw;
        height: 6.6666666667vw;
    }

    .c-favoriteButton__icon {
        height: 4vw;
        width: 4.8vw;
    }

    .c-favoriteButton__text {
        display: none;
    }

    .c-lowButton {
        height: 9.8666666667vw;
        width: 45.3333333333vw;
    }

    .c-lowButton__text {
        border: 0.5333333333vw solid #333;
        border-radius: 4.9333333333vw;
        font-size: 3.2vw;
        line-height: 9.0666666667vw;
        padding-right: 2.6666666667vw;
    }

    .c-lowButton__text::after {
        height: 3.7333333333vw;
        right: 5.3333333333vw;
        width: 4vw;
    }

    .c-contentTitle {
        margin-bottom: 4.8vw;
    }

    .c-contentTitle::before {
        height: 0.8vw;
        margin-right: 4vw;
        width: 3.2vw;
    }

    .c-contentTitle__label {
        font-size: 5.8666666667vw;
    }

    .p-breadcrumb__list {
        height: 8vw;
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .p-breadcrumb__item,
    .whitepaper_membersOnlyHead span.heading {
        font-size: 3.2vw;
    }

    .p-breadcrumb__item:not(:last-child) {
        margin-right: 2.6666666667vw;
    }

    .p-breadcrumb__item:not(:last-child):after {
        height: 2.9333333333vw;
        margin-left: 2.6666666667vw;
        width: 1.6vw;
    }

    .p-breadcrumb__item:not(:last-child).is-childCategory:before {
        content: "…";
    }

    .p-breadcrumb__item:not(:last-child).is-childCategory .p-breadcrumb__link {
        font-size: 0;
    }

    .p-drawer {
        height: calc(var(--vh, 1vh) * 100);
        width: 100vw;
    }

    .is-scroll .p-drawer {
        transform: translate3d(0, 18.6666666667vw, 0);
    }

    .p-drawer__wrap {
        padding-top: 15.2vw;
        padding-bottom: calc(env(safe-area-inset-bottom));
        transform: translate3d(100vw, 0, 0);
    }

    .p-drawer__logo {
        margin-bottom: 19.4666666667vw;
        margin-left: 13.8666666667vw;
        width: 53.3333333333vw;
    }

    .p-drawer__logoLink {
        padding-top: 43.5%;
    }

    .p-drawer__item {
        margin-bottom: 6.4vw;
    }

    .p-drawer__link {
        font-size: 6.4vw;
        line-height: 9.6vw;
    }

    .p-drawer__link.in-category .p-drawer__linkShape,
    .p-drawer__link.is-current .p-drawer__linkShape {
        transform: translate3d(-5.3333333333vw, -50%, 0);
    }

    .p-drawer__linkShape {
        height: 0.5333333333vw;
        transform: translate3d(-14.9333333333vw, -50%, 0);
        width: 14.9333333333vw;
    }

    .p-drawer__linkText {
        transform: translate3d(13.3333333333vw, 0, 0);
    }

    .p-drawer__foot {
        padding-bottom: 8vw;
        padding-left: 13.3333333333vw;
    }

    .p-drawer__subNav {
        margin-bottom: 9.3333333333vw;
        padding-top: 11.2vw;
    }

    .p-drawer__append {
        margin-left: -13.3333333333vw;
        padding-top: 11.7333333333vw;
    }

    .p-footer__wrap {
        padding-right: 7.2vw;
        padding-bottom: 12.5333333333vw;
        padding-left: 7.2vw;
    }

    .p-footer__head {
        padding-top: 10.6666666667vw;
    }

    .p-footer__headActions {
        padding-bottom: 12vw;
    }

    .footer___pageTop {
        border: 0.8vw solid #fff;
        border-radius: 5.0666666667vw;
        height: 26.6666666667vw;
        margin-top: 2.6666666667vw;
        width: 10.1333333333vw;
    }

    .footer___pageTopArrow {
        height: 5.3333333333vw;
        top: 3.7333333333vw;
        width: 5.0666666667vw;
    }

    .p-footer__headDetail {
        font-size: 2.9333333333vw;
        line-height: 5.6vw;
    }

    .p-footer__foot {
        padding-top: 18.6666666667vw;
    }

    .p-footer__logo {
        margin-bottom: 20vw;
        width: 61.3333333333vw;
    }

    .p-footer__logoLink {
        padding-top: 43.29004%;
    }

    .p-footer__sns {
        margin-bottom: 6.9333333333vw;
    }

    .p-footer__infoItem {
        margin-bottom: 5.8666666667vw;
        width: 34.6666666667vw;
    }

    .p-footer__infoLink {
        padding-top: 24.61538%;
    }

    .p-footer__docomo {
        margin-bottom: 7.4666666667vw;
        width: 17.6vw;
    }

    .p-footer__docomoLink {
        padding-top: 7.4666666667vw;
    }

    .p-footer__copyright {
        font-size: 3.2vw;
        line-height: 5.6vw;
    }

    .is-scroll .p-header {
        transform: translate3d(0, -18.6666666667vw, 0);
    }

    .p-header__block {
        background-color: #fff;
    }

    .p-header__wrap {
        height: 18.6666666667vw;
        padding-right: 2.6666666667vw;
        padding-left: 7.2vw;
        width: 100vw;
    }

    .p-header__logo {
        transition: opacity 0.2s;
        width: 28.5333333333vw;
    }

    .is-openDrawer .p-header__logo {
        opacity: 0;
        pointer-events: none;
    }

    .p-header__logoLink {
        background: url(../images/common/img_header_logo_sp.png) no-repeat center/contain;
        height: 12.2666666667vw;
    }

    .p-header__nav,
    .p-header__navButton {
        display: none;
    }

    .p-header__toggle {
        height: 16vw;
        position: relative;
        width: 16vw;
        z-index: 2;
    }

    .is-scroll .p-header__toggle {
        transform: translate3d(0, 18.6666666667vw, 0);
    }

    .p-header__toggleBar {
        height: 0.5333333333vw;
        width: 5.8666666667vw;
    }

    .p-header__toggleBar:not(:last-child) {
        margin-bottom: 2.1333333333vw;
    }

    .is-openDrawer .p-header__toggleBar:nth-child(1),
    .is-openOpenHubBase .p-header__toggleBar:nth-child(1) {
        transform: translate3d(0, 2.6666666667vw, 0) rotate(45deg);
    }

    .is-openDrawer .p-header__toggleBar:nth-child(3),
    .is-openOpenHubBase .p-header__toggleBar:nth-child(3) {
        transform: translate3d(0, -2.6666666667vw, 0) rotate(-45deg);
    }

    .is-toggleColorSp .p-header__toggleBar {
        background-color: #fff;
    }

    .p-imageScroller__item {
        width: 33.3333333333vw;
    }

    .p-imageScroller__cardText {
        display: none;
    }

    .p-confirmModal {
        height: calc(var(--vh, 1vh) * 100);
        width: 100vw;
    }

    .is-scroll .p-confirmModal {
        transform: translate3d(0, 18.6666666667vw, 0);
    }

    .p-confirmModal__wrap {
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .p-confirmModal__close {
        height: 16vw;
        top: 1.3333333333vw;
        right: 2.6666666667vw;
        width: 16vw;
        z-index: 2;
    }

    .p-confirmModal__closeBar {
        height: 0.5333333333vw;
        width: 5.8666666667vw;
    }

    .p-confirmModal__closeBar:not(:last-child) {
        margin-bottom: 2.1333333333vw;
    }

    .is-openConfirmModal .p-confirmModal__closeBar:nth-child(1) {
        transform: translate3d(0, 2.6666666667vw, 0) rotate(45deg);
    }

    .is-openConfirmModal .p-confirmModal__closeBar:nth-child(3) {
        transform: translate3d(0, -2.6666666667vw, 0) rotate(-45deg);
    }

    .p-confirmModal__body {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
    }

    .p-confirmModal__type .c-returnLink {
        justify-content: center;
        padding-right: 8.8vw;
    }

    .p-confirmModal__type .c-returnLink__body {
        margin-left: -2.6666666667vw;
    }

    .p-confirmModal__detail {
        margin-bottom: 7.4666666667vw;
        min-height: 27.7333333333vw;
    }

    .p-confirmModal__link {
        padding-bottom: 0.8vw;
    }

    .p-confirmModal__link::after {
        height: 3.2vw;
        top: 1.6vw;
        right: -4.8vw;
        width: 3.2vw;
    }

    .p-openHubBaseOpen {
        position: fixed;
        bottom: 5.3333333333vw;
        bottom: calc(env(safe-area-inset-bottom) + 5.3333vw);
        left: 0;
        transform: translate3d(0, 18.6666666667vw, 0);
        transform: translate3d(0, calc(env(safe-area-inset-bottom) + 18.6666666667vw), 0);
        transition: opacity 0.4s, transform 0.2s;
        width: 100%;
        z-index: 6999;
    }

    .is-loggedIn .p-openHubBaseOpen,
    .page-contact .p-openHubBaseOpen,
    .page-contact-complete .p-openHubBaseOpen,
    .page-contact-confirm .p-openHubBaseOpen,
    .page-event-community .p-openHubBaseOpen,
    .page-mypage .p-openHubBaseOpen {
        display: none;
    }

    body.is-scroll:not(.is-footer):not(.is-loggedIn) .p-openHubBaseOpen {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .p-openHubBaseOpenBody {
        display: block;
        font-size: 4vw;
        font-weight: 700;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        text-align: center;
        width: 89.8666666667vw;
    }

    .p-openHubBaseOpenText {
        background-color: #fff;
        border: 0.5333333333vw solid #333;
        border-radius: 6.6666666667vw;
        display: block;
        line-height: 12.2666666667vw;
        position: relative;
        width: 100%;
    }

    .p-openHubBaseOpenText::after {
        background: url(../images/common/ico_arrow_left_black.svg) no-repeat center/contain;
        content: "";
        height: 4.8vw;
        position: absolute;
        top: 3.7333333333vw;
        right: 7.4666666667vw;
        transform: scale3d(-1, 1, 1);
        width: 5.3333333333vw;
    }

    .p-archiveHead__cont {
        padding: 12.2666666667vw 7.2vw 14.6666666667vw;
    }

    .p-archiveHead__title {
        font-size: 8.5333333333vw;
        margin-bottom: 2.1333333333vw;
    }

    .p-archiveHead__outline,
    .p-archivePosts__company small,
    .p-archivePosts__title small {
        font-size: 3.2vw;
        line-height: 4.2666666667vw;
        margin-top: 2.6666666667vw;
    }

    .p-archiveHead__vidTitle {
        height: 32vw;
    }

    .p-archivePosts__list {
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .p-archivePosts__list.is-largeScale .c-eventStatus {
        top: 36.9333333333vw;
    }

    .p-archivePosts__list:not(.is-largeScale) .c-eventStatus {
        top: 36.9333333333vw;
    }

    .p-archivePosts__list .c-eventStatus {
        left: 2.1333333333vw;
    }

    .p-archivePosts__list .is-end .c-eventStatus,
    .p-archivePosts__list .is-preparation .c-eventStatus,
    .p-archivePosts__list .is-terminated .c-eventStatus {
        top: 0;
        left: 0;
        width: 100%;
        height: 48.1333333333vw;
    }

    .p-archivePosts__list .is-end .c-eventStatus::before,
    .p-archivePosts__list .is-preparation .c-eventStatus::before,
    .p-archivePosts__list .is-terminated .c-eventStatus::before {
        left: calc(50% - 13.3333333333vw);
        top: 20.7333333333vw;
    }

    .p-archivePosts__item {
        border-bottom: 0.5333333333vw solid #ccc;
        margin-bottom: 5.3333333333vw;
    }

    .p-archivePosts__link {
        padding-bottom: 4vw;
    }

    .is-largeScale .p-archivePosts__link,
    .is-normal .p-archivePosts__link {
        display: block;
    }

    .is-normal .p-archivePosts__link .c-labelMemberOnly {
        position: absolute;
        right: 0;
        bottom: 5.3333333333vw;
    }

    .is-largeScale .p-archivePosts__figure,
    .is-normal .p-archivePosts__figure {
        margin-bottom: 5.3333333333vw;
    }

    .p-archivePosts__figureImage,
    .p-singlePost__content .wp-block-image img {
        border-radius: 1.3333333333vw;
    }

    .page-event-community .p-archivePosts__figureImage {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        -webkit-mask-size: 100%;
        mask-size: 100%;
    }

    .is-largeScale .p-archivePosts__info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.3333333333vw;
    }

    .is-normal .p-archivePosts__info {
        margin-bottom: 3.4666666667vw;
    }

    .p-archivePosts__date {
        font-size: 3.6vw;
        line-height: 8vw;
    }

    .is-new .p-archivePosts__date::before {
        background: url(/assets/images/common/ico_new_sp.png) no-repeat center/contain;
        height: 6.6666666667vw;
    }

    .p-archivePosts__date::before,
    .p-singlePost__date::before {
        height: 0.5333333333vw;
        margin-right: 2.6666666667vw;
        width: 10.6666666667vw;
    }

    .is-normal .p-archivePosts__company {
        font-size: 3.7333333333vw;
        line-height: 5.3333333333vw;
        padding-bottom: 2.6666666667vw;
    }

    .is-largeScale .p-archivePosts__title {
        font-size: 5.3333333333vw;
        line-height: 7.7333333333vw;
        margin-bottom: 3.7333333333vw;
    }

    .is-normal .p-archivePosts__title {
        font-size: 5.8666666667vw;
        line-height: 8.5333333333vw;
        padding-bottom: 5.3333333333vw;
    }

    .p-archivePostTags {
        overflow: hidden;
    }

    .p-archiveSortTags {
        margin-top: -8.5333333333vw;
        margin-bottom: 6.6666666667vw;
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .p-archiveSortTags__item {
        margin-right: 1.3333333333vw;
        margin-bottom: 1.3333333333vw;
    }

    .p-archiveSortTags__sort:first-of-type {
        margin-right: 1.3333333333vw;
        margin-bottom: 1.3333333333vw;
    }

    .p-singleThumbnail {
        margin-right: -7.2vw;
        margin-left: -7.2vw;
    }

    .p-singleReturnCategory {
        display: none;
    }

    .p-singlePost__content .wp-block-image {
        margin-bottom: 6.4vw;
    }

    .p-singlePost__content .wp-block-image figcaption {
        font-size: 3.2vw;
        line-height: 5.3333333333vw;
        padding-top: 4.2666666667vw;
    }

    .p-singlePost__contentHead {
        margin-bottom: 3.7333333333vw;
    }

    .p-singlePost__contentHead .c-favoriteButton {
        margin-left: auto;
    }

    .p-singlePost__contentHead .c-labelMemberOnly+.c-favoriteButton {
        margin-left: 1.6vw;
    }

    .p-singlePost__contentInfo {
        flex-grow: 1;
        margin-top: -1.6vw;
    }

    .p-singlePost__contentStack {
        display: flex;
        padding-top: 2.9333333333vw;
    }

    .p-singlePost__date {
        line-height: 6.6666666667vw;
    }

    .p-singlePost__date[data-category=PROJECT] {
        font-size: 4.2666666667vw;
    }

    .p-singlePost__date:not([data-category=PROJECT]) {
        font-size: 3.6vw;
    }

    .p-singlePost__title {
        margin-bottom: 5.6vw;
    }

    .p-singlePost__entry h2,
    .p-singlePost__titleMain {
        font-size: 6.4vw;
        line-height: 9.6vw;
    }

    .p-singlePost__titleSub {
        font-size: 5.3333333333vw;
        font-weight: 400;
        line-height: 7.7333333333vw;
        margin-bottom: 5.0666666667vw;
        padding-top: 3.4666666667vw;
    }

    .p-singlePost__description {
        font-size: 3.2vw;
        line-height: 6.4vw;
        margin-bottom: 5.6vw;
    }

    .p-singlePost__description::after {
        height: 13.3333333333vw;
        margin-top: 6.9333333333vw;
        width: 0.5333333333vw;
    }

    .p-singlePost__tags {
        padding-bottom: 5.3333333333vw;
    }

    .p-singlePost__tagsItem {
        margin-right: 0.8vw;
        margin-bottom: 0.8vw;
    }

    .p-singlePost__entry h2 {
        font-weight: 400;
        margin-bottom: 4.5333333333vw;
    }

    .p-singlePost__entry p {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
        margin-bottom: 6.9333333333vw;
    }

    .p-singlePost__membersOnly {
        margin-right: -7.2vw;
        margin-left: -7.2vw;
        padding-top: 10.4vw;
        padding-bottom: 12vw;
    }

    .p-singlePost__membersOnly::before {
        height: 24.8vw;
        top: -35.4666666667vw;
    }

    .p-singlePost__membersOnly::after {
        height: 10.6666666667vw;
        top: -10.6666666667vw;
    }

    .p-singlePost__membersOnly .c-button {
        height: 12.8vw;
    }

    .p-singlePost__membersOnly .c-button__text {
        line-height: 11.2vw;
    }

    .p-singlePost__membersOnly .c-button__text:not([data-size=lg]) {
        font-size: 3.2vw;
    }

    .p-singlePost__membersOnlyHead {
        font-size: 3.6vw;
        line-height: 7.7333333333vw;
        margin-bottom: 8.5333333333vw;
    }

    .p-singlePost__membersOnlyHead::before {
        height: 15.2vw;
        margin-right: 4.5333333333vw;
        width: 10.9333333333vw;
    }

    .p-singlePost__membersOnlyLink {
        font-size: 3.7333333333vw;
        line-height: 4.2666666667vw;
        margin-top: 10.6666666667vw;
    }

    .p-singlePostNavigation__list {
        padding-top: 16vw;
    }

    .p-singlePostNavigation__item {
        width: 40vw;
    }

    .p-singlePostNavigation__linkBody {
        background-color: #fff;
        border: 0.5333333333vw solid #333;
        border-radius: 9.3333333333vw;
        height: 18.6666666667vw;
    }

    .p-singlePostNavigation__item-prev .p-singlePostNavigation__linkBody {
        padding-left: 7.2vw;
    }

    [data-category=JOURNAL] .p-singlePostNavigation__item-next .p-singlePostNavigation__linkBody {
        padding-left: 5.3333333333vw;
    }

    [data-category=PROJECT] .p-singlePostNavigation__item-next .p-singlePostNavigation__linkBody {
        padding-left: 8.2666666667vw;
    }

    .p-singlePostNavigation__linkBody::before {
        height: 4.8vw;
        margin-right: 3.2vw;
        width: 5.3333333333vw;
    }

    [data-category=JOURNAL] .p-singlePostNavigation__index {
        line-height: 6.9333333333vw;
        margin-right: 3.7333333333vw;
        padding-top: 2.1333333333vw;
    }

    [data-category=PROJECT] .p-singlePostNavigation__index {
        margin-right: 6.6666666667vw;
        padding-bottom: 1.6vw;
    }

    [data-category=JOURNAL] .p-singlePostNavigation__unit {
        font-size: 4vw;
    }

    [data-category=PROJECT] .p-singlePostNavigation__unit {
        font-size: 3.2vw;
        line-height: 5.8666666667vw;
    }

    .p-singlePostNavigation__number {
        font-size: 9.3333333333vw;
    }

    [data-category=PROJECT] .p-singlePostNavigation__number {
        line-height: 6.9333333333vw;
    }

    .p-singlePostNavigation__title {
        display: none;
    }

    .p-eventCommunityApply .c-button {
        height: 11.2vw;
    }

    .p-eventCommunityApply .c-button__text {
        line-height: 10.6666666667vw;
    }

    .p-eventCommunityApply .c-button__text:not([data-size=lg]) {
        font-size: 4vw;
    }

    .p-eventCommunityApply__link {
        margin-bottom: 4vw;
    }

    .p-eventCommunityApply__regist {
        font-size: 3.2vw;
        margin-bottom: 5.3333333333vw;
    }

    .p-eventCommunityApply__registButton {
        padding-bottom: 0.8vw;
    }

    .p-contactBody__formCheckboxAppend a::after,
    .p-eventCommunityApply__registButton::before {
        height: 0.2666666667vw;
    }

    .p-eventCommunityInfo {
        margin-bottom: 2.6666666667vw;
    }

    .p-eventCommunityInfo__date[data-type=single] {
        padding-right: 13.3333333333vw;
    }

    .is-new .p-eventCommunityInfo__date::before {
        background: url(/assets/images/common/ico_new_sm_sp.svg) no-repeat center/contain;
        height: 6.6666666667vw;
        width: 10.6666666667vw;
    }

    .p-eventCommunityInfo:not(.is-new) .p-eventCommunityInfo__date::before {
        margin-top: 2.6666666667vw;
    }

    .p-eventCommunityInfo__date::before {
        height: 0.5333333333vw;
        margin-right: 2.6666666667vw;
        width: 10.6666666667vw;
    }

    .is-event .p-eventCommunityInfo__date[data-type=mypage] .p-eventCommunityInfo__dateNum,
    .is-event .p-eventCommunityInfo__date[data-type=mypage] .p-eventCommunityInfo__dateSeparate,
    .is-largeScale .p-eventCommunityInfo__dateNum,
    .is-largeScale .p-eventCommunityInfo__dateSeparate,
    [data-type=single] .p-eventCommunityInfo__dateNum,
    [data-type=single] .p-eventCommunityInfo__dateSeparate {
        font-size: 6.4vw;
        line-height: 6.4vw;
    }

    .is-favorite .p-eventCommunityInfo__date[data-type=mypage] .p-eventCommunityInfo__dateNum,
    .is-favorite .p-eventCommunityInfo__date[data-type=mypage] .p-eventCommunityInfo__dateSeparate,
    .is-normal .p-eventCommunityInfo__dateNum,
    .is-normal .p-eventCommunityInfo__dateSeparate {
        font-size: 5.3333333333vw;
        line-height: 5.3333333333vw;
    }

    .is-largeScale [data-period=one] .p-eventCommunityInfo__dateNum {
        display: inline-block;
    }

    .p-eventCommunityInfo__dateAppend {
        font-size: 3.7333333333vw;
        line-height: 4.8vw;
    }

    .p-movieModal__close {
        height: 16vw;
        top: 1.3333333333vw;
        right: 2.6666666667vw;
        width: 16vw;
    }

    .p-movieModal__closeBar {
        height: 0.5333333333vw;
        width: 5.8666666667vw;
    }

    .p-movieModal__closeBar:not(:last-child) {
        margin-bottom: 2.1333333333vw;
    }

    .p-movieModal__closeBar:nth-child(1) {
        transform: translate3d(0, 2.6666666667vw, 0) rotate(45deg);
    }

    .p-movieModal__closeBar:nth-child(3) {
        transform: translate3d(0, -2.6666666667vw, 0) rotate(-45deg);
    }

    .p-movieModal__body {
        width: 100vw;
        height: 56vw;
    }

    .p-catalystsMain {
        padding: 0 7.2vw;
        width: 100%;
    }

    .p-catalystsMain__list {
        margin-left: -4.8vw;
        padding-bottom: 18.6666666667vw;
    }

    .p-catalystsMain__item {
        width: 25.3333333333vw;
        margin-left: 4.8vw;
        margin-bottom: 5.8666666667vw;
    }

    .p-catalystsMain__figureImage {
        border-radius: 1.3333333333vw;
    }

    .p-catalystsMain__detail {
        padding-top: 2.6666666667vw;
    }

    .p-catalystsMain__name {
        font-size: 3.6vw;
        line-height: 5.3333333333vw;
    }

    .p-catalystsMain__title {
        font-size: 2.6666666667vw;
        line-height: 3.4666666667vw;
        margin-top: 0.5333333333vw;
    }

    .p-catalystsSub {
        width: 100%;
        padding: 8vw 7.2vw 0;
    }

    .p-catalystsSub:not(.last) {
        padding-bottom: 14.1333333333vw;
    }

    .p-catalystsSub__list {
        margin-left: -4vw;
    }

    .p-catalystsSub__item {
        width: 18.4vw;
        margin-left: 4vw;
        margin-bottom: 4vw;
    }

    .p-catalystsSub__card,
    .p-catalystsSub__detail,
    .p-catalystsSub__figureImage {
        border-radius: 1.3333333333vw;
    }

    .p-catalystsSub__detail {
        height: 18.4vw;
        padding: 0 1.3333333333vw;
    }

    .p-catalystsSub__name {
        font-size: 3.2vw;
        line-height: 4.2666666667vw;
    }

    .p-catalystsSub__title {
        font-size: 2.6666666667vw;
        line-height: 3.4666666667vw;
        transform: scale(0.9);
        transform-origin: top left;
        width: 111.11111%;
    }

    .p-catalystsModal__close {
        height: 16vw;
        top: 1.3333333333vw;
        right: 2.6666666667vw;
        width: 16vw;
    }

    .p-catalystsModal__closeBar {
        height: 0.5333333333vw;
        width: 5.8666666667vw;
    }

    .p-catalystsModal__closeBar:not(:last-child) {
        margin-bottom: 2.1333333333vw;
    }

    .p-catalystsModal__closeBar:nth-child(1) {
        transform: translate3d(0, 2.6666666667vw, 0) rotate(45deg);
    }

    .p-catalystsModal__closeBar:nth-child(3) {
        transform: translate3d(0, -2.6666666667vw, 0) rotate(-45deg);
    }

    .p-catalystsModal__body {
        overflow-y: scroll;
        width: 100vw;
    }

    .p-catalystsModal__list {
        padding-top: 19.2vw;
    }

    .p-catalystsModal__item {
        padding-right: 7.2vw;
        padding-left: 7.2vw;
        width: 100vw;
    }

    .p-catalystsModal__figure {
        width: 85.6vw;
        z-index: 3;
    }

    .p-catalystsModal__figureImage {
        border-radius: 1.3333333333vw;
    }

    .p-catalystsModal__cardBody {
        background-color: #eee;
        margin-top: -8vw;
        margin-right: -7.2vw;
        margin-left: -7.2vw;
        overflow: hidden;
        padding-top: 12.8vw;
        padding-right: 4.5333333333vw;
        padding-left: 4.5333333333vw;
    }

    .p-catalystsModal__detail {
        padding-bottom: 20.8vw;
    }

    .p-catalystsModal__name {
        font-size: 11.4666666667vw;
        line-height: 12.2666666667vw;
    }

    .p-catalystsModal__title {
        font-size: 3.6vw;
        line-height: 4.2666666667vw;
        margin-bottom: 1.8666666667vw;
    }

    .p-catalystsModal__outline {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
    }

    .p-catalystsModal__name .p-catalystsModal__text {
        padding: 2.1333333333vw 2.6666666667vw 2.6666666667vw;
    }

    .p-catalystsModal__title .p-catalystsModal__text {
        padding: 1.8666666667vw 2.6666666667vw 2.9333333333vw;
    }

    .p-catalystsModal__outline .p-catalystsModal__text {
        padding: 1.0666666667vw 2.6666666667vw 2.6666666667vw;
    }

    .p-catalystsModal__morph {
        height: 103.4666666667vw;
        top: 20.8vw;
        left: -2.6666666667vw;
        width: 103.4666666667vw;
    }

    .p-catalystsModal__sliderControl,
    .page-about .section__outline br {
        display: none;
    }

    .p-contactBody {
        border-radius: 1.3333333333vw;
        overflow: hidden;
        padding: 5.8666666667vw 7.2vw 21.3333333333vw;
    }

    .p-contactBody__title {
        font-size: 6.4vw;
        line-height: 7.4666666667vw;
        margin-bottom: 5.8666666667vw;
    }

    .p-contactBody__note {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
        margin-bottom: 9.3333333333vw;
    }

    .p-contactBody__formList {
        padding-bottom: 5.6vw;
    }

    .p-contactBody__formLabel+.p-contactBody__formItem {
        margin-top: -1.0666666667vw;
    }

    .p-contactBody__formItem[data-type=input] {
        margin-bottom: 2.4vw;
    }

    .p-contactBody__formItem[data-type=confirm] {
        margin-bottom: 5.8666666667vw;
    }

    .p-contactBody__formCard+.p-contactBody__formCard {
        margin-left: 5.6vw;
    }

    .latestPosts__itemTitle small,
    .p-contactBody__formLabel[data-size=sm] {
        font-size: 3.6vw;
    }

    .p-contactBody__formLabel[data-size=lg] {
        font-size: 4.2666666667vw;
    }

    .p-contactBody__formLabel {
        margin-bottom: 1.6vw;
    }

    .p-contactBody__formLabel strong {
        font-size: inherit;
    }

    .p-contactBody__formInput,
    .p-contactBody__formTextarea {
        border: 0.2666666667vw solid #ccc;
        border-radius: 1.3333333333vw;
        font-size: 4.2666666667vw;
        padding: 5.3332vw 4.9776533333vw;
        transform: scale(0.75);
        transform-origin: left top;
        width: 133.33%;
    }

    .p-contactBody__formInput {
        margin-bottom: -4.17736vw;
    }

    .p-contactBody__formTextarea {
        height: 40vw;
        margin-bottom: -13.15424vw;
    }

    .p-contactBody__formError {
        font-size: 3.2vw;
        line-height: 5.3333333333vw;
        padding-top: 1.8666666667vw;
    }

    .p-contactBody__formTitle {
        font-size: 3.6vw;
        margin-bottom: 1.3333333333vw;
    }

    .p-contactBody__formText {
        padding-left: 2.6666666667vw;
    }

    .p-contactBody__formText:not([data-type=textarea]) {
        border-bottom: 0.5333333333vw solid #ccc;
        font-size: 4.2666666667vw;
        padding-bottom: 1.8666666667vw;
    }

    .p-contactBody__formText[data-type=textarea] {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
    }

    .p-contactBody__formFoot {
        padding-top: 8vw;
    }

    .p-contactBody__formReturn {
        padding-top: 5.6vw;
    }

    .p-contactBody__formReturn .c-returnLink {
        justify-content: center;
        padding-right: 5.3333333333vw;
    }

    .p-contactBody__formReturn .c-returnLink__body {
        margin-left: -2.6666666667vw;
    }

    .p-contactBody__formPolicyLabel {
        margin-bottom: 13.8666666667vw;
        -webkit-tap-highlight-color: transparent;
    }

    .p-contactBody__formCheckboxPrepend {
        border: 0.2666666667vw solid #aaa;
        border-radius: 1.3333333333vw;
        height: 6.6666666667vw;
        width: 6.6666666667vw;
    }

    .p-contactBody__formCheckboxPrepend::before {
        border-left: 0.5333333333vw solid #000;
        border-bottom: 0.5333333333vw solid #000;
        height: 2.9333333333vw;
        top: 0.8vw;
        left: 0.8vw;
        width: 4.2666666667vw;
    }

    .p-contactBody__formCheckboxAppend {
        font-size: 3.6vw;
        line-height: 6.6666666667vw;
        padding-left: 2.1333333333vw;
    }

    .p-contactBody__formTop {
        padding-right: 16vw;
    }

    .p-tags .p-main,
    .page-top .p-main {
        padding-top: 18.6666666667vw;
        padding-bottom: 29.3333333333vw;
    }

    .p-joinOpenHub__link {
        font-size: 4vw;
        width: 89.8666666667vw;
    }

    .p-joinOpenHub__text {
        border: 0.5333333333vw solid #333;
        border-radius: 6.6666666667vw;
        line-height: 12.2666666667vw;
    }

    .p-joinOpenHub__text::after {
        height: 4.8vw;
        top: 3.7333333333vw;
        right: 7.4666666667vw;
        width: 5.3333333333vw;
    }

    .u-mt-s {
        margin-top: 8px !important;
    }

    .u-mt-m {
        margin-top: 16px !important;
    }

    .u-mt-l {
        margin-top: 24px !important;
    }

    .u-mb-s {
        margin-bottom: 8px !important;
    }

    .u-mb-m {
        margin-bottom: 16px !important;
    }

    .u-mb-l {
        margin-bottom: 24px !important;
    }

    .u-ml-s {
        margin-left: 8px !important;
    }

    .u-ml-m {
        margin-left: 16px !important;
    }

    .u-ml-l {
        margin-left: 24px !important;
    }

    .u-mr-s {
        margin-right: 8px !important;
    }

    .u-mr-m {
        margin-right: 16px !important;
    }

    .u-mr-l {
        margin-right: 24px !important;
    }

    .u-pt-s {
        padding-top: 8px !important;
    }

    .u-pt-m {
        padding-top: 16px !important;
    }

    .u-pt-l {
        padding-top: 24px !important;
    }

    .u-pb-s {
        padding-bottom: 8px !important;
    }

    .u-pb-m {
        padding-bottom: 16px !important;
    }

    .u-pb-l {
        padding-bottom: 24px !important;
    }

    .u-pl-s {
        padding-left: 8px !important;
    }

    .u-pl-m {
        padding-left: 16px !important;
    }

    .u-pl-l {
        padding-left: 24px !important;
    }

    .u-pr-s {
        padding-right: 8px !important;
    }

    .u-pr-m {
        padding-right: 16px !important;
    }

    .u-pr-l {
        padding-right: 24px !important;
    }

    .u-pc,
    .u-tab,
    .u-tab-gt {
        display: none !important;
    }

    .page-top .p-archivePosts__info {
        display: flex;
        align-items: center;
        margin-bottom: 0.5333333333vw;
    }

    .page-top .c-eventStatus {
        top: 29.3333333333vw;
    }

    .page-top .is-end .c-eventStatus,
    .page-top .is-preparation .c-eventStatus,
    .page-top .is-terminated .c-eventStatus {
        background-color: rgba(0, 0, 0, 0.4);
        width: 100%;
        height: 38.4vw;
    }

    .page-top .is-end .c-eventStatus::before,
    .page-top .is-preparation .c-eventStatus::before,
    .page-top .is-terminated .c-eventStatus::before {
        left: calc(50% - 13.3333333333vw);
        top: 15.8666666667vw;
    }

    .page-top .swiper-navigation {
        padding-top: 2.6666666667vw;
    }

    .page-top .swiper-pagination-bullet {
        height: 2.9333333333vw;
        width: 2.9333333333vw;
    }

    .page-top .swiper-pagination-bullet:not(:first-child) {
        margin-left: 2.4vw;
    }

    .page-top .swiper-pagination-bullet-active::after {
        border: 0.8vw solid #333;
    }

    .page-top .kv__container {
        margin-bottom: 13.3333333333vw;
    }

    .page-top .kv__item {
        height: 96vw;
        width: 100vw;
    }

    .page-top .kv__wrap::after,
    .page-top .kv__wrap::before {
        background: url(../images/top/img_kv_gradation_sp.png) no-repeat center/contain;
        height: 38.4vw;
    }

    .page-top .kv__image {
        height: 100%;
        transform: translate3d(-70.66667vw, 0, 0);
        will-change: transform;
    }

    .page-top .swiper-slide-active .kv__image {
        -webkit-animation: 4s slideLeft cubic-bezier(0, 0, 1, 1) forwards;
        animation: 4s slideLeft cubic-bezier(0, 0, 1, 1) forwards;
    }

    .page-top .kv__head {
        padding-top: 2.6666666667vw;
        padding-left: 2.6666666667vw;
    }

    .page-top .kv__category {
        border-radius: 1.3333333333vw;
        font-size: 3.2vw;
        margin-right: 2.6666666667vw;
        padding: 0 3.4666666667vw;
    }

    .page-top .kv__date,
    .page-top .kv__title small {
        font-size: 3.6vw;
        line-height: 6.6666666667vw;
    }

    .page-top .kv__foot {
        padding: 0 5.3333333333vw 4.2666666667vw;
    }

    .page-top .kv__title {
        font-size: 6.4vw;
        line-height: 8.5333333333vw;
    }

    .page-top .kv__title small {
        line-height: 5.8666666667vw;
        margin-bottom: 0.8vw;
    }

    .outlineOpenhub__body {
        padding: 52vw 7.2vw 18.6666666667vw;
    }

    .outlineOpenhub__title {
        background: url(../images/top/img_outline_openhub_title_sp.png?20221027) no-repeat center/contain;
        height: 12vw;
        margin-bottom: 5.0666666667vw;
        width: 85.6vw;
    }

    .outlineOpenhub__text {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
        margin-right: -7.2vw;
        margin-bottom: 9.0666666667vw;
    }

    .outlineOpenhub__item {
        height: 39.7333333333vw;
    }

    .outlineOpenhub__item:nth-child(1) {
        background: url(../images/top/img_outline_openhub_item1_sp.png) no-repeat center/contain;
        top: 18.1333333333vw;
        left: 0;
        width: 74.9333333333vw;
    }

    .outlineOpenhub__item:nth-child(2) {
        background: url(../images/top/img_outline_openhub_item2_sp.png) no-repeat center/contain;
        top: 2.1333333333vw;
        right: 0;
        width: 71.7333333333vw;
    }

    .latestPosts {
        overflow: hidden;
    }

    .latestPosts:not(:last-child) {
        margin-bottom: 17.6vw;
    }

    .latestPosts__title {
        margin-bottom: 4.8vw;
    }

    .latestPosts__title::before {
        height: 0.8vw;
        margin-right: 4vw;
        width: 3.2vw;
    }

    .latestPosts__titlePrepend {
        font-size: 3.7333333333vw;
    }

    .latestPosts__titleBody {
        font-size: 6.9333333333vw;
    }

    .latestPosts__body {
        display: flex;
        overflow-x: auto;
    }

    .latestPosts__list {
        padding-right: 12.5333333333vw;
        padding-bottom: 9.0666666667vw;
        padding-left: 12.5333333333vw;
        transform: translate3d(0, 0, 0);
    }

    .latestPosts__item {
        flex-shrink: 0;
        width: 74.9333333333vw;
    }

    .latestPosts__item:not(:first-child) {
        margin-left: 8vw;
    }

    .latestPosts__figureImage {
        border-radius: 1.3333333333vw;
        height: 38.4vw;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .latestPosts__main {
        padding-top: 2.6666666667vw;
    }

    .latestPosts__itemTitle {
        font-size: 4.2666666667vw;
        line-height: 6.6666666667vw;
        margin-bottom: 2.6666666667vw;
    }

    .latestPosts__foot {
        margin-right: 7.2vw;
    }

    .page-about .spacer {
        padding-top: 18.6666666667vw;
    }

    .page-about .kv {
        padding: 14.9333333333vw 0 16vw;
    }

    .page-about .kv__wrap {
        width: 85.3333333333vw;
    }

    .page-about .kv__vid {
        width: 100%;
        height: 30.9333333333vw;
    }

    .page-about .kv__title {
        background: url(/assets/images/common/img_kv_title_sp.png) no-repeat left top/contain;
        width: 57.0666666667vw;
        height: 3.6vw;
    }

    .page-about .kv__button {
        margin: 13.8666666667vw auto 0;
    }

    .page-about .kv__body {
        padding-top: 10.6666666667vw;
    }

    .page-about .kv__text {
        font-size: 4.2666666667vw;
        line-height: 7.7333333333vw;
    }

    .page-about .kv__bg {
        background: url(../images/about/img_kv_sp.jpg?20221027) no-repeat center/cover;
    }

    .page-about .section {
        padding-top: 21.3333333333vw;
    }

    .page-about .section__title {
        margin-bottom: 5.0666666667vw;
    }

    .page-about .section__bodyTitle {
        margin-bottom: 5.6vw;
    }

    .page-about .section__head {
        margin-bottom: 6.9333333333vw;
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .page-about .section__head .c-lowButton {
        margin-top: 5.8666666667vw;
        margin-left: auto;
    }

    .page-about .section__outline {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
    }

    .page-about .section__figure-1 {
        padding-top: 159.3333333333vw;
    }

    .page-about .section__figure-2 {
        margin-bottom: 15.7333333333vw;
        padding-top: 203.2vw;
    }

    .page-about .section__figure-3 {
        padding-top: 98.9333333333vw;
    }

    .page-about .section__figure-1 {
        background-image: url(../images/about/img_figure1_sp.png);
    }

    .page-about .section__figure-2 {
        background-image: url(../images/about/img_figure2_sp.png);
    }

    .page-about .section__figure-3 {
        background-image: url(../images/about/img_figure3_sp.png);
    }

    .page-about .community__image {
        padding-top: 72vw;
        width: 100vw;
    }

    .page-about .community__image-1 {
        background-image: url(../images/about/img_community1_sp.jpg);
    }

    .page-about .community__image-2 {
        background-image: url(../images/about/img_community2_sp.jpg);
    }

    .page-about .community__detail {
        font-size: 4.2666666667vw;
        line-height: 7.7333333333vw;
        padding: 9.0666666667vw 7.2vw 13.8666666667vw;
    }

    .page-about .community__nav .c-button {
        margin-right: auto;
        margin-bottom: 16vw;
        margin-left: auto;
    }

    .page-about .space__sliderList {
        width: 100% !important;
    }

    .page-about .space__sliderItem {
        padding: 0 1.8666666667vw;
        width: 89.0666666667vw;
    }

    .page-about .space__sliderCard {
        width: 85.3333333333vw;
    }

    .page-about .space__sliderCardFigure {
        border-radius: 1.3333333333vw;
        width: 85.3333333333vw;
    }

    .page-about .space__sliderCardText {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
        padding-top: 1.0666666667vw;
    }

    .page-about .space__sliderControl {
        display: none;
    }

    .page-about .access {
        padding-top: 22.4vw;
    }

    .page-about .access__inner {
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .page-about .access__head {
        margin-bottom: 8.2666666667vw;
        padding-top: 4.5333333333vw;
    }

    .page-about .access__headTitle {
        width: 64.2666666667vw;
        height: 20.8vw;
    }

    .page-about .access__body {
        margin-bottom: 9.6vw;
    }

    .contentArchiveEventCommunity__postTitle small,
    .contentSingleEventCommunity__title small,
    .page-about .access__bodyLink,
    .page-about .access__bodyText,
    .page-about .access__footText {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
    }

    .page-about .access__bodyLink {
        background-size: 3.2vw 3.2vw;
        padding-right: 4.5333333333vw;
    }

    .page-about .access__footText {
        display: block;
        width: 100%;
    }

    .page-about .imageScroller {
        margin-top: 26.6666666667vw;
    }

    .page-catalyst .p-main,
    .page-journal .p-main {
        padding-top: 18.6666666667vw;
        padding-bottom: 29.3333333333vw;
    }

    .page-journal .c-labelMemberOnly {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .page-journal .c-postRecommend {
        margin-bottom: 26.6666666667vw;
    }

    .contentArchiveJournal__category:not(:last-child) {
        margin-bottom: 29.3333333333vw;
    }

    .contentArchiveJournal__category::before {
        height: 18.6666666667vw;
        margin-top: -18.6666666667vw;
    }

    .contentArchiveJournal__categoryHead {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .contentArchiveJournal__categoryHead.is-stickyWidget:not(.is-stop) {
        top: -18.6666666667vw;
        transition: transform 0.2s 0.1s;
        transform: translate3d(0, 18.6666666667vw, 0);
        width: 100%;
        z-index: 10;
    }

    .contentArchiveJournal__categoryHead.is-stop {
        transition: transform 0.15s;
        transform: translate3d(0, -100%, 0);
    }

    .contentArchiveJournal__categoryHeadCont {
        padding: 8vw 7.2vw 6.4vw;
    }

    .is-stickyWidget:not(.is-stop) .contentArchiveJournal__categoryHeadCont {
        -webkit-animation: toggleCategoryHeadCont 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate;
        animation: toggleCategoryHeadCont 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate;
        height: 19.2vw;
        padding-top: 2.4vw;
        padding-right: 21.3333333333vw;
        padding-bottom: 2.4vw;
    }

    .contentArchiveJournal__categoryInfo {
        overflow: hidden;
        margin-bottom: 3.7333333333vw;
    }

    .is-stickyWidget:not(.is-stop) .contentArchiveJournal__categoryInfo {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .contentArchiveJournal__categoryLabel {
        border-radius: 1.3333333333vw;
        font-size: 2.9333333333vw;
        height: 6.4vw;
        margin-bottom: 1.3333333333vw;
        padding-right: 5.3333333333vw;
        padding-left: 5.3333333333vw;
    }

    .is-stickyWidget:not(.is-stop) .contentArchiveJournal__categoryLabel,
    .is-stickyWidget:not(.is-stop) .contentArchiveJournal__categoryTitle br {
        display: none;
    }

    .contentArchiveJournal__categoryThumnail {
        float: left;
        margin-right: 5.3333333333vw;
        height: 37.8666666667vw;
        width: 26.6666666667vw;
    }

    .is-stickyWidget:not(.is-stop) .contentArchiveJournal__categoryThumnail {
        float: none;
        margin-right: 3.7333333333vw;
        height: 12.2666666667vw;
        width: 9.0666666667vw;
    }

    .contentArchiveJournal__categoryImage {
        border-radius: 1.3333333333vw;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .contentArchiveJournal__categoryTitle {
        font-size: 7.2vw;
        line-height: 10.1333333333vw;
        margin-right: -0.2em;
        margin-left: 32vw;
    }

    .is-stickyWidget:not(.is-stop) .contentArchiveJournal__categoryTitle {
        font-size: 4.2666666667vw;
        line-height: 7.2vw;
        margin-left: 0;
    }

    .contentArchiveJournal__categoryDetail {
        font-size: 3.2vw;
        line-height: 6.1333333333vw;
    }

    .is-stickyWidget:not(.is-stop) .contentArchiveJournal__categoryDetail {
        display: none;
    }

    .contentArchiveJournal__postList {
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .contentArchiveJournal__postItem[data-state=coming],
    .contentArchiveJournal__postLink {
        padding-top: 8vw;
        padding-bottom: 5.3333333333vw;
    }

    .contentArchiveJournal__postItem::before {
        background-color: #ccc;
        content: "";
        display: block;
        height: 0.5333333333vw;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .contentArchiveJournal__postWrap {
        display: flex;
        justify-content: space-between;
    }

    .contentArchiveJournal__postBody {
        flex-shrink: 0;
        margin-right: 4vw;
        width: 42.6666666667vw;
    }

    .contentArchiveJournal__postFigureImage {
        border-radius: 1.3333333333vw;
        -webkit-mask-image: url(../images/journal/mask_journal_sp.svg);
        mask-image: url(../images/journal/mask_journal_sp.svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        -webkit-mask-size: 100%;
        mask-size: 100%;
    }

    .contentArchiveJournal__postInfo {
        display: flex;
        align-items: center;
        margin-bottom: 0.8vw;
    }

    .contentArchiveJournal__postIndex {
        line-height: 6.4vw;
        margin-top: -6.1333333333vw;
        margin-bottom: 1.0666666667vw;
    }

    .contentArchiveJournal__postIndexUnit {
        font-size: 3.7333333333vw;
    }

    .contentArchiveJournal__postIndexNumber {
        font-size: 8.5333333333vw;
    }

    .contentArchiveJournal__postDate {
        font-size: 3.6vw;
        line-height: 8vw;
        margin-bottom: 2.4vw;
    }

    .is-new .contentArchiveJournal__postDate::before {
        background: url(/assets/images/common/ico_new_sm_sp.svg) no-repeat center/contain;
        height: 6.6666666667vw;
        width: 10.6666666667vw;
    }

    .contentArchiveJournal__postDate::before {
        height: 0.5333333333vw;
        margin-right: 2.6666666667vw;
        width: 10.6666666667vw;
    }

    .contentArchiveJournal__postTitle,
    .is-normal .page-project-single .p-singlePosts__company {
        font-size: 3.7333333333vw;
        line-height: 5.3333333333vw;
        padding-bottom: 12vw;
    }

    .contentArchiveJournal__button {
        margin-top: 8vw;
    }

    .page-journal-single .p-main {
        padding-top: 18.6666666667vw;
        padding-bottom: 29.3333333333vw;
    }

    .page-journal-single .p-main__wrap {
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .page-journal-single .c-postRecommend {
        margin-top: 23.7333333333vw;
    }

    .contentSingleJournal__body {
        padding-top: 8vw;
    }

    .contentSingleJournal__index {
        line-height: 14.6666666667vw;
        margin-right: 10.1333333333vw;
        margin-bottom: -2.6666666667vw;
    }

    .contentSingleJournal__indexUnit {
        font-size: 6.1333333333vw;
    }

    .contentSingleJournal__indexNumber {
        font-size: 19.7333333333vw;
    }

    .whitepaper_download {
        border-radius: 0;
    }

    .whitepaper__container,
    .whitepaper_download {
        padding: 15px;
        margin-right: -7.2vw;
        margin-left: -7.2vw;
    }

    .whitepaper_membersOnlyHead {
        font-size: 3.7333333333vw;
        line-height: 5.3333333333vw;
        margin-bottom: 8.5333333333vw;
    }

    .whitepaper_membersOnlyHead:before {
        height: 15.2vw;
        margin-right: 4.5333333333vw;
        width: 10.9333333333vw;
    }

    .whitepaper_membersOnlyHead span.file__information {
        font-size: 2.6666666667vw;
    }

    .whitepaper_download-membersOnly .annotation,
    a.whitepaper {
        font-size: 3.2vw;
    }

    a.whitepaper {
        width: 100%;
    }

    a.whitepaper-join_openhub {
        margin-top: 20px;
    }

    .c-floatRecommend {
        display: none;
    }

    .page-project .p-main,
    .page-project-single .p-main {
        padding-top: 18.6666666667vw;
        padding-bottom: 29.3333333333vw;
    }

    .page-project-single .p-main__wrap {
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .page-project-single .c-postRecommend {
        margin-top: 23.7333333333vw;
    }

    .page-project-single .p-singlePosts__company {
        font-size: 3.7333333333vw;
    }

    .page-project-single .p-singlePosts__company small {
        font-size: 3.2vw;
        line-height: 4.2666666667vw;
        margin-top: 2.6666666667vw;
    }

    .is-normal .page-project-single .p-singlePosts__company {
        padding-bottom: 2.6666666667vw;
    }

    .contentSingleProject__body {
        padding-top: 5.6vw;
    }

    .contentSingleProject__index {
        line-height: 14.6666666667vw;
    }

    .contentSingleProject__indexUnit {
        font-size: 6.1333333333vw;
    }

    .contentSingleProject__indexNumber {
        font-size: 19.7333333333vw;
    }

    .contentSingleProject__tagsList {
        padding-bottom: 5.3333333333vw;
    }

    .page-event-community .p-main,
    .page-event-community-single .p-main {
        padding-top: 18.6666666667vw;
        padding-bottom: 29.3333333333vw;
    }

    .contentArchiveEventCommunity__postTitle {
        font-size: 5.3333333333vw;
        line-height: 7.7333333333vw;
        margin-bottom: 6.6666666667vw;
    }

    .page-event-community-single .c-eventStatus {
        top: 45.3333333333vw;
        left: 1.3333333333vw;
    }

    .page-event-community-single .c-favoriteButton {
        position: absolute;
        top: 60.5333333333vw;
        right: 7.2vw;
    }

    .page-event-community-single .c-postRecommend {
        margin-top: 23.7333333333vw;
    }

    .contentSingleEventCommunity__body {
        padding-right: 7.2vw;
        padding-left: 7.2vw;
        position: relative;
    }

    .contentSingleEventCommunity__thumbnail {
        margin-bottom: 4.2666666667vw;
    }

    .contentSingleEventCommunity__content .p-eventCommunityApply.u-tab-gt.top {
        display: block !important;
    }

    .contentSingleEventCommunity__profile+.p-eventCommunityApply {
        margin-top: -11.7333333333vw;
    }

    .contentSingleEventCommunity__title {
        font-size: 5.3333333333vw;
        line-height: 7.7333333333vw;
        margin-bottom: 4.5333333333vw;
    }

    .contentSingleEventCommunity__entry p {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
        margin-bottom: 5.6vw;
    }

    .contentSingleEventCommunity__table {
        border-top: 0.5333333333vw solid #ccc;
        margin-bottom: 8vw;
    }

    .contentSingleEventCommunity__td,
    .contentSingleEventCommunity__th {
        border-bottom: 0.5333333333vw solid #ccc;
        font-size: 3.6266666667vw;
        line-height: 6.9333333333vw;
    }

    .contentSingleEventCommunity__th {
        width: 18.6666666667vw;
    }

    .contentSingleEventCommunity__td {
        padding: 3.7333333333vw 4.2666666667vw;
    }

    .contentSingleEventCommunity__relatedItem {
        border-radius: 1.3333333333vw;
        margin-bottom: 16vw;
        padding: 0.5333333333vw;
        width: 85.6vw;
    }

    .contentSingleEventCommunity__relatedLink::after {
        border: 0.2666666667vw solid;
        border-radius: 0.5333333333vw;
        height: 22.9333333333vw;
        top: 0.5333333333vw;
        left: 0.5333333333vw;
        width: 83.4666666667vw;
    }

    .contentSingleEventCommunity__relatedImage {
        border-radius: 0.5333333333vw 0 0 0.5333333333vw;
        height: 24vw;
        width: 42.6666666667vw;
    }

    .contentSingleEventCommunity__relatedtext {
        border-radius: 0 0.5333333333vw 0.5333333333vw 0;
        font-size: 3.2vw;
        line-height: 4.8vw;
        padding-right: 4.2666666667vw;
        padding-left: 4.2666666667vw;
    }

    .contentSingleEventCommunity__relatedtext::after {
        height: 5.0666666667vw;
        width: 5.3333333333vw;
    }

    .contentSingleEventCommunity__profileItem {
        margin-bottom: 16vw;
    }

    .contentSingleEventCommunity__profileFigure {
        margin-bottom: 5.3333333333vw;
        width: 61.3333333333vw;
    }

    .contentSingleEventCommunity__profileImage {
        border-radius: 1.3333333333vw;
    }

    .contentSingleEventCommunity__profileBody {
        border-left: 0.5333333333vw solid #333;
        padding-top: 0.8vw;
        padding-bottom: 0.8vw;
        padding-left: 4.8vw;
    }

    .contentSingleEventCommunity__profileRole {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
        margin-bottom: 2.1333333333vw;
    }

    .contentSingleEventCommunity__profileName {
        margin-bottom: 4.8vw;
    }

    .contentSingleEventCommunity__profileNameText {
        font-size: 5.3333333333vw;
    }

    .contentSingleEventCommunity__profileNameUnit {
        font-size: 3.7333333333vw;
        padding-left: 1.3333333333vw;
    }

    .contentSingleEventCommunity__profileCareer,
    .contentSingleEventCommunity__profileDetail {
        font-size: 3.2vw;
        line-height: 6.1333333333vw;
    }

    .page-contact .p-main,
    .page-contact-complete .p-main,
    .page-contact-confirm .p-main,
    .page-members-complete .p-main,
    .page-mypage .p-main {
        padding-top: 18.6666666667vw;
        padding-bottom: 29.3333333333vw;
    }

    .page-mypage .p-archivePosts__date {
        margin-bottom: 2.6666666667vw;
    }

    .page-mypage .p-archivePosts__info {
        display: flex;
        align-items: center;
        margin-bottom: 0.5333333333vw;
    }

    .page-mypage .is-end .c-eventStatus,
    .page-mypage .is-preparation .c-eventStatus,
    .page-mypage .is-terminated .c-eventStatus {
        top: 0;
        height: 146px;
    }

    .page-mypage .is-event .c-eventStatus {
        top: 29.3333333333vw;
    }

    .page-mypage .is-favorite .c-eventStatus {
        top: 14.9333333333vw;
    }

    .page-mypage .is-event .is-end .c-eventStatus,
    .page-mypage .is-event .is-preparation .c-eventStatus,
    .page-mypage .is-event .is-terminated .c-eventStatus {
        top: 0vw;
        height: 38.4vw;
        width: 100%;
    }

    .page-mypage .is-favorite .is-end .c-eventStatus,
    .page-mypage .is-favorite .is-preparation .c-eventStatus,
    .page-mypage .is-favorite .is-terminated .c-eventStatus {
        top: 0vw;
        height: 24vw;
    }

    .page-mypage .is-event .is-end .c-eventStatus::before,
    .page-mypage .is-event .is-preparation .c-eventStatus::before,
    .page-mypage .is-event .is-terminated .c-eventStatus::before {
        top: 16vw;
        left: 24.5333333333vw;
    }

    .personal__wrap {
        overflow: hidden;
    }

    .is-empty .personal__wrap {
        padding-top: 9.8666666667vw;
        padding-bottom: 12.5333333333vw;
    }

    .personal__display {
        padding-right: 7.2vw;
        padding-bottom: 5.8666666667vw;
        padding-left: 7.2vw;
    }

    .is-empty .personal__display {
        display: none;
    }

    .personal__vid {
        left: 7.4666666667vw;
    }

    .personal__vid,
    .personal__vidInitials {
        height: 85.3333333333vw;
        width: 85.3333333333vw;
    }

    .personal__name {
        font-size: 9.8666666667vw;
        vertical-align: bottom;
    }

    .personal__name:not(:empty) {
        height: 98.1333333333vw;
    }

    .personal__name:empty {
        height: 10.6666666667vw;
    }

    .personal__actionsHead {
        top: 5.3333333333vw;
        right: 7.2vw;
    }

    .personal__actionsFoot {
        padding-bottom: 8.8vw;
        padding-left: 7.2vw;
    }

    .personal__actionsEmpty {
        top: 21.8666666667vw;
        right: 7.2vw;
    }

    .personal__actionsEmpty .personal__actionsLinkBody {
        justify-content: center;
        width: 85.6vw;
    }

    .personal__actionsItem:not(:first-child) {
        margin-left: 2.4vw;
    }

    .personal__actionsLink {
        color: inherit;
    }

    .is-openPersonalLogo .personal__actionsButton .personal__actionsLinkBody {
        border-color: #b5b5b5;
    }

    .personal__actionsLinkBody {
        border: 0.5333333333vw solid #333;
        border-radius: 4.2666666667vw;
        padding-right: 6.6666666667vw;
        padding-left: 6.6666666667vw;
    }

    .personal__actionsIcon[data-type=info] {
        height: 4.8vw;
        width: 1.0666666667vw;
    }

    .personal__actionsIcon[data-type=mypage] {
        height: 5.3333333333vw;
        width: 3.2vw;
    }

    .personal__actionsIcon[data-type=key] {
        height: 5.3333333333vw;
        width: 2.9333333333vw;
    }

    .personal__actionsIcon[data-type=empty] {
        height: 4.2666666667vw;
        width: 4.2666666667vw;
    }

    .personal__actionsText {
        font-size: 3.6vw;
        line-height: 7.4666666667vw;
        padding-left: 2.6666666667vw;
    }

    .personal__actionsText-shrink {
        -webkit-animation: shrink 1s forwards 1s;
        animation: shrink 1s forwards 1s;
        display: block;
        overflow: hidden;
    }

    .is-windowLoaded .personal__actionsText-shrink {
        height: 7.4666666667vw;
    }

    .registered__wrap {
        margin-bottom: 21.3333333333vw;
    }

    .registeredPosts {
        overflow: hidden;
    }

    .registeredPosts:not(:last-child) {
        margin-bottom: 17.6vw;
    }

    .registeredPosts__body[data-type=sp-slide] {
        display: flex;
        overflow-x: auto;
    }

    .registeredPosts__message {
        font-size: 4.2666666667vw;
        line-height: 6.6666666667vw;
        padding-top: 3.7333333333vw;
        padding-left: 10.6666666667vw;
    }

    .registeredPosts__list.is-event {
        padding-right: 12.5333333333vw;
        padding-bottom: 9.0666666667vw;
        padding-left: 12.5333333333vw;
        transform: translate3d(0, 0, 0);
    }

    .registeredPosts__list.is-favorite {
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .is-event .registeredPosts__item {
        flex-shrink: 0;
        width: 74.9333333333vw;
    }

    .is-event .registeredPosts__item:not(:first-child) {
        margin-left: 8vw;
    }

    .is-favorite .registeredPosts__item {
        border-bottom: 0.5333333333vw solid #ccc;
        margin-bottom: 5.3333333333vw;
        width: 100%;
    }

    .is-favorite .registeredPosts__link {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding-bottom: 4vw;
        position: relative;
    }

    .is-favorite .registeredPosts__link .c-labelMemberOnly {
        position: absolute;
        right: 0;
        bottom: 5.3333333333vw;
    }

    .is-favorite .registeredPosts__wrap {
        flex-shrink: 0;
        margin-right: 4vw;
        width: 42.6666666667vw;
    }

    .registeredPosts__category {
        font-size: 2.9333333333vw;
        line-height: 6.4vw;
        left: 46.6666666667vw;
        top: 0;
        width: 21.3333333333vw;
    }

    .registeredPosts__category,
    .registeredPosts__figureImage {
        border-radius: 1.3333333333vw;
    }

    .is-event .registeredPosts__figureImage {
        height: 38.4vw;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .is-event .registeredPosts__main {
        padding-top: 2.6666666667vw;
    }

    .is-favorite .registeredPosts__main {
        padding-top: 1.6vw;
    }

    .is-event .registeredPosts__itemTitle {
        font-size: 5.3333333333vw;
        line-height: 7.7333333333vw;
        margin-bottom: 2.6666666667vw;
    }

    .is-favorite .registeredPosts__itemTitle:not([data-type=favorite]) {
        display: none;
    }

    .is-favorite .registeredPosts__itemTitle {
        font-size: 3.2vw;
        line-height: 5.3333333333vw;
        padding-top: 8vw;
        padding-bottom: 12vw;
    }

    .registeredPosts__itemTitle small {
        font-size: 3.6vw;
    }

    .registeredPosts__foot {
        margin-right: 7.2vw;
    }

    .floatWallpaper,
    .wallpaper {
        display: none;
    }

    .personalLogo__wrap {
        padding-top: 96vw;
        padding-left: 1.3333333333vw;
    }

    .personalLogo__item {
        border-radius: 5.3333333333vw;
        padding-top: 98.1333333333vw;
        width: 97.3333333333vw;
    }

    .personalLogo__item::before {
        background: url(/assets/images/mypage/img_modal_personal_logo_sp.png) no-repeat center/contain;
        border-radius: 5.3333333333vw;
    }

    .personalLogo__item::after {
        box-shadow: 0 -2px 1px rgba(0, 0, 0, 0.12);
        height: 9.0666666667vw;
        top: -4vw;
        left: 45.3333333333vw;
        transform: rotate(-315deg) skew(26deg, 26deg) translateZ(-1px);
        width: 9.0666666667vw;
    }

    .page-terms .p-main {
        padding-top: 18.6666666667vw;
        padding-bottom: 19.4666666667vw;
    }

    .contentTerms__head {
        height: 36.5333333333vw;
        padding-left: 7.2vw;
    }

    .contentTerms__title {
        font-size: 8.5333333333vw;
    }

    .contentTerms__card+.contentTerms__card {
        padding-top: 10.6666666667vw;
    }

    .contentTerms__cardDetail {
        margin-bottom: 7.2vw;
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .contentTerms__cardDetail,
    .contentTerms__cardItem,
    .contentTerms__cardPlatformTitle {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
    }

    .contentTerms__cardPlatforms {
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .contentTerms__cardList {
        margin-bottom: 7.2vw;
    }

    .page-eloqua .contentEloqua {
        height: 100vh;
    }

    .page-404 .p-main,
    .page-unsubscribe .p-main,
    .page-unsubscribe-complete .p-main {
        padding-top: 18.6666666667vw;
        padding-bottom: 29.3333333333vw;
    }

    .content404__body {
        padding-top: 12.5333333333vw;
        padding-right: 7.2vw;
        padding-left: 7.2vw;
    }

    .content404__title {
        font-size: 8.5333333333vw;
        line-height: 12.8vw;
        margin-bottom: 12.2666666667vw;
    }

    .content404__note {
        font-size: 3.6vw;
        line-height: 6.9333333333vw;
        margin-bottom: 19.4666666667vw;
    }

    .content404__top {
        padding-right: 16vw;
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .p-header__navButtonBody.is-current::after {
        background-color: #b5b5b5;
    }
}

@media screen and (min-width: 1024px) {
    .p-eventCommunityApply.u-tab-gt.top {
        display: block !important;
    }

    .u-mt-s {
        margin-top: 16px !important;
    }

    .u-mt-m {
        margin-top: 32px !important;
    }

    .u-mt-l {
        margin-top: 48px !important;
    }

    .u-mb-s {
        margin-bottom: 16px !important;
    }

    .u-mb-m {
        margin-bottom: 32px !important;
    }

    .u-mb-l {
        margin-bottom: 48px !important;
    }

    .u-ml-s {
        margin-left: 16px !important;
    }

    .u-ml-m {
        margin-left: 32px !important;
    }

    .u-ml-l {
        margin-left: 48px !important;
    }

    .u-mr-s {
        margin-right: 16px !important;
    }

    .u-mr-m {
        margin-right: 32px !important;
    }

    .u-mr-l {
        margin-right: 48px !important;
    }

    .u-pt-s {
        padding-top: 16px !important;
    }

    .u-pt-m {
        padding-top: 32px !important;
    }

    .u-pt-l {
        padding-top: 48px !important;
    }

    .u-pb-s {
        padding-bottom: 16px !important;
    }

    .u-pb-m {
        padding-bottom: 32px !important;
    }

    .u-pb-l {
        padding-bottom: 48px !important;
    }

    .u-pl-s {
        padding-left: 16px !important;
    }

    .u-pl-m {
        padding-left: 32px !important;
    }

    .u-pl-l {
        padding-left: 48px !important;
    }

    .u-pr-s {
        padding-right: 16px !important;
    }

    .u-pr-m {
        padding-right: 32px !important;
    }

    .u-pr-l {
        padding-right: 48px !important;
    }

    .u-sp,
    .u-tab,
    .u-tab-lt {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .u-mt-s {
        margin-top: 12px !important;
    }

    .u-mt-m {
        margin-top: 24px !important;
    }

    .u-mt-l {
        margin-top: 36px !important;
    }

    .u-mb-s {
        margin-bottom: 12px !important;
    }

    .u-mb-m {
        margin-bottom: 24px !important;
    }

    .u-mb-l {
        margin-bottom: 36px !important;
    }

    .u-ml-s {
        margin-left: 12px !important;
    }

    .u-ml-m {
        margin-left: 24px !important;
    }

    .u-ml-l {
        margin-left: 36px !important;
    }

    .u-mr-s {
        margin-right: 12px !important;
    }

    .u-mr-m {
        margin-right: 24px !important;
    }

    .u-mr-l {
        margin-right: 36px !important;
    }

    .u-pt-s {
        padding-top: 12px !important;
    }

    .u-pt-m {
        padding-top: 24px !important;
    }

    .u-pt-l {
        padding-top: 36px !important;
    }

    .u-pb-s {
        padding-bottom: 12px !important;
    }

    .u-pb-m {
        padding-bottom: 24px !important;
    }

    .u-pb-l {
        padding-bottom: 36px !important;
    }

    .u-pl-s {
        padding-left: 12px !important;
    }

    .u-pl-m {
        padding-left: 24px !important;
    }

    .u-pl-l {
        padding-left: 36px !important;
    }

    .u-pr-s {
        padding-right: 12px !important;
    }

    .u-pr-m {
        padding-right: 24px !important;
    }

    .u-pr-l {
        padding-right: 36px !important;
    }

    .u-pc,
    .u-sp {
        display: none !important;
    }
}

/*  js-fadein
--------------------------------------------- */
/* フェードイン */
.js-fadein {
    opacity: 0;
}

.js-fadein.is-active {
    opacity: 1;
    transition: opacity 1.6s;
}

/* フェードインアップ */
.js-fadein-up {
    opacity: 0;
    transform: translateY(50px);
}

.js-fadein-up.is-active {
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.8s, opacity 1s;
}

.js-fadein-2 {
    opacity: 0;
}

.js-fadein-2.is-fadein {
    opacity: 1;
    transition: opacity 0.8s;
}

.js-fadeup-2 {
    opacity: 0;
    transform: translateY(30px);
}

.js-fadeup-2.is-fadeup {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.8s ease-out, transform 0.8s;
}

/* スケール */
.js-scale {
    opacity: 0;
    transform: scale(0.5);
}

.js-scale.is-scale {
    opacity: 1;
    transform: scale(1);
    transition: transform 0.4s, opacity 0.8s;
}

/* 左にスライド */
.js-slidein-to-left {
    opacity: 0;
    transform: translateX(50px);
}

.js-slidein-to-left.is-active {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.8s, opacity 1s;
}

/* 右にスライド */
.js-slidein-to-right {
    opacity: 0;
    transform: translateX(-50px);
}

.js-slidein-to-right.is-active {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.8s, opacity 1s;
}

/*  .js-pagetop-threshold
--------------------------------------------- */
.js-pagetop-threshold {
    position: absolute;
    top: 0;
    height: 300px;
}

/*  js-tab-target
--------------------------------------------- */
.js-tab-target {
    display: none;
}

.js-tab-target.is-current {
    display: block;
}

@media print and (min-width: 768px),
screen and (min-width: 768px) {
    .pc-hide {
        display: none !important;
    }
}

@media print and (max-width: 767px),
screen and (max-width: 767px) {
    .sp-hide {
        display: none !important;
    }
}

/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 767px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }

    .mgt-sp--5 {
        margin-top: 1.3333333333vw !important;
    }

    .mgt-sp--10 {
        margin-top: 2.6666666667vw !important;
    }

    .mgt-sp--15 {
        margin-top: 4vw !important;
    }

    .mgt-sp--20 {
        margin-top: 5.3333333333vw !important;
    }

    .mgt-sp--25 {
        margin-top: 6.6666666667vw !important;
    }

    .mgt-sp--30 {
        margin-top: 8vw !important;
    }

    .mgt-sp--35 {
        margin-top: 9.3333333333vw !important;
    }

    .mgt-sp--40 {
        margin-top: 10.6666666667vw !important;
    }

    .mgt-sp--45 {
        margin-top: 12vw !important;
    }

    .mgt-sp--50 {
        margin-top: 13.3333333333vw !important;
    }

    .mgt-sp--55 {
        margin-top: 14.6666666667vw !important;
    }

    .mgt-sp--60 {
        margin-top: 16vw !important;
    }

    .mgt-sp--65 {
        margin-top: 17.3333333333vw !important;
    }

    .mgt-sp--70 {
        margin-top: 18.6666666667vw !important;
    }

    .mgt-sp--75 {
        margin-top: 20vw !important;
    }

    .mgt-sp--80 {
        margin-top: 21.3333333333vw !important;
    }

    .mgt-sp--85 {
        margin-top: 22.6666666667vw !important;
    }

    .mgt-sp--90 {
        margin-top: 24vw !important;
    }

    .mgt-sp--95 {
        margin-top: 25.3333333333vw !important;
    }

    .mgt-sp--100 {
        margin-top: 26.6666666667vw !important;
    }

    .mgt-sp--105 {
        margin-top: 28vw !important;
    }

    .mgt-sp--110 {
        margin-top: 29.3333333333vw !important;
    }

    .mgt-sp--115 {
        margin-top: 30.6666666667vw !important;
    }

    .mgt-sp--120 {
        margin-top: 32vw !important;
    }

    .mgt-sp--125 {
        margin-top: 33.3333333333vw !important;
    }

    .mgt-sp--130 {
        margin-top: 34.6666666667vw !important;
    }

    .mgt-sp--135 {
        margin-top: 36vw !important;
    }

    .mgt-sp--140 {
        margin-top: 37.3333333333vw !important;
    }

    .mgt-sp--145 {
        margin-top: 38.6666666667vw !important;
    }

    .mgt-sp--150 {
        margin-top: 40vw !important;
    }

    .mgt-sp--155 {
        margin-top: 41.3333333333vw !important;
    }

    .mgt-sp--160 {
        margin-top: 42.6666666667vw !important;
    }

    .mgt-sp--165 {
        margin-top: 44vw !important;
    }

    .mgt-sp--170 {
        margin-top: 45.3333333333vw !important;
    }

    .mgt-sp--175 {
        margin-top: 46.6666666667vw !important;
    }

    .mgt-sp--180 {
        margin-top: 48vw !important;
    }

    .mgt-sp--185 {
        margin-top: 49.3333333333vw !important;
    }

    .mgt-sp--190 {
        margin-top: 50.6666666667vw !important;
    }

    .mgt-sp--195 {
        margin-top: 52vw !important;
    }

    .mgt-sp--200 {
        margin-top: 53.3333333333vw !important;
    }

    .mgt-sp--205 {
        margin-top: 54.6666666667vw !important;
    }

    .mgt-sp--210 {
        margin-top: 56vw !important;
    }

    .mgt-sp--215 {
        margin-top: 57.3333333333vw !important;
    }

    .mgt-sp--220 {
        margin-top: 58.6666666667vw !important;
    }

    .mgt-sp--225 {
        margin-top: 60vw !important;
    }

    .mgt-sp--230 {
        margin-top: 61.3333333333vw !important;
    }

    .mgt-sp--235 {
        margin-top: 62.6666666667vw !important;
    }

    .mgt-sp--240 {
        margin-top: 64vw !important;
    }

    .mgt-sp--245 {
        margin-top: 65.3333333333vw !important;
    }

    .mgt-sp--250 {
        margin-top: 66.6666666667vw !important;
    }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 767px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }

    .mgb-sp--5 {
        margin-bottom: 1.3333333333vw !important;
    }

    .mgb-sp--10 {
        margin-bottom: 2.6666666667vw !important;
    }

    .mgb-sp--15 {
        margin-bottom: 4vw !important;
    }

    .mgb-sp--20 {
        margin-bottom: 5.3333333333vw !important;
    }

    .mgb-sp--25 {
        margin-bottom: 6.6666666667vw !important;
    }

    .mgb-sp--30 {
        margin-bottom: 8vw !important;
    }

    .mgb-sp--35 {
        margin-bottom: 9.3333333333vw !important;
    }

    .mgb-sp--40 {
        margin-bottom: 10.6666666667vw !important;
    }

    .mgb-sp--45 {
        margin-bottom: 12vw !important;
    }

    .mgb-sp--50 {
        margin-bottom: 13.3333333333vw !important;
    }

    .mgb-sp--55 {
        margin-bottom: 14.6666666667vw !important;
    }

    .mgb-sp--60 {
        margin-bottom: 16vw !important;
    }

    .mgb-sp--65 {
        margin-bottom: 17.3333333333vw !important;
    }

    .mgb-sp--70 {
        margin-bottom: 18.6666666667vw !important;
    }

    .mgb-sp--75 {
        margin-bottom: 20vw !important;
    }

    .mgb-sp--80 {
        margin-bottom: 21.3333333333vw !important;
    }

    .mgb-sp--85 {
        margin-bottom: 22.6666666667vw !important;
    }

    .mgb-sp--90 {
        margin-bottom: 24vw !important;
    }

    .mgb-sp--95 {
        margin-bottom: 25.3333333333vw !important;
    }

    .mgb-sp--100 {
        margin-bottom: 26.6666666667vw !important;
    }

    .mgb-sp--105 {
        margin-bottom: 28vw !important;
    }

    .mgb-sp--110 {
        margin-bottom: 29.3333333333vw !important;
    }

    .mgb-sp--115 {
        margin-bottom: 30.6666666667vw !important;
    }

    .mgb-sp--120 {
        margin-bottom: 32vw !important;
    }

    .mgb-sp--125 {
        margin-bottom: 33.3333333333vw !important;
    }

    .mgb-sp--130 {
        margin-bottom: 34.6666666667vw !important;
    }

    .mgb-sp--135 {
        margin-bottom: 36vw !important;
    }

    .mgb-sp--140 {
        margin-bottom: 37.3333333333vw !important;
    }

    .mgb-sp--145 {
        margin-bottom: 38.6666666667vw !important;
    }

    .mgb-sp--150 {
        margin-bottom: 40vw !important;
    }

    .mgb-sp--155 {
        margin-bottom: 41.3333333333vw !important;
    }

    .mgb-sp--160 {
        margin-bottom: 42.6666666667vw !important;
    }

    .mgb-sp--165 {
        margin-bottom: 44vw !important;
    }

    .mgb-sp--170 {
        margin-bottom: 45.3333333333vw !important;
    }

    .mgb-sp--175 {
        margin-bottom: 46.6666666667vw !important;
    }

    .mgb-sp--180 {
        margin-bottom: 48vw !important;
    }

    .mgb-sp--185 {
        margin-bottom: 49.3333333333vw !important;
    }

    .mgb-sp--190 {
        margin-bottom: 50.6666666667vw !important;
    }

    .mgb-sp--195 {
        margin-bottom: 52vw !important;
    }

    .mgb-sp--200 {
        margin-bottom: 53.3333333333vw !important;
    }

    .mgb-sp--205 {
        margin-bottom: 54.6666666667vw !important;
    }

    .mgb-sp--210 {
        margin-bottom: 56vw !important;
    }

    .mgb-sp--215 {
        margin-bottom: 57.3333333333vw !important;
    }

    .mgb-sp--220 {
        margin-bottom: 58.6666666667vw !important;
    }

    .mgb-sp--225 {
        margin-bottom: 60vw !important;
    }

    .mgb-sp--230 {
        margin-bottom: 61.3333333333vw !important;
    }

    .mgb-sp--235 {
        margin-bottom: 62.6666666667vw !important;
    }

    .mgb-sp--240 {
        margin-bottom: 64vw !important;
    }

    .mgb-sp--245 {
        margin-bottom: 65.3333333333vw !important;
    }

    .mgb-sp--250 {
        margin-bottom: 66.6666666667vw !important;
    }
}