@charset "UTF-8";

/* ==========================================================
Name:
    sub.css

Description:
    下層ページ用のCSS

Contents:

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

/* ==========================================================
*
*   layout
*
========================================================== */
.l-sub-article {
    position: relative;
    margin-bottom: 64px;
}

.l-sub-kv {
    position: relative;
    width: 100%;
    height: 230px;
    overflow: hidden;
}




.l-container.-sub-kv {
    margin-inline: initial;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
}



.l-sub-kv__titles {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.l-sub-kv__titles * {
    color: #fff;
}

.l-sub-kv__english {
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.02em;
    opacity: 0.3;
    margin-bottom: 12px;
}

.l-sub-kv__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 18px;
    text-align: left;
}

.l-sub-kv__message {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.08em;
}

.l-sub-kv__detail {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 0.02em;
    color: #a085dd;
    mix-blend-mode: multiply;
}

.l-sub-kv__detail.-news {
    color: #b0cd70;
}

.l-sub-kv:before {
    position: absolute;
    content: '';
    mix-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}

.l-sub-kv .l-container {
    position: relative;
}

.l-sub-kv .l-container:before {
    position: absolute;
    content: '';
    mix-blend-mode: overlay;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


@media screen and (max-width: 768px) {
    .l-sub-kv {
        height: 200px;
    }

    .l-sub-kv__titles {
        /* padding-top: 40px; */
    }

    .l-sub-kv__english {
        font-size: 23.8px;
        margin-bottom: 14px;
    }

    .l-sub-kv__title {
        font-size: 30px;
        margin-bottom: 16px;
    }


}



/* .l-sub-kv（大学ブース） */
.l-sub-kv.-university {
    background-image: linear-gradient(90deg, rgb(233, 124, 169) 0%, rgb(255, 207, 227) 100%);
}

.l-sub-kv.-university:before {
    background-image: url(/files/img/university/accessory-university.png);
    width: 81.5%;
    height: auto;
    aspect-ratio: 1109/707;
    top: -72.6%;
    left: -4.2%;
    opacity: 0.3;
}


.l-sub-kv.-university .l-container:before {
    background-image: url(/files/img/common/illust_phone-operation.png);
    max-width: 242px;
    width: 100%;
    height: auto;
    aspect-ratio: 242/274;
    bottom: -28.1%;
    left: 26%;
}


@media screen and (max-width: 768px) {
    .l-sub-kv.-university:before {
        width: 147.8%;
        top: -13.25%;
        left: -7.7%;
    }

    .l-sub-kv.-university .l-container:before {
        max-width: 183px;
        left: initial;
        right: 5.3%;
        bottom: -11%;
    }
}

/* .l-sub-kv（受験対策） */
.l-sub-kv.-kawaijuku {
    background-image: linear-gradient(90deg, rgb(20, 188, 255) 0%, rgb(136, 209, 245) 100%);
}


.l-sub-kv.-kawaijuku:before {
    background-image: url(/files/img/kawaijuku/accessory-kawaijuku.png);
    width: 79.77%;
    height: auto;
    aspect-ratio: 1085/692;
    left: -2.2%;
    opacity: 0.6;
}


.l-sub-kv.-kawaijuku .l-container:before {
    background-image: url(/files/img/common/illust_writing.png);
    max-width: 297px;
    width: 100%;
    height: auto;
    aspect-ratio: 297/197;
    bottom: -13.47%;
    left: 15.6%;
}

@media screen and (min-width: 769px) {
    .l-sub-kv.-kawaijuku::before {
        top: 50%;
        transform: translateY(-60%);
    }
}

@media screen and (max-width: 768px) {
    .l-sub-kv.-kawaijuku:before {
        width: 149.33%;
        aspect-ratio: 1120/715;
        top: -39.75%;
        left: -9.2%;
    }

    .l-sub-kv.-kawaijuku .l-container:before {
        max-width: 235px;
        left: initial;
        right: -12.9%;
        bottom: 2.3%;
    }
}

/* .l-sub-kv（講演ブース） */
.l-sub-kv.-lecture {
    background-image: linear-gradient(90deg, rgb(245, 189, 100) 0%, rgb(254, 216, 154) 100%);
}


.l-sub-kv.-lecture:before {
    background-image: url(/files/img/lecture/accessory-lecture.png);
    width: 108.52%;
    height: auto;
    aspect-ratio: 1476/941;
    left: -5.5%;
    opacity: 1;
}


.l-sub-kv.-lecture .l-container:before {
    background-image: url(/files/img/common/illust_phone-view.png);
    max-width: 372px;
    width: 100%;
    height: auto;
    aspect-ratio: 372/183;
    bottom: 3.4%;
    left: 15.5%;
}

@media screen and (min-width: 769px) {
    .l-sub-kv.-lecture::before {
        top: 50%;
        transform: translateY(-57%);
    }
}

@media screen and (max-width: 768px) {
    .l-sub-kv.-lecture:before {
        width: 196.8%;
        aspect-ratio: 1120/715;
        top: -100.5%;
        left: -19%;
    }

    .l-sub-kv.-lecture .l-container:before {
        max-width: 235px;
        left: initial;
        right: -12.9%;
        bottom: 2.3%;
    }
}

/* .l-sub-kv（教員ブース） */
.l-sub-kv.-faculty {
    background-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(53, 51, 154) 100%);
}

