/* ========================================
各ページのスタイル
======================================== */

/* ========================================
1. 学部紹介コンテンツ - セクションタイトル
======================================== */
/* page-01 */
.page-01 .container._1 .section-title-sub {
    color: #E0B751;
}

/* page-02 */
.page-02 .container._1 .section-title-sub {
    color: #DB8786;
    margin-left: min(10px, 0.58823529vw);
}

.page-02 #department-introduction-section .container._1 .section-title {
    letter-spacing: 0.1em;
}

/* page-03 */
.page-03 #department-introduction-section .container._1 .section-title {
    margin-bottom: min(72px, 4.23vw);
}

.page-03 .container._1 .section-title-sub {
    color: #7293C7;
    margin-left: min(10px, 0.58823529vw);
}

/* page-04 */
.page-04 .container._1 .section-title-sub {
    color: #8EAD5C;
    margin-left: min(10px, 0.58823529vw);
}

/* page-05 */
.page-05 .container._1 .section-title-sub {
    color: #A583A8;
    margin-left: min(10px, 0.58823529vw);
}

.page-05 #department-introduction-section .container._1 .section-title::before {
    top: 73%;
    left: -14%;
    transform: unset;
}

.page-05 #department-introduction-section .container._1 .section-title::after {
    top: 73%;
    right: -14%;
    transform: unset;
}

@media (max-width: 750px) {
    .page-05 #department-introduction-section .container._1 .section-title {
        line-height: 1.33;
    }

    .page-05 #department-introduction-section .container._1 .section-title-sub {
        font-size: min(45px, 6vw);
        line-height: 1;
        margin-top: min(17px, 2.26666667vw);
    }

    .page-05 #department-introduction-section .container._1 .section-title::before {
        top: 15%;
        left: -8%;
    }

    .page-05 #department-introduction-section .container._1 .section-title::after {
        top: 15%;
        right: -8%;
    }
}

/* page-06 */
.page-06 .container._1 .section-title-sub {
    color: #E0B751;
    margin-left: min(10px, 0.58823529vw);
}

@media (max-width: 750px) {
    .page-06 #department-introduction-section .container._1 .section-title::before {
        left: -35%;
    }

    .page-06 #department-introduction-section .container._1 .section-title::after {
        right: -35%;
    }
}

/* page-07 */
.page-07 .container._1 .section-title-sub {
    color: #DB8786;
    margin-left: min(10px, 0.58823529vw);
}

/* page-08 */
.page-08 #department-introduction-section .container._1 .section-title {
    margin-bottom: min(78px, 4.58823529vw);
}

.page-08 .container._1 .section-title-sub {
    color: #7293C7;
    margin-left: min(10px, 0.58823529vw);
}

@media (max-width: 750px) {
    .page-08 #department-introduction-section .container._1 .section-title::before {
        left: -38%;
    }

    .page-08 #department-introduction-section .container._1 .section-title::after {
        right: -38%;
    }
}

/* page-09 */
.page-09 #department-introduction-section .container._1 .section-title,
.page-10 #department-introduction-section .container._1 .section-title {
    margin-bottom: min(55px, 3.23529412vw);
}

.page-11 #department-introduction-section .container._1 .section-title,
.page-12 #department-introduction-section .container._1 .section-title,
.page-13 #department-introduction-section .container._1 .section-title {
    margin-bottom: min(50px, 2.94117647vw);
}

/* page-09, page-10, page-11, page-12, page-13 */
.page-09 .container._1 .section-title-sub,
.page-10 .container._1 .section-title-sub,
.page-11 .container._1 .section-title-sub,
.page-12 .container._1 .section-title-sub,
.page-13 .container._1 .section-title-sub {
    color: #D89D4F;
}

@media (min-width: 751px) {
    .page-09 #department-introduction-section .container._1 .section-title::before,
    .page-10 #department-introduction-section .container._1 .section-title::before {
        top: 72%;
    }

    .page-09 #department-introduction-section .container._1 .section-title::after,
    .page-10 #department-introduction-section .container._1 .section-title::after {
        top: 72%;
    }
}

