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

/* ----------------------------------------
 カラー変数（学科別）
 ---------------------------------------- */
:root {
    /* 幼児教育学科 */
    --color-infant: #FF98BD;
    /* 児童教育学科 */
    --color-child: #00C5F6;
    /* 心理学部 */
    --color-psycho: #CE82BB;
    /* 文学部 */
    --color-culture: #EE6F76;
    /* 社会情報デザイン学部 */
    --color-design: #0081CB;
    /* 健康栄養 */
    --color-health: #ffA929;
    /* 食物栄養 */
    --color-food: #FF9679;
    /* 食品開発 */
    --color-development: #AED766;
    /* 人間福祉 */
    --color-welfare: #86D2B5;
}


/* ========================================
1. 学部紹介 - セクションタイトル
======================================== */

/* 共通レイアウト（全学科共通・page-department） */
.page-department #department-introduction-section .container._1 .section-title .section-title-inner {
    display: inline-flex;
    align-items: center;
}
.page-department #department-introduction-section .container._1 .section-title .section-title-new {
    display: inline-block;
    vertical-align: middle;
    width: min(124px, 7.33333333vw);
    height: min(56px, 3.294117647058824vw);
    margin-right: min(25px, 1.47058824vw);
    color: #fff;
    font-size: min(30px, 1.76470588vw);
}
.page-department #department-introduction-section .container._1 .section-title::before {
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 100%;
    margin-right: min(25px, 3.333vw);
}
.page-department #department-introduction-section .container._1 .section-title::after {
    top: 50%;
    transform: translateY(-50%);
    right: auto;
    left: 100%;
    margin-left: min(25px, 3.333vw);
}

/* ページ別：タイトル色・NEWリボン画像 */
.page-infant .container._1 .section-title-sub {
    color: var(--color-infant);
    margin-left: min(25px, 1.47058824vw);
    margin-bottom: 0!important;
}
.page-infant #department-introduction-section .container._1 .section-title .section-title-new {
    background: url('../images/infant/new-ribbon.png') no-repeat center center;
    background-size: 100% auto;
}

.page-child .container._1 .section-title-sub {
    color: var(--color-child);
    margin-left: min(25px, 1.47058824vw);
    margin-bottom: 0!important;
}
.page-child #department-introduction-section .container._1 .section-title .section-title-new {
    background: url('../images/child/new-ribbon.png') no-repeat center center;
    background-size: 100% auto;

}
.page-psycho .container._1 .section-title-sub {
    color: var(--color-psycho);
    margin-left: min(25px, 1.47058824vw);
    margin-bottom: 0!important;
}
.page-psycho #department-introduction-section .container._1 .section-title .section-title-new {
    background: url('../images/psycho/new-ribbon.png') no-repeat center center;
    background-size: 100% auto;

}
.page-culture .container._1 .section-title-sub {
    color: var(--color-culture);
    margin-left: min(25px, 1.47058824vw);
    margin-bottom: 0!important;
}
.page-culture #department-introduction-section .container._1 .section-title .section-title-new {
    background: url('../images/culture/new-ribbon.png') no-repeat center center;
    background-size: 100% auto;

}
.page-design .container._1 .section-title-sub {
    color: var(--color-design);
    margin-left: min(25px, 1.47058824vw);
    margin-bottom: 0!important;
}
.page-health .container._1 .section-title-sub {
    color: var(--color-health);
    margin-left: min(25px, 1.47058824vw);
    margin-bottom: 0!important;
}

.page-food .container._1 .section-title-sub {
    color: var(--color-food);
    margin-left: min(25px, 1.47058824vw);
    margin-bottom: 0!important;
}

.page-development .container._1 .section-title-sub {
    color: var(--color-development);
    margin-left: min(25px, 1.47058824vw);
    margin-bottom: 0!important;
}

.page-welfare .container._1 .section-title-sub {
    color: var(--color-welfare);
    margin-left: min(25px, 1.47058824vw);
    margin-bottom: 0!important;
}

