body {
}
@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
    }
}

.fix-banner {
    display: none !important;
}

/*===================================
    swiper
===================================*/

.swiper-button-next,
.swiper-button-prev {
    background: #fff;
    padding: 35px;
    color: #000;
    border-radius: 999px;
    transition: opacity 0.2s ease;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 24px;
}
.swiper-slide:last-child {
    margin-right: 60px;
}
.swiper-slide:first-child {
    margin-left: 60px;
}
.swiper-button-disabled {
    opacity: 0;
}

/*===================================
    button
===================================*/

/* button */

.button {
    position: relative;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: none;
    padding: 25px;
    border-radius: 0px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

/* event-lp-button-1 */

.event-lp-button-1 {
    display: inline-flex;
    align-items: center;
    gap: 0px 10px;
    border-radius: 0px;
    justify-content: center;
    padding: 18px 20px;
    border: 1px solid rgb(104, 104, 104);
    background: rgb(35, 35, 35);
    font-size: 14px;
    text-align: center;
}
.event-lp-button-1::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 14px;
    height: 12px;
    font-size: 16px;
    font-weight: bold;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2210%22%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.01792%204.89196C9.34867%205.0849%209.34867%205.5628%209.01792%205.75574L0.75671%2010.5748C0.25786%2010.8658%20-0.255252%2010.2196%200.141194%209.79966L4.04243%205.66708C4.22432%205.47441%204.22432%205.1733%204.04243%204.98062L0.141194%200.848046C-0.255251%200.428092%200.257863%20-0.21807%200.756713%200.0729258L9.01792%204.89196Z%22%20fill%3D%22%23595959%22%2F%3E%3C%2Fsvg%3E');
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    background: rgb(187, 160, 77);
    right: 20px;
    transform: rotate(90deg);
}
.event-lp-button-1:hover {
    text-decoration: none;
    opacity: 0.7;
}

@media screen and (max-width: 768px) {
    .event-lp-button-1 {
        padding: 20px 0px;
    }
}

/* event-lp-button-2 */

.event-lp-button-2 {
    display: inline-flex;
    align-items: center;
    gap: 0px 10px;
    border-radius: 0px;
    justify-content: center;
    padding: 18px 20px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgb(146, 115, 19);
    font-size: 14px;
    text-align: center;
}
.event-lp-button-2::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 14px;
    height: 12px;
    font-size: 16px;
    font-weight: bold;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2210%22%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.01792%204.89196C9.34867%205.0849%209.34867%205.5628%209.01792%205.75574L0.75671%2010.5748C0.25786%2010.8658%20-0.255252%2010.2196%200.141194%209.79966L4.04243%205.66708C4.22432%205.47441%204.22432%205.1733%204.04243%204.98062L0.141194%200.848046C-0.255251%200.428092%200.257863%20-0.21807%200.756713%200.0729258L9.01792%204.89196Z%22%20fill%3D%22%23595959%22%2F%3E%3C%2Fsvg%3E');
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: contain;
    background: rgb(255, 255, 255);
    right: 20px;
}
.event-lp-button-2:hover {
    text-decoration: none;
    opacity: 0.7;
}

@media screen and (max-width: 768px) {
    .event-lp-button-2 {
        padding: 20px 0px;
    }
}

/*===================================
    width
===================================*/

.width-full {
    width: 100% !important;
}

/*===================================
    hover
===================================*/

.hover:hover {
    transition: opacity 300ms 0s ease;
    opacity: 0.7;
}

/*===================================
    common-title
===================================*/

