@charset "UTF-8";
.pt-0 {
    padding-top: 0 !important;
}
.w100 {
    width: 100% !important;
}
.edge_nav .edge_nav_item:first-child {
    display: none;
}
.text-left {
    text-align: left !important;
}
.head .h-2 {
    line-height: 1.2;
    font-weight: 500;
}
.topics-after p {
    font-size: 14px;
}
.topics-after figure::after {
    display: none !important;
}

/* メインビジュアルコンテナ */
.main-visual {
    position: relative;
    /* 徨勣殆の�~��塘崔の児�� */
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9のアスペクト曳を�S隔するための互さ��1080 / 1920 = 0.5625 = 56.25%�� */
    height: 80vh;
    /* padding-bottomで互さを�_隠するため、heightを0にする */
    overflow: hidden;
    /* コンテナからはみ竃る坪否を�Lす */
    background-color: #000;
    /* �啝�が�iみ�zまれるまでの嘘尚弼または旗紋弼 */
}
/* �\いオ�`バ�`レイレイヤ�`の弖紗 */
.main-visual::before {
    content: "";
    /* �M貌勣殆にはcontentプロパティが駅勣 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    /* �\��0,0,0��で邑苧業40%��0.4�� */
    z-index: 1;
    /* �啝���-1��より貧、コンテンツ��1��より和に塘崔 */
}

/* 嘘尚�啝� */
.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* �H勣殆の互さに栽わせる */
    object-fit: cover;
    /* アスペクト曳を�S隔しつつ、勣殆を頼畠に顕う */
    z-index: 0;
    /* コンテンツの和に塘崔 */
}
/* メインビジュアルコンテンツ�┿��颪肇椒織鵤� */
.main-visual-content {
    position: absolute;
    top: 65%;
    left: 20%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    z-index: 1;
    box-sizing: border-box;
}
/* キャッチコピ�`鮫�� */
.catchcopy-image {
    max-width: 100%;
    /* �H勣殆の嫌に栽わせて�s弌 */
    height: auto;
    /* アスペクト曳を�S隔 */
    display: block;
    /* 噫蛍な和マ�`ジンを��茅 */
    margin: 0 auto 20px;
    /* 嶄刹�Bえと和マ�`ジン */
}
/* YouTube�啝�はこちらボタン */
.youtube-button {
    display: inline-block;
    padding: 12px 30px;
    background-color: #016BB9;
    color: #fff;
    font-size: 1.1em;
    text-decoration: none;
    border-radius: 50px;
    transition: background-color 0.3s ease;
    border: 2px solid #016BB9;
    box-shadow: -5px 5px 3px #2b2b2b;
}
.youtube-button:hover {
    background-color: #FFF;
    color: #016BB9;
    /* ホバ�`�rの弼 */
}

.main-float-content {
    position: absolute;
    bottom: 5%;
    right: 0;
    width: 330px;
    z-index: 10;
    box-sizing: border-box;
}

/* float-open.png が燕幣されるように�H勣殆に嘘尚鮫�颪鰓O協 */
.main-float-content .open-campus-link {
    position: fixed;
    display: block;
    width: 330px;
    height: 150px;
    background-image: url(/dcms_media/image/float-open.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image 0.3s ease;
    bottom: 15%;
}

/* ホバ�`�rにfloat-open-on.pngに俳り紋える */
.main-float-content .open-campus-link:hover {
    background-image: url("/dcms_media/image/float-open-on.png");
}

/* もし圷のimgタグをHTMLに火す��栽�┐海�CSSは貧��HTML�筝�なしの��栽�� */
/* .main-float-content img {
    display: none; // imgタグ徭悶は掲燕幣にする
} */

.edge_nav {
    top: 40% !important;
}

@media screen and (max-width: 1024px) {
    .edge_nav {
        top: auto !important;
    }
}

/* スマ�`トフォン�鬚韻燐{屁 */
@media (max-width: 768px) {
    .main-visual-content {
        width: 40%;
        left: 22%;
        /* スマ�`トフォンでのコンテンツ嫌を�{屁 */
    }
    .catchcopy-image {
        margin-bottom: 15px;
        /* スマ�`トフォンでの和マ�`ジン�{屁 */
    }
    .youtube-button {
        padding: 5px;
        font-size: 13px;
    }
    .main-visual {
        height: 0;
    }
    .main-float-content {
        display: none;
    }
    .edge_nav .edge_nav_item:first-child {
        display: block;
    }
    .edge_nav_item .nevC {
        background-color: #C8C800;
        padding: 5px;
        color: #FFF;
    }
    .edge_nav_item .nevC img {
        width: 50%;
    }
}