@media (max-width: 750px) {
    /* 全学科共通（page-department） */
    .page-department #department-introduction-section .container._1 .section-title .section-title-inner {
    display: block;
	}
    .page-department #department-introduction-section .container._1 .section-title {
    line-height: 1.33;
    font-size: min(50px, 6.666666vw);
	}
    .page-department #department-introduction-section .container._1 .section-title-sub {
    display: block;
    font-size: min(65px, 8.666666vw);
    line-height: 1;
    margin-top: min(28px, 3.73333333vw);
	}
    .page-department #department-introduction-section .container._1 .section-title::before {
    top: 25%;
    width: min(65px, 8.666666vw);
    margin-right: 0;
	}
    .page-department #department-introduction-section .container._1 .section-title::after {
    top: 25%;
    width: min(65px, 8.666666vw);
    margin-left: 0;
	}
    .page-department #department-introduction-section .container._1 .section-title .section-title-new {
    width: min(123px, 16.4vw);
    height: min(56px, 7.46666vw);
    font-size: min(26px, 3.466666vw);
    line-height: min(56px, 7.46666vw);
	}

    /* page-design: section-title-2 はフォントサイズ以外他ページと同じ */
    .page-design #department-introduction-section .container._1 .section-title-2 .section-title-inner {
    display: block;
	}
    .page-design #department-introduction-section .container._1 .section-title-2 {
    line-height: 1.33;
    font-size: min(40px, 5.333333vw);
	}
    .page-design #department-introduction-section .container._1 .section-title-2 .section-title-sub {
    display: block;
    font-size: min(56px, 7.466666vw);
    line-height: 1;
    margin-top: min(28px, 3.73333333vw);
	}
    .page-design #department-introduction-section .container._1 .section-title-2::before {
    top: 25%;
    width: min(65px, 8.666666vw);
    margin-right: 0;
	}
    .page-design #department-introduction-section .container._1 .section-title-2::after {
    top: 25%;
    width: min(65px, 8.666666vw);
    margin-left: 0;
	}

}


/* ========================================
2. 学部紹介 - コンテンツ（背景・テキストエリア）
======================================== */

/* 共通（全学科・page-department） */
.page-department .department-introduction-content-title {
    font-size: min(45px, 2.64705882vw);
    padding-left: min(130px, 7.64705882vw);
}
@media (min-width: 751px) {
    .page-department .department-introduction-content-image {
    width: min(1160px, 68.23529412vw);
    margin: 0 0 0 min(104px, 6.11764706vw);
	}
}
@media (max-width: 750px) {
    .page-department .department-introduction-content-title {
    padding-left: min(42.45px, 5.66666667vw);
	}
    .page-infant .department-introduction-content-title,
    .page-food .department-introduction-content-title  {
        font-size: min(26px, 3.466666666vw);
        }
    .page-child .department-introduction-content-title ,
    .page-design .department-introduction-content-title,
    .page-health .department-introduction-content-title{
        font-size: min(30px, 4vw);
        }
    .page-psycho .department-introduction-content-title,
    .page-development .department-introduction-content-title {
        font-size: min(28px, 3.73333333vw);
        }
    .page-culture .department-introduction-content-title {
        font-size: min(27px, 3.6vw);
        }
    .page-welfare .department-introduction-content-title {
        font-size: min(24px, 3.2vw);
        }
    }

/* ページ別：コンテンツ背景（::before）・テキストエリア色・高さ */
.page-infant .department-introduction-content-inner::before {
    background-color: var(--color-infant);
    width: min(1163px, 68.41176471vw);
}
.page-infant .department-introduction-content-text {
    background-color: var(--color-infant);
}