@media (max-width: 750px) {
    .page-09 #department-introduction-section .container._1 .section-title {
        font-size: 5.73333333vw;
    }

    .page-09 #department-introduction-section .container._1 .section-title::before {
        width: 8.66666667vw;
        top: 19%;
        left: -3.5%;
    }

    .page-09 #department-introduction-section .container._1 .section-title::after {
        width: 8.66666667vw;
        top: 19%;
        right: -3.5%;
    }

    .page-09 #department-introduction-section .container._1 .section-title .section-title-sub {
        font-size: 9.6vw;
    }

    .page-10 #department-introduction-section .container._1 .section-title {
        font-size: 5.73333333vw;
    }

    .page-10 #department-introduction-section .container._1 .section-title-sub {
        font-size: 8.26666667vw;
    }

    .page-10 #department-introduction-section .container._1 .section-title::before,
    .page-10 #department-introduction-section .container._1 .section-title::after {
        width: 8.66666667vw;
    }

    .page-10 #department-introduction-section .container._1 .section-title::before {
        left: 1%;
    }

    .page-10 #department-introduction-section .container._1 .section-title::after {
        right: 1%;
    }

    .page-11 #department-introduction-section .container._1 .section-title::before,
    .page-11 #department-introduction-section .container._1 .section-title::after,
    .page-12 #department-introduction-section .container._1 .section-title::before,
    .page-12 #department-introduction-section .container._1 .section-title::after,
    .page-13 #department-introduction-section .container._1 .section-title::before,
    .page-13 #department-introduction-section .container._1 .section-title::after {
        width: 17.33333333vw;
    }

    .page-11 #department-introduction-section .container._1 .section-title::before {
        left: -4%;
    }

    .page-12 #department-introduction-section .container._1 .section-title::before,
    .page-13 #department-introduction-section .container._1 .section-title::before {
        left: -30%;
    }

    .page-11 #department-introduction-section .container._1 .section-title::after {
        right: -4%;
    }

    .page-12 #department-introduction-section .container._1 .section-title::after,
    .page-13 #department-introduction-section .container._1 .section-title::after {
        right: -30%;
    }
}

/* keyword-button-container */
@media (min-width: 751px) {
    .page-02 .keyword-button-container,
    .page-03 .keyword-button-container {
        margin-bottom: min(52px, 3.05882353vw);
    }
}

/* ========================================
2. 学部紹介コンテンツ - コンテンツ
======================================== */
/* 経営学部 (page-01 〜 page-05) */
.page-01 .department-introduction-content-inner::before,
.page-02 .department-introduction-content-inner::before,
.page-03 .department-introduction-content-inner::before,
.page-04 .department-introduction-content-inner::before,
.page-05 .department-introduction-content-inner::before {
    background-color: #4261A6;
}

.page-01 .department-introduction-content-text {
    background-color: #E6B004;
}


@media (min-width: 751px) {
    .page-02 .department-introduction-content-title {
        padding-left: min(145px, 8.52941176vw);
    }

    .page-02 .department-introduction-content-inner::before {
        width: 68.5%;
    }

    .page-02 .department-introduction-content-image {
        margin: 0 0 0 min(120px, 7.05882353vw);
    }
}

@media (max-width: 750px) {
    .page-02 .department-introduction-content-title {
        font-size: 3.55vw;
    }
}

.page-02 .department-introduction-content-text {
    background-color: #DB8786;
}

@media (min-width: 751px) {
    .page-03 .department-introduction-content-inner::before {
        width: 55%;
    }
}
.page-03 .department-introduction-content-text {
    background-color: #7293C7;
}

@media (min-width: 751px) {
    .page-04 .department-introduction-content-inner::before {
        width: 60%;
    }
}

.page-04 .department-introduction-content-text {
    background-color: #8EAD5C;
    padding: min(30px, 1.76470588vw) min(10px, 0.58823529vw);
}

@media (max-width: 750px) {
    .page-04 .department-introduction-content-text {
        padding: min(25px, 3.33333333vw) min(10px, 1.33333333vw);
    }
}

.page-05 .department-introduction-content-inner::before {
    width: min(1163px, 68.41176471vw);
    height: min(678px, 40.08823529vw);
}

@media (max-width: 750px) {
    .page-05 .department-introduction-content-inner::before {
        width: min(607.5px, 81vw);
        height: min(336.57px, 44.876vw);
    }
}

.page-05 .department-introduction-content-title {
    font-size: min(45px, 2.64705882vw);
    padding-left: min(130px, 7.64705882vw);
}

@media (max-width: 750px) {
    .page-05 .department-introduction-content-title {
        font-size: min(23px, 3.06666667vw);
        padding-left: min(42.45px, 5.66666667vw);
    }
}

@media (min-width: 751px) {
    .page-05 .department-introduction-content-image {
        width: min(1100px, 64.70588235vw);
        margin: 0 0 0 min(104px, 6.11764706vw);
    }
}

.page-05 .department-introduction-content-text {
    background-color: #A583A8;
    height: min(800px, 47.05882353vw);
}

@media (max-width: 750px) {
    .page-05 .department-introduction-content-text {
        height: min(632px, 84.26666667vw);
    }
}

