.sp {
    display: none
}

.pc {
    display: block
}

.pagecontents {
    font-family: "Noto Sans JP", sans-serif;
    font-feature-settings: 'palt';
    width: 100%;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    padding: 120px 0 0
}

.pagecontents a:hover {
    opacity: .6;
    cursor: pointer
}

.pagecontents .mv {
    padding: 4.16667vw 14.58333vw;
    font-family: "Stick No Bills", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: #0f5a5a;
    color: #fff;
    background-size: cover;
    text-shadow: 1px 1px 2px #a61515, 0 0 1em #00004f, 0 0 .2em #00f
}

.pagecontents .mv h1 {
    font-weight: 800;
    font-size: 12.5vw;
    line-height: .9
}

.pagecontents .mv h1 span {
    font-family: math;
    padding: 0 1.04167vw 0;
    font-size: 9.375vw;
    display: inline-block;
    position: relative;
    top: 0
}

.pagecontents .mv p {
    margin-top: 4.16667vw;
    font-size: 3.33333vw;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    line-height: 120%
}

.pagecontents .block {
    padding: 80px 14.58333vw
}

.pagecontents .detail {
    background-color: #286aa6;
    color: #fff;
    margin: -1px 0 0
}

.pagecontents .detail h2 {
    font-size: 40px
}

.pagecontents .detail__btnarea {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    margin: 40px 0 60px
}

.pagecontents .detail__btnarea .btn {
    padding: 20px;
    font-weight: 600;
    border-radius: 999px;
    color: #000;
    display: flex;
    width: 100%;
    background-color: #f6ff00;
    font-size: 30px;
    justify-content: center;
    width: 100%;
    align-items: center;
    word-break: keep-all;
    text-align: center;
    height: auto
}

.pagecontents .detail p {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.7
}

.pagecontents .detail p span {
    display: block;
    margin: 16px 0 0;
    font-weight: 400;
    font-size: 18px
}

.pagecontents .schedulearea h2 {
    font-size: 80px;
    color: #286aa6
}

.pagecontents .schedulearea .timearea {
    margin: 40px 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 390px
}

.pagecontents .schedulearea .timearea .zone {
    display: flex;
    flex-direction: column
}

.pagecontents .schedulearea .timearea .zone__inner {
    display: flex;
    font-size: 30px;
    font-weight: 600;
    padding: 0 20px;
    color: #286aa6;
    align-items: center;
}

.pagecontents .schedulearea .timearea .zone .one {
    padding: 0 20px 0 0;
    margin: 0;
    width: 100%;
    max-width: 160px
}

.pagecontents .schedulearea .timearea .zone .time {
    white-space: nowrap;
    margin: 0
}

.pagecontents .schedulearea .timearea .zone hr.rounded {
    width: 100%;
    height: 6px;
    background-color: #286aa6;
    border-radius: 50px
}

.pagecontents .schedulearea .speecharea {
    margin: 80px 0 0;
}

.pagecontents .schedulearea .speecharea .title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    gap: 20px
}

.pagecontents .schedulearea .speecharea .title .genre {
    display: flex;
    font-size: 32px;
    font-weight: 600;
    border: 2px #000 solid;
    border-radius: 20px;
    padding: 4px 16px;
    width: -moz-fit-content;
    width: fit-content
}

.pagecontents .schedulearea .speecharea .title .genre p {
    margin: 0 0 0 20px
}

.pagecontents .schedulearea .speecharea .title h3 {
    font-size: 30px;
    font-weight: 600;
    padding: 0 0 4px;
    text-wrap: auto;
}

.pagecontents .schedulearea .speecharea .orange .genre {
    border-color: #e1542f;
    color: #e1542f
}

.pagecontents .schedulearea .speecharea .orange h3 {
    color: #e1542f
}

.pagecontents .schedulearea .speecharea .blue .genre {
    border-color: #132d7d;
    color: #132d7d
}