.common-title {
    font-size: 28px;
    font-family: 'Noto serif JP', serif;
    font-weight: 300;
    text-orientation: mixed;
    text-align: center;
    top: -30px;
    position: relative;
    margin: 0 0 -30px;

    & .small {
        font-size: 20px;
        line-height: 1;
    }
    &.has-dot {
        padding-bottom: 20px;

        &::after {
            content: '';
            display: block;
            width: 6.5px;
            height: 6.5px;
            background: rgb(187, 160, 77);
            transform: rotate(45deg);
            margin: 0px auto;
            top: 15px;
            position: relative;
        }
    }
}
@media screen and (max-width: 768px) {
    .common-title {
        font-size: 27px;
        top: -15px;
        line-height: 1.2;
        margin: 0px 0px -15px;

        & .small {
            font-size: 20px;
        }
        &.has-dot {
            padding-bottom: 25px;
            &::after {
                content: '';
                display: block;
                width: 6.5px;
                height: 6.5px;
                background: rgb(187, 160, 77);
                transform: rotate(45deg);
                margin: 0px auto;
                top: 20px;
                position: relative;
            }
        }
    }
}
.common-title-en {
    position: relative;
    color: rgb(36, 36, 36);
    text-align: center;
    font-family: 'Cormorant Garamond';
    font-size: 65px;
    font-weight: 300;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .common-title-en {
        font-size: 65px;
        /* top: -10px; */
        line-height: 0.7;
    }
}

/*======================================================================



    Object - Project
*/

/*===================================
    lp
===================================*/

/* hero */

.hero {
    margin: 0px;
    padding: 100px 0px 0px;
    background: url(../../../images/lp/consultation/hero_bg.png) center center / cover no-repeat;
    position: relative;
    min-height: 910px;
    max-height: 980px;
    height: 100vh;

    & .hero-content {
        width: 100%;
    }
    & .title {
        text-align: center;
        max-width: 660px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 40px auto 0;
    }
    & .sub-title {
        text-align: center;
        max-width: 140px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px auto;
    }
    & .logo {
        position: absolute;
        bottom: 90px;
        left: 0px;
        right: 0px;
        margin: auto;
        max-width: 80px;
    }
}

@media screen and (max-width: 768px) {
    .hero {
        background: url('../../../images/lp/consultation/hero_bg_sp.png') center center / cover no-repeat;
        margin: 10px 0 0;
        padding: 0px;
        position: relative;
        height: 450px;
        min-height: 450px;
        min-height: auto;

        & .container {
            height: 100%;
        }
        & .hero-content {
            width: 100%;
            display: flex;
            align-items: end;
            height: 100%;
            flex-flow: column;
        }
        & .title {
            text-align: center;
            max-width: 374px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: auto auto 0;
            padding: 0 0 20px;
        }
        & .sub-title {
            text-align: center;
            max-width: 110px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0px auto;
            position: absolute;
            left: -220px;
            top: 30px;
            right: 0;
        }
        & .feature-image {
            position: absolute;
            right: 0;
            top: 0;
            max-width: 360px;
        }
        & .logo {
            position: absolute;
            bottom: 90px;
            left: 0px;
            right: 0px;
            margin: auto;
            max-width: 90px;
        }
    }
}

/* event-lp-intro */

.event-lp-intro {
    padding: 95px 0px;
}
.event-lp-intro .title {
    font-size: 24px;
    color: rgb(249, 249, 249);
    text-align: center;
    margin: 0px 0px 0px;
    line-height: 2.3;
}
.event-lp-intro .action {
    text-align: center;
    margin: 50px auto 0px;
    max-width: 330px;
}

@media screen and (max-width: 768px) {
    .event-lp-intro {
        padding: 30px 0px 0px;
    }
    .event-lp-intro .title {
        font-size: 15px;
        margin: 0px;
        line-height: 2.2;
    }
    .event-lp-intro .action {
        text-align: center;
        margin: 35px auto 0px;
        max-width: 100%;
    }
}

/* event-lp-recommend */

.event-lp-recommend {
    position: relative;
    padding: 50px 0px 70px;
    max-width: 700px;
    margin: 0px auto;
    border: 1px solid rgb(130, 130, 130);
    background: rgb(21, 21, 21);
    overflow: hidden;
    &::after {
        content: 'RECOMMEND';
        display: block;
        font-weight: 300;
        font-family: 'Noto serif JP', serif;
        color: rgb(36, 36, 36);
        text-align: center;
        margin: 0px;
        position: absolute;
        top: 160px;
        right: -193px;
        transform: rotate(90deg);
        font-size: 60px;
    }
    & .title {
        font-size: 28px;
        text-align: center;
        font-family: 'Noto serif JP', serif;
        font-weight: 300;
        width: fit-content;
        margin: 0px auto;
        border-bottom: 1px solid rgb(153, 153, 153);
        padding: 0px 30px 10px;
    }
}