/* 法学部 (page-06 〜 page-08) */
.page-06 .department-introduction-content-inner::before,
.page-07 .department-introduction-content-inner::before,
.page-08 .department-introduction-content-inner::before {
    background-color: #4B9649;
}

@media (min-width: 751px) {
    .page-06 .department-introduction-content-inner::before {
        width: 54%;
    }
}

.page-06 .department-introduction-content-text {
    background-color: #E6B004;
}

@media (min-width: 751px) {
    .page-07 .department-introduction-content-inner::before {
        width: 57%;
    }
}

.page-07 .department-introduction-content-text {
    background-color: #DB8786;
}

.page-08 .department-introduction-content-text {
    background-color: #7293C7;
}

@media (min-width: 751px) {
    .page-08 .department-introduction-content-text {
        height: min(932px, 54.82352941vw);
        padding: min(10px, 0.58823529vw);
    }
}

@media (max-width: 750px) {
    .page-08 .department-introduction-content-text {
        height: 90vw;
        padding: min(10px, 1.33333333vw);
    }
}

/* 教育学部 page-09 */
.page-09 .keyword-button-container,
.page-10 .keyword-button-container {
    margin-bottom: min(20px, 1.17647059vw);
}

.page-11 .keyword-button-container {
    margin-bottom: min(65px, 3.82352941vw);
}

.page-12 .keyword-button-container {
    margin-bottom: min(55px, 3.23529412vw);
}


/* 教育学部 (page-09 〜 page-13) */
.page-09 .department-introduction-content-inner::before,
.page-10 .department-introduction-content-inner::before,
.page-11 .department-introduction-content-inner::before,
.page-12 .department-introduction-content-inner::before,
.page-13 .department-introduction-content-inner::before {
    background-color: #C47737;
}

.page-09 .department-introduction-content-text,
.page-10 .department-introduction-content-text,
.page-11 .department-introduction-content-text,
.page-12 .department-introduction-content-text,
.page-13 .department-introduction-content-text {
    background-color: #D89D4F;
}

@media (min-width: 751px) {
    .page-09 .department-introduction-content-inner::before {
        width: 72.3%;
    }

    .page-09 .department-introduction-content-text {
        padding: min(97px, 5.70588235vw) min(10px, 0.58823529vw);
    }

    .page-10 .department-introduction-content-text {
        padding: min(50px, 2.94117647vw) min(10px, 0.58823529vw);
    }

    .page-12 .department-introduction-content-text {
        padding: min(55px, 3.23529412vw) min(10px, 0.58823529vw);
    }

    .page-13 .department-introduction-content-text {
        padding: min(55px, 3.23529412vw) min(10px, 0.58823529vw);
    }
}

@media (max-width: 750px) {
    .page-09 .department-introduction-content-text {
        height: 84.3vw;
        padding: 8.5vw min(10px, 1.33333333vw);
    }

    .page-10 .department-introduction-content-text {
        height: 84.3vw;
        padding: 5vw min(10px, 1.33333333vw);
    }

    .page-12 .department-introduction-content-text {
        height: 84.3vw;
        padding: 5vw min(10px, 1.33333333vw);
    }

    .page-13 .department-introduction-content-text {
        height: 84.3vw;
        padding: 5vw min(10px, 1.33333333vw);
    }
}

/* ========================================
3. 4年間を表すキーワード
======================================== */
/* page-01: 企業経営コース */
.page-01 #department-introduction-section .container._2::before {
    background-image: url('../images/business/future-keyword-container-inner_bg_2.png');
}

.page-01 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #6F8BCB;
}

.page-01 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #CAB83D;
}

.page-01 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #B39F22;
}

.page-01 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #E0B751;
}

.page-01 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #6F8BCB;
}

.page-01 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #CAB83D;
}

.page-01 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #B39F22;
}

.page-01 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #E0B751;
}

/* page-02: 経営情報コース */
.page-02 #department-introduction-section .container._2::before {
    background-image: url('../images/management-info/future-keyword-container-inner_bg_2.png');
}

@media (min-width: 751px) {
    .page-02 #department-introduction-section .container._2 .four-year-keyword-container-inner {
        margin: min(193px, 11.35294118vw) 0 0 min(150px, 8.82352941vw);
    }
}

.page-02 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #6F8BCB;
}

.page-02 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #E6B1B1;
}

.page-02 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #D3A4A3;
}

.page-02 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #DB8786;
}

.page-02 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #6F8BCB;
}

.page-02 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #E6B1B1;
}

.page-02 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #D3A4A3;
}