.pagecontents .schedulearea .speecharea .blue h3 {
    color: #132d7d
}

.pagecontents .schedulearea .speecharea .green .genre {
    border-color: #3aac46;
    color: #3aac46
}

.pagecontents .schedulearea .speecharea .green h3 {
    color: #3aac46
}

.pagecontents .schedulearea .speecharea .red .genre {
    border-color: #be003c;
    color: #be003c
}

.pagecontents .schedulearea .speecharea .red h3 {
    color: #be003c
}

.pagecontents .schedulearea .speecharea .download {
    margin: 20px 0 0
}

.pagecontents .schedulearea .speecharea .download a {
    color: #fff;
    display: flex;
    text-decoration: none;
    font-size: 30px;
    font-weight: 400;
    padding: 4px 48px;
    border-radius: 20px;
    justify-content: center;
    gap: 8px;
    width: -moz-fit-content;
    width: fit-content
}

.pagecontents .schedulearea .speecharea .download .btn-orange {
    background-color: #e1542f
}

.pagecontents .schedulearea .speecharea .download .btn-blue {
    background-color: #132d7d
}

.pagecontents .schedulearea .speecharea .download .btn-green {
    background-color: #3aac46
}

.pagecontents .schedulearea .speecharea .download .btn-red {
    background-color: #be003c
}

.pagecontents .schedulearea .speecharea .people {
    margin: 40px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.pagecontents .schedulearea .speecharea .people .item {
    display: flex;
    flex-direction: column;
    margin: 0 0 32px;
    width: calc((100%/ 4) - 20px);
    gap: 20px
}

.pagecontents .schedulearea .speecharea .people .item img {
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    aspect-ratio: 1 / 1;
}

.pagecontents .schedulearea .speecharea .people .item p {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    display: inline-block
}
.pagecontents .schedulearea .speecharea .people .item p b {
    display: block;
    font-size: 80%;
    font-weight: normal;
    padding: 0 0 10px;
}
.pagecontents .schedulearea .speecharea .people .item p span {
    display: block;
    font-size: 75%;
    font-weight: normal;
    padding: 10px 0;
}
.pagecontents .schedulearea .speecharea .people .item p span {
    display: block;
    font-size: 75%;
    font-weight: normal;
    padding: 10px 0;
}
.pagecontents .schedulearea .speecharea .people .item p .left {
    text-align: left;
}
.pagecontents .schedulearea .speecharea .orange {
    color: #e1542f
}

.pagecontents .schedulearea .speecharea .blue {
    color: #132d7d;
}

.pagecontents .schedulearea .speecharea .green {
    color: #3aac46
}

.pagecontents .schedulearea .speecharea .red {
    color: #be003c
}

.pagecontents .outlinearea {
    display: flex;
    gap: 48px
}

.pagecontents .outlinearea .left h2 {
    font-size: 80px;
    color: #286aa6;
    margin: 0
}

.pagecontents .outlinearea .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 40px;
    min-width: 0;
    width: 100%
}

.pagecontents .outlinearea .right .text p {
    font-size: 24px;
    border-bottom: #286aa6 2px solid;
    padding: 0 0 8px;
    margin: 20px 0 0
}