@media screen and (max-width: 768px) {
    .event-lp-recommend {
        padding: 30px 0px;
        max-width: 100%;
        margin: 65px 20px 0px 0;
        width: calc(100% - 20px);

        &::after {
            color: rgb(36, 36, 36);
            top: 171px;
            right: -193px;
            font-size: 61px;
        }
        & .title {
            font-size: 27px;
            width: fit-content;
            margin: 0px;
            padding: 0px 0px 10px 25px;
            text-align: left;
        }
    }
}

/* event-lp-recommend-list */

.event-lp-recommend-list {
    list-style: none;
    margin: 40px auto 0px;
    padding: 0px;
    max-width: 550px;
    width: 100%;
    display: flex;
    flex-flow: wrap;
    gap: 45px 0px;
    justify-content: center;
    & li {
        position: relative;
        line-height: 1.4;
        padding: 0px;
        display: flex;
        align-items: center;
        gap: 15px;
        margin: 0px;
        width: 50%;
    }
    & li:last-child {
        width: 100%;
        justify-content: center;
    }
    & li::before {
        content: '';
        display: block;
        width: 18px;
        height: 12px;
        position: relative;
        background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2214%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.967-.314a.55.55%200%200%200-.368.14l-9.735%208.68-5.03-2.99a.55.55%200%200%200-.7.117.56.56%200%200%200-.008.718l5.428%206.647a.55.55%200%200%200%20.428.203h.002a.55.55%200%200%200%20.428-.207L16.396.596a.565.565%200%200%200-.046-.755.55.55%200%200%200-.384-.155%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16.52v13.54H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }
}

@media screen and (max-width: 768px) {
    .event-lp-recommend-list {
        margin: 30px auto 0px;
        padding: 0px 30px;
        max-width: 100%;
        gap: 25px 0px;
        flex-flow: column;
        font-size: 15px;
        & li {
            width: 100%;
        }
        & li:last-child {
            width: 100%;
            justify-content: start;
        }
        & li::before {
            content: '';
            display: block;
            width: 18px;
            height: 12px;
            position: relative;
            background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2214%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.967-.314a.55.55%200%200%200-.368.14l-9.735%208.68-5.03-2.99a.55.55%200%200%200-.7.117.56.56%200%200%200-.008.718l5.428%206.647a.55.55%200%200%200%20.428.203h.002a.55.55%200%200%200%20.428-.207L16.396.596a.565.565%200%200%200-.046-.755.55.55%200%200%200-.384-.155%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h16.52v13.54H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
        }
    }
}

/* event-lp-point */

.event-lp-point {
    background: url('../../../images/lp/consultation/point_bg.png') center center / cover no-repeat;
    position: relative;
    padding: 120px 0px;
    & .common-title-en {
        color: rgba(112, 112, 112, 0.7);
    }
    & .title {
        font-size: 28px;
        font-family: 'Noto serif JP', serif;
        font-weight: 300;
        writing-mode: vertical-rl;
        text-orientation: mixed;
        position: absolute;
        left: 0px;
        right: 0px;
        margin: auto;
        width: fit-content;
        top: 90px;
    }
    & .point-items {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
        align-items: center;
        margin: 80px 0px 0px;
        & .item {
            width: 19%;
        }
    }
}

@media screen and (max-width: 768px) {
    .event-lp-point {
        background: url('../../../images/lp/consultation/point_bg_sp.png') center top / contain no-repeat;
        position: relative;
        padding: 80px 0px 0;
        margin: 35px 0px 0px;

        & .common-title-en {
            color: rgba(112, 112, 112, 0.7);
        }
        & .title {
            font-size: 27px;
            top: 45px;
        }
        & .point-items {
            display: flex;
            flex-wrap: wrap;
            gap: 20px 10px;
            justify-content: center;
            align-items: center;
            margin: 80px 0px 0px;
            & .item {
                width: calc(50% - 7.5px);
            }
        }
    }
}

