@charset "UTF-8";

/* ==========================================================
Name:
    common.css

Description:
    全ページ共通のCSS

Contents:

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


@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600&family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=Oswald:wght@200..700&display=swap');

*,
*::before,
*::after {
    box-sizing: border-box;
    letter-spacing: 0.08em;
    text-align: justify;
}


html,
body {
    font-family: 'Noto Sans JP', sans-serif;
    color: #181818;
}

.font--oswald {
    font-family: "Oswald", sans-serif;
}

body {
    overflow-x: hidden;
}

a {
    outline: none;
    color: inherit;
    text-decoration: none;
}

b {
    font-weight: 700;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

/* ==========================================================
*
*   layout
*
========================================================== */
.wrapper {
    padding-top: calc(110px)
}

@media screen and (max-width: 1280px) {
    .wrapper {
        padding-top: calc(54.36px)
    }
}

.contents {
    overflow: hidden;
}

.l-article-news {
    padding: 44px 36px 36px 36px;
    border: 3px solid #222855;
    background-color: #fff;
}

.l-container {
    max-width: 1130px;
    width: 92.6%;
    margin-inline: auto;
}

.l-container.-top-kv {
    position: relative;
    max-width: 1030px;
}

.l-container.-top-kv:before {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    background-image: url(/files/img/top/illust-top-mv.png);
    top: -10%;
    right: -31.299%;
    aspect-ratio: 1653 / 742;
    max-width: 1571px;
    width: 1571px;
    height: auto;
}

@media screen and (max-width: 1040px) {
    .l-container.-top-kv:before {
        width: 201.68%;
        top: -1%;
    }
}


@media screen and (max-width: 768px) {
    .l-container.-top-kv:before {
        top: 5%;
    }
}

@media screen and (max-width: 479px) {
    .l-container.-top-kv:before {
        top: 136px;
    }
}

.l-container.-program-area {
    position: relative;
}

.l-content-wrapper.-inc-sub-content {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
}

.l-main-content {
    max-width: 750px;
    width: 60%;
}

.l-sub-content {
    max-width: 325px;
    width: 38%;
    align-self: baseline;
}

.c-section {
    padding: 20px 0;
}

.c-section.-unifes-tv {
    position: relative;
    background-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(131, 131, 131) 100%);
    overflow: hidden;
}

.c-section.-unifes-tv:before {
    position: absolute;
    content: '';
    mix-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    background-image: url(/files/img/movie/accessory-movie.png);
    width: 118.16%;
    height: auto;
    aspect-ratio: 1607 / 1025;
    top: -36.47%;
    left: -6.54%;
    opacity: 1;
}

@media screen and (max-width: 991px) {
    .l-content-wrapper.-inc-sub-content {
        position: relative;
    }

    .l-main-content {
        max-width: initial;
        width: 100%;
    }

    .l-sub-content {
        position: fixed;
        right: 0;
        bottom: 100px;
        z-index: 100;
        width: auto;
        max-width: initial;
    }
}

@media screen and (max-width: 768px) {
    .l-article-news {
        padding: 30px 17px;
    }

    .c-section {
        padding: 43px 0;
    }
}








.c-block-slide {
    position: relative;
    width: 1420px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}




.c-block-slide .swiper-button-prev,
.c-block-slide .swiper-button-next {
    top: 15%;
    display: block;
    margin: 0;
    width: 46px;
    height: 46px;
    background-color: #ffffff;
    background-image: none;
    z-index: 98;
    border: 1px solid #212754;
    transition: opacity .3s;
}

.c-block-slide .swiper-button-next {
    right: 435px;
    display: flex;
    align-items: center;
}

.c-block-slide .swiper-button-prev {
    left: 435px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1420px) {
    .c-block-slide {
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 768px) {
    .c-block-slide {
        width: 92.6%;
        left: auto;
        transform: none;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-inline: auto;
    }

    .swiper-container {
        overflow: initial !important;
    }

    .c-block-slide .c-block-slide__item {
        justify-content: center;
    }

    .c-block-slide .pc-hide {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .c-block-slide .swiper-button-prev,
    .c-block-slide .swiper-button-next {
        top: 34%;
        width: 30px;
        height: 30px;
    }

    .c-block-slide .swiper-button-prev {
        left: 0.333vw;
    }

    .c-block-slide .swiper-button-next {
        right: 0.333vw;
    }
}

@media screen and (max-width: 479px) {
    .c-block-slide {
        width: 60%;
    }

    .c-block-slide img {
        -o-object-fit: contain;
        object-fit: contain;
    }

    .c-block-slide .swiper-button-prev {
        left: -12%;
    }

    .c-block-slide .swiper-button-next {
        right: -12%;
    }
}










#gHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.header {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 99;
    width: 100%;
    background-color: #fff
}

.header__container {
    position: relative;
    display: flex;
    -ms-flex-pack: justify;
    max-width: 1920px;
    width: 93.08%;
    margin: auto;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

.header.is-fixed {
    position: fixed;
    top: 0;
    background-color: #fff
}

@media screen and (max-width: 1280px) {
    #gHeader{
        display:none;
    }

    div.gStyle div.gStyleIn {
        width:100%;
        margin:0;
        text-align:center;
    }

    .header {
        position: fixed;
        top: 0;
        background-color: #fff;
        transition: none
    }

    .header__container {
        padding: 12.5px 20px 12.5px 0;
    }
}

.header-logo {
    display: flex;
    -ms-flex-align: center;
    transition: opacity .3s;
    align-items: center;
    flex-wrap: wrap;
    will-change: transform;
}

@media screen and (min-width: 1281px) {
    .header-logo:hover {
        opacity: .8
    }
}

@media screen and (max-width: 768px) {
    .header-logo {
        padding-left: 0
    }
}

.header-logo__img {
    width: 178px
}

@media screen and (max-width: 1280px) {
    .header-logo__img {
        width: 96.5px
    }
}


.header-logo__img img {
    display: block;
    width: 100%
}

/* .header-logo__txt {
    margin-top: 5px;
    margin-left: 11px;
    width: 102px
}

@media screen and (max-width: 1100px) {
    .header-logo__txt {
        width: 114px
    }
}

@media screen and (max-width: 1100px) {
    .header-logo__txt {
        width: 60.3px
    }
}

@media screen and (max-width: 1280px) {
    .header-logo__txt {
        margin-top: -3px;
        margin-left: 6px;
        width: 42px
    }
}

@media screen and (max-width: 1280px) {
    .header-logo__txt img {
        display: block
    }
} */

.header-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 80px
}



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

    .header-list.-sp {
        position: absolute;
        top: 55px;
        right: -3.7%;
        max-width: 375px;
        width: 107.4%;
        height: initial;
        opacity: 0;
        transition: 0.3s;
        visibility: hidden;
    }

    .header-list.-sp.-active {
        opacity: 1;
        z-index: 10;
        visibility: visible;

    }



}

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

    .header-list.-sp {
        display: none;
    }
}

@media screen and (max-width: 1280px) {
    .header-trigger {
        position: absolute;
        top: calc(50% - 17.5px);
        right: 0;
        bottom: 0;
        z-index: 99;
        display: block;
        width: 35px;
        height: 35px;
        background-color: #222855;
        border-radius: 100px;
    }
}

@media screen and (max-width: 1280px) {
    .header-trigger span {
        position: absolute;
        left: 11px;
        display: block;
        width: 14px;
        height: 2px;
        background: #ffffff;
        transition: .3s ease-in-out
    }
}

@media screen and (max-width: 1280px) {
    .header-trigger span:nth-child(1) {
        top: 11.5px
    }
}

@media screen and (max-width: 1280px) {
    .header-trigger span:nth-child(2) {
        top: 16.5px
    }
}

@media screen and (max-width: 1280px) {
    .header-trigger span:nth-child(3) {
        top: 21.5px
    }
}

@media screen and (max-width: 1280px) {
    .header-trigger.-active span:nth-child(1) {
        top: 17px;
        transform: rotate(-45deg)
    }
}

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

    .header-trigger.-active span:nth-child(2),
    .header-trigger.-active span:nth-child(3) {
        top: 17px;
        transform: rotate(45deg)
    }
}

.global-nav__list {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    height: 100%;
}


.global-nav__menu-item {
    margin-right: 10px;
    height: 100%;
    display: flex;
    align-items: center;
}

.global-nav__menu-item:last-child {
    margin-right: 0;
}

.global-nav__menu-item:hover .global-nav__menu-link {
    color: #222855;
}

.global-nav__menu-item.-university:hover .global-nav__menu-link {
    color: #E97CA9;
}

.global-nav__menu-item.-lecture:hover .global-nav__menu-link {
    color: #FEBB51;
}

.global-nav__menu-item.-kawaijuku:hover .global-nav__menu-link {
    color: #61C7F9;
}

.global-nav__menu-link {
    color: #333333;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.08em;
    display: flex;
    align-items: center;
    height: 100%;
    transition: 0.3s;
}

.global-nav__menu-link.-search {
    width: 28px;
    height: 28px;
    cursor: pointer;
}

.global-nav__menu-search-img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: auto;
}

.header-search-area {
    position: absolute;
    right: 0;
    top: 80px;
    max-width: 400px;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 12px 46px 0px rgba(0, 0, 0, 0.27);
}