.page-02 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #DB8786;
}

/* page-03: 企業会計コース */
.page-03 #department-introduction-section .container._2::before {
    background-image: url('../images/corporate/future-keyword-container-inner_bg_2.png');
}

@media (min-width: 751px) {
    .page-03 #department-introduction-section .container._2 .four-year-keyword-container-inner {
        margin: min(204px, 12.00000000vw) 0 0 min(185px, 10.88235294vw);
    }
}

.page-03 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #6F8BCB;
}

.page-03 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #9BB8E6;
}

.page-03 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #6588A6;
}

.page-03 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #7293C7;
}

.page-03 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #6F8BCB;
}

.page-03 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #9BB8E6;
}

.page-03 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #6588A6;
}

.page-03 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #7293C7;
}

/* page-04: メディアコース */
.page-04 #department-introduction-section .container._2::before {
    background-image: url('../images/media/future-keyword-container-inner_bg_2.png');
}

.page-04 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #6F8BCB;
}

.page-04 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #B3D288;
}

.page-04 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #96A382;
}

.page-04 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #8EAD5C;
}

.page-04 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #6F8BCB;
}

.page-04 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #B3D288;
}

.page-04 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #96A382;
}

.page-04 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #8EAD5C;
}

/* page-05: ビジネス コミュニケーションコース */
.page-05 #department-introduction-section .container._2::before {
    background-image: url('../images/b-communication/future-keyword-container-inner_bg_2.png');
}

.page-05 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #6F8BCB;
}

.page-05 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #C9A2CC;
}

.page-05 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #908391;
}

.page-05 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #A583A8;
}

.page-05 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #6F8BCB;
}

.page-05 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #C9A2CC;
}

.page-05 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #908391;
}

.page-05 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #A583A8;
}

/* page-06: 法学部_法務コース */
.page-06 #department-introduction-section .container._2::before {
    background-image: url('../images/legal/future-keyword-container-inner_bg_2.png');
}

.page-06 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #8ABC4D;
}

.page-06 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #CAB83D;
}

.page-06 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #B39F22;
}

.page-06 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #E0B751;
}

.page-06 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #618C2C;
}

.page-06 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #B5A431;
}

.page-06 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #8B7C19;
}

.page-06 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #E0B751;
}

.page-06 #department-introduction-section .container._3 {
    padding-top: min(250px, 14.70588235vw);
}

/* page-07: 法学部_公共政策コース */
.page-07 #department-introduction-section .container._2::before {
    background-image: url('../images/public/future-keyword-container-inner_bg_2.png');
}

.page-07 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #8ABC4D;
}

.page-07 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #E6B1B1;
}

.page-07 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #D3A4A3;
}

.page-07 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #DB8786;
}

.page-07 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #8ABC4D;
}

.page-07 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #E6B1B1;
}

.page-07 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #D3A4A3;
}

.page-07 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #DB8786;
}

.page-07 #department-introduction-section .container._3 {
    padding-top: min(250px, 14.70588235vw);
}

/* page-08: 法学部_企業コース */
.page-08 #department-introduction-section .container._2::before {
    background-image: url('../images/b-Law/future-keyword-container-inner_bg_2.png');
}

.page-08 #department-introduction-section .container._3 {
    padding-top: min(250px, 14.70588235vw);
}

.page-08 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #8ABC4D;
}

.page-08 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #9BB8E6;
}

.page-08 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #6588A6;
}

.page-08 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #7293C7;
}

.page-08 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #8ABC4D;
}

.page-08 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #9BB8E6;
}

.page-08 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #6588A6;
}

.page-08 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #7293C7;
}

/* page-09 */
@media (min-width: 751px) {
    .page-09 #department-introduction-section .container._2 .four-year-keyword-container-inner,
    .page-10 #department-introduction-section .container._2 .four-year-keyword-container-inner {
        margin: min(187px, 11vw) 0 0 min(150px, 8.82352941vw);
    }
}

/* page-09, page-10, page-11, page-12, page-13: 教育学部_全て */
.page-09 #department-introduction-section .container._2::before,
.page-10 #department-introduction-section .container._2::before,
.page-11 #department-introduction-section .container._2::before,
.page-12 #department-introduction-section .container._2::before,
.page-13 #department-introduction-section .container._2::before {
    background-image: url('../images/primary/future-keyword-container-inner_bg_2.png');
}

.page-09 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title,
.page-10 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title,
.page-11 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title,
.page-12 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title,
.page-13 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #D79156;
}

.page-09 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title,
.page-10 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title,
.page-11 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title,
.page-12 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title,
.page-13 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #E4B871;
}