/* event-lp-staff */

.event-lp-staff {
    & .action {
        text-align: center;
        margin: 50px auto 0px;
        max-width: 330px;
    }
}
@media screen and (max-width: 768px) {
    .event-lp-staff {
        & .action {
            margin: 50px auto 0;
        }
    }
}

/* event-lp-staff-items */

.event-lp-staff-items {
    margin: 0;

    & .item {
        background: url('../../../images/lp/consultation/staff_item_bg_left.png') left -70px top -38px / 600px no-repeat;
        padding: 170px 0px 0px;
        position: relative;
        &::after {
            content: '';
            display: block;
            width: 230px;
            height: 1px;
            background: rgb(255, 255, 255);
            transform: rotate(350deg);
            position: absolute;
            left: 200px;
            top: 70px;
            opacity: 0.5;
        }
    }
    & .item-inner {
        max-width: 980px;
        display: flex;
        gap: 0px 160px;
        justify-content: space-between;
        margin: 0px auto;
        width: 100%;
    }
    & .image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-width: 255px;
    }
    & .header {
        position: relative;
    }
    & .comment {
        line-height: 1.7;
        max-width: 550px;
        width: 100%;
    }
    & .name {
        font-size: 28px;
        font-family: 'Noto serif JP', serif;
        font-weight: 300;
        writing-mode: vertical-rl;
        text-orientation: mixed;
        position: absolute;
        right: -56px;
        top: 0px;
    }
}

@media screen and (max-width: 768px) {
    .event-lp-staff {
        position: relative;
        padding: 62px 0 0;
        margin: 25px 0 0;

        & .container {
            padding: 0;
        }
        &:before {
            content: '';
            display: block;
            width: 1px;
            height: 45px;
            background: #242424;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            margin: auto;
        }
    }
    .event-lp-staff-items {
        & .item {
            background: url('../../../images/lp/consultation/staff_item_bg_left.png') left -60px top -30px / 530px no-repeat;
            padding: 90px 20px 0px;
            position: relative;

            &::after {
                width: 115px;
                background: rgb(255, 255, 255);
                transform: rotate(350deg);
                position: absolute;
                left: 0px;
                top: 43px;
                right: 0px;
                margin: auto;
            }
        }
        & .item-inner {
            max-width: 980px;
            display: flex;
            gap: 0px 160px;
            justify-content: space-between;
            margin: 0px auto;
            width: 100%;
            flex-flow: wrap;
        }
        & .image {
            max-width: 140px;
        }
        & .header {
            position: relative;
            margin: 0px auto;
        }
        & .comment {
            max-width: 275px;
            font-size: 14px;
            margin: 25px auto 0px;
        }
        & .name {
            font-size: 21px;
            right: -36px;
        }
    }
}

/* event-lp-staff:nth-child */

.event-lp-staff-items .item:nth-child(1) {
    padding-top: 70px;
    &::after {
        display: none;
    }
}
.event-lp-staff-items .item:nth-child(2n) {
    background-position: right -40px top 80px;
    background-image: url('../../../images/lp/consultation/staff_item_bg_right.png');
    & .header {
        order: 2;
    }
    & .comment {
        order: 1;
    }
    & .name {
        left: -56px;
        right: auto;
    }
}
.event-lp-staff-items .item:nth-child(3n) {
    background-position: left -60px top 80px;
    &::after {
        left: auto;
        right: 200px;
        transform: rotate(10deg);
    }
}

@media screen and (max-width: 768px) {
    .event-lp-staff-items .item:nth-child(1) {
        padding-top: 30px;

        &::after {
            display: none;
        }
    }
    .event-lp-staff-items .item:nth-child(2n) {
        background-position: right -19px top 20px;
        background-image: url('../../../images/lp/consultation/staff_item_bg_right.png');
        background-size: 580px;

        & .header {
            order: 1;
        }
        & .comment {
            order: 2;
        }
        & .name {
            left: auto;
            right: -36px;
        }
    }
    .event-lp-staff-items .item:nth-child(3n) {
        background-position: left -50px top 50px;
        background-size: 570px;

        &::after {
            left: 0px;
            right: 0px;
            transform: rotate(350deg);
        }
    }
}