.page-child .department-introduction-content-inner::before {
    background-color: var(--color-child);
    width: min(1163px, 68.41176471vw);
}
.page-child .department-introduction-content-text {
    background-color: var(--color-child);
}
.page-psycho .department-introduction-content-inner::before {
    background-color: var(--color-psycho);
    width: min(1163px, 68.41176471vw);
}
.page-psycho .department-introduction-content-text {
    background-color: var(--color-psycho);
}
.page-culture .department-introduction-content-inner::before {
    background-color: var(--color-culture);
    width: min(1163px, 68.41176471vw);
}
.page-culture .department-introduction-content-text {
    background-color: var(--color-culture);
}
.page-design .department-introduction-content-inner::before {
    background-color: var(--color-design);
    width: min(1163px, 68.41176471vw);
}
.page-design .department-introduction-content-text {
    background-color: var(--color-design);
    line-height: 1.15;
    white-space: nowrap;
}
/* 縦書き：WEB だけ列幅を縮めて詰めて見せる（列間は親の line-height のため span の margin では効きにくい） */
.page-design .department-introduction-content-text .text-tight {
    display: inline-block;
    line-height: 1;
    margin-left: -0.4em;
    margin-right: -0.4em;
    padding: 0;
    letter-spacing: -0.35em;
    padding-bottom: 0.2em;
}
.page-health .department-introduction-content-inner::before {
    background-color: var(--color-health);
    width: min(1163px, 68.41176471vw);
}
.page-health .department-introduction-content-text {
    background-color: var(--color-health);
}
.page-food .department-introduction-content-inner::before {
    background-color: var(--color-food);
    width: min(1163px, 68.41176471vw);
}
.page-food .department-introduction-content-text {
    background-color: var(--color-food);
}
.page-development .department-introduction-content-inner::before {
    background-color: var(--color-development);
    width: min(1163px, 68.41176471vw);
}
.page-development .department-introduction-content-text {
    background-color: var(--color-development);
}
.page-welfare .department-introduction-content-inner::before {
    background-color: var(--color-welfare);
    width: min(1163px, 68.41176471vw);
}
.page-welfare .department-introduction-content-text {
    background-color: var(--color-welfare);
}

@media (max-width: 750px) {
    .page-infant .department-introduction-content-inner::before {
    width: min(607.5px, 81vw);
    height: min(336.57px, 44.876vw);
	}
    .page-infant .department-introduction-content-text {
    height: min(632px, 84.26666667vw);
	}
    .page-child .department-introduction-content-inner::before,
    .page-psycho .department-introduction-content-inner::before,
    .page-culture .department-introduction-content-inner::before,
    .page-design .department-introduction-content-inner::before,
    .page-health .department-introduction-content-inner::before,
    .page-food .department-introduction-content-inner::before,
    .page-development .department-introduction-content-inner::before,
    .page-welfare .department-introduction-content-inner::before {
    width: min(607.5px, 81vw);
    height: min(336.57px, 44.876vw);
	}
    .page-child .department-introduction-content-text,
    .page-psycho .department-introduction-content-text,
    .page-culture .department-introduction-content-text,
    .page-design .department-introduction-content-text,
    .page-health .department-introduction-content-text,
    .page-food .department-introduction-content-text,
    .page-development .department-introduction-content-text,
    .page-welfare .department-introduction-content-text {
        height: min(632px, 84.26666667vw);
	}
    .page-welfare .department-introduction-content-text {
    font-size: min(26px, 3.46666667vw);
    }

}


/* ========================================
3. 4年間を表すキーワード
======================================== */

/* 背景画像は §6 にてページ別指定 */
/* グリッドタイトル背景・テキスト色（1=sub, 2=sub-2, 3=sub-3, 4=main）、テキストは太字共通 */
.four-year-keyword-grid .four-year-keyword-grid-text-title,.four-year-keyword-grid .four-year-keyword-grid-text-title-2 {
    font-weight: bold;
}

.page-infant .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #F6979D;
}
.page-infant .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #FFBAC6;
}
.page-infant .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #D05486;
}
.page-infant .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #FF98BD;
}
.page-infant .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #F6979D;
}
.page-infant .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #FFBAC6;
}
.page-infant .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #D05486;
}
.page-infant .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #FF98BD;
}

.page-child .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #60BED5;
}
.page-child .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #62CFE5;
}
.page-child .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #3398A6;
}
.page-child .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #00C5F6;
}
.page-child .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #60BED5;
}
.page-child .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #62CFE5;
}
.page-child .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #3398A6;
}
.page-child .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #00C5F6;
}