@media screen and (max-width: 1280px) {
    .global-nav-wrapper {
        width: 100%;
        height: 91vh;
    }


    .global-nav__list {}

    .global-nav__menu-item {
        margin-right: 0;
    }

    .global-nav__menu-item.-within-list {
        width: 100%;
    }

    .global-nav {
        overflow-y: scroll;
        height: 100%;
        width: 100%;
        flex-direction: column;
        background-color: #fff;
        padding: 40px 23px;
    }

    .global-nav__head {
        font-size: 14px;
        text-align: center;
        font-weight: 600;
        letter-spacing: 0.08em;
        margin-bottom: 11.5px;
    }

    .global-nav__flex-list {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px 25px;
        width: 100%;
        margin-bottom: 57px;
    }

    .global-nav__flex-list-link {
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 0.08em;
        color: #333333;
    }

    .header-search-area {
        position: relative;
        right: initial;
        top: initial;
        max-width: initial;
        padding: 0;
        box-shadow: none;
    }

    .header-program {
        width: calc(100% + 46px);
        margin: 0 -24px 16px;
    }

    .header-program__item {
        position: relative;
        overflow: hidden;
    }

    .header-program__item.-university {
        background-image: linear-gradient(90deg, rgb(233, 124, 169) 0%, rgb(255, 207, 227) 100%);
    }

    .header-program__item.-kawaijuku {
        background-image: linear-gradient(-45deg, rgb(20, 188, 255) 0%, rgb(136, 209, 245) 100%);
    }

    .header-program__item.-lecture {
        background-image: linear-gradient(-90deg, rgb(245, 189, 100) 0%, rgb(254, 216, 154) 100%);
    }

    .header-program__item:before {
        position: absolute;
        content: '';
        mix-blend-mode: multiply;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 0;

    }

    .header-program__item.-university:before {
        background-image: url(/files/img/university/accessory-university.png);
        width: 185.86%;
        height: auto;
        aspect-ratio: 1109 / 707;
        transform: rotate(90deg);
        top: 186%;
        left: -48%;
        opacity: 0.3;
    }

    .header-program__item.-kawaijuku:before {
        background-image: url(/files/img/kawaijuku/accessory-kawaijuku.png);
        width: 185.86%;
        height: auto;
        aspect-ratio: 1394 / 889;
        transform: rotate(90deg);
        top: 203%;
        left: -36%;
        opacity: 0.6;
    }

    .header-program__item.-lecture:before {
        background-image: url(/files/img/lecture/accessory-lecture.png);
        width: 214.26%;
        height: auto;
        aspect-ratio: 1607 / 1025;
        top: 212.53%;
        left: -62.54%;
        transform: rotate(90deg);
        opacity: 1;
    }

    .header-program__item-link {
        position: relative;
        font-weight: 900;
        color: #fff;
        font-size: 22px;
        letter-spacing: 0.08em;
        display: block;
        width: 100%;
        padding: 18px 23px 18px 55px;
    }

    .header-program__item-link:before {
        position: absolute;
        content: '';
        width: 21px;
        height: 21px;
        background-color: #fff;
        border-radius: 100px;
        top: calc(50% - 9.5px);
        left: 20px;
    }

    .header-program__item-link:after {
        position: absolute;
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 10px;
        border-top: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        transform: rotate(45deg);
        top: calc(50% - 14.14px);
        right: 0;
    }
}

@media screen and (max-width: 360px) {
    .header-program__item.-university:before {
        top: 140%;
    }

    .header-program__item.-kawaijuku:before {
        top: 120%;
    }

    .header-program__item.-lecture:before {
        top: 120%;
    }
}

.c-box-cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 100;
    padding: 2em;
    box-sizing: border-box
}

@media screen and (max-width: 768px) {
    .c-box-cookie {
        padding: 1.2em
    }
}

.c-box-cookie__container {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 768px) {
    .c-box-cookie__container {
        -moz-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        justify-content: center
    }
}

.c-box-cookie__txt {
    color: #fff;
    font-size: .84rem;
    max-width: 100%
}

@media screen and (max-width: 768px) {
    .c-box-cookie__txt {
        font-size: .8rem
    }
}

.c-box-cookie__link {
    text-decoration: underline
}

.c-box-cookie__link:hover {
    text-decoration: none
}

.c-box-cookie__btn {
    flex: none;
    margin-left: 20px;
    padding: .5em 1.5em;
    font-size: 16px;
    color: #fff;
    background-color: #0076c3;
    transition: opacity .3s
}

@media screen and (max-width: 768px) {
    .c-box-cookie__btn {
        padding: .3em 1.2em;
        margin-top: 1.5em;
        margin-left: auto;
        margin-right: auto
    }
}

.c-box-cookie__btn:hover {
    opacity: .8
}

.footer {
    background-color: #0076c3;
    padding: 30px 0 20px;
}

.footer-pagetop {
    position: fixed;
    right: 8.5%;
    bottom: 100px;
    z-index: 98;
    display: flex;
    border: 1px solid #222855;
    width: 65px;
    height: 65px;
    background-color: #f2f2f1;
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none
}

.footer-pagetop__link {
    position: relative;
    width: 100%;
}

.footer-pagetop__link-icon {
    position: absolute;
    content: '';
    transition: 0.3s;
    top: 22%;
    right: 28%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 10px;
    border-top: 2px solid #222855;
    border-right: 2px solid #222855;
    transform: rotate(-45deg);
    transition: 0.3s;
}

.footer-pagetop__link:hover .footer-pagetop__link-icon {
    top: calc(22% - 3px);
}

.footer-pagetop__link-txt {
    color: #222855;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.08em;
    margin-top: 40px;
    line-height: 1;
}

.footer-pagetop.is-show {
    opacity: 1;
    pointer-events: auto
}

.footer-sns {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.footer-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 465px;
    width: 100%;
    margin-inline: auto;
    margin-bottom: 16px;
}

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

.footer-caption {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.08em;
}

.footer-logo--kawai-juku {
    width: 132px;
}

.footer-logo--kei-advanced {
    width: 190px;
    margin-right: 8px;
}

.footer-txt {
    text-align: center;
    color: #ffffff;
    margin-bottom: 8px;
    font-size: 14px;
}

.footer-link-list {
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
}

.footer-link-list + .footer-link-list {
    margin-bottom: 30px;
}

.footer-link-list__item {
    line-height: 1.6;
}

.footer-link-list__link {
    color: #ffffff;
    font-size: 14px;
}

.footer-copyright {
    text-align: center;
    color: #ffffff;
    font-size: 12px;
}