/* event-lp-case */

.event-lp-case {
    margin: 130px 0px 0px;
}
.event-lp-case .event-lp-case-items {
    position: relative;
    margin: 20px 0px 0px;
    padding: 0 0 30px;
    overflow: hidden;

    & img {
        margin: 0px 10px 0px 0px;
        width: 545px;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 10 / 6.7;
    }
    & .swiper-horizontal > .swiper-pagination-bullets,
    & .swiper-pagination-bullets.swiper-pagination-horizontal,
    & .swiper-pagination-custom,
    & .swiper-pagination-fraction {
        bottom: 0px;
        left: 0;
        width: 100%;
    }
    & .swiper-pagination-bullet-active {
        opacity: 0.5;
    }
    .swiper-pagination-bullet {
        background: #fff;
    }
}

@media screen and (max-width: 768px) {
    .event-lp-case {
        margin: 55px 0px 0px;
    }
    .event-lp-case .event-lp-case-items {
        margin: 25px 0px 0px;

        & img {
            margin: 0px 5px 0;
            width: calc(100% - 60px);
            height: 100%;
            object-fit: cover;
            aspect-ratio: 10 / 5.9;
            padding: 0 0px;
        }
        .swiper-button-next,
        .swiper-button-prev {
            display: none;
        }
    }
}

/* event-lp-voice */

.event-lp-voice {
    margin: 100px 0px 0px;
    background: url('../../../images/lp/consultation/voice_bg.png') center center / cover no-repeat;
    padding: 100px 0px;

    & .common-title-en {
        color: rgba(112, 112, 112, 0.7);
    }
}

@media screen and (max-width: 768px) {
    .event-lp-voice {
        margin: 60px 0px 0px;
        background: url('../../../images/lp/consultation/voice_bg_sp.png') top center / contain no-repeat;
        padding: 40px 0px 0px;
        & .common-title {
            /* top: -30px; */
        }
        & .common-title-en {
            top: 0px;
        }
    }
}

/* event-lp-voice-items */

.event-lp-voice .event-lp-voice-items {
    display: flex;
    gap: 40px 30px;
    justify-content: center;
    margin: 30px 0 0;
    padding: 0 20px;
    flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
    .event-lp-voice .event-lp-voice-items {
        display: flex;
        gap: 30px;
        align-items: center;
        justify-content: center;
        flex-flow: wrap;
    }
}

/* event-lp-voice-items .item */

.event-lp-voice .event-lp-voice-items .item {
    display: flex;
    gap: 0px 35px;
    max-width: 520px;
    border: 1px solid rgb(130, 130, 130);
    background: rgba(29, 29, 29, 0.7);
    width: calc(50% - 15px);
    padding: 35px;

    & .image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 10 / 6.7;
        max-width: 75px;
    }
    & .body {
        flex: 1 1 0%;
    }
    & .title {
        font-size: 18px;
    }
    & .comment {
        margin: 20px 0 0;
        width: 100%;
        font-size: 12px;
        line-height: 1.8;
    }
    & .name {
        font-size: 12px;
        margin: 20px 0px 0px;
    }
}

@media screen and (max-width: 768px) {
    .event-lp-voice .event-lp-voice-items .item {
        display: block;
        max-width: 100%;
        background: none;
        padding: 30px 0px 0px;
        width: 100%;
        border-bottom: none;
        border-left: none;
        border-right: none;

        & .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            aspect-ratio: auto;
            max-width: 90px;
            text-align: center;
            margin: 0px auto;
        }
        & .body {
            flex: 1 1 0%;
        }
        & .title {
            font-size: 16px;
            margin: 20px 0 0;
        }
        & .comment {
            width: 100%;
            font-size: 12px;
            line-height: 1.8;
            margin: 20px 0px 0px;
        }
        & .name {
            font-size: 12px;
            margin: 20px 0px 0px;
        }
    }
    .event-lp-voice .event-lp-voice-items .item:nth-child(1) {
        padding-top: 0;
        border-top: 0;
    }
}