.page-psycho .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #B793C7;
}
.page-psycho .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #E3A3F3;
}
.page-psycho .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #A35FC2;
}
.page-psycho .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #CE82BB;
}
.page-psycho .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #B793C7;
}
.page-psycho .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #E3A3F3;
}
.page-psycho .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #A35FC2;
}
.page-psycho .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #CE82BB;
}

.page-culture .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #F25C4B;
}
.page-culture .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #F9989D;
}
.page-culture .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #B94248;
}
.page-culture .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #EE6F76;
}
.page-culture .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #F25C4B;
}
.page-culture .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #F9989D;
}
.page-culture .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #B94248;
}
.page-culture .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #EE6F76;
}

.page-design .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #02A3FF;
}
.page-design .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #7AB3EC;
}
.page-design .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #2E93C9;
}
.page-design .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #0081CB;
}
.page-design .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #02A3FF;
}
.page-design .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title-2 {
    color: #7AB3EC;
}
.page-design .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #2E93C9;
}
.page-design .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #0081CB;
}

.page-health .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #FF990B;
}
.page-health .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #FFB36D;
}
.page-health .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #D4843A;
}
.page-health .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #ffA929;
}
.page-health .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #FF990B;
}
.page-health .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #FFB36D;
}
.page-health .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #D4843A;
}
.page-health .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #ffA929;
}

.page-food .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #FF7852;
}
.page-food .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #FFA797;
}
.page-food .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #D03E25;
}
.page-food .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #FF9679;
}
.page-food .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #FF7852;
}
.page-food .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #FFA797;
}
.page-food .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #D03E25;
}
.page-food .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #FF9679;
}

.page-development .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #96D32B;
}
.page-development .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #9CCE81;
}
.page-development .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #7BA728;
}
.page-development .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #AED766;
}
.page-development .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #96D32B;
}
.page-development .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #9CCE81;
}
.page-development .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #7BA728;
}
.page-development .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #AED766;
}

.page-welfare .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-title {
    background-color: #40DEA2;
}
.page-welfare .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-title {
    background-color: #82DDBB;
}
.page-welfare .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-title {
    background-color: #1C9F7E;
}
.page-welfare .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-title {
    background-color: #00D081;
}
.page-welfare .four-year-keyword-grid:nth-child(1) .four-year-keyword-grid-text-title {
    color: #40DEA2;
}
.page-welfare .four-year-keyword-grid:nth-child(2) .four-year-keyword-grid-text-title {
    color: #82DDBB;
}
.page-welfare .four-year-keyword-grid:nth-child(3) .four-year-keyword-grid-text-title {
    color: #1C9F7E;
}
.page-welfare .four-year-keyword-grid:nth-child(4) .four-year-keyword-grid-text-title {
    color: #00D081;
}


/* ========================================
4. 将来のキーワード
======================================== */