@media screen and (max-width: 768px) {
    .footer {
        padding: 42px 0 36px;
    }

    .footer-pagetop {
        width: 36px;
        height: 36px;
        background-color: #ffffff;
    }

    .footer-pagetop__link-icon {
        top: -2%;
        right: 8%;
    }

    .footer-pagetop__link:hover .footer-pagetop__link-icon {
        top: calc(-2% - 3px);
    }

    .footer-pagetop__link-txt {
        font-size: 11px;
        margin-top: 17px;
    }

    .footer-sns {
        margin-bottom: 28px;
    }

    .footer-list {
        flex-direction: column;
        align-items: center;
    }

    .footer-list__item {
        margin-bottom: 10px;
    }

    .footer-txt {
        margin-bottom: 32px;
    }

    .footer-link-list {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .footer-link-list + .footer-link-list {
        margin-bottom: 32px;
    }

    .footer-copyright {
        font-size: 10px;
    }

}














/* ==========================================================
*
*   component
*
========================================================== */
.c-article-img {
    margin: 22px auto 64px auto;
    display: block;
    max-width: 700px;
    width: 100%;
}

.c-article-img img {
    margin-bottom: 1.0rem;
}

.c-article-img--caption__txt {
    font-size: 14px;
    text-align: center;
    line-height: 1.2;
    display: inline-block;
}

.c-article-interviewer {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-left: 2em;
}

p.c-article-interviewer:before {
    position: absolute;
    content: '—— ';
    left: 0;
    top: -0.15em;
    font-weight: 300;
}

.c-article-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.c-article-list:after {
    content: '';
    display: block;
    width: 32.92%;
}

.c-article-list__item {
    width: 32.92%;
    max-width: 372px;
    margin-bottom: 42px;
}

.c-article-list__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.c-article-list__pic {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
}

.c-article-list__pic img {
    width: 100%;
    height: 100%;
    aspect-ratio: 372/209;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-article-list__title {
    font-size: 14.9px;
    line-height: 1.6;
}

.c-article-list__tag {
    font-size: 14.9px;
    line-height: 1.6;
    font-weight: 700;
    color: #a085dd;
}

.c-article-list__date {
    font-size: 14.9px;
    line-height: 1.6;
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    .c-article-img {
        margin: 18px auto 40px auto;
    }

    .c-article-img--caption__txt {
        font-size: 12px;
    }

    .c-article-interviewer {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .c-article-list {
        flex-direction: column;
    }

    .c-article-list__item {
        max-width: initial;
        width: 100%;
        margin-bottom: 36px;
    }

    .c-article-list__pic {
        margin-bottom: 16px;
    }

    .c-article-list__title {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .c-article-list__tag {
        font-size: 15px;
        margin-bottom: 6px;
    }

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

.c-survey-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.c-survey-list:after {
    content: '';
    display: block;
    width: 32.92%;
}

.c-survey-list__item {
    width: 32.92%;
    max-width: 372px;
    margin-bottom: 42px;
}

.c-survey-list--survey .c-survey-list__item {
    width: 30.796%;
}

.c-survey-list__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.c-survey-list__pic {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
}

.c-survey-list__pic img {
    width: 100%;
    height: 100%;
    aspect-ratio: 372/209;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-survey-list__title {
    font-size: 14.9px;
    line-height: 1.6;
}

.c-survey-list__tag {
    font-size: 14.9px;
    line-height: 1.6;
    font-weight: 700;
    color: #a085dd;
}

.c-survey-list__date {
    font-size: 14.9px;
    line-height: 1.6;
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    .c-survey-list {
        flex-direction: column;
    }

    .c-survey-list__item {
        max-width: initial;
        width: 100%;
        margin-bottom: 36px;
    }

    .c-survey-list__pic {
        margin-bottom: 16px;
    }

    .c-survey-list__title {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .c-survey-list__tag {
        font-size: 15px;
        margin-bottom: 6px;
    }

    .c-survey-list__date {
        font-size: 15px;
    }
}

.c-article-name {
    color: #a085dd;
    font-weight: 700;
}

.c-article-news-list.-two {
    display: flex;
    flex-direction: row
}

.c-article-news-list__item.-two {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%
}

.c-article-news-list__item__pic {
    margin: 0 auto 24px;
    display: flex;
    justify-content: center;
}

.c-article-news-list__item__pic.-s {
    max-width: 233px;
}

.c-article-news-list__item__pic__img {
    width: 100%;
    aspect-ratio: 139 / 93;
    -o-object-fit: contain;
    object-fit: contain;
}

.c-article-news-list__item__pic__img.-one {
    aspect-ratio: initial;
}

.c-article-news-list__item__txts p {
    margin-bottom: 22px;
}

@media screen and (max-width: 768px) {
    .c-article-news-list__item__pic.-s {
        max-width: 116px;
    }

    .c-article-news-list.-two {
        flex-direction: column
    }

    .c-article-news-list__item.-two {
        width: 100%
    }
}

.c-box-english-title {
    font-size: 30px;
    font-weight: 900;
    color: #f1f1f1;
    letter-spacing: 0.02em;
    line-height: 1;
}

.c-box {
    padding: 40px;
}

.c-box.-border {
    border: 3px solid #222855;
}

.c-box.-no-border {
    background-color: #f1f1f1;
}

.c-box__head {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 21px;
    text-align: center;
}

.c-box__p {
    line-height: 1.8;
}

@media screen and (max-width: 768px) {
    .c-box-english-title {
        font-size: 28px;
    }

    .c-box {
        padding: 18px;
    }

    .c-box__head {
        margin-top: 22px;
        font-size: 22px;
    }
}

.c-btn-wrapper {
    display: flex;
}

.c-btn-wrapper.-left {
    justify-content: flex-start;
}

.c-btn-wrapper.-center {
    justify-content: center;
}

.c-btn-wrapper.-right {
    justify-content: flex-end;
}

.c-btn-wrapper.-top-mv {
    align-items: flex-start;
    grid-area: btn;
    gap: 19px;
}

.c-btn {
    font-size: 18px;
    font-weight: 700;
    border-radius: 200px;
    max-width: 360px;
    width: 100%;
    padding: 22px;
    text-align: center;
    display: inline-block;
    transition: 0.3s;
}

.c-btn.-rainbow {
    position: relative;
    border: 1px solid transparent;
    background-image: linear-gradient(90deg, #33c7f0 0%, #fb71b1 25%, #f69600 50%, #f69600 51%, #fb71b1 75%, #33c7f0 100%);
    background-size: 200% auto;
    background-position: 0% 0%;
    color: #fff;
}

.c-btn.-rainbow:hover {
    background-position: 99% 0%;
}

.c-btn.-rainbow-kawaijuku {
    position: relative;
    border: 1px solid transparent;
    max-width: 231px;
    width: 94%;
    background-image: linear-gradient(90deg, #33c7f0 0%, #fb71b1 50%, #33c7f0 100%);
    background-size: 200% auto;
    background-position: 0% 0%;
    color: #fff;
    z-index: 1;
}

.c-btn.-rainbow-kawaijuku.-auto {
    max-width: initial;
    width: auto;
}

.c-btn.-rainbow-kawaijuku:hover {
    background-position: 99% 0%;
}

.c-btn.-orange {
    position: relative;
    border: 1px solid transparent;
    max-width: 360px;
    width: 100%;
    background-image: linear-gradient(90deg, #fb71b1 0%, #f69600 50%, #fb71b1 100%);
    background-size: 200% auto;
    background-position: 0% 0%;
    color: #fff;
    z-index: 1;
}

.c-btn.-orange:hover {
    background-position: 99% 0%;
}

.c-btn.-blue {
    position: relative;
    color: #fff;
    overflow: hidden;
    border: 1px solid transparent;
}

.c-btn.-blue::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #33c7f0;
    mix-blend-mode: multiply;
}

.c-btn.-solid-orange {
    position: relative;
    color: #fff;
    overflow: hidden;
    border: 1px solid transparent;
}

.c-btn.-solid-orange::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #febb51;
    mix-blend-mode: multiply;
}

.c-btn.-white {
    position: relative;
    background-color: rgba(255, 255, 255, 0.8);
    color: #181818;
    border: 1px solid transparent;
}

.c-btn.-small {
    max-width: 192px;
    width: 100%;
    border: 2px solid #222855;
    padding: 11px;
    color: #222855;
    transition: 0.3s;
    background-color: #fff;
}

.c-btn.-small:hover {
    border-color: transparent;
    background-color: #222855;
    color: #fff;
}

.c-btn.-no-border {
    border-color: transparent;
}

.c-btn.-no-border:hover {
    border-color: #222855;
}

.c-btn.-inactive {
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
    color: #181818;
}

.c-btn.-pink {
    border: 1px solid transparent;
    background-color: #e97ca9;
    color: #fff;
}

.c-btn.-pink:hover {
    border: 1px solid #e97ca9;
    color: #e97ca9;
    background-color: #fff;
}

.c-btn-wrapper.-full {
    width: 100%;
}

.c-btn.-top-mv {
    max-width: 230px;
}

.c-btn__text {
    position: relative;
}

@media (hover: hover) and (pointer: fine) {
    .c-btn.-blue:hover {
        color: #33c7f0;
        background-color: #fff;
        border-color: #33c7f0;
    }

    .c-btn.-blue:hover::before {
        opacity: 0;
    }

    .c-btn.-solid-orange:hover {
        color: #febb51;
        background-color: #fff;
        border-color: #febb51;
    }

    .c-btn.-solid-orange:hover::before {
        opacity: 0;
    }

    .c-btn.-white:hover {
        background-color: #fff;
        border-color: #181818;
    }
}

@media screen and (max-width: 1024px) {
    .c-btn-wrapper.-top-mv {
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .c-btn.-small {
        max-width: 200px;
        width: 100%;
        font-size: 18px;
    }

    .c-btn.-rainbow,
    .c-btn.-inactive {
        max-width: initial;
    }

    .c-btn.-rainbow-kawaijuku {
        max-width: 295px;
        padding: 10px;
        font-size: 15px;
    }

    .c-btn.-orange {
        max-width: initial;
    }

    .c-btn.-top-mv {
        max-width: 162px;
        padding: 14px;
        font-size: 14px;
    }

    .c-program-area .c-btn {
        width: 120px;
        font-size: 16px;
    }
}

.c-card-youtube {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 16px;
}

.c-card-youtube__col.-col1 {
    width: 100%;
    max-width: 810px;
}

.c-card-youtube__col.-col2 {}

.c-card-youtube__col.-col2,
.c-card-youtube__col.-col3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.c-card-youtube__col.-col3:after {
    content: '';
    width: 32%;
    display: block;
}

.c-card-youtube__col-item.-col2 {
    width: 48%;
}

.c-card-youtube__col-item.-col3 {
    max-width: 356px;
    width: 32%;
    margin-bottom: 24px;
}

.c-card-youtube__movie {
    margin-bottom: 8px;
}

.c-card-youtube__movie iframe,
.c-card-youtube__movie img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.c-card-youtube__movie img {
    -o-object-fit: contain;
    object-fit: contain;
}

.c-card-youtube__txt {
    font-size: 18px;
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    .c-card-youtube__col.-col3:after {
        display: none;
    }

    .c-card-youtube__col-item.-col3 {
        max-width: initial;
        width: 48%;
    }

    .c-card-youtube__col-item.-col3.-sp-full {
        width: 100%;
    }

    .c-card-youtube__txt {
        font-size: 16px;
    }
}

.c-youtube-slide {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 74px;
    padding-bottom: 74px;
    width: 100%;
}

.swiper-slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.swiper-pagination {
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    height: 10px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}

.c-card-youtube .swiper-container-horizontal>.swiper-pagination-bullets,
.c-card-youtube .swiper-pagination-custom,
.c-card-youtube .swiper-pagination-fraction {
    bottom: 36px;
}

.swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #666666;
    opacity: 0.2;
    margin: 0 5px;
}

.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.c-card-youtube .swiper-pagination-bullet {
    outline: none;
    transition: .3s;
}

.swiper-button-prev,
.swiper-button-next {
    transition: 0.3s;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    box-shadow: 0px 0px 18px #0000000D;
}

.c-youtube-slide .swiper-button-prev,
.c-youtube-slide .swiper-button-next {
    top: 36%;
    display: block;
    margin: 0;
    width: 46px;
    height: 46px;
    background-color: #ffffff;
    background-image: none;
    z-index: 98;
    border: 1px solid #212754;
    transition: opacity .3s;
}

.c-youtube-slide .swiper-button-next {
    right: -8%;
    display: flex;
    align-items: center;
}

.c-youtube-slide .swiper-button-prev {
    left: -8%;
    display: flex;
    align-items: center;
}

.c-youtube-slide .swiper-button-next img,
.c-youtube-slide .swiper-container-rtl .swiper-button-prev img {
    margin-right: initial;
    transform: rotate(360deg);
}

.swiper-button-next img,
.swiper-button-prev img {
    width: 24px;
}

.swiper-button-prev::before,
.swiper-button-next::before {
    content: '';
    position: absolute;
    border-radius: 0.1em;
    transition: 0.3s;
}



.swiper-button-prev::before {
    left: 23%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 10px;
    border-left: 2px solid #212754;
    border-bottom: 2px solid #212754;
    transform: rotate(45deg);
}

.swiper-button-next::before {
    right: 23%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 10px;
    border-top: 2px solid #212754;
    border-right: 2px solid #212754;
    transform: rotate(45deg);
}

.swiper-button-prev:hover::before {
    left: calc(23% - 3px);
}

.swiper-button-next:hover::before {
    right: calc(23% - 3px);
}

@media screen and (max-width: 768px) {
    .swiper-button-prev::before {
        left: 6%;
        width: 8px;
        height: 8px;
    }

    .swiper-button-next::before {
        right: 6%;
        width: 8px;
        height: 8px;
    }
}

.c-column-pic-text {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px;
}

.c-column-pic-text.-column {
    flex-direction: column;
}

.c-column-pic-text.-reverse {
    flex-direction: row-reverse;
}

.c-column-pic-text__pic {
    max-width: 49.2%;
    width: 100%;
}

.c-column-pic-text__pic.-usual {
    max-width: 363px;
    width: 32.1%;
}

.c-column-pic-text__pic.-column {
    max-width: initial;
    margin-bottom: 22px;
}

.c-column-pic-text__img {
    width: 100%;
}

.c-column-pic-text__text {
    max-width: 556px;
    width: 50%;
}

.c-column-pic-text__text.-column {
    max-width: initial;
    width: 100%;
}

.c-column-pic-text__text.-usual {
    max-width: 746px;
    width: 66%;
}

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

    .c-column-pic-text,
    .c-column-pic-text.-reverse {
        flex-direction: column;
    }

    .c-column-pic-text__pic,
    .c-column-pic-text__pic.-usual {
        max-width: initial;
    }

    .c-column-pic-text__pic.-usual {
        width: 100%;
    }

    .c-column-pic-text__text,
    .c-column-pic-text__text.-usual {
        max-width: initial;
        width: 100%;
    }

    .c-column-pic-text__pic {
        margin-bottom: 20px;
    }

}


.c-emphasis {
    color: #fa674e;
}

/* ---------------------------------------------
*   c-img-txt-block
--------------------------------------------- */
.c-img-txt-block {
    display: flex;
}

.c-img-txt-block.-vertical {
    flex-direction: column;
}

.c-img-txt-block__item.-vertical {
    width: 100%;
}

.c-img-txt-block__image.-vertical {
    height: auto;
    margin-bottom: 24px;
}

.c-img-txt-block__image.-vertical img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-img-txt-block.-row {
    flex-direction: row;
    justify-content: space-between;
}

.c-img-txt-block__item.-row {
    width: 48%;
}

@media screen and (max-width: 768px) {
    .c-img-txt-block__item.-row {
        width: 100%;
        margin-bottom: 16px;
    }

    .c-img-txt-block.-row.-first-txt {
        flex-direction: column-reverse;
    }

    .c-img-txt-block.-row.-first-img {
        flex-direction: column;
    }
}

.c-internal-link {
    color: #1266cd;
    font-weight: 700;
    text-decoration: underline;
    transition: 0.3s;
}

.c-internal-link:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
}


.c-news-list {
    max-width: 800px;
    width: 100%;
    margin-inline: auto;
    margin-bottom: 54px;
}

.c-news-list__item {
    margin-bottom: 18px;
}

.c-news-list__item:last-child {
    margin-bottom: 0;
}

.c-news-list__upper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.c-news-list__date {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    margin-right: 20px;
}

.c-news-list__category {
    position: relative;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    padding-left: 21px;
}

.c-news-list__category:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 100px;
    top: calc(calc(24px - 16px)/2);
    left: 0;
}

.c-news-list__category.-blue:before {
    background-color: #61c7f9;
}

.c-news-list__category.-dark-blue:before {
    background-color: #222855;
}

.c-news-list__category.-green:before {
    background-color: #b0cd70;
}

.c-news-list__category.-pink:before {
    background-color: #e97ca9;
}

.c-news-list__category.-orange:before {
    background-color: #ec9b1c;
}

.c-news-list__category.-purple:before {
    background-color: #a085dd;
}

.c-news-list__bottom {
    font-size: 15px;
    line-height: 1.6;
    text-decoration: underline;
    text-underline-offset: 8px;
    padding-bottom: 3px;
    display: inline;
    transition: 0.3s;
}

.c-news-list__bottom:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
}


@media screen and (max-width: 768px) {
    .c-news-list__item {
        margin-bottom: 12px;
    }

    .c-news-list__upper {
        margin-bottom: 8px;
    }

    .c-news-list__date {
        margin-right: 16px;
    }

    .c-news-list__category:before {
        width: 14px;
        height: 14px;
        top: calc(calc(24px - 14px)/2);
    }
}

.c-pic-caption {
    max-width: 800px;
    margin-inline: auto;
    margin-bottom: 40px;
}

.c-pic-caption__pic {
    margin-bottom: 10px;
}

.c-pic-caption__caption {
    font-size: 13px;
    text-align: center;
}

.c-university-search-inputs {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.c-university-search-input {
    display: flex;
    max-width: 360px;
    width: 100%;
    margin-bottom: 16px;
}

.c-university-search-input.-header {
    margin-bottom: 26px;
}

.c-university-search-input__input {
    border: 2px solid #e97ca9;
    padding: 0px 23px;
    line-height: 1;
    flex-grow: 1;
    max-width: 305px;
}




.c-university-search-input__input::-webkit-input-placeholder {
    color: #9c9c9c;
    font-size: 14px;
    line-height: 1;
    max-width: 305px;
    width: 100%;
}




.c-university-search-input__input::-moz-placeholder {
    color: #9c9c9c;
    font-size: 14px;
    line-height: 1;
    max-width: 305px;
    width: 100%;
}




.c-university-search-input__input:-ms-input-placeholder {
    color: #9c9c9c;
    font-size: 14px;
    line-height: 1;
    max-width: 305px;
    width: 100%;
}




.c-university-search-input__input::-ms-input-placeholder {
    color: #9c9c9c;
    font-size: 14px;
    line-height: 1;
    max-width: 305px;
    width: 100%;
}




.c-university-search-input__input::placeholder {
    color: #9c9c9c;
    font-size: 14px;
    line-height: 1;
    max-width: 305px;
    width: 100%;
}

.c-university-search-input__search {
    background-color: #e97ca9;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border: none;
    padding: 13px;
    height: 100%;
}


.c-university-search-buttons {
    display: flex;
    flex-direction: column;
}

.c-university-search-buttons__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 11px;
}

.c-university-search-buttons__name {
    font-size: 13px;
    color: #333333;
    width: 75px;
    /* padding-left: 15px; */
    text-align: left;
    flex-shrink: 0;
}

.c-university-search-buttons__button-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.c-university-search-buttons__button {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    padding: 12px 6px;
    margin-right: 8px;
    margin-bottom: 4px;
    cursor: pointer;
    border: 1px solid #333333;
    background-color: #fff;
    text-align: center;
    width: 106px;

}

.c-university-search-buttons__button.-active {
    border-color: #e97ca9;
    background-color: #e97ca9;
    color: #fff;
}

.c-university-search-buttons__button.-last {
    margin-right: 0px;
}

.c-university-search-buttons__search {
    cursor: pointer;
}

.c-university-search-result-wrapper {
    width: 100%;
}

.c-university-search-result {
    position: relative;
    background-color: #f1f1f1;
    border-radius: 11px;
    width: 100%;
    padding: 25px 43px 17px 43px;
    margin-bottom: 40px;
}

.c-university-search-result-wrapper.-header .c-university-search-result {
    border-radius: 0;
    margin-bottom: 0;
}

.c-university-search-result:before {
    position: absolute;
    content: '';
    background-color: #f1f1f1;
    top: -26px;
    width: 23px;
    height: 26px;
    -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.c-university-search-result-wrapper.-header .c-university-search-result:before {
    top: -18px;
    left: 14px;
    height: 18px;
}

.c-university-search-result__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.c-university-search-result-wrapper.-header .c-university-search-result__list {
    flex-direction: column;
}

.c-university-search-result__item {
    margin-right: 32px;
    margin-bottom: 8px;
}

.c-university-search-result__item:last-child {
    margin-right: 0;
}

.c-university-search-result__link {
    color: #000000;
    font-weight: 600;
    font-size: 15px;
    text-align: left;
}

.c-university-search-result__reserve {
    color: #e97ca9;
}

@media screen and (max-width: 991px) {
    .c-university-search-result-wrapper.-header {
        margin-bottom: 16px;
    }

    .c-university-search-buttons__item {
        align-items: flex-start;
    }

    .c-university-search-buttons__name {
        margin-top: 12px;
    }
}

@media screen and (max-width: 768px) {
    .c-university-search-inputs {
        width: 100%;
    }

    .c-university-search-input {
        max-width: initial;
        margin-bottom: 20px;
    }

    .c-university-search-input__input {
        padding: 0 12px;
        max-width: initial;
    }

    .c-university-search-result:before {
        width: 20px;
        height: 15px;
        top: -10px;
    }

    .c-university-search-input__search {
        font-size: 17px;
    }

    .c-university-search-buttons__name {
        text-align: right;
        margin-right: 8px;
        width: 20%;
        max-width: 57px;
    }

    .c-university-search-result__list {
        flex-direction: column;
    }

    .c-university-search-buttons__button-list {
        width: 100%;
    }

    .c-university-search-buttons__button {
        max-width: 130px;
        width: 46%;
        letter-spacing: 0.08em;
        margin-right: 10px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .c-university-search-result {
        padding: 15px 20px 7px 20px;
    }
}

@media screen and (max-width: 479px) {
    .c-university-search-buttons__button-list {
        justify-content: flex-end;
    }

    .c-university-search-buttons__button:nth-child(even) {
        margin-right: 0;
    }
}





.c-university-list {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    transition: 0.3s;
}


.c-university-list:after {
    content: '';
    width: 272px;
    display: block;
}

.c-university-list:before {
    content: '';
    width: 272px;
    display: block;
    order: 1;
}

.c-university-list__item {
    width: 272px;
    margin-bottom: 20px;
    border: 2px solid #e97ca9;
    border-radius: 2rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.c-university-list__item:hover {
    background-color: #e97ca9;
}

.c-university-list__link {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    padding: 14px;
    width: 100%;
    text-align: center;
}

.c-university-list__reserve {
    color: #e97ca9;
    transition: 0.3s;
}

.c-university-list__item:hover .c-university-list__reserve {
    color: #fff;
}

.c-university-list__item:hover .c-university-list__link {
    color: #fff;
}

.c-university-list__link.-small {
    font-size: 13px;
}

/* .c-university-list__link br {
    display: none;
} */

@media screen and (max-width: 881px) {
    .c-university-list__item {
        width: 30%;
    }

    .c-university-list:after {
        content: '';
        width: 30%;
        display: block;
    }

    .c-university-list:before {
        content: '';
        width: 30%;
        display: block;
        order: 1;
    }
}

@media screen and (max-width: 768px) {
    .c-university-list__item {
        width: 49%;
        margin-bottom: 10px;
    }

    .c-university-list__link {
        font-size: 13px;
    }

    .c-university-list__link.-small {
        font-size: 11px;
    }
}

.c-univ-wide-event-list__item {
    background-color: #fff;
    padding: 40px;
    margin-bottom: 42px;
    border-radius: 0 0 40px 0;
    display: flex;
    width: 100%;
}

.c-univ-wide-event-list__item:last-child {
    margin-bottom: 0;
}

.c-univ-wide-event-list__pic {
    margin-right: 25px;
    max-width: 366px;
    width: 100%;
}

.c-univ-wide-event-list__pic img {
    width: 100%;
}

.c-univ-wide-event-list__texts {
    width: 100%;
}

.c-univ-wide-event-list__event-season {
    text-align: left;
    margin-bottom: 24px;
}

.c-univ-wide-event-list__event-season-inner {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #222855;
    text-align: center;
    background-color: #fff;
    border: 2px solid #222855;
    display: inline-block;
    padding: 8px;
}

.c-univ-wide-event-list__event-kinds {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.c-univ-wide-event-list__event-date {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 40px;
}

.c-univ-wide-event-list__event-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 22px;
}

.c-univ-wide-event-list__event-detail {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 36px;
}

@media screen and (max-width: 768px) {
    .c-sub-university-event:before {
        width: 163.4%;
        top: -14.5vw;
        left: -14.5vw;
    }

    .c-univ-wide-event-list__item {
        background-color: transparent;
        flex-direction: column;
        margin-bottom: 63px;
        padding: 0;
    }

    .c-univ-wide-event-list__item:last-child {
        margin-bottom: 0;
    }

    .c-univ-wide-event-list__pic {
        max-width: initial;
        width: 100%;
        margin-bottom: 18px;
    }

    .c-univ-wide-event-list__event-kinds {
        font-size: 21px;
        letter-spacing: 0.04em;
        margin-bottom: 21px;
    }

    .c-univ-wide-event-list__event-date {
        font-size: 18px;
        margin-bottom: 19px;
    }

    .c-univ-wide-event-list__event-title {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .c-univ-wide-event-list__event-detail {
        font-size: 15px;
        margin-bottom: 36px;
    }
}

.c-lec-wide-event-list {
    max-width: 1050px;
    margin-inline: auto;
}

.c-lec-wide-event-list__item {
    background-color: #fff;
    margin-bottom: 120px;
    border-radius: 0 0 40px 0;
    display: flex;
    width: 100%;
}

.c-lec-wide-event-list__item.-top-lecture {
    padding: 40px;
    margin-bottom: 0;
}

.c-lec-wide-event-list__pic {
    margin-right: 20px;
    max-width: 366px;
    width: 100%;
}

.c-lec-wide-event-list__texts {
    width: 100%;
}

.c-lec-wide-event-list__event-season {
    text-align: left;
    margin-bottom: 24px;
}

.c-lec-wide-event-list__event-season-inner {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #222855;
    text-align: center;
    background-color: #fff;
    border: 2px solid #222855;
    display: inline-block;
    padding: 8px;
}

.c-lec-wide-event-list__event-kinds {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.c-lec-wide-event-list__event-date {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 40px;
}

.c-lec-wide-event-list__event-title {
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 15px;
}

.c-lec-wide-event-list__event-detail {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 36px;
}

@media screen and (max-width: 768px) {
    .c-lec-wide-event-list__item {
        background-color: transparent;
        flex-direction: column;
        margin-bottom: 80px;
    }

    .c-lec-wide-event-list__pic {
        max-width: initial;
        width: 100%;
        margin-bottom: 16px;
    }

    .c-lec-wide-event-list__event-season {
        margin-bottom: 23px;
    }

    .c-lec-wide-event-list__event-season-inner {
        font-size: 18px;
        padding: 6px;
    }

    .c-lec-wide-event-list__event-date {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .c-lec-wide-event-list__event-title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .c-lec-wide-event-list__event-detail {
        font-size: 15px;
        margin-bottom: 0;
    }

    .c-lec-wide-event-list__item.-top-lecture {
        padding: 0;
        background-color: #fff;
    }

    .c-lec-wide-event-list__texts.-top-lecture {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 10px 40px 10px;
    }
}

.c-link-wrapper {}

.c-link {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    color: #1266cd;
    padding-left: 24px;
}

.c-link.is-white {
    color: #fff;
}

.c-link:before {
    position: absolute;
    content: '';
    border-radius: 100px;
    background-color: #1266cd;
    width: 16px;
    height: 16px;
    top: calc(calc(calc(15px * 1.6)/2) - 8px);
    left: 0;
}

.c-link:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.c-link.-anchor:after {
    transform: rotate(135deg);
    top: 2px;
    left: -1.0px;
}

.c-link.-prev:after {
    transform: rotate(-135deg);
    top: 3px;
    left: -0.2px;
}

.c-link.-next:after {
    transform: rotate(45deg);
    top: 3px;
    left: -2.4px;
}

.c-movie-column {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}


.c-movie-column.-two:after {
    content: '';
    display: block;
    width: 47.6%;
}

.c-movie-column__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 32px;
}

.c-movie-column__item.-two {
    width: 47.6%;
}

.c-movie-column__iframe {
    width: 100%;
    margin-bottom: 16px;
}

.c-movie-column__iframe iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.c-movie-column__name {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.3;
    color: #181818;
    text-align: center;
    margin-bottom: 16px;
}

.c-movie-card-slider {
    position: relative;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.c-movie-card-slider .c-movie-card-slider-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* .c-movie-card-slider.-off .c-movie-card-slider-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
} */

.c-movie-card-slide {
    /* width: 22.21%; */
}

.c-movie-card-slide__link {
    width: 100%;
}

.c-movie-card-slide__pic {
    width: 100%;
    aspect-ratio: 16/9;
    margin-bottom: 4px;
}

.c-movie-card-slide__pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-movie-card-slide__title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}

.c-movie-card-slide__genre {
    position: relative;
    padding-left: 12px;
    font-size: 12px;
}

.c-movie-card-slide__genre:before {
    position: absolute;
    content: '';
    width: 10px;
    aspect-ratio: 1/1;
    background-color: #222855;
    border-radius: 50px;
    top: 0.25em;
    left: 0;
}

.c-movie-card-slider .swiper-pagination {
    transform: initial;
    bottom: 0px;
}

.c-movie-card-slider .swiper-button-next,
.c-movie-card-slider .swiper-button-prev {
    background-image: none;
    top: 50%;
    transform: translateY(calc(-50% - 20px));
}

.c-movie-card-slider .swiper-button-next {
    right: -3%;
}

.c-movie-card-slider .swiper-button-prev {
    left: -3%;
}

.c-movie-link {
    position: relative;
    display: block;
    margin-inline: auto;
    text-align: center;
    max-width: 800px;
    width: 100%;
}

.c-movie-link:before {
    position: absolute;
    content: '';
    background-color: #ffffff;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    top: calc(50% - 48px);
    left: calc(50% - 48px);
    z-index: 1;
}

.c-movie-link:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 26px solid #a6a6a6;
    border-right: 0;
    top: calc(50% - 15px);
    left: calc(50% - 13px);
    z-index: 2;
}

.c-movie-link img {
    width: 100%;
}

.c-profile {
    /* display: flex;
    flex-direction: row; */
    display: grid;
    grid-template-columns: 135px 1fr;
    grid-template-rows: auto;
    grid-column-gap: 22px;
    grid-row-gap: 0px;
    margin-bottom: 100px;
}

.c-profile__pic {
    grid-area: 1 / 1 / 3 / 2;
    max-width: 135px;
    width: 100%;
    margin-right: 22px;
}

.c-profile__names {
    grid-area: 1 / 2 / 2 / 3;
}

.c-profile__l {}

.c-profile__r {}

.c-profile__name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

.c-profile__detail {
    grid-area: 2 / 2 / 3 / 3;
}

@media screen and (max-width: 768px) {
    .c-profile {
        /* display: flex;
        flex-direction: row; */
        grid-template-columns: 20.3% 1fr;
        grid-row-gap: 15px;
        margin-bottom: 72px;
    }

    .c-profile__pic {
        grid-area: 1 / 1 / 2 / 2;
        max-width: initial;
        margin-right: 22px;
    }

    .c-profile__names {
        grid-area: 1 / 2 / 2 / 3;
    }

    .c-profile__l {}

    .c-profile__r {}

    .c-profile__name {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 12px;
    }

    .c-profile__detail {
        grid-area: 2 / 1 / 3 / 3;
    }
}

.c-small-event-list {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.c-small-event-list:after {
    content: '';
    max-width: 356px;
    width: 33%;
    display: block;
}

.c-small-event-list__item {
    max-width: 356px;
    width: 32%;
    margin-bottom: 60px;
}

.c-small-event-list__item.-top-kawaijuku {
    max-width: 275px;
    padding-bottom: 20px;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 0 0 40px 0;
}

.c-small-event-list__item.-top-lecture {
    background-color: #fff;
}

.c-small-event-list__pic {
    aspect-ratio: 356/190;
    width: 100%;
    height: auto;
    margin-bottom: 16px;
}

.c-small-event-list__pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-small-event-list__event-season {
    text-align: center;
    margin-bottom: 24px;
}

.c-small-event-list__event-season-inner {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #222855;
    text-align: center;
    background-color: #fff;
    border: 2px solid #222855;
    display: inline-block;
    padding: 8px;
}

.c-small-event-list__event-date {
    text-align: center;
    margin-bottom: 16px;
}

.c-small-event-list__event-date-inner {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.c-small-event-list__event-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.c-small-event-list__event-detail {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
    .c-small-event-list {
        flex-direction: row;
    }

    .c-small-event-list__item {
        max-width: initial;
        width: 48%;
        margin-bottom: 36px;
    }

    .c-small-event-list__pic {
        margin-bottom: 10px;
    }

    .c-small-event-list__event-title {
        font-size: 16px;
        letter-spacing: 0.02em;
        margin-bottom: 16px;
    }

    .c-small-event-list__event-detail {
        font-weight: 600;
        font-size: 15px;
        letter-spacing: 0;
    }

    .c-small-event-list__event-date {
        margin-bottom: 8px;
    }

    .c-small-event-list__event-date-inner {
        font-size: 13px;
    }
}

.c-h1-left {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.12;
    margin-bottom: 63px;
}

.c-h2-left {
    font-weight: 700;
    font-size: 32px;
    text-align: left;
    line-height: 1.6;
    margin-bottom: 40px;
}

.c-h2-center {
    font-weight: 900;
    font-size: 32px;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 40px;
}

.c-h2-left.-border,
.c-h2-center.-border {
    border-top: 2px solid #181818;
    border-bottom: 2px solid #181818;
    padding: 8px 0;
}

.c-h2-with-english {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.c-h2-with-english.-center {
    text-align: center;
}

.c-h2-with-english.-question {
    margin-bottom: 40px;
}

.c-h2-with-english__english {
    display: block;
    font-size: 30px;
    font-weight: 900;
    color: #3333331a;
    letter-spacing: 0.02em;
}

.c-h2-with-english__english.-center {
    text-align: center;
}

.c-h2-with-english__english.-white {
    color: #ffffff33;
}

.c-h3-circle-wrapper {
    text-align: center;
    margin-bottom: 40px;
}

.c-h3-circle-wrapper.-article-profile {
    text-align: left;
    margin-bottom: 22px;
}

.c-h3-circle-wrapper.-left {
    text-align: left;
}

.c-h3-circle-wrapper.-center {
    text-align: center;
}

.c-h3-circle {
    position: relative;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    padding-left: 32px;
    display: inline-block;
}

.c-h3-circle:before {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    border-radius: 50%;
    top: calc(calc(37px - 24px)/2);
    left: 0;
}

.c-h3-circle.-dark-blue:before {
    background-color: #222855;
}

.c-h3-circle.-pink:before {
    background-color: #e97ca9;
}

.c-h3-circle.-blue:before {
    background-color: #61c7f9;
}

.c-h3-circle.-purple:before {
    background-color: #a085dd;
}

.c-h3-circle.-orange:before {
    background-color: #febb51;
}

.c-h3-circle.-green:before {
    background-color: #b0cd70;
}

.c-h3-with-icon {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    font-size: 26px;
    font-weight: 700;
    color: #181818;
    line-height: 1.3;
    letter-spacing: 0.08em;
}

.c-h3-with-icon__icon {
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.c-h3-with-icon.-left {
    justify-content: flex-start;
}

@media screen and (max-width: 768px) {
    .c-h1-left {
        font-size: 28px;
    }

    .c-h2-left {
        font-size: 24px;
        margin-bottom: 45px;
    }

    .c-h2-center {
        font-size: 24px;
        margin-bottom: 38px;
    }

    .c-h2-with-english__english {
        font-size: 24px;
    }

    .c-h3-circle {
        font-size: 22px;
        padding-left: 27px;
    }

    .c-h3-circle:before {
        top: 5px;
        width: 19px;
        height: 19px;
    }
}

.c-h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
}

.c-label-text-wrapper {
    background-color: #e6e6e6;
    display: inline-block;
    min-width: 192px;
    margin-bottom: 22px;
}

.c-label-text {
    font-size: 22px;
    padding: 8px;
    text-align: center;
}

.c-li {
    position: relative;
    font-size: 15px;
    line-height: 1.6;
    padding-left: 32px;
}

.c-li.-link {
    padding-left: 0;
}

.c-li:before {
    position: absolute;
    left: 15px;
}

.c-li.-usual:before {
    content: '';
    width: 8px;
    height: 8px;
    top: 0.5em;
    border-radius: 100px;
    background-color: #222855;
}

.c-li.-number:before {
    content: counter(normal-ol)".";
    counter-increment: normal-ol;
}

.c-li.-brackets-number:before {
    left: 5px;
    content: "(" counter(brackets-ol)")";
    counter-increment: brackets-ol;
}

.c-li.-circle-number:before {
    top: 0.25em;
    left: 5px;
    content: counter(circle-ol);
    counter-increment: circle-ol;
    background-color: transparent;
    color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    letter-spacing: 0;
    border: 1px solid #181818;
    position: absolute;
    /* top: 0.28em;
    left: 0.2em; */
}

.c-li.-annotation-usual:before {
    content: '※';
}

.c-li.-asterisk:before {
    content: '＊';
}

.c-li.-annotation-thin {
    font-size: 12px;
}

.c-li.-annotation-thin:before {
    content: '※';
}

.c-li.-annotation-bold {
    font-weight: 700;
}

.c-li.-annotation-bold:before {
    content: '※';
}

.c-link-bnr {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
    transition: opacity .3s;
    will-change: transform;
}

@media screen and (min-width: 768px) {
    .c-link-bnr:hover {
        opacity: .8;
    }
}

.c-link-bnr img {
    display: block;
    width: 100%;
}

.c-link-img {
    display: flex;
}

.c-link_external-link {
    position: absolute;
    display: block;
    width: 0.94em;
    height: 0.94em;
    right: -1.1em;
    top: calc(50% - 0.47em);
    line-height: 1.6;
    background-image: url(/files/img/common/icon_external-link.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.c-li.-row-four {
    width: 24%;
    margin-bottom: 8px;
}

.c-li.-row-three {
    width: 32%;
    margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
    .c-li {
        padding-left: 24px;
    }

    .c-li:before {
        left: 7.5px;
    }

    .c-li.-number:before {
        left: 5px;
    }

    .c-li.-brackets-number:before {
        left: 1px;
    }

    .c-li.-circle-number:before {
        left: 1px;
    }

    .c-li.-row-four,
    .c-li.-row-three {
        width: 48%;
    }
}

.c-program-area {
    position: relative;
    width: 100vw;
    min-height: 245px;
    margin: 0 calc(50% - 50vw) 20px calc(50% - 50vw);
    overflow: hidden;
    padding: 42px 0 20px;
}

.c-program-area:before {
    position: absolute;
    content: '';
    mix-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    pointer-events: none;
}

.c-program-area.-unifes-tv {
    background-image: linear-gradient(90deg, rgb(44,44,44) 0%, rgb(150,150,150) 100%);
}

.c-program-area.-unifes-tv:before {
    background-image: url(/files/img/top/bg_unifes_tv.png);
    width: calc(986 / 1360 * 100%);
    height: auto;
    aspect-ratio: 986 / 648;
    top: calc(-175 / 245 * 100%);
    left: 0;
    opacity: 1;
}

.c-program-area.-kawaijuku {
    background-image: linear-gradient(90deg, rgb(20, 188, 255) 0%, rgb(136, 209, 245) 100%);
}

.c-program-area.-kawaijuku:before {
    background-image: url(/files/img/top/bg_kawaijuku.png);
    width: calc(1394 / 1360 * 100%);
    height: auto;
    aspect-ratio: 1394 / 889;
    top: calc(-235 / 245 * 100%);
    left: calc(-5 / 1360 * 100%);
    opacity: 0.6;
}

.c-program-area.-lecture {
    background-image: linear-gradient(90deg, rgb(245, 189, 100) 0%, rgb(254, 216, 154) 100%);
}

.c-program-area.-lecture:before {
    background-image: url(/files/img/top/bg_lecture.png);
    width: 100%;
    height: auto;
    aspect-ratio: 1360 / 1025;
    top: calc(-270 / 245 * 100%);
    left: 0;
    opacity: 1;
}

.c-program-area.-university {
    background-image: linear-gradient(90deg, rgb(225, 107, 159) 0%, rgb(254, 205, 226) 100%);
}

.c-program-area.-university:before {
    background-image: url(/files/img/top/bg_university.png);
    width: 100%;
    height: auto;
    aspect-ratio: 1360 / 1025;
    top: calc(-270 / 245 * 100%);
    left: 0;
    opacity: 1;
}

.c-program-area__content {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1360px;
    margin-inline: auto;
}

.c-program-area__left {
    width: 265px;
    margin-left: auto;
    padding-left: 20px;
}

.c-program-area.-unifes-tv .c-program-area__left {
    margin-top: 15px;
}

.c-program-area.-kawaijuku .c-program-area__left {
    margin-top: 30px;
}

.c-program-area.-lecture .c-program-area__left {
    margin-top: 40px;
}

.c-program-area__head {
    position: relative;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
}

.c-program-area__head-english {
    position: absolute;
    bottom: 0.95em;
    left: 0;
    font-weight: 900;
    font-size: 30px;
    letter-spacing: 0.02em;
    opacity: 0.2;
    line-height: 0.9;
}

.c-program-area__text {
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.c-program-area__right {
    position: relative;
    max-width: 1000px;
    width: calc(1000 / 1245 * 100%);
}

.c-program-area__right::before,
.c-program-area__right::after {
    position: absolute;
    content: '';
    width: 50px;
    height: 100%;
    top: 0;
    z-index: 2;
}

.c-program-area__right::before {
    left: 0;
}

.c-program-area__right::after {
    right: 0;
}

.c-program-area__right.-unifes-tv::before {
    background: linear-gradient(-90deg, rgba(44 ,44, 44, 0) 0%, rgba(44 ,44, 44, 0.8) 100%);
}

.c-program-area__right.-unifes-tv::after {
    background: linear-gradient(90deg, rgba(150 ,150, 150, 0) 0%, rgba(150 ,150, 150, 0.8) 100%);
}

.c-program-area__right.-kawaijuku::before {
    background: linear-gradient(-90deg, rgba(20 ,188, 255, 0) 0%, rgba(20 ,188, 255, 0.8) 100%);
}

.c-program-area__right.-kawaijuku::after {
    background: linear-gradient(90deg, rgba(136 ,209, 245, 0) 0%, rgba(136 ,209, 245, 0.8) 100%);
}

.c-program-area__right.-lecture::before {
    background: linear-gradient(-90deg, rgba(245 ,189, 100, 0) 0%, rgba(245 ,189, 100, 0.8) 100%);
}

.c-program-area__right.-lecture::after {
    background: linear-gradient(90deg, rgba(254 ,216, 154, 0) 0%, rgba(254 ,216, 154, 0.8) 100%);
}

.c-program-area__right .swiper-button-prev,
.c-program-area__right .swiper-button-next {
    margin-top: 0;
    translate: 0 -50%;
    width: 14px;
    height: 23px;
    background: url(/files/img/top/icn_arrow.svg) 0 0 no-repeat;
    background-size: contain;
}

.c-program-area__right .swiper-button-prev::before,
.c-program-area__right .swiper-button-next::before {
    content: none;
}

.c-program-area__right .swiper-button-prev {
    rotate: 180deg;
    left: 20px;
}

.c-program-area__right .swiper-button-prev {
    right: 20px;
}

.c-program-area__slide-link {
    display: block;
    width: 100%;
}

.c-program-area__slide-link img {
    width: 100%;
    aspect-ratio: 292 / 162;
    object-fit: cover;
}

@media screen and (max-width: 1280px) {
    .c-program-area__right {
        width: calc(1000 / 1280 * 100vw);
    }
}

@media screen and (max-width: 1180px) {
    .c-program-area {
        padding-top: 70px;
    }

    .c-program-area__content {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .c-program-area__left {
        width: 100%;
        margin-bottom: 0;
        margin-left: 0;
        padding-right: 20px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

    .c-program-area.-unifes-tv .c-program-area__left {
        margin-top: 0;
    }

    .c-program-area.-kawaijuku .c-program-area__left {
        margin-top: 0;
    }

    .c-program-area.-lecture .c-program-area__left {
        margin-top: 0;
    }

    .c-program-area__text {
        margin-bottom: 0;
    }

    .c-program-area__right {
        max-width: none;
        width: 100%;
        padding-inline: 20px;
    }
}

@media screen and (max-width: 768px) {
    .c-program-area {
        width: 100%;
        min-height: auto;
        margin: 0 0 20px 0;
        padding-block: 39px 22px;
    }

    .c-program-area.-unifes-tv:before {
        width: 100%;
        top: -35px;
        left: 0;
    }

    .c-program-area.-kawaijuku:before {
        width: calc(1091 / 750 * 100%);
        top: -15px;
        left: -77px;
    }

    .c-program-area.-lecture:before {
        width: calc(710 / 750 * 100%);
        top: -20px;
        left: -29px;
    }

    .c-program-area__slide {
        overflow: hidden;
    }

    .c-program-area__content {
        padding-inline: 20px;
    }

    .c-program-area__left {
        padding-inline: 0;
    }

    .c-program-area__head {
        margin-bottom: 0;
        font-size: 24px;
        letter-spacing: 0;
    }

    .c-program-area__head-english {
        bottom: 1.1em;
        font-size: 24px;
    }

    .c-program-area__right {
        padding-inline: 0;
    }

    .c-program-area__right::before {
        content: none;
    }

    .c-program-area__right::after {
        width: 14%;
    }

    .c-program-area__right.-unifes-tv::after {
        background: linear-gradient(90deg, rgba(150 ,150, 150, 0) 0%, rgba(150 ,150, 150, 1) 100%);
    }

    .c-program-area__right.-kawaijuku::after {
        background: linear-gradient(90deg, rgba(136 ,209, 245, 0) 0%, rgba(136 ,209, 245, 1) 100%);
    }

    .c-program-area__right.-lecture::after {
        background: linear-gradient(90deg, rgba(254 ,216, 154, 0) 0%, rgba(254 ,216, 154, 1) 100%);
    }

    .c-program-area__right .swiper-button-prev,
    .c-program-area__right .swiper-button-next {
        display: none;
    }
}

.c-question {
    margin-bottom: 60px;
}

.c-question__answer {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6;
}

.c-three-column {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.c-three-column:after {
    content: '';
    display: block;
    width: 32%;
}

.c-three-column.-one-item:after {
    display: none;
}

.c-three-column.-top-attend-flow {
    max-width: 980px;
    margin-inline: auto;
}

.c-three-column__item {
    width: 32%;
    display: block;
    margin-bottom: 24px;
}

.c-three-column__pic {
    width: 100%;
    height: auto;
    aspect-ratio: 362/169;
    margin-bottom: 18px;
}

.c-three-column__pic.-ratio-free {
    aspect-ratio: initial;
}

.c-three-column__pic.-s-m {
    width: 56%;
    margin-inline: auto;
}

.c-three-column__pic.-top-attend-flow {
    aspect-ratio: initial;
    max-height: 212px;
    height: 100%;
}

.c-three-column__pic.-banner {
    border: 1px solid #c6c6c6;
}

.c-three-column__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-three-column__img.-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

.c-three-column__img.-top-attend-flow {
    -o-object-fit: contain;
    object-fit: contain;
}

.c-three-column__text {
    font-size: 22px;
    font-weight: 700;
}

.c-three-column__text.-top-attend-flow {
    text-align: center;
    font-size: 26px;
    margin-bottom: 14px;
}

@media screen and (max-width: 768px) {
    .c-three-column {
        flex-direction: column;
    }

    .c-three-column__item {
        width: 100%;
        margin-bottom: 50px;
    }

    /* .c-three-column__item:last-child {
        margin-bottom: 0;
    } */

    .c-three-column__pic {
        margin-bottom: 21px;
    }

    .c-three-column__pic.-s-m {
        width: 80%;
        max-width: 200px;
    }

    .c-three-column__text {
        font-size: 18px;
        text-align: center;
    }
}

.c-two-column {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 98px;
}

.c-two-column:after {
    content: '';
    display: block;
    width: 48%;
}

.c-two-column__item {
    width: 48%;
    display: block;
}

.c-two-column__pic {
    width: 100%;
    height: auto;
    margin-bottom: 18px;
}

.c-two-column__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-two-column__title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .c-two-column {
        flex-direction: column;
    }

    .c-two-column__item {
        width: 100%;
        margin-bottom: 50px;
    }

    .c-two-column__item:last-child {
        margin-bottom: 0;
    }

    .c-two-column__pic {
        margin-bottom: 21px;
    }

    .c-two-column__title {
        font-size: 18px;
        text-align: center;
    }
}

.c-ul,
.c-ol {
    margin-bottom: 21px;
}

.c-ul.-row-four {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.c-ul.-row-three {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.c-usual-text {
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .c-usual-text {
        margin-bottom: 68px;
    }
}

.c-ol.-number {
    counter-reset: normal-ol;
}

.c-ol.-brackets-number {
    counter-reset: brackets-ol;
}

.c-ol.-circle-number {
    counter-reset: circle-ol;
}

.c-table-wrapper {
    max-width: 800px;
    width: 100%;
}

.c-table-wrapper.-left {
    display: flex;
    justify-content: flex-start;
}

.c-table-wrapper.-center {
    margin-inline: auto;
}

.c-table {}

.c-table.-center {}

.c-table__tr {}

.c-table__th,
.c-table__td {
    text-align: left;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}

.c-table__th:last-child,
.c-table__td:last-child {
    border-right: 0px;
}

.c-table__th {
    border-bottom: 2px solid #222855;
    font-size: 18px;
    font-weight: 700;
    padding: 7px;
    vertical-align: middle;
}

.c-table__td {
    font-size: 15px;
    line-height: 1.8;
    color: #333333;
    padding: 16px 8px;
    vertical-align: baseline;
}

@media screen and (max-width: 768px) {
    .c-table__th {
        font-size: 15px;
        padding: 5px;
    }

    .c-table__td {
        font-size: 13px;
        padding: 12px 6px;
        vertical-align: middle;
    }
}


/* ==========================================================
*
*   utility
*
========================================================== */
/* ---------------------------------------------
*   align-items
--------------------------------------------- */
.ai--center {
    align-items: center;
}

.ai--flex-end {
    align-items: flex-end;
}


/* ---------------------------------------------
*   align-self
--------------------------------------------- */
.as--center {
    align-self: stretch
}

/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: #fff !important;
}

.bg-blue-1 {
    background-color: #F0FCFF !important;
}

.bg-blue-2 {
    background-color: #E8F4FF;
}

.bg-blue--transparent-1 {
    background-color: #DFF9FFCC;
}

.bg-lightblue {
    background-color: #dff4ff;
}

.bg-lightgreen-1 {
    background: #F1FFF0;
}

.bg-purple-1 {
    background-color: #e7e1f3 !important;
}

.bg-red {
    background-color: #F71111;
}

.bg-middle-dark-green {
    background-color: #00a67b;
}

.bg-lightgreen {
    background-color: #f3fff3;
}

.bg-glassmorphism {
    position: relative;
}

.bg-glassmorphism:before {
    position: absolute;
    content: '';
    background: #FFFFFF59;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.bg-glassmorphism:after {
    position: absolute;
    content: '';
    background-image: url(/files/img/common/logo_unifes_big.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /* top: 170px; */
    top: 0px;
    width: 1900px;
    height: 1640px;
    z-index: -1;
}

.bg-glassmorphism.--logo-none:after {
    display: none;
}

.bg-glassmorphism.--ms:after {
    width: 1320px;
    height: 1141.08px;
}

.bg-glassmorphism.--left:after {
    left: -250px;
}

.bg-glassmorphism.--right:after {
    right: -250px;
}

.bg-glassmorphism.--ms.--left:after {
    left: 0px;
}

.bg-glassmorphism.--ms.--right:after {
    right: 0px;
}

.bg-glassmorphism>* {
    position: relative;
}

.bg--yellow-polka-dots {
    background-color: #fff;
    background-image:
        radial-gradient(#f7f7c0 30%, transparent 30%),
        radial-gradient(#f7f7c0 30%, transparent 30%);
    background-size: 13px 13px;
    background-position: 0 0, 20px 20px;
}

/* ---------------------------------------------
*   border
--------------------------------------------- */
.border--black {
    border: 1px solid #000;
}

.border--light-black {
    border: 1px solid #343434;
}

.border--gray {
    border: 1px solid #bcbcbc;
}

/* ---------------------------------------------
*   display
--------------------------------------------- */
.display--block {
    display: block !important;
}

.display--inline-block {
    display: inline-block !important;
}

.display--flex {
    display: flex !important;
}

/* ---------------------------------------------
*   flex-direction
--------------------------------------------- */
.fd--column {
    flex-direction: column;
}

@media screen and (max-width: 768px) {
    .fd--sp-column {
        flex-direction: column;
    }
}

/* ---------------------------------------------
*   flex-wrap
--------------------------------------------- */
.fwr--wrap {
    flex-wrap: wrap;
}

/* ---------------------------------------------
*   font-size
--------------------------------------------- */
.fs-pc--13 {
    font-size: 13px;
}

.fs-pc--15 {
    font-size: 15px;
}

.fs-pc--18 {
    font-size: 18px;
}

.fs-pc--21 {
    font-size: 21px;
}

.fs-pc--22 {
    font-size: 22px;
}

.fs-pc--24 {
    font-size: 24px;
}

.fs-pc--26 {
    font-size: 26px;
}

@media screen and (max-width: 768px) {
    .fs-sp--10 {
        font-size: 10px;
    }

    .fs-sp--14 {
        font-size: 14px;
    }

    .fs-sp--15 {
        font-size: 15px;
    }

    .fs-sp--16 {
        font-size: 16px;
    }

    .fs-sp--18 {
        font-size: 18px;
    }

    .fs-sp--20 {
        font-size: 20px;
    }

    .fs-sp--22 {
        font-size: 22px;
    }
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-black {
    font-weight: 900 !important;
}

/* ---------------------------------------------
*   float--right
--------------------------------------------- */
.float--right {
    float: right;
}

/* ---------------------------------------------
*   justify-content
--------------------------------------------- */
.jc--space-between {
    justify-content: space-between !important;
}

.jc--space-around {
    justify-content: space-around !important;
}

.jc--center {
    justify-content: center !important;
}

@media screen and (max-width: 768px) {
    .jc-sp--center {
        justify-content: center !important;
    }
}

/* ---------------------------------------------
*   pointer
--------------------------------------------- */
.pointer--none {
    pointer-events: none;
}

/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.txt-al--center {
    text-align: center !important;
}

.txt-al--right {
    text-align: right !important;
}

.txt-al--left {
    text-align: left !important;
}

@media screen and (max-width: 768px) {
    .txt-al--sp-center {
        text-align: center !important;
    }

    .txt-al--sp-left {
        text-align: left !important;
    }
}

/* ---------------------------------------------
*   text-color
--------------------------------------------- */
.txt-color-white {
    color: #ffffff;
}

.txt-color-pink {
    color: #e97ca9;
}

.txt-color-red {
    color: #F71111;
}

.txt-color-333 {
    color: #333333 !important;
}

.txt-color-green {
    color: #008000;
}

.txt-color-blue-green {
    color: #78a8a9;
}

.txt-underline--link {
    text-decoration: underline;
    transition: 0.3s;
}

.txt-underline--link:hover {
    text-decoration: initial;
}

/* ---------------------------------------------
*   text-marker
--------------------------------------------- */
.txt-marker-yellow {
    display: inline-block;
    text-decoration: underline;
    text-decoration-thickness: 0.37em;
    -webkit-text-decoration-color: #ecea61;
    text-decoration-color: #ecea61;
    text-underline-offset: -0.1em;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

/* ---------------------------------------------
*   transform
--------------------------------------------- */
.tf-rotate-pc--325 {
    transform: rotate(325deg);
}

@media screen and (max-width: 768px) {
    .tf-rotate-sp--0 {
        transform: rotate(0);
    }
}

/* ---------------------------------------------
*   print
--------------------------------------------- */
.bg-print {
    display: none;
}

@media screen and (min-width: 768.99px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .sp-hide {
        display: none !important;
    }
}

/* ---------------------------------------------
*   テーブル
--------------------------------------------- */
table {
    border-collapse: collapse;
    /* セルの線を重ねる */
}

thead tr th {
    background-color: #ddd;
    /* 背景色指定 */
    width: 640px;
}

@media screen and (min-width: 768px) {
    .pc-hide {
        width: auto;
    }
}

th,
td {
    padding: 5px 10px;
    /* 余白指定 */
}

/* ---------------------------------------------
*   left
--------------------------------------------- */
.left-pc--m7p {
    left: -7%;
}

@media screen and (max-width: 768px) {
    .left-sp--initial {
        left: initial;
    }
}

/* ---------------------------------------------
*   letter-spacing
--------------------------------------------- */
.ls-pc--0 {
    letter-spacing: 0;
}

.ls-pc--006 {
    letter-spacing: 0.06em;
}

/* ---------------------------------------------
*   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: 0.66667vw !important;
    }

    .mgt-sp--10 {
        margin-top: 1.33333vw !important;
    }

    .mgt-sp--15 {
        margin-top: 2vw !important;
    }

    .mgt-sp--20 {
        margin-top: 2.66667vw !important;
    }

    .mgt-sp--25 {
        margin-top: 3.33333vw !important;
    }

    .mgt-sp--30 {
        margin-top: 4vw !important;
    }

    .mgt-sp--35 {
        margin-top: 4.66667vw !important;
    }

    .mgt-sp--40 {
        margin-top: 5.33333vw !important;
    }

    .mgt-sp--45 {
        margin-top: 6vw !important;
    }

    .mgt-sp--50 {
        margin-top: 6.66667vw !important;
    }

    .mgt-sp--55 {
        margin-top: 7.33333vw !important;
    }

    .mgt-sp--60 {
        margin-top: 8vw !important;
    }

    .mgt-sp--65 {
        margin-top: 8.66667vw !important;
    }

    .mgt-sp--70 {
        margin-top: 9.33333vw !important;
    }

    .mgt-sp--75 {
        margin-top: 10vw !important;
    }

    .mgt-sp--80 {
        margin-top: 10.66667vw !important;
    }

    .mgt-sp--85 {
        margin-top: 11.33333vw !important;
    }

    .mgt-sp--90 {
        margin-top: 12vw !important;
    }

    .mgt-sp--95 {
        margin-top: 12.66667vw !important;
    }

    .mgt-sp--100 {
        margin-top: 13.33333vw !important;
    }

    .mgt-sp--105 {
        margin-top: 14vw !important;
    }

    .mgt-sp--110 {
        margin-top: 14.66667vw !important;
    }

    .mgt-sp--115 {
        margin-top: 15.33333vw !important;
    }

    .mgt-sp--120 {
        margin-top: 16vw !important;
    }

    .mgt-sp--125 {
        margin-top: 16.66667vw !important;
    }

    .mgt-sp--130 {
        margin-top: 17.33333vw !important;
    }

    .mgt-sp--135 {
        margin-top: 18vw !important;
    }

    .mgt-sp--140 {
        margin-top: 18.66667vw !important;
    }

    .mgt-sp--145 {
        margin-top: 19.33333vw !important;
    }

    .mgt-sp--150 {
        margin-top: 20vw !important;
    }

    .mgt-sp--155 {
        margin-top: 20.66667vw !important;
    }

    .mgt-sp--160 {
        margin-top: 21.33333vw !important;
    }

    .mgt-sp--165 {
        margin-top: 22vw !important;
    }

    .mgt-sp--170 {
        margin-top: 22.66667vw !important;
    }

    .mgt-sp--175 {
        margin-top: 23.33333vw !important;
    }

    .mgt-sp--180 {
        margin-top: 24vw !important;
    }

    .mgt-sp--185 {
        margin-top: 24.66667vw !important;
    }

    .mgt-sp--190 {
        margin-top: 25.33333vw !important;
    }

    .mgt-sp--195 {
        margin-top: 26vw !important;
    }

    .mgt-sp--200 {
        margin-top: 26.66667vw !important;
    }

    .mgt-sp--205 {
        margin-top: 27.33333vw !important;
    }

    .mgt-sp--210 {
        margin-top: 28vw !important;
    }

    .mgt-sp--215 {
        margin-top: 28.66667vw !important;
    }

    .mgt-sp--220 {
        margin-top: 29.33333vw !important;
    }

    .mgt-sp--225 {
        margin-top: 30vw !important;
    }

    .mgt-sp--230 {
        margin-top: 30.66667vw !important;
    }

    .mgt-sp--235 {
        margin-top: 31.33333vw !important;
    }

    .mgt-sp--240 {
        margin-top: 32vw !important;
    }

    .mgt-sp--245 {
        margin-top: 32.66667vw !important;
    }

    .mgt-sp--250 {
        margin-top: 33.33333vw !important;
    }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--m20 {
    margin-bottom: -20px;
}

.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: 0.66667vw !important;
    }

    .mgb-sp--10 {
        margin-bottom: 1.33333vw !important;
    }

    .mgb-sp--15 {
        margin-bottom: 2vw !important;
    }

    .mgb-sp--20 {
        margin-bottom: 2.66667vw !important;
    }

    .mgb-sp--25 {
        margin-bottom: 3.33333vw !important;
    }

    .mgb-sp--30 {
        margin-bottom: 4vw !important;
    }

    .mgb-sp--35 {
        margin-bottom: 4.66667vw !important;
    }

    .mgb-sp--40 {
        margin-bottom: 5.33333vw !important;
    }

    .mgb-sp--45 {
        margin-bottom: 6vw !important;
    }

    .mgb-sp--50 {
        margin-bottom: 6.66667vw !important;
    }

    .mgb-sp--55 {
        margin-bottom: 7.33333vw !important;
    }

    .mgb-sp--60 {
        margin-bottom: 8vw !important;
    }

    .mgb-sp--65 {
        margin-bottom: 8.66667vw !important;
    }

    .mgb-sp--70 {
        margin-bottom: 9.33333vw !important;
    }

    .mgb-sp--75 {
        margin-bottom: 10vw !important;
    }

    .mgb-sp--80 {
        margin-bottom: 10.66667vw !important;
    }

    .mgb-sp--85 {
        margin-bottom: 11.33333vw !important;
    }

    .mgb-sp--90 {
        margin-bottom: 12vw !important;
    }

    .mgb-sp--95 {
        margin-bottom: 12.66667vw !important;
    }

    .mgb-sp--100 {
        margin-bottom: 13.33333vw !important;
    }

    .mgb-sp--105 {
        margin-bottom: 14vw !important;
    }

    .mgb-sp--110 {
        margin-bottom: 14.66667vw !important;
    }

    .mgb-sp--115 {
        margin-bottom: 15.33333vw !important;
    }

    .mgb-sp--120 {
        margin-bottom: 16vw !important;
    }

    .mgb-sp--125 {
        margin-bottom: 16.66667vw !important;
    }

    .mgb-sp--130 {
        margin-bottom: 17.33333vw !important;
    }

    .mgb-sp--135 {
        margin-bottom: 18vw !important;
    }

    .mgb-sp--140 {
        margin-bottom: 18.66667vw !important;
    }

    .mgb-sp--145 {
        margin-bottom: 19.33333vw !important;
    }

    .mgb-sp--150 {
        margin-bottom: 20vw !important;
    }

    .mgb-sp--155 {
        margin-bottom: 20.66667vw !important;
    }

    .mgb-sp--160 {
        margin-bottom: 21.33333vw !important;
    }

    .mgb-sp--165 {
        margin-bottom: 22vw !important;
    }

    .mgb-sp--170 {
        margin-bottom: 22.66667vw !important;
    }

    .mgb-sp--175 {
        margin-bottom: 23.33333vw !important;
    }

    .mgb-sp--180 {
        margin-bottom: 24vw !important;
    }

    .mgb-sp--185 {
        margin-bottom: 24.66667vw !important;
    }

    .mgb-sp--190 {
        margin-bottom: 25.33333vw !important;
    }

    .mgb-sp--195 {
        margin-bottom: 26vw !important;
    }

    .mgb-sp--200 {
        margin-bottom: 26.66667vw !important;
    }

    .mgb-sp--205 {
        margin-bottom: 27.33333vw !important;
    }

    .mgb-sp--210 {
        margin-bottom: 28vw !important;
    }

    .mgb-sp--215 {
        margin-bottom: 28.66667vw !important;
    }

    .mgb-sp--220 {
        margin-bottom: 29.33333vw !important;
    }

    .mgb-sp--225 {
        margin-bottom: 30vw !important;
    }

    .mgb-sp--230 {
        margin-bottom: 30.66667vw !important;
    }

    .mgb-sp--235 {
        margin-bottom: 31.33333vw !important;
    }

    .mgb-sp--240 {
        margin-bottom: 32vw !important;
    }

    .mgb-sp--245 {
        margin-bottom: 32.66667vw !important;
    }

    .mgb-sp--250 {
        margin-bottom: 33.33333vw !important;
    }
}

/* ---------------------------------------------
*   margin-right
--------------------------------------------- */
.mgr-pc--10 {
    margin-right: 10px;
}

@media screen and (max-width: 768px) {
    .mgr-sp--0 {
        margin-right: 0;
    }
}

/* ---------------------------------------------
*   margin-left & margin-right
--------------------------------------------- */
.mglr-pc--0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mglr-pc--auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media screen and (max-width: 768px) {
    .mglr-sp--auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}



/* ---------------------------------------------
*   padding-top
--------------------------------------------- */
.pdt-pc--0 {
    padding-top: 0 !important;
}

.pdt-pc--15 {
    padding-top: 15px !important;
}

@media screen and (max-width: 768px) {
    .pdt-sp--0 {
        padding-top: 0 !important;
    }
}


/* ---------------------------------------------
*   padding-bottom
--------------------------------------------- */
.pdb-pc--0 {
    padding-bottom: 0 !important;
}

.pdb-pc--15 {
    padding-bottom: 15px !important;
}

/* ---------------------------------------------
*   padding-top & padding-bottom
--------------------------------------------- */
.pdtb-pc--20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .pdtb-sp--20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

/* ---------------------------------------------
*   padding-left & padding-right
--------------------------------------------- */
.pdlr-pc--40 {
    padding-left: 40px;
    padding-right: 40px;
}

.pdlr-pc--70 {
    padding-left: 70px;
    padding-right: 70px;
}

@media screen and (max-width: 768px) {
    .pdlr-sp--10 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* ---------------------------------------------
*   position
--------------------------------------------- */
.pos--relative {
    position: relative;
}

/* ---------------------------------------------
*   max-width
--------------------------------------------- */
.mw-pc--70 {
    max-width: 70px;
}

.mw-pc--100 {
    max-width: 100px;
}

.mw-pc--140 {
    max-width: 140px;
}

.mw-pc--200 {
    max-width: 200px;
}

.mw-pc--240 {
    max-width: 240px;
}

.mw-pc--400 {
    max-width: 400px;
}

.mw-pc--600 {
    max-width: 600px;
}

.mw-pc--700 {
    max-width: 700px;
}

.mw-pc--800 {
    max-width: 800px;
}

@media screen and (max-width: 768px) {
    .mw-sp--initial {
        max-width: initial;
    }
}

/* ---------------------------------------------
*   width
--------------------------------------------- */
.w-pc--100p {
    width: 100%;
}

.w--100p {
    width: 100%;
}

.width--100vw {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

@media screen and (max-width: 768px) {
    .w-sp--10p {
        width: 10%;
    }

    .w--10p-sp {
        width: 10%;
    }

    .w-sp--25p {
        width: 25%;
    }

    .w--25p-sp {
        width: 25%;
    }

    .w-sp--30p {
        width: 30%;
    }

    .w--30p-sp {
        width: 30%;
    }

    .w-sp--40p {
        width: 40%;
    }

    .w--40p-sp {
        width: 40%;
    }

    .w-sp--48p {
        width: 48%;
    }

    .w--48p-sp {
        width: 48%;
    }

    .w-sp--100p {
        width: 100%;
    }

    .w--100p-sp {
        width: 100%;
    }
}

/* ---------------------------------------------
*   word-break
--------------------------------------------- */
.word-break--auto {
    word-break: auto-phrase;
}

.is-hidden {
    visibility: hidden;
}