.page-09 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title,
.page-10 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title,
.page-11 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title,
.page-12 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title,
.page-13 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #BC8F55;
}

.page-09 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title,
.page-10 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title,
.page-11 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title,
.page-12 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title,
.page-13 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #D89D4F;
}

.page-09 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title,
.page-10 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title,
.page-11 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title,
.page-12 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title,
.page-13 .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #D79156;
}

.page-09 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title,
.page-10 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title,
.page-11 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title,
.page-12 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title,
.page-13 .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #E4B871;
}

.page-09 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title,
.page-10 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title,
.page-11 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title,
.page-12 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title,
.page-13 .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #BC8F55;
}

.page-09 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title,
.page-10 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title,
.page-11 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title,
.page-12 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title,
.page-13 .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #D89D4F;
}

/* page-13 */
@media (min-width: 751px) {
    .page-13 #department-introduction-section .container._2 .four-year-keyword-grid .four-year-keyword-grid-text-content {
        letter-spacing: -0.02em;
        font-size: min(17.5px, 1.02941176vw);
    }
}

/* ========================================
4. 将来のキーワード
======================================== */
/* page-01: 企業経営コース */
.page-01 .future-keyword-container-inner .section-title::before {
    background-image: url('../images/business/future-keyword-container-inner_bg_2.png');
}