/* event-lp-beneffits */

.event-lp-beneffits {
    padding: 0px;
    position: relative;
    & .container {
        max-width: 1000px;
    }
    & .common-title-en {
        color: rgb(58, 58, 58);
        top: -11px;
    }
}

@media screen and (max-width: 768px) {
    .event-lp-beneffits {
        padding: 0px;
        position: relative;
        margin: 75px 0px 0px;
        & .container {
            max-width: 1000px;
        }
        & .common-title-en {
            color: rgb(58, 58, 58);
            top: 0px;
        }
    }
}

/* event-lp-beneffits-inner */

.event-lp-beneffits-inner {
    border: 1px solid rgb(130, 130, 130);
    background: rgb(35, 35, 35);
    width: 100%;
    padding: 0px;
}
@media screen and (max-width: 768px) {
    .event-lp-beneffits-inner {
        border: 1px solid rgb(130, 130, 130);
        background: rgb(35, 35, 35);
        width: 100%;
        padding: 0px;
    }
}

/* event-lp-content */

.event-lp-content {
    display: flex;
    gap: 0px 35px;
    margin: 10px 0 0;

    & .image {
        max-width: 470px;
        width: 100%;
        left: -30px;
        position: relative;
    }
    & .text {
        max-width: 600px;
        width: 60%;
        padding: 0px 35px 35px 0px;
    }
    & .sub-title {
        margin: 0px;
        font-size: 22px;
        font-family: Jost, sans-serif;
        line-height: 1;
    }
    & .title {
        font-size: 28px;
        margin: 5px 0px 0px;
        font-family: 'Noto serif JP', serif;
    }
    & .description {
        margin: 10px 0px 0px;
        line-height: 1.7;
    }
}

@media screen and (max-width: 768px) {
    .event-lp-content {
        display: flex;
        gap: 0px 35px;
        flex-flow: wrap;
        padding: 0px 0px 25px;
        margin: 15px 0px 0px;
        & .image {
            max-width: none;
            width: calc(100% + 40px);
            left: 0px;
            position: relative;
            order: 2;
            margin: 20px -20px 0px;
        }
        & .text {
            max-width: 100%;
            width: 100%;
            padding: 0px;
            order: 1;
        }
        & .sub-title {
            margin: 0px;
            font-size: 19px;
            text-align: center;
        }
        & .title {
            font-size: 23px;
            margin: 5px 0px 0px;
            text-align: center;
        }
        & .description {
            margin: 0px auto 0px;
            line-height: 1.9;
            font-size: 14px;
            text-align: center;
            order: 3;
            padding: 0;
        }
    }
}

/* event-lp-schedule */

.event-lp-schedule {
    padding: 100px 0px;
    & .common-title {
        top: -35px;
    }
}

@media screen and (max-width: 768px) {
    .event-lp-schedule {
        padding: 100px 0px 0px;
        & .common-title {
            top: -20px;
        }
    }
}

/* event-lp-schedule-items */