.pagecontents .outlinearea .right .divided {
    font-size: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.pagecontents .outlinearea .right .divided p {
    margin: 0
}

.pagecontents .outlinearea .right .divided hr {
    width: 100%;
    height: 2px;
    background-color: #286aa6;
    border: solid #286aa6 0;
    padding: 0;
    margin: 0
}

.pagecontents .outlinearea .right .divided img {
    padding: 20px
}

.pagecontents .outlinearea .right .divided a {
    text-decoration: none;
    color: inherit
}

.pagecontents .outlinearea .right .btnarea p {
    font-size: 24px;
    margin: 0 0 8px
}

.pagecontents .outlinearea .right .btnarea a {
    display: flex;
    width: 100%;
    background-color: #286aa6;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    justify-content: center;
    padding: 24px 0;
    border-radius: 20px
}
.timearea-txt{
    color: #286aa6;
    font-size: 125%;
}
@media (max-width:1440px) {
    .pagecontents .detail__btnarea .btn {
        font-size: 24px
    }
}

@media (max-width:1200px) {
    .pagecontents .detail__btnarea .btn {
        display: flex;
        font-size: 24px;
        flex-direction: column
    }

    .pagecontents .schedulearea .speecharea .title {
        flex-direction: column;
        align-items: flex-start
    }

    .pagecontents .outlinearea {
        flex-direction: column
    }
}

@media (max-width:960px) {
    .pagecontents {
        padding: 0 0 0
    }
}

@media (max-width:820px) {
    .sp {
        display: block
    }

    .pc {
        display: none
    }

    .pagecontents .mv {
        padding: 16vw 4.26667vw 10.66667vw
    }

    .pagecontents .mv h1 {
        font-size: 18.13333vw
    }

    .pagecontents .mv h1 span {
        padding: 0 4px 0;
        font-size: 13.86667vw;
        top: 0
    }

    .pagecontents .mv p {
        font-size: 6.4vw
    }

    .pagecontents .block {
        padding: 10.66667vw 4.26667vw
    }

    .pagecontents .detail h2 {
        font-size: 32px
    }

    .pagecontents .detail__btnarea {
        flex-direction: column;
        gap: 16px
    }

    .pagecontents .detail__btnarea .btn {
        display: block;
        line-height: 1.2
    }

    .pagecontents .detail__btnarea .btn span {
        font-size: 16px;
        font-weight: 400
    }

    .pagecontents .detail p {
        font-size: 16px
    }

    .pagecontents .detail p span {
        font-size: 14px;
        margin: 8px 0 0
    }

    .pagecontents .schedulearea h2 {
        font-size: 32px
    }

    .pagecontents .schedulearea .timearea {
        width: 100%;
        max-width: unset
    }

    .pagecontents .schedulearea .timearea .zone {
        width: 100%
    }

    .pagecontents .schedulearea .timearea .zone__inner {
        font-size: 24px;
        justify-content: space-between
    }

    .pagecontents .schedulearea .speecharea .title {
        flex-direction: column
    }

    .pagecontents .schedulearea .speecharea .title .genre {
        font-size: 24px;
        width: 100%;
        justify-content: space-between;
        white-space: wrap;
        flex-direction: row
    }

    .pagecontents .schedulearea .speecharea .title h3 {
        text-align: center;
        text-wrap: auto;
        line-height: 1.4;
        font-size: 26px;
        word-break: auto-phrase;
        width: 100%
    }

    .pagecontents .schedulearea .speecharea .download a {
        font-size: 20px;
        width: 100%
    }

    .pagecontents .schedulearea .speecharea .download a img {
        width: 24px
    }

    .pagecontents .schedulearea .speecharea .people {
        gap: unset;
        justify-content: space-between
    }

    .pagecontents .schedulearea .speecharea .people .item {
        width: calc((100% - 24px)/ 2);
        margin: 0 0 20px
    }

    .pagecontents .outlinearea {
        gap: 16px;
        flex-direction: column
    }

    .pagecontents .outlinearea .left h2 {
        font-size: 32px
    }

    .pagecontents .outlinearea .right {
        gap: 24px
    }

    .pagecontents .outlinearea .right .text p {
        font-size: 16px
    }

    .pagecontents .outlinearea .right .divided {
        font-size: 16px
    }

    .pagecontents .outlinearea .right .divided img {
        padding: 8px
    }

    .pagecontents .outlinearea .right .btnarea p {
        font-size: 16px
    }

    .pagecontents .outlinearea .right .btnarea a {
        padding: 14px 0;
        font-size: 24px
    }
}

/*# sourceMappingURL=top.css.map */