.page-01 .future-keyword-grid-item {
    background: linear-gradient(to bottom, #E6B004 0%, #E6B004 35%, #ffffff 35%, #ffffff 100%);
}

.page-01 .future-keyword-grid-text .color-font {
    color: #e0b751bc;
}

/* page-02: 経営情報コース */
.page-02 .future-keyword-container-inner .section-title::before {
    background-image: url('../images/management-info/future-keyword-container-inner_bg_2.png');
}

.page-02 .future-keyword-grid-item {
    background: linear-gradient(to bottom, #DB8786 0%, #DB8786 35%, #ffffff 35%, #ffffff 100%);
}

.page-02 .future-keyword-grid-text .color-font {
    color: #db8786ba;
}

/* page-03: 企業会計コース */
.page-03 .future-keyword-container-inner .section-title::before {
    background-image: url('../images/corporate/future-keyword-container-inner_bg_2.png');
}

.page-03 .future-keyword-grid-item {
    background: linear-gradient(to bottom, #7293C7 0%, #7293C7 35%, #ffffff 35%, #ffffff 100%);
}

.page-03 .future-keyword-grid-text .color-font {
    color: #7293C7ba;
}

/* page-04: メディアコース */
.page-04 .future-keyword-container-inner .section-title::before {
    background-image: url('../images/media/future-keyword-container-inner_bg_2.png');
}

.page-04 .future-keyword-grid-item {
    background: linear-gradient(to bottom, #8EAD5C 0%, #8EAD5C 35%, #ffffff 35%, #ffffff 100%);
}

.page-04 .future-keyword-grid-text .color-font {
    color: #8EAD5Cba;
}

/* page-05: ビジネス コミュニケーションコース */
.page-05 .future-keyword-container-inner .section-title::before {
    background-image: url('../images/b-communication/future-keyword-container-inner_bg_2.png');
}

.page-05 .future-keyword-grid-item {
    background: linear-gradient(to bottom, #A583A8 0%, #A583A8 35%, #ffffff 35%, #ffffff 100%);
}

.page-05 .future-keyword-grid-text .color-font {
    color: #A583A8ba;
}

/* page-06: 法学部_法務コース */
.page-06 .future-keyword-container-inner .section-title::before {
    background-image: url('../images/legal/future-keyword-container-inner_bg_2.png');
}

.page-06 .future-keyword-grid-item {
    background: linear-gradient(to bottom, #E6B004 0%, #E6B004 35%, #ffffff 35%, #ffffff 100%);
}

.page-06 .future-keyword-grid-text .color-font {
    color: #E6B004ba;
}

@media (max-width: 750px) {
    .page-06 .future-keyword-grid-item._1 .future-keyword-grid-text_1,
    .page-06 .future-keyword-grid-item._1 .future-keyword-grid-text_2,
    .page-06 .future-keyword-grid-item._1 .future-keyword-grid-text_3,
    .page-06 .future-keyword-grid-item._1 .future-keyword-grid-text_4 {
        line-height: 1.7;
    }
}

/* page-07: 法学部_公共政策コース */
.page-07 .future-keyword-container-inner .section-title::before {
    background-image: url('../images/public/future-keyword-container-inner_bg_2.png');
}

.page-07 .future-keyword-grid-item {
    background: linear-gradient(to bottom, #DB8786 0%, #DB8786 35%, #ffffff 35%, #ffffff 100%);
}

.page-07 .future-keyword-grid-text .color-font {
    color: #DB8786ba;
}

/* page-08: 法学部_企業コース */
.page-08 .future-keyword-container-inner .section-title::before {
    background-image: url('../images/b-Law/future-keyword-container-inner_bg_2.png');
}

.page-08 .future-keyword-grid-item {
    background: linear-gradient(to bottom, #7293C7 0%, #7293C7 35%, #ffffff 35%, #ffffff 100%);
}

.page-08 .future-keyword-grid-text .color-font {
    color: #7293C7ba;
}

/* page-09 */
.page-09 #department-introduction-section .container._3,
.page-10 #department-introduction-section .container._3,
.page-11 #department-introduction-section .container._3,
.page-12 #department-introduction-section .container._3,
.page-13 #department-introduction-section .container._3 {
    padding-top: min(272px, 16vw);
}


/* page-09, page-10, page-11, page-12, page-13: 教育学部_全て */
.page-09 .future-keyword-container-inner .section-title::before,
.page-10 .future-keyword-container-inner .section-title::before,
.page-11 .future-keyword-container-inner .section-title::before,
.page-12 .future-keyword-container-inner .section-title::before,
.page-13 .future-keyword-container-inner .section-title::before {
    background-image: url('../images/primary/future-keyword-container-inner_bg_2.png');
}

.page-09 .future-keyword-grid-item,
.page-10 .future-keyword-grid-item,
.page-11 .future-keyword-grid-item,
.page-12 .future-keyword-grid-item,
.page-13 .future-keyword-grid-item {
    background: linear-gradient(to bottom, #D89D4F 0%, #D89D4F 35%, #ffffff 35%, #ffffff 100%);
}

.page-09 .future-keyword-grid-text .color-font,
.page-10 .future-keyword-grid-text .color-font,
.page-11 .future-keyword-grid-text .color-font,
.page-12 .future-keyword-grid-text .color-font,
.page-13 .future-keyword-grid-text .color-font {
    color: #D89D4Fba;
}

.page-09 .future-keyword-grid-item .future-keyword-grid-text p:first-child,
.page-09 .future-keyword-grid-item._2 .future-keyword-grid-text p:nth-child(2),
.page-10 .future-keyword-grid-item .future-keyword-grid-text p:first-child,
.page-10 .future-keyword-grid-item._2 .future-keyword-grid-text p:nth-child(2),
.page-11 .future-keyword-grid-item .future-keyword-grid-text p:first-child,
.page-11 .future-keyword-grid-item._2 .future-keyword-grid-text p:nth-child(2),
.page-12 .future-keyword-grid-item .future-keyword-grid-text p:first-child,
.page-12 .future-keyword-grid-item._2 .future-keyword-grid-text p:nth-child(2),
.page-13 .future-keyword-grid-item .future-keyword-grid-text p:first-child,
.page-13 .future-keyword-grid-item._2 .future-keyword-grid-text p:nth-child(2) {
    font-weight: 600;
}

.page-09 .future-keyword-grid-item._2 .future-keyword-grid-text p:first-child,
.page-10 .future-keyword-grid-item._2 .future-keyword-grid-text p:first-child {
    padding-top: min(22px, 1.29411765vw);
}

.page-12 .future-keyword-grid-item._2 .future-keyword-grid-text p:first-child {
    padding-top: min(16px, 0.94117647vw);
}

.page-13 .future-keyword-grid-item._2 .future-keyword-grid-text p:first-child {
    padding-top: min(16px, 0.94117647vw);
}

.page-09 .future-keyword-grid-item._2 .future-keyword-grid-text p,
.page-10 .future-keyword-grid-item._2 .future-keyword-grid-text p,
.page-12 .future-keyword-grid-item._2 .future-keyword-grid-text p,
.page-13 .future-keyword-grid-item._2 .future-keyword-grid-text p {
    padding-bottom:  min(22px, 1.29411765vw);
}

.page-11 .future-keyword-grid-item._2 .future-keyword-grid-text p {
    line-height: 1.15;
    padding-bottom: min(20px, 1.17647059vw);
}

.page-13 .future-keyword-grid-item._2 .future-keyword-grid-text p {
    line-height: 1.7;
    padding-bottom: min(20px, 1.17647059vw);
}

.page-11 .future-keyword-grid-item._2 .future-keyword-grid-text p:nth-child(2) {
    line-height: 1.7;
}

.page-13 .future-keyword-grid-item._2 .future-keyword-grid-text p:nth-child(2) {
    line-height: 2.1;
}

.page-09 .future-keyword-grid-item._2 .future-keyword-grid-text p:last-child,
.page-10 .future-keyword-grid-item._2 .future-keyword-grid-text p:last-child,
.page-11 .future-keyword-grid-item._2 .future-keyword-grid-text p:last-child,
.page-12 .future-keyword-grid-item._2 .future-keyword-grid-text p:last-child,
.page-13 .future-keyword-grid-item._2 .future-keyword-grid-text p:last-child {
    padding-bottom: 0;
    font-weight: 600;
}

.page-12 .future-keyword-grid-item._2 .future-keyword-grid-text p:last-child {
    line-height: 1.5;
}

.page-13 .future-keyword-grid-item._2 .future-keyword-grid-text p:last-child {
    line-height: 1.4;
}

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

    .page-11 .keyword-grid-container .keyword-grid .keyword-item a.keyword-button.gray_out {
        border: 0px;
        position: relative;
    }

    .page-11 .keyword-grid-container .keyword-grid .keyword-item a.keyword-button.gray_out::before {
        content: '';
        position: absolute;
        border-bottom: min(4px, 0.53333333vw) dotted #918D8D;
        width: 50%;
        bottom: 0;
        left: 0;
    }

    .page-09 .future-keyword-grid-item._2 .future-keyword-grid-text p:first-child,
    .page-10 .future-keyword-grid-item._2 .future-keyword-grid-text p:first-child {
        padding-top: min(8.49975px, 1.13333333vw);
    }

    .page-12 .future-keyword-grid-item._2 .future-keyword-grid-text p:first-child,
    .page-13 .future-keyword-grid-item._2 .future-keyword-grid-text p:first-child {
        padding-top: min(15px, 2vw);
    }

    .page-09 .future-keyword-grid-item._2 .future-keyword-grid-text p,
    .page-10 .future-keyword-grid-item._2 .future-keyword-grid-text p {
        padding-bottom: min(27px, 3.6vw);
    }

    .page-11 .future-keyword-grid-item._2 .future-keyword-grid-text p,
    .page-12 .future-keyword-grid-item._2 .future-keyword-grid-text p,
    .page-13 .future-keyword-grid-item._2 .future-keyword-grid-text p {
        padding-bottom: min(20px, 2.66666667vw);
    }

    .page-12 .future-keyword-grid-item._2 .future-keyword-grid-text p:last-child {
        line-height: 1.4;
    }

    .page-13 .keyword-grid-container .keyword-grid .keyword-item a.keyword-button.gray_out {
        width: 32%;
    }
}

/* ========================================
5. 学生インタビュー 学生キーワード
======================================== */
/* 白鷗大学を知る 上コンテンツインタビュー */
.student-keyword-interview-section + #know-university-keyword-section {
    padding-top: min(183px, 10.76470588vw);
}

@media (max-width: 750px) {
    .student-keyword-interview-section + #know-university-keyword-section {
        padding-top: min(155px, 20.66666667vw);
    }
}

/* 経営学部 (page-02, page-05) */
.page-02 .student-keyword-interview-section .student-keyword-interview-container,
.page-05 .student-keyword-interview-section .student-keyword-interview-container {
    background-color: #4261A6;
}

.page-02 .student-keyword-interview-section .tagu,
.page-05 .student-keyword-interview-section .tagu {
    background-color: #4261A6;
}

.page-05 .student-keyword-interview-section .course-title {
    display: inline-block;
    font-size: min(60px, 3.52941176vw);
}

.page-05 .student-keyword-interview-section .course-title::before {
    left: -18%;
    width: min(107px, 6.29411765vw);
}

.page-05 .student-keyword-interview-section .course-title::after {
    right: -18%;
    width: min(107px, 6.29411765vw);
}

/* 法学部 (page-06, page-07, page-08) */
.page-06 .student-keyword-interview-section .student-keyword-interview-container,
.page-07 .student-keyword-interview-section .student-keyword-interview-container,
.page-08 .student-keyword-interview-section .student-keyword-interview-container {
    background-color: #4B9649;
}

.page-06 .student-keyword-interview-section .tagu,
.page-07 .student-keyword-interview-section .tagu,
.page-08 .student-keyword-interview-section .tagu {
    background-color: #4B9649;
}

.page-06 .student-keyword-interview-section .course-title::before {
    left: 18%;
}

.page-06 .student-keyword-interview-section .course-title::after {
    right: 18%;
}

/* page-09, page-10 */
@media (min-width: 751px) {
    .page-09 .student-keyword-interview-section,
    .page-10 .student-keyword-interview-section {
        padding: min(336px, 19.58823529vw) 0 0;
    }
}

/* 教育学部 (page-09, page-10, page-11, page-12, page-13) */
.page-09 .student-keyword-interview-section .student-keyword-interview-container,
.page-10 .student-keyword-interview-section .student-keyword-interview-container,
.page-11 .student-keyword-interview-section .student-keyword-interview-container,
.page-12 .student-keyword-interview-section .student-keyword-interview-container,
.page-13 .student-keyword-interview-section .student-keyword-interview-container {
    background-color: #C47737;
}

.page-09 .student-keyword-interview-section .tagu,
.page-10 .student-keyword-interview-section .tagu,
.page-11 .student-keyword-interview-section .tagu,
.page-12 .student-keyword-interview-section .tagu,
.page-13 .student-keyword-interview-section .tagu {
    background-color: #C47737;
}

@media (min-width: 751px) {
    .page-09 .student-keyword-interview-section .student-keyword-interview-container,
    .page-10 .student-keyword-interview-section .student-keyword-interview-container,
    .page-11 .student-keyword-interview-section .student-keyword-interview-container,
    .page-12 .student-keyword-interview-section .student-keyword-interview-container,
    .page-13 .student-keyword-interview-section .student-keyword-interview-container {
        padding: min(88px, 5.17647059vw) min(100px, 5.882vw) min(110px, 6.47058824vw);
    }

    .page-09 .student-keyword-interview-section .course-title,
    .page-10 .student-keyword-interview-section .course-title,
    .page-11 .student-keyword-interview-section .course-title,
    .page-12 .student-keyword-interview-section .course-title,
    .page-13 .student-keyword-interview-section .course-title {
        margin-top: min(10px, 0.58823529vw);
        margin-bottom: min(50px, 2.94117647vw);
    }

    .page-09 .student-keyword-interview-section .course-title::before,
    .page-10 .student-keyword-interview-section .course-title::before {
        left: 0%;
    }

    .page-10 .student-keyword-interview-section .course-title::before {
        width: min(53px, 3.11764706vw);
    }

    .page-09 .student-keyword-interview-section .course-title::after,
    .page-10 .student-keyword-interview-section .course-title::after {
        right: 0%;
    }

    .page-10 .student-keyword-interview-section .course-title::after {
        width: min(53px, 3.11764706vw);
    }

    .page-09 .student-keyword-interview-container .inner .student-keyword-interview-image-flex .name,
    .page-10 .student-keyword-interview-container .inner .student-keyword-interview-image-flex .name,
    .page-11 .student-keyword-interview-container .inner .student-keyword-interview-image-flex .name,
    .page-12 .student-keyword-interview-container .inner .student-keyword-interview-image-flex .name,
    .page-13 .student-keyword-interview-container .inner .student-keyword-interview-image-flex .name {
        padding-left: min(60px, 3.52941176vw);
    }

    .page-10 .student-keyword-interview-section .course-title-sub {
        padding-right: min(20px, 1.17647059vw);
    }
}

@media (max-width: 750px) {
    .page-09 .student-keyword-interview-section .student-keyword-interview-container,
    .page-10 .student-keyword-interview-section .student-keyword-interview-container,
    .page-11 .student-keyword-interview-section .student-keyword-interview-container,
    .page-12 .student-keyword-interview-section .student-keyword-interview-container,
    .page-13 .student-keyword-interview-section .student-keyword-interview-container {
        width: min(741px, 98.8vw);
        padding: min(60px, 8vw) min(90px, 12vw) min(80px, 10.66666667vw) min(78px, 10.4vw);
    }

    .page-09 .student-keyword-interview-section .tagu,
    .page-10 .student-keyword-interview-section .tagu,
    .page-11 .student-keyword-interview-section .tagu,
    .page-12 .student-keyword-interview-section .tagu,
    .page-13 .student-keyword-interview-section .tagu {
        top: -3.3%;
    }

    .page-09 .student-keyword-interview-section .course-title::before {
        left: 6%;
    }

    .page-10 .student-keyword-interview-section .course-title::before {
        left: -4%;
    }

    .page-09 .student-keyword-interview-section .course-title::after {
        right: 6%;
    }

    .page-10 .student-keyword-interview-section .course-title::after {
        right: -4%;
    }

    .page-09 .student-keyword-interview-section .course-title::before,
    .page-10 .student-keyword-interview-section .course-title::before,
    .page-09 .student-keyword-interview-section .course-title::after,
    .page-10 .student-keyword-interview-section .course-title::after {
        width: min(45px, 6vw);
        top: 73%;
    }
}