/* ページ別：タイトル背景画像・グラデーション・強調色 */
.page-infant .future-keyword-grid-item {
    background: linear-gradient(to bottom, var(--color-infant) 0%, var(--color-infant) 35%, #ffffff 35%, #ffffff 100%);
}
.page-infant .future-keyword-grid-text .color-font {
    color: var(--color-infant);
}

.page-child .future-keyword-grid-item {
    background: linear-gradient(to bottom, var(--color-child) 0%, var(--color-child) 35%, #ffffff 35%, #ffffff 100%);
}
.page-child .future-keyword-grid-text .color-font {
    color: var(--color-child);
}
.page-psycho .future-keyword-grid-item {
    background: linear-gradient(to bottom, var(--color-psycho) 0%, var(--color-psycho) 35%, #ffffff 35%, #ffffff 100%);
}
.page-psycho .future-keyword-grid-text .color-font {
    color: var(--color-psycho);
}
.page-culture .future-keyword-grid-item {
    background: linear-gradient(to bottom, var(--color-culture) 0%, var(--color-culture) 35%, #ffffff 35%, #ffffff 100%);
}
.page-culture .future-keyword-grid-text .color-font {
    color: var(--color-culture);
}
.page-design .future-keyword-grid-item {
    background: linear-gradient(to bottom, var(--color-design) 0%, var(--color-design) 35%, #ffffff 35%, #ffffff 100%);
}
.page-design .future-keyword-grid-text .color-font {
    color: var(--color-design);
}
.page-health .future-keyword-grid-item {
    background: linear-gradient(to bottom, var(--color-health) 0%, var(--color-health) 35%, #ffffff 35%, #ffffff 100%);
}
.page-health .future-keyword-grid-text .color-font {
    color: var(--color-health);
}
.page-food .future-keyword-grid-item {
    background: linear-gradient(to bottom, var(--color-food) 0%, var(--color-food) 35%, #ffffff 35%, #ffffff 100%);
}
.page-food .future-keyword-grid-text .color-font {
    color: var(--color-food);
}
.page-development .future-keyword-grid-item {
    background: linear-gradient(to bottom, var(--color-development) 0%, var(--color-development) 35%, #ffffff 35%, #ffffff 100%);
}
.page-development .future-keyword-grid-text .color-font {
    color: var(--color-development);
}
.page-welfare .future-keyword-grid-item {
    background: linear-gradient(to bottom, var(--color-welfare) 0%, var(--color-welfare) 35%, #ffffff 35%, #ffffff 100%);
}
.page-welfare .future-keyword-grid-text .color-font {
    color: var(--color-welfare);
}


/* ========================================
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(75px, 10vw);
	}
}

/* 共通レイアウト（全学科・page-department） */
.student-keyword-interview-section .tagu .section-title-new-2 {
    background: url('../images/common/pc/new-ribbon-2.png') no-repeat center center;
    background-size: 100% auto;
}
.page-department .student-keyword-interview-section .tagu {
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-department .student-keyword-interview-section .tagu .section-title-new-2 {
    display: inline-block;
    vertical-align: middle;
    width: min(100px, 5.88235294vw);
    height: min(45px, 2.64705882vw);
    margin-right: min(25px, 1.47058824vw);
    font-size: min(24px, 1.411764705882353vw);
}
.page-department .student-keyword-interview-section .course-title {
    display: inline-block;
    font-size: min(60px, 3.52941176vw);
    padding: 0 25px;
    box-sizing: content-box;
    line-height: 1;
}
.page-department .student-keyword-interview-section .course-title-sub {
    font-size: min(20px, 1.17647059vw);
    line-height: 3.81;
}
.page-department .student-keyword-interview-section .course-title::before {
    left: auto;
    right: 100%;
    width: min(107px, 6.29411765vw);
}
.page-department .student-keyword-interview-section .course-title::after {
    right: auto;
    left: 100%;
    width: min(107px, 6.29411765vw);
}
@media (max-width: 750px) {
    .page-department .student-keyword-interview-section .course-title {
    margin-bottom: 0;
    font-size: min(45px, 6vw);
	}
    .page-department .student-keyword-interview-section .course-title-sub {
    font-size: min(15px, 2vw);
    padding-bottom: min(18px, 2.4vw);
    }
    .page-department .student-keyword-interview-section .tagu .section-title-new-2 {
        width: min(63px, 8.4vw);
        height: min(29px, 3.86666667vw);
        font-size: min(15px, 2vw);
        line-height: min(29px, 3.86666667vw);
    }

}

/* ページ別：コンテナ・tagu 背景色・NEWバッジ色・NEWバッジ画像 */
.page-infant .student-keyword-interview-section .student-keyword-interview-container,
.page-infant .student-keyword-interview-section .tagu {
    background-color: var(--color-infant);
}
.page-infant .student-keyword-interview-section .tagu .section-title-new-2 {
    color: var(--color-infant);
}

.page-child .student-keyword-interview-section .student-keyword-interview-container,
.page-child .student-keyword-interview-section .tagu {
    background-color: var(--color-child);
}
.page-child .student-keyword-interview-section .tagu .section-title-new-2 {
    color: var(--color-child);
}
.page-psycho .student-keyword-interview-section .student-keyword-interview-container,
.page-psycho .student-keyword-interview-section .tagu {
    background-color: var(--color-psycho);
}
.page-psycho .student-keyword-interview-section .tagu .section-title-new-2 {
    color: var(--color-psycho);
}
.page-culture .student-keyword-interview-section .student-keyword-interview-container,
.page-culture .student-keyword-interview-section .tagu {
    background-color: var(--color-culture);
}
.page-culture .student-keyword-interview-section .tagu .section-title-new-2 {
    color: var(--color-culture);
}
.page-design .student-keyword-interview-section .student-keyword-interview-container,
.page-design .student-keyword-interview-section .tagu {
    background-color: var(--color-design);
}
.page-health .student-keyword-interview-section .student-keyword-interview-container,
.page-health .student-keyword-interview-section .tagu {
    background-color: var(--color-health);
}
.page-food .student-keyword-interview-section .student-keyword-interview-container,
.page-food .student-keyword-interview-section .tagu {
    background-color: var(--color-food);
}
.page-development .student-keyword-interview-section .student-keyword-interview-container,
.page-development .student-keyword-interview-section .tagu {
    background-color: var(--color-development);
}
.page-welfare .student-keyword-interview-section .student-keyword-interview-container,
.page-welfare .student-keyword-interview-section .tagu {
    background-color: var(--color-welfare);
}


/* ========================================
6. 学科別ページ - 画像パス（child / psycho / culture / design / health / food / development / welfare）
======================================== */

/* 4年間キーワード・将来のキーワード 背景画像 */
.page-infant #department-introduction-section .container._2::before {
    background-image: url('../images/infant/future-keyword-container-inner_bg_2.png');
}
.page-child #department-introduction-section .container._2::before {
    background-image: url('../images/child/future-keyword-container-inner_bg_2.png');
}
.page-psycho #department-introduction-section .container._2::before {
    background-image: url('../images/psycho/future-keyword-container-inner_bg_2.png');
}
.page-culture #department-introduction-section .container._2::before {
    background-image: url('../images/culture/future-keyword-container-inner_bg_2.png');
}
.page-design #department-introduction-section .container._2::before {
    background-image: url('../images/design/future-keyword-container-inner_bg_2.png');
}
.page-health #department-introduction-section .container._2::before {
    background-image: url('../images/health/future-keyword-container-inner_bg_2.png');
}
.page-food #department-introduction-section .container._2::before {
    background-image: url('../images/food/future-keyword-container-inner_bg_2.png');
}
.page-development #department-introduction-section .container._2::before {
    background-image: url('../images/development/future-keyword-container-inner_bg_2.png');
}
.page-welfare #department-introduction-section .container._2::before {
    background-image: url('../images/welfare/future-keyword-container-inner_bg_2.png');
}

.page-infant .future-keyword-container-inner .section-title::before {
    background-image: url('../images/infant/future-keyword-container-inner_bg_2.png');
}
.page-child .future-keyword-container-inner .section-title::before {
    background-image: url('../images/child/future-keyword-container-inner_bg_2.png');
}
.page-psycho .future-keyword-container-inner .section-title::before {
    background-image: url('../images/psycho/future-keyword-container-inner_bg_2.png');
}
.page-culture .future-keyword-container-inner .section-title::before {
    background-image: url('../images/culture/future-keyword-container-inner_bg_2.png');
}
.page-design .future-keyword-container-inner .section-title::before {
    background-image: url('../images/design/future-keyword-container-inner_bg_2.png');
}
.page-health .future-keyword-container-inner .section-title::before {
    background-image: url('../images/health/future-keyword-container-inner_bg_2.png');
}
.page-food .future-keyword-container-inner .section-title::before {
    background-image: url('../images/food/future-keyword-container-inner_bg_2.png');
}
.page-development .future-keyword-container-inner .section-title::before {
    background-image: url('../images/development/future-keyword-container-inner_bg_2.png');
}
.page-welfare .future-keyword-container-inner .section-title::before {
    background-image: url('../images/welfare/future-keyword-container-inner_bg_2.png');
}