@charset "UTF-8";

body.page-event:has(.wrapper_wrapper_) {
    .only_sp {
        display: none;
    }

    #event-newitem .event-text a,
    #event-newitem .event-text-list a,
    #event-newitem .event-faq a,
    #event-newitem .event-table a,
    #event-newitem .event-img-list a,
    #event-newitem .event-swiper a {
        color: #222222;
    }

    #event-newitem .event-text a:hover,
    #event-newitem .event-text-list a:hover,
    #event-newitem .event-faq a:hover,
    #event-newitem .event-table a:hover,
    #event-newitem .event-img-list a:hover,
    #event-newitem .event-swiper a:hover {
        color: var(--accentColor);
    }

    .event-content {
        margin-top: 40px;
        width: 1000px;
        margin-inline: auto;
    }

    #event-newitem h2:not([class]) {
        margin: 75px 0 24px;
        padding: 8px 16px;
        font-weight: bold;
        font-size: 24px;
        color: #fff;
        background: #000;
    }

    #event-newitem h2.event-title {
        margin: 80px 0 24px;
    }


    #event-newitem h3.event-title {
        position: relative;
        margin: 75px 0 24px;
        padding: 8px 22px;
        font-weight: bold;
        font-size: 18px;
        color: #fff;
        background: #000;
    }

    #event-newitem h3.event-title::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 4px;
        width: 4px;
        height: 24px;
        margin: auto;
        background: #fff;
    }

    #event-newitem .event-copy {
        margin: 16px 0 16px;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.7;
    }

    #event-newitem .event-media {
        display: flex;
        margin-top: 48px;
        width: 920px;
    }

    #event-newitem .event-media div:has(>p) {
        margin-right: 53px;
    }

    #event-newitem .event-media div:has(>img) {
        max-width: 281px;
        width: 100%;
    }

    #event-newitem .event-media div>h2 {
        margin: 0
    }

    #event-newitem .event-media div>p {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.6;
        margin-top: 24px;
    }

    #event-newitem .text-list li+li {
        margin-top: 24px;
    }

    #event-newitem .text-list h3 {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
    }

    #event-newitem .text-list p {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.6;
        margin-top: 8px;
    }

    #event-newitem .event-img-list {
        margin: 0;
    }

    #event-newitem .event-img-list-name {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        margin-top: 16px;
    }

    #event-newitem .event-img-list-name2 {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        margin-top: 5px;
    }

    #event-newitem .event-img-list-text {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.6;
        margin-top: 16px;
    }

    #event-newitem .event-img-list-sub {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.6;
        margin-top: 16px;
    }

    #event-newitem .event-btn::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 18px;
        transform: translateY(-50%);
        width: 6px;
        height: 12px;
        background-color: #008000;
        clip-path: polygon(0 0, 100% 50%, 0 100%);
    }

    .event-bottom-text {
        font-size: 24px;
        font-weight: bold;
        line-height: 1.2;
        margin: 80px 0 48px;
        text-align: center;
    }
}

body.page-event:has(#contentArea) {
    .only_pc {
        display: none;
    }

    #event-newitem .event-text a,
    #event-newitem .event-text-list a,
    #event-newitem .event-faq a,
    #event-newitem .event-table a,
    #event-newitem .event-img-list a,
    #event-newitem .event-swiper a {
        color: #222222;
    }

    #event-newitem h2:not([class]) {
        margin: 32px 0 16px;
        padding: 8px 16px;
        font-weight: bold;
        font-size: 18px;
        color: #fff;
        background: #000;
    }
    #event-newitem h2.event-title {
        font-size: 18px;
    }
    #event-newitem h3.event-title {
        position: relative;
        margin: 40px 0 16px;
        padding: 8px 16px;
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        background: #000;
    }

    #event-newitem h3.event-title::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 4px;
        width: 4px;
        height: 20px;
        margin: auto;
        background: #fff;
    }

    #event-newitem .event-copy {
        margin: 16px 0 16px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.7;
    }

    .event-content {
        margin: 0 -16px;
    }

    .event-content-inner {
        padding: 0 16px;
    }

    #event-newitem .event-media div:has(>p) {
        margin-top: 24px;
    }

    #event-newitem .event-media div>h2 {
        margin: 0
    }

    #event-newitem .event-media div>p {
        margin-top: 16px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.6;
    }

    #event-newitem .event-media div:has(>img) {
        width: 169px;
        margin: 16px auto 0;
    }

    #event-newitem .text-list li+li {
        margin-top: 16px;
    }

    #event-newitem .text-list h3 {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.5;
    }

    #event-newitem .text-list p {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.6;
        margin-top: 8px;
    }

    #event-newitem .event-img-list {
        margin: 0;
    }

    #event-newitem .event-img-list-name {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
        margin-top: 16px;
    }

    #event-newitem .event-img-list-name2 {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5;
        margin-top: 12px;
        text-align: center;
        letter-spacing: 0.02em;
    }

    #event-newitem .event-img-list-text {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.6;
        margin-top: 16px;
    }

    #event-newitem .event-img-list-sub {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.6;
        margin-top: 16px;
    }

    #event-newitem .event-btn::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 18px;
        transform: translateY(-50%);
        width: 6px;
        height: 10px;
        background-color: #008000;
        clip-path: polygon(0 0, 100% 50%, 0 100%);
    }

    #event-newitem .event-bottom-text {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.2;
        margin: 41px 0 24px;
        text-align: center;
    }
    #event-newitem .event-btn {
        font-size: 14px;
        padding: 0 24px;
        justify-content: flex-start;
    }
    #event-newitem .event-btn-icon {
        position: static;
        transform: none;
        margin-right: 40px;
    }
}