/* .l-sub-kv　ユニフェスブログ */
.l-sub-kv.-article {
    background-image: linear-gradient(90deg, #a085dd 0%, #ebe2ff 100%);
}

.l-sub-kv.-article.-details {
    overflow: visible;
}


.l-sub-kv.-article:before {
    background-image: url(/files/img/article/accessory-article.png);
    width: 100%;
    height: 100%;
    opacity: 0.73;
    overflow: hidden;
}


.l-sub-kv.-article .l-container:before {
    background-image: url(/files/img/common/illust_mic.png);
    max-width: 329px;
    width: 100%;
    height: auto;
    aspect-ratio: 329/224;
    bottom: -9.13%;
    left: 19.11%;
}

.l-sub-kv.-article.-details .l-container:before {
    display: none;
}


@media screen and (max-width: 768px) {
    .l-sub-kv.-article.-details {
        min-height: 400px;
        height: auto;
    }

    .l-sub-kv.-article:before {}

    .l-sub-kv.-article.-details .l-container:before {
        display: block;
        aspect-ratio: 474/323;
        width: 63.2%;
        height: auto;
    }

    .l-sub-kv.-article .l-sub-kv__titles {
        padding-top: 40px;
    }

    .l-sub-kv.-article .l-container:before {
        max-width: 235px;
        left: initial;
        right: -12.63%;
        bottom: 5.25%;
    }

    .l-sub-kv__title.-article.-details {
        font-size: 25px;
    }

    .l-sub-kv__detail {
        font-size: 24px;
    }

    .l-sub-kv__message {
        font-size: 14.3px;
        margin-bottom: 20px;
    }
}

/* .l-sub-kv　ニュース */
.l-sub-kv.-news {
    background-image: linear-gradient(90deg, #b0cd70 0%, #fffcaf 100%);
}

.l-sub-kv.-news.-details {
    overflow: visible;
}


.l-sub-kv.-news:before {
    background-image: url(/files/img/news/accessory-news.png);
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* .l-sub-kv.-news.-details:before {
    width: 100%;
    height: 100%;
    overflow: hidden;
} */


.l-sub-kv.-news .l-container:before {
    background-image: url(/files/img/common/illust_news.png);
    max-width: 167px;
    width: 100%;
    height: auto;
    aspect-ratio: 167/226;
    bottom: -4.34%;
    left: 16.37%;
}


@media screen and (max-width: 768px) {
    /* .l-sub-kv.-news:before {
        width: 134.53%;
        top: -6.25%;
        left: -1.2%;
    } */

    .l-sub-kv.-news .l-container:before {
        max-width: 138.5px;
        left: initial;
        right: 0%;
        bottom: -3.04%;
    }

    .l-sub-kv.-news.-details {
        min-height: 400px;
        height: auto;
    }

    .l-sub-kv.-news .l-sub-kv__titles {
        padding-top: 40px;
    }
}

/* .l-sub-kv（ユニフェスTV） */
.l-sub-kv.-unifes-tv {
    background-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(131, 131, 131) 100%);
}

.l-sub-kv.-unifes-tv:before {
    background-image: url(/files/img/movie/accessory-movie.png);
    width: 79.77%;
    height: auto;
    aspect-ratio: 1085/692;
    left: -2.2%;
    opacity: 0.6;
}

@media screen and (min-width: 769px) {
    .l-sub-kv.-unifes-tv::before {
        top: 50%;
        transform: translateY(-59.5%);
    }
}

@media screen and (max-width: 768px) {
    .l-sub-kv.-unifes-tv:before {
        width: 149.33%;
        aspect-ratio: 1120/715;
        top: -39.75%;
        left: -9.2%;
    }
}

/* .l-sub-kv　アンケート */
.l-sub-kv.-survey {
    background-image: linear-gradient(90deg, rgb(0,118,195) 0%, rgb(226,240,255) 100%);
}

.l-sub-kv.-survey.-details {
    display: flex;
    height: auto;
    min-height: 230px;
}

.l-sub-kv.-survey:before {
    background-image: url(/files/img/survey/accessory-survey.png);
    width: 100%;
    height: 100%;
    opacity: 0.73;
    overflow: hidden;
}


.l-sub-kv.-survey .l-container:before {
    background-image: url(/files/img/common/illust_mic.png);
    max-width: 329px;
    width: 100%;
    height: auto;
    aspect-ratio: 329/224;
    bottom: -9.13%;
    left: 28.11%;
}

.l-sub-kv.-survey.-details .l-container:before {
    bottom: -50px;
}

.l-sub-kv.-survey.-details .l-sub-kv__titles {
    padding-block: 20px;
}

@media screen and (max-width: 768px) {
    .l-sub-kv.-survey.-details {
        display: block;
        min-height: auto;
    }

    .l-sub-kv.-survey.-details .l-container:before {
        display: block;
        height: auto;
        bottom: 50%;
        right: -43px;
        translate: 0 50%;
    }

    .l-sub-kv.-survey .l-sub-kv__titles {
        padding-top: 40px;
    }

    .l-sub-kv.-survey.-details .l-sub-kv__titles {
        padding-block: 40px 0;
    }

    .l-sub-kv.-survey.-details .l-sub-kv__title {
        font-size: 25px;
        line-height: 1.4;
    }

    .l-sub-kv.-survey .l-container:before {
        max-width: 235px;
        left: initial;
        right: -12.63%;
        bottom: 5.25%;
    }
}


/* .l-sub-kv　共通下層ページ */
.l-sub-kv.-usual {
    background-image: linear-gradient(90deg, #d1d5f0 0%, #f4f8fc 100%);
}


.l-sub-kv.-usual:before {
    background-image: url(/files/img/common/accessory-common.png);
    width: 93.85%;
    height: auto;
    aspect-ratio: 1449/924;
    left: -2.5%;
    bottom: -64.78%;
}

.l-sub-kv__message.-usual {
    max-width: 1000px;
    text-align: left;
}

.l-sub-kv__link {
    position: absolute;
    right: 0;
}

@media screen and (max-width: 768px) {
    .l-sub-kv.-usual:before {
        width: 146.26%;
        /* aspect-ratio: 1097/699; */
        aspect-ratio: 1/1;
        left: -1.86%;
        top: -23.75%;
        bottom: initial;
    }

    .l-sub-kv.-usual {
        /* height: auto; */
        min-height: 200px;
    }
}

/* ==========================================================
*
*   component
*
========================================================== */
.c-sub-article-info-wrapper {
    position: relative;
    margin-bottom: 48px;
}

.c-sub-article-info {
    position: relative;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0px 12px 46px 0px rgba(0, 0, 0, 0.27);
    height: 240px;
    margin-bottom: 8px;
}

.c-sub-article-info__item1 {
    position: relative;
    z-index: 1;
    padding: 40px 0 40px 40px;
}

.c-sub-article-info__tag {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
    color: #a085dd;
    margin-bottom: 6px;
}

.c-sub-article-info__tag.-news {
    color: #b0cd70;
}

.c-sub-article-info__date {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
    margin-bottom: 20px;
}

.c-sub-share-icons-wrapper.-right {
    display: flex;
    justify-content: flex-end;
}

.c-sub-share-icons {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 11px 14px;
    background-color: #f6f6f6;
    border-radius: 0 0 10px 0;
}

.c-sub-share-icons__txt {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
    margin-right: 12px;
}

.c-sub-share-icons__imgs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.c-sub-share-icons__link {
    width: 37px;
    height: 37px;
    display: inline-block;
    margin-right: 10px;
}

.c-sub-share-icons__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .c-sub-share-icons {
        display: flex;
        border-radius: 0 0 20px 0;
        padding: 20px;
    }


    .c-sub-share-icons__link {
        width: 23px;
        height: 23px;
    }
}

.c-sub-article-info__item2 {
    position: absolute;
    max-width: 660px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

.c-sub-article-info__item2:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 100%;
    background: linear-gradient(90deg, #fff 0%, #fff 50%, transparent 100%);
    top: 0;
    left: 0;
}

.c-sub-article-info__thumbnail {
    width: 100%;
    height: 100%;
}

.c-sub-article-info__thumbnail-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.c-sub-article-info__thumbnail-img.-logo {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

@media screen and (max-width: 768px) {
    .c-sub-article-info {
        flex-direction: column;
        height: initial;
        box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.27);
    }

    .c-sub-article-info__item1 {
        padding: 20px 20px 15px 20px;
    }

    .c-sub-article-info__tag {
        font-size: 15px;
    }

    .c-sub-article-info__date {
        font-size: 15px;
        margin-bottom: 16px;
    }

    .c-sub-article-info__item2 {
        position: initial;
        max-width: initial;
    }

    .c-sub-article-info__item2:before {
        display: none;
    }
}

.c-sub-university-pr {
    padding: 60px 0 100px;
}

.c-sub-university-pr__item1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 38px;
}

.c-sub-university-pr__kinds-region {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 700;
}

.c-sub-university-pr__univ-name {
    font-size: 38px;
    font-weight: 700;
}

.c-sub-university-pr__doc-request {
    font-size: 16px;
    font-weight: 600;
    color: #3a3f64;
    line-height: 1.25;
    border: 2px solid #3a3f64;
    background-color: #fff;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.c-sub-university-pr__item2 {
    display: flex;
    flex-direction: row;
}

.c-sub-university-pr__pic {
    max-width: 300px;
    width: 40%;
    margin-right: 23px;
    flex-shrink: 0;
}

.c-sub-university-pr__text {
    font-size: 15px;
    line-height: 1.8;
}

.c-sub-university-pr__item1-wrap:has(.c-sub-university-pr__fav-btn) {
    padding-inline: 10px;
    display: flex;
    align-items: center;
    gap: 26px;
}

.c-sub-university-pr__fav-btn {
    display: block;
    flex-shrink: 0;
    text-align: center;
}

.c-sub-university-pr__fav-btn-icn {
    max-width: 48px;
    height: auto;
    aspect-ratio: 48 / 42;
}

.c-sub-university-pr__fav-btn-txt {
    display: block;
    margin-inline: auto;
    padding-left: 0.08em;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    font-feature-settings: "palt" 1;
}


.c-sub-university-pr__cat {
    margin-block: 30px 40px;
    overflow-x: auto;
}

.c-sub-university-pr__cat-list {
    padding-top: 10px;
    display: grid;
    grid-template-columns: repeat(10, min(100%, 70px));
    column-gap: 10px;
}

.c-sub-university-pr__cat-item {
    aspect-ratio: 1 / 1;
}

.c-sub-university-pr__cat-link {
    width: 100%;
    height: 100%;
    padding-left: calc(80 / 1000 * 1em);
    display: grid;
    place-items: center;
    font-size: 14px;
    font-weight: bold;
    line-height: calc(18 / 14);
    letter-spacing: calc(80 / 1000 * 1em);
    text-align: center;
    border-radius: 10px;
    transform: translateY(0);
    transition: transform 0.3s;
}

@media (hover: hover) and (pointer: fine) {
    .c-sub-university-pr__cat-link:hover {
        transform: translateY(-3px);
    }
}

.c-sub-university-pr__cat-link:not(.c-sub-university-pr__cat-link--pink):not(.c-sub-university-pr__cat-link--blue) {
    color: #0076c3;
    border: 2px solid #0076c3;
}

.c-sub-university-pr__cat-link--pink,
.c-sub-university-pr__cat-link--blue {
    color: #fff;
}

.c-sub-university-pr__cat-link--pink {
    font-size: 20px;
    background-color: #e97ca9;
}

.c-sub-university-pr__cat-link--blue {
    background-color: #0076c3;
}

.c-sub-university-pr__cat-link--icn-1,
.c-sub-university-pr__cat-link--icn-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}

.c-sub-university-pr__cat-link--icn-1::before,
.c-sub-university-pr__cat-link--icn-2::before {
    content: "";
    display: block;
    width: 40px;
    aspect-ratio: 40 / 34;
}

.c-sub-university-pr__cat-link--icn-1::before {
    background: url(/files/img/university/icn_university.png) no-repeat center/ contain;
}

.c-sub-university-pr__cat-link--icn-2::before {
    background: url(/files/img/university/icn_materials.png) no-repeat center/ contain;
}

@media screen and (max-width: 768px) {
    .c-sub-university-pr {
        padding: 0 0 48px;
    }

    .c-sub-university-pr__item1 {
        position: relative;
        padding-top: 54px;
        margin-bottom: 21px;
    }

    .c-sub-university-pr__kinds-region {
        font-size: 15px;
        margin-bottom: 11px;
    }

    .c-sub-university-pr__univ-name {
        font-size: 28px;
    }

    .c-sub-university-pr__doc-request {
        position: absolute;
        top: 21px;
        right: 0;
        width: 30px;
        height: 30px;
        padding: 4px;
        font-size: 8px;
    }

    .c-sub-university-pr__item2 {
        flex-direction: column;
    }

    .c-sub-university-pr__pic {
        max-width: initial;
        width: 100%;
        margin-right: 0;
        margin-bottom: 23px;
    }

    .c-sub-university-pr__pic img {
        width: 100%;
    }

    .c-sub-university-pr__text {
        font-size: 15px;
    }

    .c-sub-university-pr__item1-wrap:has(.c-sub-university-pr__fav-btn) {
        padding-inline: 12px;
        gap: 12px;
    }

    .c-sub-university-pr__fav-btn-icn {
        max-width: 36px;
    }

    .c-sub-university-pr__fav-btn-txt {
        margin-top: 7px;
        font-size: 11px;
    }


    .c-sub-university-pr__cat {
        margin: 20px 6px 20px;
        padding-bottom: 10px;
    }

    .c-sub-university-pr__cat-list {
        display: grid;
        grid-template-columns: repeat(10, min(100%, 66px));
    }

    .c-sub-university-pr__cat-link {
        font-size: 13px;
        border-radius: 5px;
    }

    .c-sub-university-pr__cat-link--pink {
        font-size: 18px;
    }

    .c-sub-university-pr__cat-link--blue {
        font-size: 14px;
    }

    .c-sub-university-pr__cat-link--icn-1,
    .c-sub-university-pr__cat-link--icn-2 {
        padding-top: 3px;
        gap: 3px;
    }

    .c-sub-university-pr__cat-link--icn-1::before,
    .c-sub-university-pr__cat-link--icn-2::before {
        width: 38px;
    }
}

.c-sub-university-event {
    position: relative;
    background-color: #f6f6f6;
    padding: 60px 0;
    overflow: hidden;
}

.c-sub-university-event:before {
    position: absolute;
    content: '';
    mix-blend-mode: multiply;
    background-image: url(/files/img/university/accessory-university-detail.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 98.67%;
    height: auto;
    aspect-ratio: 1342/819;
    top: -6px;
    left: -1px;
    opacity: 0.5;
}

.c-sub-university-event .l-container,
.c-sub-university-event .l-container * {
    position: relative;
}

.c-sub-university-event .l-container:before {
    position: absolute;
    content: 'EVENT!';
    font-size: 180px;
    font-weight: 900;
    line-height: 1;
    color: #ffffff;
    top: -60px;
    left: -14px;
    z-index: 0;
}

.c-sub-event-head-sub-wrapper {
    text-align: center;
}

.c-sub-event-head-sub {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    padding: 0 24px;
    margin-bottom: 15px;
}

.c-sub-event-head-sub:before {
    position: absolute;
    content: '';
    width: 1.414em;
    height: 1px;
    background-color: #181818;
    top: 50%;
    left: 0;
    transform: rotate(45deg);
}

.c-sub-event-head-sub:after {
    position: absolute;
    content: '';
    width: 1.414em;
    height: 1px;
    background-color: #181818;
    top: 50%;
    right: 0;
    transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
    .c-sub-event-head-sub {
        font-size: 15px;
    }

    .c-sub-university-event .l-container:before {
        font-size: 24.5vw;
        top: calc(-60px - 4.25vw);
    }
}



@media screen and (max-width: 768px) {
    .c-sub-university-event:before {
        width: 162.1%;
        top: -54px;
        left: -54px;
        opacity: 0.54;
    }

}



.c-sub-keinet-list {
    max-width: 615px;
    width: 100%;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.c-sub-keinet-list:after {
    content: '';
    width: 33%;
    display: block;
}

.c-sub-keinet-list__item {
    width: 33%;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .c-sub-keinet-list {
        max-width: initial;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .c-sub-keinet-list__item {
        max-width: 200px;
        width: 100%;
        margin-bottom: 38px;
    }
}

/* 受験対策 */
.c-sub-kawaijuku-event-list {
    /* margin-bottom: 108px; */
}

@media screen and (max-width: 768px) {
    .c-sub-kawaijuku-event-list {
        margin-bottom: 20px;
    }

    .c-small-event-list__item.-kawaijuku {
        width: 48%;
        margin-bottom: 40px;
    }

    .c-small-event-list__item.-kawaijuku .c-small-event-list__pic {
        margin-bottom: 4px;
    }
}


/* 講演ブース */
.c-sub-lec-index {
    max-width: 500px;
    margin-inline: auto;
    margin-bottom: 40px;
}

/* ユニフェスブログ */
.c-sub-article-content {
    margin-bottom: 64px;
}

.c-sub-article-content p:not([class]) {
    margin-bottom: 24px;
}

.c-sub-article-introduction {
    margin-bottom: 40px;
}

.c-sub-article-introduction p {
    margin-bottom: 16px;
}

.c-sub-article-section {
    padding: 64px 0;
}

.c-sub-pagenation {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    margin-inline: auto;
}

.c-sub-pagenation__item {
    position: relative;
    font-size: 15.9px;
    line-height: 1.49;
    font-weight: 600;
    width: 25.83px;
    height: 25.83px;
    border-radius: 100px;
    transition: 0.3s;
}

.c-sub-pagenation__item.-usual:not(.-current):not(.-inactive):hover {
    background-color: #222855b3;
    color: #fff;
}

.c-sub-pagenation__item.-current {
    color: #fff;
    background-color: #222855;
}

.c-sub-pagenation__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.safari .c-sub-pagenation__link {
    line-height: 1;
    padding-left: 0.12em;
}

@media screen and (max-width: 768px) {
    .safari .c-sub-pagenation__link {
        padding-left: 0.17em;
    }
}

.c-sub-pagenation__item.-prev {
    margin-right: 32px;
}

.c-sub-pagenation__item.-prev:before {
    position: absolute;
    content: '';
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    border-left: 2px solid #212754;
    border-bottom: 2px solid #212754;
    transform: translate(-50%, -50%) rotate(45deg);
}

.c-sub-pagenation__item.-inactive {
    pointer-events: none;
}

.c-sub-pagenation__item.-inactive.-prev:before {
    border-color: #d3d4dd;
}

.c-sub-pagenation__item.-next {
    margin-left: 32px;
}

.c-sub-pagenation__item.-next:before {
    position: absolute;
    content: '';
    right: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 50%;
    border-left: 2px solid #212754;
    border-bottom: 2px solid #212754;
    transform: translate(50%, -50%) rotate(-135deg);
}

.c-sub-pagenation__item.-inactive.-next:before {
    border-color: #d3d4dd;
}

@media screen and (max-width: 768px) {
    .c-sub-pagenation__item {
        font-size: 12px;
        width: 20px;
        height: 20px;
    }

    .c-sub-pagenation__item.-prev:before {
        width: 8px;
        height: 8px;
    }

    .c-sub-pagenation__item.-next:before {
        width: 8px;
        height: 8px;
    }
}

/* NEWS */


/* タイムスケジュール */
.c-sub-ts-cat-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 12px
}

.c-sub-ts-cat-list__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 24px;
    margin-bottom: 4px;
}

.c-sub-ts-cat-list__item__square {
    width: 60px;
    height: 5px;
    margin-right: 4px;
    display: block
}

.c-sub-ts-cat-list__item__square.-hokkaido_tohoku {
    background: #e97ca9;
}

.c-sub-ts-cat-list__item__square.-kanto_koshinetsu {
    background: #a085dd;
}

.c-sub-ts-cat-list__item__square.-tokai_hokuriku {
    background: #ec9b1c;
}

.c-sub-ts-cat-list__item__square.-kansai_chushikoku {
    background: #61c7f9;
}

.c-sub-ts-cat-list__item__square.-kyusyu_okinawa {
    background: #b0cd70;
}

.c-sub-ts-cat-list__item__square.-overseas {
    background: #222855;
}

.c-sub-ts-list {
    display: flex;
    flex-direction: column
}

.c-sub-ts-list__item-wrapper {
    position: relative;
    width: 100%;
    border: 4px solid #c21500;
    -o-border-image: linear-gradient(to right, #febb51 0, #fb71b1 21.18%, #9a7cc7 43.35%, #3384e6 63.55%, #569de6 80.79%, #33c7f0 100%);
    border-image: linear-gradient(to right, #febb51 0, #fb71b1 21.18%, #9a7cc7 43.35%, #3384e6 63.55%, #569de6 80.79%, #33c7f0 100%);
    border-image-slice: 1;
    margin-bottom: 32px
}

.c-sub-ts-list__item-wrapper.--sp {
    display: none
}

.c-sub-ts-list__item {
    height: 0;
    overflow: hidden;
    padding-top: 34%
}

.c-sub-ts-list__item__iframe {
    margin-top: -34%;
    transform-origin: 0 0;
    visibility: hidden
}

.c-sub-ts-list__item__iframe html::-webkit-scrollbar {
    display: none
}

@media screen and (max-width: 768px) {
    .c-sub-ts-list__item-wrapper.--sp {
        display: block
    }

    .c-sub-ts-list__item-wrapper.--pc {
        display: none
    }

    .c-sub-ts-list__item {
        padding-top: 160%
    }

    .c-sub-ts-list__item__iframe {
        margin-top: -160%;
        display: block
    }
}

.c-sub-ts-timeschedule-table {
    width: 100%;
    margin: auto;
    border: 1px solid #333;
    background-color: #7d7d7d;
    table-layout: fixed;
    width: 100%
}

.c-sub-ts-ttl {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px
}

.c-container.--ts {
    max-width: 1800px;
    width: 98%;
    padding: 0 8px
}

.c-sub-ts-timeschedule-table__tr {
    border-bottom: 1px dotted #333;
    background-color: #fff
}

.c-sub-ts-timeschedule-table__td,
.c-sub-ts-timeschedule-table__th {
    border-right: 1px solid #333
}

.c-sub-ts-timeschedule-table__th {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    background-color: #3f3f3f
}

.c-sub-ts-timeschedule-table__tr:first-child .c-sub-ts-timeschedule-table__th {
    width: 150px;
}

.c-sub-ts-timeschedule-table__td {
    text-align: center;
    display: table-cell;
    background: #7d7d7d;
    border-top: 5px solid #7d7d7d;
    padding: 0
}

.hokkaido_tohoku {
    border-color: #e97ca9;
    background-color: #fff;
    display: table-cell
}

.kanto_koshinetsu {
    border-color: #a085dd;
    background-color: #fff;
    display: table-cell
}

.tokai_hokuriku {
    border-color: #ec9b1c;
    background-color: #fff;
    display: table-cell
}

.kansai_chushikoku {
    border-color: #61c7f9;
    background-color: #fff;
    display: table-cell
}

.kyusyu_okinawa {
    border-color: #b0cd70;
    background-color: #fff;
    display: table-cell
}

.overseas {
    border-color: #222855;
    background-color: #fff;
    display: table-cell
}

.c-sub-ts-timeschedule-table_link {
    font-size: 12px;
    font-weight: 600;
    color: #0076c3;
    width: 100%;
    display: block;
    padding: 8px 12px;
    position: relative;
    text-decoration: underline;
    line-height: 1.3;
    text-align: center;
}

.c-sub-ts-timeschedule-table_link:hover {
    text-decoration: initial
}

@media screen and (max-width: 768px) {
    .c-scrollbar::-webkit-scrollbar {
        width: 10px;
        height: 10px
    }

    .c-scrollbar::-webkit-scrollbar-thumb {
        border-radius: .25rem
    }

    .c-scrollbar::-webkit-scrollbar-thumb {
        --bg-opacity: 1;
        background-color: #0076c3
    }

    .c-sub-ts-timeschedule-table-wrapper {
        display: -webkit-box;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        margin-bottom: 32px
    }

    .c-sub-ts-timeschedule-table__tbody {
        display: flex
    }

    .c-sub-ts-timeschedule-table__th,
    .c-sub-ts-timeschedule-table__tr:first-child .c-sub-ts-timeschedule-table__th {
        font-size: 18px;
        width: 100%;
        padding: 4px 12px
    }

    .c-sub-ts-timeschedule-table__td,
    .c-sub-ts-timeschedule-table__th {
        border-right: none
    }

    .c-sub-ts-timeschedule-table__tr {
        display: flex;
        flex-direction: column;
        background-color: #7d7d7d;
        min-width: 250px
    }

    .c-sub-ts-timeschedule-table__td {
        width: 100%;
        height: 100%;
        display: block !important
    }

    .c-sub-ts-timeschedule-table_link {
        font-size: 10px;
        height: 100%
    }

    .c-sub-ts-ttl {
        font-size: 21px
    }

    .c-sub-ts-cat-list {
        flex-direction: row;
        flex-wrap: wrap
    }

    .c-sub-ts-cat-list__item__square {
        width: 20px;
        height: 5px;
        margin-right: 4px
    }

    .c-sub-ts-cat-list__item {
        font-size: 12px;
        width: 42%
    }
}

@media screen and (max-width: 320px) {
    .c-sub-ts-cat-list__item {
        width: 100%;
    }
}

/* 学問ブース */
.c-sub-academic-sidebar-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 160px;
    border: 3px solid #222855;
    background-color: #fff;
}

.c-sub-academic-sidebar.-sp {
    display: none;
}

.c-sub-academic-sidebar__head {
    background-color: #222855;
    font-weight: 900;
    font-size: 24px;
    letter-spacing: 0.08em;
    color: #fff;
    text-align: left;
    position: relative;
    padding: 22px 22px 22px 56px;
}

.c-sub-academic-sidebar__head:before {
    position: absolute;
    content: '';
    background-image: url(/files/img/common/illust_university.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 31px;
    height: 26px;
    left: 19px;
    top: calc(50% - 13px);
}

.c-sub-academic-sidebar__list {
    padding: 20px;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    height: 300px;
    max-height: 70vh;
}

.c-sub-academic-sidebar__list::-webkit-scrollbar {
    width: 10px;
}

.c-sub-academic-sidebar__list::-webkit-scrollbar-track {
    margin-top: 4px;
    margin-bottom: 4px;
}

.c-sub-academic-sidebar__list::-webkit-scrollbar-thumb {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    background-clip: padding-box;
    background-color: #222855;
    border-radius: 10px;
}

.c-sub-academic-sidebar__item {
    margin-bottom: 16px;
}

.c-sub-academic-sidebar__item:last-child {
    margin-bottom: 0;
}

.c-sub-academic-sidebar__item-link {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.3;
    display: flex;
    align-items: center;
}

.c-sub-academic-sidebar__item-icon {
    width: 25px;
    height: 25px;
    margin-right: 8px;
}

@media screen and (max-width: 991px) {
    .c-sub-academic-sidebar.-pc {
        display: none;
    }

    .c-sub-academic-sidebar.-sp {
        display: block;
    }

    .c-sub-academic-sidebar-wrapper {
        position: fixed;
        top: initial;
    }

    .c-sub-academic-sidebar-btn {
        position: relative;
        width: 87px;
        height: 64px;
        background-color: #222855;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        padding: 37.5px 0 14px;
    }

    .c-sub-academic-sidebar-btn:before {
        position: absolute;
        content: '';
        background-image: url(/files/img/common/illust_university.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 23.5px;
        height: 19.5px;
        top: 14px;
        left: calc(50% - 9.75px);
    }

    /* .c-sub-academic-sidebar__list-wrapper {
        display: none;
    }

    .c-sub-academic-sidebar__list-wrapper.-active {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #ffffff80;
        width: 100%;
        height: 100vh;
    } */

    .c-sub-academic-sidebar__list-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #ffffff80;
        width: 100%;
        height: 100vh;
    }

    .c-sub-academic-sidebar__list {
        max-height: 75vh;
        border-width: 3px;
        border-style: solid;
        border-color: #222855;
        border-bottom: none;
        background-color: #fff;
        padding: 20px;
        margin-top: 48px;
        overflow-y: scroll;
    }

    .c-sub-academic-sidebar__list::-webkit-scrollbar {
        width: 10px;
    }

    .c-sub-academic-sidebar__list::-webkit-scrollbar-track {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .c-sub-academic-sidebar__list::-webkit-scrollbar-thumb {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        background-clip: padding-box;
        background-color: #222855;
        border-radius: 10px;
    }

    .c-sub-academic-sidebar__close-btn {
        background-color: #222855;
        text-align: center;
        font-size: 16px;
        font-weight: 900;
        letter-spacing: 0.08em;
        line-height: 1.2;
        color: #fff;
        padding: 23px 0;
    }
}