.event-lp-schedule .event-lp-schedule-items {
    display: flex;
    gap: 0px 30px;
    align-items: center;
    justify-content: center;
    margin: 20px 0px 0px;

    & .slick-track {
        display: flex;
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .event-lp-schedule .event-lp-schedule-items {
        & .swiper-slide:last-child {
            margin-right: 0;
        }
        & .swiper-slide:first-child {
            margin-left: 0;
        }
    }
    .event-lp-schedule .event-lp-schedule-items .swiper-wrapper {
        gap: 20px 0px;
        align-items: center;
        justify-content: center;
        margin: 0 0px 0px;
        flex-flow: wrap row;
    }
}

/* event-lp-schedule-items .item */

.event-lp-schedule-items .item {
    border: 1px solid rgb(130, 130, 130);
    width: 330px;
    padding: 20px 25px 25px;
    margin: 0px 30px 0px 0px;
    height: auto;
    display: flex;
    flex-flow: column;

    &.slick-slide {
        height: auto !important;
    }
    & .header {
        gap: 0px 10px;
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
    & .body {
        border-top: 1px solid rgb(105, 105, 105);
        margin: 17px 0px 0px;
        padding: 15px 0px 0px;
        height: 100%;
        display: flex;
        flex-flow: column;
    }
    & .more {
        margin: 0 0px 0px;
    }
    & .date {
        font-size: 49px;
        font-family: 'Noto serif JP', serif;
        font-weight: 300;
        line-height: 1;
        & .small {
            font-size: 22px;
        }
    }
    & .time {
        font-size: 17px;
        margin: 8px 0px 0px;
        font-family: 'Noto serif JP', serif;
        line-height: 1;
    }
    & .place {
        border: 1px solid rgb(153, 153, 153);
        border-radius: 50%;
        width: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: wrap;
        gap: 0px;
        padding: 15px 0px;
        & .icon img {
            width: 13px;
            height: 18px;
        }
        & .area {
            width: 100%;
            margin: 0px;
            text-align: center;
            font-family: 'Noto serif JP', serif;
        }
    }
    & .spot {
        margin: 0px;
    }
    & .address {
        font-size: 14px;
        margin: 5px 0px 14px;
    }
    & .image {
        width: 100%;
        margin: auto 0px 20px;
    }
}
@media screen and (max-width: 768px) {
    .event-lp-schedule-items .item {
        border: 1px solid rgb(130, 130, 130);
        max-width: 330px;
        width: 100%;
        padding: 20px 25px 25px;
        margin: 0;

        & .header {
            gap: 0px 10px;
            align-items: center;
            display: flex;
            justify-content: space-between;
        }
        & .body {
            border-top: 1px solid rgb(105, 105, 105);
            margin: 17px 0px 0px;
            padding: 15px 0px 0px;
        }
        & .more {
            margin: 20px 0px 0px;
        }
        & .date {
            font-size: 49px;
            font-family: 'Noto serif JP', serif;
            font-weight: 300;
            line-height: 1;
            & .small {
                font-size: 22px;
            }
        }
        & .time {
            font-size: 17px;
            margin: 8px 0px 0px;
            font-family: 'Noto serif JP', serif;
            line-height: 1;
        }
        & .place {
            border: 1px solid rgb(153, 153, 153);
            border-radius: 50%;
            width: 75px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-flow: wrap;
            gap: 0px;
            padding: 15px 0px;
            & .icon img {
                width: 13px;
                height: 18px;
            }
            & .area {
                width: 100%;
                margin: 0px;
                text-align: center;
                font-family: 'Noto serif JP', serif;
            }
        }
        & .spot {
            margin: 0px;
        }
        & .address {
            font-size: 14px;
            margin: 5px 0px 0px;
        }
        & .image {
            width: 100%;
            height: 100%;
            margin: 14px 0px 0px;
        }
    }
}

/* event-lp-message */

.event-lp-message {
    padding: 95px 0px;
    background: url('../../../images/lp/consultation/message_bg.png') center center / cover no-repeat;
    & .title {
        font-size: 28px;
        font-family: 'Noto serif JP', serif;
        text-align: center;
        font-weight: 300;
        line-height: 1;
    }
    & .description {
        color: rgb(249, 249, 249);
        text-align: center;
        margin: 50px 0px 0px;
        font-weight: 300;
        line-height: 2.5;
    }
    & .action {
        text-align: center;
        margin: 50px auto 0px;
        max-width: 330px;
    }
}

/* event-lp-message-items */

@media screen and (max-width: 768px) {
    .event-lp-message {
        padding: 50px 15px;
        background: url('../../../images/lp/consultation/message_bg_sp.png') top center / contain no-repeat;
        margin: 50px 0px 0px;
        & .title {
            font-size: 23px;
            text-align: left;
            line-height: 1.6;
        }
        & .description {
            text-align: left;
            margin: 30px 0px 0px;
        }
        & .action {
            text-align: center;
            margin: 50px auto 0px;
            max-width: 330px;
        }
    }
}

.slick-dots li {
    width: 15px;
    height: 15px;
}
.slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 0.6;
}
.slick-dots li button:before {
    font-size: 26px;
    color: #ffffff;
}
.slick-dots li {
    margin: 0 0px;
}