@charset "UTF-8";

/* カテゴリページ上部説明テキスト */
#categoryExplanation {
    margin-bottom: 1em;
    font-size: 1.2rem;
    text-align: center;
}

/* reserve-btnボタンのclass="reserve-btn end"でグレーボタンに変更 */
.oc_reserve_transportation .reserve-btn.end a {
    background: var(--clr-gray);
    pointer-events: none;
}

/* btnボタンのclass="btn end"でグレーボタンに変更 */
.liveReserveItem .temp_qa_box>dl>dd .btn.end {
    background: var(--clr-gray);
}

.liveReserveItem .temp_qa_box>dl>dd .btn.end:hover {
    box-shadow: none;
}

.style_seminar_box ul.style_seminar_box_list li .btn.end a {
    background: var(--clr-gray);
}

/* teacher-doc-requestフォーム */
body#page-teacherDocRequest-form-index .surveyForm .questions .question:nth-child(2) .body:not(.no-bg),
body#page-teacherDocRequest-form-index .surveyForm .questions .question:nth-child(3) .body:not(.no-bg),
body#page-teacherDocRequest-form-index .surveyForm .questions .question:nth-child(4) .body:not(.no-bg),
body#page-teacherDocRequest-form-index .surveyForm .questions .question:nth-child(5) .body:not(.no-bg),
body#page-teacherDocRequest-form-index .surveyForm .questions .question:nth-child(6) .body:not(.no-bg),
body#page-teacherDocRequest-form-index .surveyForm .questions .question:nth-child(7) .body:not(.no-bg),
body#page-teacherDocRequest-form-index .surveyForm .questions .question:nth-child(8) .body:not(.no-bg),
body#page-teacherDocRequest-form-index .surveyForm .questions .question:nth-child(9) .body:not(.no-bg),
body#page-teacherDocRequest-form-index .surveyForm .questions .question:nth-child(10) .body:not(.no-bg) {
    padding: 0 !important;
    border: none !important;
    background: none;
}

/* 徳島文理大学についてTOP */
@media only screen and (max-width: 768px) {
    #page-about-index .contentPage .body .temp_side_image2 {
        margin-bottom: 15px;
    }
}

/* インタビュー */
.style_interview_detail .faculty.music {
    color: var(--clr-faculty-music);
}

/* 学生生活TOP */
#page-life-index .contentPage .body .temp_side_image1 {
    margin-bottom: 15px;
}

/* 短期大学部・下層 */
@media only screen and (min-width: 769px) {

    #page-academics-jCollege-life .contentPage .body .style_academics_department1 .side_image,
    #page-academics-jCollege-food .contentPage .body .style_academics_department1 .side_image,
    #page-academics-jCollege-daycare .contentPage .body .style_academics_department1 .side_image {
        margin-bottom: 100px;
    }
}

/* 音楽学部・短期大学部音楽科入試情報　タイトルを1行に */
@media only screen and (max-width: 768px) {
    #page-admissions-exFaculty-music #pageTitle h1 {
        font-size: 1.3rem;
    }
}

/* 総合型選抜入試エントリーフォーム */
body[class^="dir-admissions-exAdmissions-coordination-entry"] .surveyForm .questions .question .answer_content input[type=email] {
    font-family: 'Roboto';
}

body[class^="dir-admissions-exAdmissions-coordination-entry"] .surveyForm .questions .question.tel-ok .err_textbox {
    display: none;
}

body[class^="dir-admissions-exAdmissions-coordination-entry"] .surveyForm .submit.disabled {
    position: relative;
}

body[class^="dir-admissions-exAdmissions-coordination-entry"] .surveyForm .submit.disabled::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: none !important;
}


/* 総合型選抜入試エントリーフォーム入口 */
.entry-important {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ee0000;
    color: #ee0000;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .entry-important {
        font-size: 1.125rem;
        text-align: left;
    }
}

/* インターネット合否　上部記事一覧 */
body[id^="page-admissions-iResult"] #docsCategory {
    margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
    body[id^="page-admissions-iResult"] #docsCategory {
        margin: 0 0 20px;
        padding: 20px;
    }
}

/* 「ミライのわたし」予約型応援奨学金 GoogleMapポップ非表示 */
#page-scholarship-studentLoan-mirai #okinawa .g-map {
    padding-top: 0 !important;
    height: 600px;
    overflow: hidden;
}

#page-scholarship-studentLoan-mirai #okinawa .g-map iframe {
    position: static;
    width: 100%;
    height: 860px;
    margin-top: -260px;
}

@media only screen and (max-width: 768px) {
    #page-scholarship-studentLoan-mirai #okinawa .g-map {
        height: 450px;
    }

    #page-scholarship-studentLoan-mirai #okinawa .g-map iframe {
        height: 600px;
        margin-top: -150px;
    }
}

/* 資料請求・デジタルパンフレット */
@media only screen and (max-width: 768px) {
    #page-docRequest .contentPage .body .for-sp h2.blu {
        display: flex;
        align-items: center;
        min-height: 4em;
        font-size: 1rem;
    }

    #page-docRequest .contentPage .body .temp_btn9 img.external {
        display: none;
    }
}



/* 以下WEBオープンキャンパス2024 CSS ---------*/
.KeyvisBox img {}

.KeyvisBox {
    background: #002345 !important;
}

#liveKeyvisual .scroll.ff-scroll {
    color: #fff;
}

#liveKeyvisual .scroll.ff-scroll::before {
    background: #fff;
}

/*.live-section.bg-ppl::before {
background: var(--clr-live-light-ppl);
}*/

.live-oc-Block #livePoint .pieceBody ul li {
    padding-left: 25px;
    background: url(/_themes/img/live/b-ic-point.svg) left 0.5em no-repeat;
    color: #fff;
    font-size: min(1.7vw, 2.125rem);
    font-weight: 700;
    line-height: 2;
    color: #00417e;
}

.live-oc-Block #livePoint .pieceHeader h2 {
    background: #ec7aa1;
    color: #fff;
}

.live-oc-Block .live-section.bg-ppl::before {
    background: #fff452;
}

.live-oc-Block #ocMenu {
    margin-bottom: 0;
    margin-top: 4vh;
}

.live-oc-Block #ocSchedule .pieceHeader {
    display: block;
    text-align: center;
}

.live-oc-Block #ocSchedule .pieceBody .schedule-day dt {
    color: #00417e;
}

.live-oc-Block #ocSchedule .pieceHeader h2.to-topHead {
    margin-bottom: 40px;
    padding: 15px;
    border-radius: 10px;
    background: #00417e;
    color: #fff;
    font-size: 2.5rem;
}

.live-oc-Block #ocSchedule .pieceHeader h3.fc-b {
    margin-bottom: 30px;
    font-size: 2rem;
    color: #00417e;
}

.live-oc-Block #ocSchedule .pieceHeader p {
    font-size: 1.125rem;
    margin-bottom: 1em;
}

.live-oc-Block #ocSchedule .pieceHeader h3.fc-b span.reservation-deadline {
    font-size: 60%;
    background: #fff452;
    color: #00417e;
    display: inline-block;
    padding: 0.1em 0.5em;
    margin-right: 1vw;
    vertical-align: middle;
}

.live-oc-Block #ocSchedule::before {
    background: transparent;
}

.live-oc-Block #ocSchedule {
    padding-bottom: 0;
}

#ocSchedule .pieceBody .schedule-day dt .wday.hol {
    background: #00417e;
}

.live-oc-Block #ocSchedule .pieceBody .schedule-day dl {
    padding: 15px 2em 20px;
    border: solid 1px #00417e;
}

.live-oc-Block #ocSchedule .pieceBody .schedule-day dd ul li.link-reserve a {
    background-color: #ec7aa1;
    color: #fff;
}

.live-oc-Block #liveSchedule .pieceBody .list-box {
    padding: 50px min(6vw, 80px);
    border: 3px solid var(--clr-live-red);
}

.live-oc-Block #liveSchedule .pieceHeader h2 {
    background: #00417e;
}

.live-oc-Block #liveSchedule .pieceBody .list-box {
    padding: 50px min(6vw, 80px);
    border: none;
    background: #fffce5;
    color: #00417e;
}

.live-oc-Block #liveSchedule .pieceBody .list-box .list-item {
    flex-basis: 100%;
}

.live-oc-Block .live-section.bg-beg.bg-blue1::before {
    background: #00417e;
}

.live-oc-Block #liveReserveTitle .pieceHeader h2 {
    background: #fff452;
    color: #00417e;
}

.live-oc-Block #liveReserveTitle .pieceBody h3 {
    color: #fff;
}


.live-oc-Block .liveReserveItem .temp_qa_box>dl>dt .flex .date {
    color: #00417e;
}

.live-oc-Block .liveReserveItem .temp_qa_box>dl>dt .flex .date .wday.sun,
.live-oc-Block .liveReserveItem .temp_qa_box>dl>dt .flex .date .wday.hol {
    background: #00417e;
}

.live-oc-Block .liveReserveItem .temp_qa_box>dl>dt .flex .deadline span {
    background: #ec7aa1;
}

.live-oc-Block .liveReserveItem .temp_qa_box>dl>dt>a::before {
    background: #00417e;
}

.live-oc-Block .liveReserveItem .temp_qa_box>dl>dd h4 {
    background: #00417e;
}

.liveReserveItem.soon {
    position: relative;
}

.liveReserveItem.soon::before {
    content: "近日公開";
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background: rgba(0, 65, 126, 0.7);
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.live-oc-Block #liveOnePoint .pieceHeader h2 {
    color: #fff452;
}

.live-oc-Block #liveOnePoint .pieceHeader h2::before,
.live-oc-Block #liveOnePoint .pieceHeader h2::after {
    background: #fff452;
}

.live-oc-Block #liveOnePoint .pieceBody ol>li::before {
    background: #00417e;
}

#liveOnePoint .pieceBody .btn.red {
    background: #ec7aa1;
}

.live-oc-Block .live-section.bg-ppl::before {
    background: #fff452;
}

.live-oc-Block #liveNote .pieceHeader h2 {
    color: #00417e;
}

.live-oc-Block #liveNote .pieceBody ul li::before {
    background: #ec7aa1;
}

.live-oc-Block .live-section.bg-beg.bg-blue2::before {
    background: #003358;
}

.live-oc-Block #ocSchedule .pieceBody .schedule-day dd ul li.link-reserve a:hover {
    box-shadow: 5px 5px #e34676;
}

.live-oc-Block #liveOnePoint .pieceBody .btn.red:hover {
    box-shadow: 5px 5px #e34676;
}

/* トップへのページ内リンク青 */
.live-oc-Block #liveReserveTitle .pieceHeader h2.to-top a.to-top-link,
.live-oc-Block #liveNote .pieceHeader h2.to-top a.to-top-link {
    filter: brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(3834%) hue-rotate(195deg) brightness(102%) contrast(106%);
}


/*.live-oc-Block #ocMenu .pieceBody ul li {
border-left: 1px solid #ec7aa1;
background: url(/_themes/img/live/pink-arrow_anchor.svg) center bottom no-repeat;
}*/

.live-oc-Block #ocMenu .pieceBody ul li:last-child {
    border-right: 1px solid #ec7aa1;
}

.live-oc-Block #ocMenu .pieceBody ul li a[href="#ocSchedule"] {
    background-image: url(/_themes/img/live/i-live.svg);
}

.live-oc-Block #ocMenu .pieceBody ul li a[href="#liveSchedule"] {
    background-image: url(/_themes/img/live/i-time-schedule.svg);
}

.live-oc-Block #ocMenu .pieceBody ul li a[href="#liveReserve"] {
    background-image: url(/_themes/img/live/i-thema.svg);
}

.live-oc-Block #ocMenu .pieceBody ul li a[href="#liveNote"] {
    background-image: url(/_themes/img/live/i-note.svg);
}

.live-oc-Block #ocMenu .pieceBody ul li a[href="#liveVoice"] {
    background-image: url(/_themes/img/live/i-voice.svg);
}

@media only screen and (max-width: 768px) {
    .live-oc-Block #ocSchedule .pieceHeader h2.to-topHead {
        margin-bottom: 20px;
        padding: 10px;
        font-size: 1.5rem;
    }

    .live-oc-Block #ocSchedule .pieceHeader h3.fc-b {
        margin-bottom: 15px;
        font-size: 1.125rem;
    }

    .live-oc-Block #ocSchedule .pieceHeader p {
        font-size: 0.875rem;
    }

    .liveReserveItem.soon::before {
        border-radius: 15px;
        font-size: 1rem;
    }

    .live-oc-Block #ocSchedule .pieceBody .schedule-day>li {
        width: 100%;
    }

    .live-oc-Block #ocSchedule .pieceHeader h3.fc-b span.reservation-deadline {
        font-size: 80%;
    }

    .live-oc-Block #ocSchedule .pieceBody .schedule-day dt {
        color: #00417e;
    }

    .live-oc-Block #ocSchedule .pieceBody .schedule-day dt {
        font-size: 3rem;
    }

    .live-oc-Block #ocSchedule .pieceBody .schedule-day dt .day {
        font-size: 4rem;
    }

    .live-oc-Block #ocSchedule .pieceBody .schedule-day dd ul {
        max-width: 100%;
    }

    .live-oc-Block #ocSchedule .pieceBody .schedule-day dt .wday {
        margin-bottom: 0;
    }

    .live-oc-Block #livePoint .pieceBody ul li {
        padding-left: 20px;
        background-size: 15px auto;
        font-size: 1.15rem;
        line-height: 1.6;
    }

    #ocMenu .pieceBody ul li:nth-child(3n) {
        border-right: solid 1px #ec7aa1;
    }

    .live-oc-Block .liveReserveItem .temp_qa_box>dl>dt .flex .date .wday {
        padding: 8px 2px;
    }

    #liveKeyvisual img {
        height: 100%;
        /* object-fit: cover; */
    }

    #liveKeyvisual .pieceBody {
        height: 100%;
        max-height: none;
        min-height: none;
        text-align: center;
    }
}

#liveReserve .headline {
    font-weight: bold;
    color: #00417e;
}

/* ミライのわたし大学短大の色指定 */
.style_mirai_box .item.uni-color {
    border: 2px solid #569dd6;
}

.style_mirai_box .item.uni-color .ttl {
    background-color: #569dd6;
}

.style_mirai_box .item.uni-color dl dt {
    background-color: #569dd6;
}

.style_mirai_box .item.jc-color {
    border: 2px solid #55b779;
}

.style_mirai_box .item.jc-color .ttl {
    background-color: #55b779;
}

.style_mirai_box .item.jc-color dl dt {
    background-color: #55b779;
}


.end-gray {
    position: relative;
}

.end-gray::before {
    content: "終了しました";
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1.1em;
    /*background: rgba(179, 179, 179, 0.9);*/
    background: #b3b3b3;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.liveReserveItem.piece .end-gray::before {
    border-radius: 50px;
}

@media only screen and (max-width: 768px) {
    .end-gray::before {
        border-radius: 0.5em;
        font-size: 1rem;
    }

    .liveReserveItem.piece .end-gray::before {
        border-radius: 15px;
    }

}


.color-gray {
    background: #b3b3b3;
}

.live-oc-Block #ocSchedule .pieceBody .schedule-day dd ul li.link-reserve a.color-gray {
    background: #b3b3b3;
}

/* 角丸見出し */
.round-title {
    display: inline-block;
    min-width: 240px;
    padding: 10px 20px;
    margin: 0 10px 10px 0;
    border-radius: 40px;
    background-color: #09c1c7;
    color: #fff;
    font-size: 1.1rem;
    text-align: center;
    line-height: 1;

    &.mini {
        min-width: 160px;
        padding: 10px 10px;
    }
}

/*短期大学部イベント検索*/
#docSearch .categories .checkboxes {
    width: 100%;
}

@media only screen and (min-width: 1537px),
print {

    .dir-events-taikenJ2 .doc-search-container.mogi #docSearch .categories .wrap:nth-child(2) .checkboxes .checkboxesContainer ul,
    .dir-events-taikenJ2-search .doc-search-container.mogi #docSearch .categories .wrap:nth-child(2) .checkboxes .checkboxesContainer ul {
        flex-basis: calc((100% - 30px) / 3);
    }
}

/*商科*/
.j-college-1 {
    background-color: #59b224;
}

/*言語コミュニケーション学科*/
.j-college-2 {
    background-color: #5c75b5;
}

/*生活科学科 生活科学専攻*/
.j-college-3 {
    background-color: #983998;
}

/*生活科学科 食物専攻*/
.j-college-4 {
    background-color: #f94f63;
}

/*保育科*/
.j-college-5 {
    background-color: #ff7300;
}

.end-gray-link {
    pointer-events: none;
    background: #a6a6a6 !important;
    border: none !important;
}

/* 総合政策学部・総合政策学部 上部リンク */
body#page-academics-policySciences-policySciences #deptList .pieceContainer .pieceBody li.current a,
body#page-academics-policySciences-business #deptList .pieceContainer .pieceBody li.current a {
    color: #fff;
    background: var(--clr-faculty-policy-sciences);
    position: relative;
    border-bottom: solid 3px #297721;
}

body#page-academics-policySciences-policySciences #deptList .pieceContainer .pieceBody li.current a::after,
body#page-academics-policySciences-business #deptList .pieceContainer .pieceBody li.current a::after {
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -10px;
    border: 10px solid transparent;
    border-top-color: #297721;
    content: '';
}

/* 高松駅キャンパス GoogleMapポップ非表示 */
#page-campus-kagawa .contentPage .g-map {
    padding-top: 0 !important;
    height: 600px;
    overflow: hidden;
}

#page-campus-kagawa .contentPage .g-map iframe {
    position: static;
    width: 100%;
    height: 860px;
    margin-top: -260px;
}

@media only screen and (max-width: 768px) {
    #page-campus-kagawa .contentPage .g-map {
        height: 450px;
    }

    #page-campus-kagawa .contentPage .g-map iframe {
        height: 600px;
        margin-top: -150px;
    }
}

/* フォーム captchaForm */
.surveyForm .questions+.question .question_content {
    margin-bottom: 10px;
    color: var(--clr-ex-deep-blue);
    font-size: 1.125rem;
    font-weight: 700;
}

.surveyForm .questions+.question .question_content label {
    display: inline;
}

.surveyForm .questions+.question .captchaForm .image {
    margin: 0 0 15px;
}

.surveyForm .questions+.question .captchaForm .image img {
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.surveyForm .questions+.question .captchaForm .reload,
.surveyForm .questions+.question .captchaForm .talk {
    display: inline-block;
    min-width: 130px;
    margin: 0 0 25px;
}

.surveyForm .questions+.question .captchaForm .reload a,
.surveyForm .questions+.question .captchaForm .talk a {
    display: block;
    padding: 15px 30px;
    border: 1px solid var(--clr-deep-blue);
    border-radius: 8px;
    background-color: var(--clr-deep-blue);
    line-height: 1.2;
    text-decoration: none;
    transition-duration: 0.2s;
    color: #fff;
    text-align: center;
}

.surveyForm .questions+.question .captchaForm .reload a:hover,
.surveyForm .questions+.question .captchaForm .talk a:hover {
    color: inherit;
    border-color: var(--clr-deep-blue);
    background-color: #fff;
    transition-duration: 0.2s;
}

.surveyForm .questions+.question .captchaForm .reload {
    margin-right: 10px;
}

.surveyForm .questions+.question .captchaForm .player {
    margin-bottom: 15px;
}

.surveyForm .questions+.question .captchaForm .field {
    margin-bottom: 15px;
}

.surveyForm .questions+.question .captchaForm .field input {
    width: 100%;
    max-width: 340px;
    padding: 4px 6px;
    border: 1px solid var(--clr-gray);
    border-radius: 5px;
}

.surveyForm .questions+.question .captchaForm .field input:focus {
    background: #fff;
    border: 1px solid #bbb;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    outline: none;
    transition-duration: 0.3s;
}

@media only screen and (max-width: 768px) {
    .surveyForm .questions+.question .question_content {
        font-size: 1rem;
    }

    .surveyForm .questions+.question .captchaForm .reload,
    .surveyForm .questions+.question .captchaForm .talk {
        margin-bottom: 15px;
    }

    .surveyForm .questions+.question .captchaForm .reload a,
    .surveyForm .questions+.question .captchaForm .talk a {
        padding: 10px 15px;
        font-size: 1rem;
    }
}



/*===============================================
20241129追加
===============================================*/
@charset "UTF-8";

:root {
    /*  青ボタンリンクホバー？   --link-color-hover: #2255A4;*/

    --clr-green: #1eabbf;
    /*--clr-deep-blue: #0d59ac;*/
    --clr-deep-blue: #004785;
    --clr-ex-deep-blue: #004785;

    /*　薬学部*/
    --clr-faculty-pharmacy: #2f9ed2;
    --clr-faculty-pharmacy2: #c1e2f1;
    --clr-faculty-pharmacy3: #eaf5fa;

    /*　人間生活学部　*/
    --clr-faculty-human-life: #d6316b;
    --clr-faculty-human-life2: #f3c1d3;
    --clr-faculty-human-life3: #fbeaf0;

    /*保健福祉学部*/
    --clr-faculty-health-welfare: #db5146;
    --clr-faculty-health-welfare2: #f4cbc7;
    --clr-faculty-health-welfare3: #fbeeec;

    /*総合政策学部*/
    --clr-faculty-policy-sciences: #84b72e;
    --clr-faculty-policy-sciences2: #dae9c0;
    --clr-faculty-policy-sciences3: #f3f8ea;

    /*　音楽学部*/
    --clr-faculty-music: #97338b;
    --clr-faculty-music2: #e0c2dc;
    --clr-faculty-music3: #f5ebf3;

    /*香川薬学部*/
    --clr-faculty-kg-pharmacy: #30a098;
    --clr-faculty-kg-pharmacy2: #c1e2e0;
    --clr-faculty-kg-pharmacy3: #eaf5f5;

    /*　理工学部*/
    --clr-faculty-sc-engineering: #ce3838;
    --clr-faculty-sc-engineering2: #f0c3c3;
    --clr-faculty-sc-engineering3: #faebeb;

    /*　　文学部*/
    --clr-faculty-literature: #de7a2e;
    --clr-faculty-literature2: #f5d7c0;
    --clr-faculty-literature3: #fcf2ea;

    /*　短期大学部*/
    --clr-faculty-j-college: #d64a8a;
    --clr-faculty-j-college2: #f3c9dc;
    --clr-faculty-j-college3: #fbedf3;
}


/* ==============================================
学部ページの見え方調整
==============================================　*/

/* body 左右マージン変更 */
@media only screen and (max-width: 768px) {

    .contentGpArticleDoc .body .text-beginning,
    .contentPage .body,
    .cke_editable,
    .surveyForm .body {
        padding: 15px 5px;
    }

    .contentGpArticleDoc .body .text-beginning .wd-full,
    .contentPage .body .wd-full,
    .cke_editable .wd-full,
    .surveyForm .body .wd-full {
        width: calc(100% + 10px);
        margin-left: -5px;
        margin-right: -5px;
    }

    .contentGpArticleDoc .body .text-beginning .temp_info_box3>dt,
    .contentPage .body .temp_info_box3>dt,
    .cke_editable .temp_info_box3>dt,
    .surveyForm .body .temp_info_box3>dt {
        transform: translateX(-10px);
    }
}

/* style_intro_text */
.contentGpArticleDoc .body .text-beginning p.style_intro_text,
.contentPage .body p.style_intro_text,
.cke_editable p.style_intro_text,
.surveyForm .body p.style_intro_text {
    font-size: 1.125rem;
    line-height: 1.8;
}

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

    .contentGpArticleDoc .body .text-beginning p.style_intro_text,
    .contentPage .body p.style_intro_text,
    .cke_editable p.style_intro_text,
    .surveyForm .body p.style_intro_text {
        font-size: inherit;
    }
}

/* style_academics_features */
.contentGpArticleDoc .body .text-beginning .style_academics_features .features_item .text .title,
.contentPage .body .style_academics_features .features_item .text .title,
.cke_editable .style_academics_features .features_item .text .title {
    font-weight: 700;
    letter-spacing: 0.04em;
}

.contentGpArticleDoc .body .text-beginning .style_academics_features .features_item .text .about,
.contentPage .body .style_academics_features .features_item .text .about,
.cke_editable .style_academics_features .features_item .text .about {
    line-height: 1.8;
}

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

    .contentGpArticleDoc .body .text-beginning .style_academics_features .features_item .text .title,
    .contentPage .body .style_academics_features .features_item .text .title,
    .cke_editable .style_academics_features .features_item .text .title {
        text-align: center;
    }

    .contentGpArticleDoc .body .text-beginning .style_academics_features .features_item .text .about,
    .contentPage .body .style_academics_features .features_item .text .about,
    .cke_editable .style_academics_features .features_item .text .about {
        font-size: 1rem;
    }
}

/* style_academics_department1 */
.contentGpArticleDoc .body .text-beginning .style_academics_department1 .under_text,
.contentPage .body .style_academics_department1 .under_text,
.cke_editable .style_academics_department1 .under_text {
    line-height: 1.8;
}

/* style_academics_department2 */
@media only screen and (max-width: 768px) {

    .contentGpArticleDoc .body .text-beginning .style_academics_department2 .department_item a .text .text-inner .about,
    .contentPage .body .style_academics_department2 .department_item a .text .text-inner .about,
    .cke_editable .style_academics_department2 .department_item a .text .text-inner .about {
        font-size: 1rem;
    }
}

/* style_academics_point */
.contentGpArticleDoc .body .text-beginning .style_academics_point .point_item .text,
.contentPage .body .style_academics_point .point_item .text,
.cke_editable .style_academics_point .point_item .text {
    font-size: 1rem;
    line-height: 1.8;
    text-align: justify;
}

.contentGpArticleDoc .body .text-beginning .style_academics_point .point_item .box,
.contentPage .body .style_academics_point .point_item .box,
.cke_editable .style_academics_point .point_item .box {
    padding-top: 0;
}

.contentGpArticleDoc .body .text-beginning .style_academics_point .point_item .box img,
.contentPage .body .style_academics_point .point_item .box img,
.cke_editable .style_academics_point .point_item .box img {
    position: static;
}

.contentGpArticleDoc .body .text-beginning .style_academics_point .point_item .box .title,
.contentPage .body .style_academics_point .point_item .box .title,
.cke_editable .style_academics_point .point_item .box .title {
    position: static;
    font-weight: 700;
    text-align: center;
}

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

    .contentGpArticleDoc .body .text-beginning .style_academics_point,
    .contentPage .body .style_academics_point,
    .cke_editable .style_academics_point {
        margin: 0 -5px;
    }

    .contentGpArticleDoc .body .text-beginning .style_academics_point .point_item .box .title,
    .contentPage .body .style_academics_point .point_item .box .title,
    .cke_editable .style_academics_point .point_item .box .title {
        font-size: 1.125rem;
        line-height: 1.4;
        letter-spacing: 0.04em;
    }
}

/* style_academics_h2_more */
@media only screen and (max-width: 768px) {

    .contentGpArticleDoc .body .text-beginning .style_academics_h2_more,
    .contentPage .body .style_academics_h2_more,
    .cke_editable .style_academics_h2_more {
        margin-top: 40px;
    }
}

/* style_academics_official_link */
@media only screen and (max-width: 768px) {

    .contentGpArticleDoc .body .text-beginning .style_academics_official_link a,
    .contentPage .body .style_academics_official_link a,
    .cke_editable .style_academics_official_link a {
        font-size: 1rem;
    }
}

/* h2 */
@media only screen and (max-width: 768px) {

    .contentGpArticleDoc .body .text-beginning h2.blu,
    .contentPage .body h2.blu,
    .cke_editable h2.blu,
    .surveyForm .body h2.blu {
        margin-top: 40px;
    }
}



/* ==============================================
トップ
==============================================　*/
/* トップwidth調整 */
/*#content.top {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}

#bannerNotice .pieceContainer,
#docsNews,
#infoExam .pieceContainer,
#infoAcademics .pieceContainer,
#infoCampus .pieceContainer,
#slideInterview .pieceContainer {
    width: 90%;
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
}

#infoPickup .pieceContainer,
#slideLower .pieceContainer {
    width: 90%;
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
}*/

.ib {
    font-style: normal;
    display: inline-block;
}

#docsNews .pieceContainer .pieceHeader h2 {
    height: 0;
    padding-top: 29.23%;
    background: url(/_themes/img/top/news/news.svg) center center / cover no-repeat;
    text-indent: -9999px;
}

#docsNews .pieceContainer .pieceBody .more a {
    background: url(/_themes/img/top/youtube/arrow-re.svg) right 18px center no-repeat #fff;
    box-shadow: 8px 8px rgba(30, 171, 191, 0.4);
}

/*#docsNews::before {
    width: 100%;
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
}*/

#docsNews .pieceContainer .pieceBody ul li .category {
    background: #fff;
    border: solid 1px var(--clr-green);
    border-radius: 2em;
    background-color: var(--clr-green);
    color: #fff;
}

/* 一時的に非表示 */
/*div#infoYoutube {
    display: none;
}*/

/* 学部・学科 -----------------------------------------------------------------*/
#infoAcademics .pieceHeader .title h2,
#infoCampus .pieceHeader .title h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
    padding: 0 20px;
}

#infoCampus .pieceHeader .title h2 {
    padding-right: 7%;
}

#infoAcademics .pieceHeader .outline h3 {
    padding: 0;
    text-align: center;
}

#infoAcademics .pieceHeader .outline h3 b {
    color: var(--clr-green);
}

.academics_Box {
    position: relative;
}

#infoAcademics .pieceHeader .title img {
    margin: 0 auto;
}

#infoAcademics .pieceHeader .title span {
    background: url(/_themes/img/top/academics/academics-arrow_re.svg) left center / 60px auto no-repeat;
}


#infoAcademics .pieceBody ul li.more span {
    background: url(/_themes/img/common/any/arrow-menu_left.svg) right 38px center / 40px auto no-repeat transparent;
}


.academicsBox {
    margin: 0 auto;
    position: relative;
}

.academicsBg {
    width: 12%;
    height: 100%;
    background: var(--clr-faculty-pharmacy);
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    place-items: center;
    mix-blend-mode: multiply;
}

.academicsTxt {
    width: 12%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    place-items: center;
}

.academicsTxt p {
    font-size: 1.6em;
    color: #fff;
    margin: 0 auto;
    writing-mode: vertical-rl;
    height: 100%;
    text-indent: 1em;
    letter-spacing: 0.1em;
}

.academicsBg.c-human-life {
    background: var(--clr-faculty-human-life);
}

.academicsBg.c-health-welfare {
    background: var(--clr-faculty-health-welfare);
}

.academicsBg.c-policy-sciences {
    background: var(--clr-faculty-policy-sciences);
}

.academicsBg.c-music {
    background: var(--clr-faculty-music);
}

.academicsBg.c-kg-pharmacy {
    background: var(--clr-faculty-kg-pharmacy);
}

.academicsBg.c-sc-engineering {
    background: var(--clr-faculty-sc-engineering);
}

.academicsBg.c-literature {
    background: var(--clr-faculty-literature);
}

.academicsBg.c-j-college {
    background: var(--clr-faculty-j-college);
}


/* キャンパス施設 -----------------------------------------------------------------*/
#infoCampus .pieceHeader {
    display: block;
}

#infoCampus {
    background: transparent;
    position: relative;
    margin: 0 0 70px;
}

#infoCampus::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: var(--clr-beige);
    z-index: -1;
}

#infoCampus .catch h3 {
    color: var(--clr-green);
    font-size: 3.125rem;
    text-align: center;
}

#infoCampus .pieceHeader .title span {
    line-height: 1;
}

#infoCampus .pieceContainer {
    max-width: 1220px;
    margin: 0 auto;
    width: 100%;
}

#infoCampus .js-videoBox {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 3em;
}

#infoCampus .campusFx {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    margin-bottom: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
}

#infoCampus .campusFx .campusMovieBox {
    width: calc(50% - 20px);
    margin: 0 0 20px;
}

#infoCampus .pieceHeader .title span {
    background: url(/_themes/img/top/campus/campus-arrow01_re.svg) left center / 60px auto no-repeat;
}

.campusFx .campusMovieBox {
    position: relative;
}

.campusFx .campusMovieBox .campusMovieBoxBg {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 20%;
    background: var(--clr-green);
    margin-bottom: 0;
    mix-blend-mode: multiply;
}

.campusFx .campusMovieBox .campusMovieTxt {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
}

.campusFx .campusMovieBox .campusMovieTxt p {
    font-size: 1.6em;
    text-align: center;
    position: relative;
    width: 100%;
    padding-bottom: .3em;
}

.campusFx .campusMovieBox .campusMovieTxt:before {
    content: "";
    position: absolute;
    top: 0;
    right: 3%;
    bottom: 0;
    width: 46px;
    padding: 0;
    background: url(/_themes/img/common/gnav/arrow-menu_left.svg) center center no-repeat;
}

#infoCampus .catch p {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    font-size: 1.3em;
}


/* 高松駅キャンパス動画 */
.js-videoBox .js-video a img.external {
    display: none;
}

.js-videoBox .js-video .overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    position: fixed;
}

.js-videoBox .js-video .overlay-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 40px);
    max-width: 1200px;
    max-height: calc(100vh - 80px);
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-y: scroll;
}

.js-videoBox .js-video .overlay .movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.js-videoBox .js-video .overlay .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}



/* 卒業生インタビュー -----------------------------------------------------------------*/
#infoInterviewUpper .pieceHeader h2 span {
    display: block;
    margin: 10px 0 0 7px;
    padding-left: 70px;
    background: url(/_themes/img/top/campus/campus-arrow01_re.svg) left center / 60px auto no-repeat;
    font-size: 1.25rem;
    font-weight: 700;
}


#slideInterview .slide-arrow.next-arrow {
    background-image: url(/_themes/img/top/interview/ic-slider_next_re.svg);
}

#slideInterview .slide-arrow.prev-arrow {
    background-image: url(/_themes/img/top/interview/ic-slider_prev_re.svg);
}

#slideInterview .more a {
    background: url(/_themes/img/top/youtube/arrow-re.svg) right 18px center no-repeat #fff;
    box-shadow: 8px 8px rgba(30, 171, 191, 0.4);
}

.slide-arrow.prev-arrow {
    background-image: url(/_themes/img/common/any/ic-slider_prev_re.svg);
}

.slide-arrow.next-arrow {
    background-image: url(/_themes/img/common/any/ic-slider_next_re.svg);
}

#infoInterviewUpper .pieceHeader h2 span {
    display: block;
    margin: 10px 0 0 7px;
    padding-left: 70px;
    font-size: 1.25rem;
    font-weight: 700;
    background: url(/_themes/img/top/campus/campus-arrow01_re.svg) left center / 60px auto no-repeat;
}



/* サポート -----------------------------------------------------------------*/
#infoPickup .pieceHeader h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
    padding: 0 20px;
}

#infoPickup .pieceHeader h2 span {
    display: block;
    margin: 10px 0 0 7px;
    padding-left: 70px;
    background: url(/_themes/img/top/campus/campus-arrow01_re.svg) left center / 60px auto no-repeat;
    font-size: 1.25rem;
    font-weight: 700;
}

#infoPickup ul li:nth-child(1) a,
#infoPickup ul li:nth-child(2) a,
#infoPickup ul li:nth-child(3) a {
    border-color: transparent;
    background: #0c83ac;
}

#infoPickup {
    margin: 0 -40px 90px;
    background: transparent;
    position: relative;
}

#infoPickup::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: rgba(0, 151, 220, 0.2);
    z-index: -1;
}

#infoPickup .pieceBody {
    width: 90%;
    margin: 0 auto;
    padding-top: 3em;
    padding-bottom: 3em;
}

#infoPickup ul li a {
    border-width: 0;
}

/* ヘッダー -----------------------------------------------------------------*/
#globalNavi .pieceBody>ul>li.gnav-news a::before {
    background-image: url(/_themes/img/common/gnav/gnav-news_re.svg);
}

#globalNavi .pieceBody>ul>li.gnav-admissions a::before {
    background-image: url(/_themes/img/common/gnav/gnav-admissions_re.svg);
}

#globalNavi .pieceBody>ul>li.gnav-scholarship a::before {
    background-image: url(/_themes/img/common/gnav/gnav-scholarship_re.svg);
}

#globalNavi .pieceBody>ul>li.gnav-events a::before {
    background-image: url(/_themes/img/common/gnav/gnav-events_re.svg);
}

#globalNavi .pieceBody>ul>li.gnav-academics a::before {
    background-image: url(/_themes/img/common/gnav/gnav-academics_re.svg);
}

#globalNavi .pieceBody>ul>li.gnav-campus a::before {
    background-image: url(/_themes/img/common/gnav/gnav-campus_re.svg);
}

#globalNavi .pieceBody>ul>li.gnav-about a::before {
    background-image: url(/_themes/img/common/gnav/gnav-about_re.svg);
}

#globalNavi .pieceBody>ul>li.gnav-life a::before {
    background-image: url(/_themes/img/common/gnav/gnav-life_re.svg);
}

#globalNavi .pieceBody>ul>li.gnav-career a::before {
    background-image: url(/_themes/img/common/gnav/gnav-career_re.svg);
}

#globalNavi .pieceBody>ul>li.gnav-contact a::before {
    background-image: url(/_themes/img/common/gnav/gnav-contact_re.svg);
}

#commonHeader .head-btn li.btn-access::before {
    background-image: url(/_themes/img/common/header/ic-menu_header_access_re.svg);
}

#commonHeader .head-btn li.btn-consultation::before {
    background-image: url(/_themes/img/common/header/ic-menu_header_consultation_re.svg);
}

#commonHeader .head-btn li.btn-request::before {
    background-image: url(/_themes/img/common/header/ic-menu_header_request_re.svg);
}

#commonHeader .head-btn li.btn-access {
    background-color: #0097dc;
}

#commonHeader .head-btn li.btn-consultation {
    background-color: #0d59ac;
}

#commonHeader .head-btn li.btn-request {
    background-color: #04b593;
}

#globalNavi .pieceBody ul ul li a {
    background: url(/_themes/img/common/gnav/arrow_re.svg) right 5px center no-repeat;
}

/* フッター -----------------------------------------------------------------*/
#footerLink {
    background-color: var(--clr-ex-deep-blue);
}

#footerSns .pieceBody .primary ul li {
    border: none;
}

#footerSns .pieceBody {
    border-top: none;
}

#footerSns .pieceBody .primary {
    border-left: none;
}

#footerSns .pieceBody .secondary {
    border: none;
}

#commonFooter .pieceBody {
    background: url(/_themes/img/common/footer/footer_logo_re.svg) right bottom / 65% auto no-repeat;
}

/*　　アイコンホバー*/
#footerLink .pieceBody ul li:nth-child(1):hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="62px" height="62px" viewBox="-1.216 -1.216 62 62" enable-background="new -1.216 -1.216 62 62" xml:space="preserve"><defs></defs><path fill="%23004785" d="M29.892,1V0C13.384,0.001,0.001,13.383,0,29.892c0.001,16.51,13.384,29.892,29.892,29.893c16.509-0.001,29.892-13.383,29.892-29.893C59.784,13.383,46.401,0.001,29.892,0V1v1c7.705,0,14.672,3.12,19.723,8.169c5.049,5.051,8.169,12.018,8.169,19.723s-3.12,14.672-8.169,19.723c-5.051,5.049-12.018,8.169-19.723,8.17c-7.705-0.001-14.671-3.121-19.722-8.17C5.121,44.563,2.001,37.597,2,29.892c0.001-7.705,3.121-14.672,8.17-19.723C15.221,5.12,22.188,2,29.892,2V1L29.892,1z"/><path fill="%23004785" d="M37.503,16.503v24.131H22.282V16.503H37.503L37.503,16.503z M29.892,45.827c-0.842,0-1.527-0.686-1.527-1.527s0.685-1.527,1.527-1.527c0.842,0,1.527,0.686,1.527,1.527S30.734,45.827,29.892,45.827L29.892,45.827z M35.965,11.731H23.82c-2.078,0-3.769,1.689-3.769,3.768v28.786c0,2.077,1.691,3.768,3.769,3.768h12.145c2.078,0,3.769-1.69,3.769-3.768V15.499C39.734,13.421,38.043,11.731,35.965,11.731L35.965,11.731z"/></svg>');

}

#footerLink .pieceBody ul li:nth-child(2):hover::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="63px" height="45px" viewBox="-1 -1 63 45" enable-background="new -1 -1 63 45" xml:space="preserve"><defs></defs><polygon fill="%23004785" points="4.23,7.459 30.411,24.035 56.462,7.898 55.408,6.198 30.422,21.676 5.3,5.769 4.23,7.459 "/><path fill="%23004785" d="M1.276,41.918v-1v0.723H2c-0.003-0.402-0.318-0.719-0.724-0.723v0.723H2V1.277H1.276V2C1.682,1.997,1.998,1.68,2,1.277H1.276V2h58.146V1.277h-0.722C58.706,1.686,59.021,1.996,59.423,2V1.277h-0.722V41.64h0.722v-0.722c-0.403,0.004-0.718,0.318-0.722,0.722h0.722v-0.722H1.276V41.918v1h58.146c0.709-0.004,1.274-0.568,1.278-1.278V1.277C60.697,0.566,60.132,0.006,59.423,0H1.276C0.566,0.004,0.003,0.571,0,1.277v40.363c0.003,0.707,0.566,1.273,1.276,1.277V41.918L1.276,41.918z"/></svg>');
}

#commonFooter .pieceBody a:not(.hongaku) {
    background: url(/_themes/img/common/footer/arrow-footer_re.svg) left center no-repeat;
}

@media only screen and (max-width: 1280px) {
    #globalNavi .pieceBody .head-btn-sp ul li.btn-search {
        background: url(/_themes/img/common/header/ic-search-sp_re.svg) center center / 42px auto no-repeat rgba(30, 171, 191, 0.2);
    }
}

@media only screen and (max-width: 1024px) {
    #infoAcademics .pieceHeader .title span {
        background: url(/_themes/img/top/academics/academics-arrow_re.svg) left center / 30px auto no-repeat;
    }

    #infoCampus .pieceHeader .title span {
        background: url(/_themes/img/top/campus/campus-arrow01_re.svg) left center / 30px auto no-repeat;
    }

    #infoAcademics .pieceBody ul li:not(.more) a img {
        display: block;
    }

    #infoCampus .catch h3 {
        font-size: 1.5rem;
    }

    #infoCampus .pieceHeader .title h2 {
        margin-bottom: 0;
        margin-top: 2em;
    }

    #infoCampus .js-videoBox {
        width: 100%;
        margin-bottom: 1.3em;
    }

    .campusFx .campusMovieBox .campusMovieBoxBg {
        height: 100%;
    }

    .campusFx .campusMovieBox .campusMovieTxt {
        height: 100%;
        align-items: center;
    }

    .campusFx .campusMovieBox .campusMovieTxt p {
        font-size: 1.2em;
    }

    .campusFx .campusMovieBox .campusMovieTxt:before {
        width: 46px;
        top: inherit;
        bottom: 0;
        left: 50%;
        height: 46px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

    #infoCampus .campusFx {
        margin-bottom: 0;
        width: 100%;
    }

    #infoPickup ul {
        width: 100%;
    }

    #infoPickup {
        /*margin: 0 -40px 70px;*/
        margin: 0 0 70px;
    }

    #infoCampus .catch p {
        margin-bottom: 2em;
        font-size: 1em;
    }

    .campusFx .campusMovieBox .campusMovieTxt p .ib {
        display: block;
    }

    .academicsTxt p {
        font-size: 1.3em;
    }

    #infoCampus .campusFx .campusMovieBox {
        width: 48%;
    }

    #infoInterviewUpper .pieceHeader h2 span {
        background: url(/_themes/img/top/campus/campus-arrow01_re.svg) left center / 30px auto no-repeat;
        font-size: 0.875rem;
        padding-left: 35px;
        margin-top: 0;

    }

    #infoPickup .pieceHeader h2 span {
        background: url(/_themes/img/top/campus/campus-arrow01_re.svg) left center / 30px auto no-repeat;
        font-size: 0.875rem;
        padding-left: 35px;
        margin-top: 0;
    }

    /*#infoPickup .pieceContainer,
    #slideLower .pieceContainer {
        width: 91%;
    }*/

    #infoPickup .pieceBody {
        width: 100%;
    }

}


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

    /* スマホメインビジュアル調整 */
    #slideKeyvisual .pieceBody {
        position: relative;
        height: 0;
        padding-top: 71%;
    }

    #infoCampus .pieceBody {
        padding: 0 0 40px;
        width: 90%;
        margin: 0 auto;
    }

    #infoCampus .pieceHeader .title img {
        max-width: 200px;
        width: 100%;
        padding-right: 0;
    }

    .piece.infoUpper .pieceHeader h2 img {
        width: 100%;
        max-width: 200px;
    }

    #infoPickup .pieceHeader h2 img {
        width: 100%;
        max-width: 200px;
    }

    #infoPickup ul li .head img {
        margin-left: 10px;
    }

    #footerSns .pieceBody .primary ul li {
        flex-basis: 33.33% !important;
    }

    #footerSns .pieceBody .secondary {
        margin-top: 20px;
    }

    #infoCampus .pieceHeader .title h2 {
        padding-right: 20px;
    }

    #footerLink .pieceBody #pageTop {
        /* footer-arrow*/
        top: -28px;
    }

    .contentGpArticleDoc .body .text-beginning .style_academics_top_link,
    .contentPage .body .style_academics_top_link,
    .cke_editable .style_academics_top_link {
        margin-right: auto;
        margin-left: auto;
    }
}


/* ==============================================
固定ページ
==============================================　*/
.contentGpArticleDoc .body .text-beginning .temp_strong_text,
.contentPage .body .temp_strong_text,
.cke_editable .temp_strong_text,
.surveyForm .body .temp_strong_text {
    color: var(--clr-deep-blue);
}

#page-academics-index .contentPage .body .temp_strong_text .size-l.line-narrow,
#page-academics-index .contentPage .body .temp_strong_text .size-ml {
    color: var(--clr-green) !important;
}

.contentGpArticleDoc .body .text-beginning .temp_strong_text,
.contentPage .body .temp_strong_text,
.cke_editable .temp_strong_text,
.surveyForm .body .temp_strong_text {
    color: var(--clr-deep-blue);
}

.contentGpArticleDoc .body .text-beginning .temp_btn5 a,
.contentGpArticleDoc .body .text-beginning .temp_btn5 input,
.contentPage .body .temp_btn5 a,
.contentPage .body .temp_btn5 input,
.cke_editable .temp_btn5 a,
.cke_editable .temp_btn5 input,
.surveyForm .body .temp_btn5 a,
.surveyForm .body .temp_btn5 input {
    border: 1px solid var(--clr-green);
    background: url(/_themes/img/page/ic-next2.svg) right 20px center no-repeat var(--clr-green);
}

@media only screen and (min-width: 769px),
print {

    .contentGpArticleDoc .body .text-beginning .style_academics_top_title .temp_strong_text,
    .contentPage .body .style_academics_top_title .temp_strong_text,
    .cke_editable .style_academics_top_title .temp_strong_text {
        background: url(/_themes/img/page/academics/illust_re.svg) right 35px bottom / 26% auto no-repeat;
    }
}

.contentGpArticleDoc .body .text-beginning .style_academics_gradient_text.pharmacy span,
.contentGpArticleDoc .body .text-beginning .style_academics_point.pharmacy::before,
.contentPage .body .style_academics_gradient_text.pharmacy span,
.contentPage .body .style_academics_point.pharmacy::before,
.cke_editable .style_academics_gradient_text.pharmacy span,
.cke_editable .style_academics_point.pharmacy::before {
    background: var(--clr-faculty-pharmacy);
}

.contentGpArticleDoc .body .text-beginning .style_academics_features.pharmacy .features_item,
.contentPage .body .style_academics_features.pharmacy .features_item,
.cke_editable .style_academics_features.pharmacy .features_item {
    border-image: var(--clr-faculty-pharmacy);
}

.contentGpArticleDoc .body .text-beginning .style_academics_features .features_item,
.contentPage .body .style_academics_features .features_item,
.cke_editable .style_academics_features .features_item {
    border-bottom: 4px solid var(--clr-faculty-pharmacy);
}

.contentGpArticleDoc .body .text-beginning .style_academics_department1 .side_image .text .text-inner .campus span.tk,
.contentPage .body .style_academics_department1 .side_image .text .text-inner .campus span.tk,
.cke_editable .style_academics_department1 .side_image .text .text-inner .campus span.tk {
    background: #dddddd;
    color: var(--font-color);
}

.contentGpArticleDoc .body .text-beginning .style_academics_department2 .department_item a .text .text-inner .campus span.tk,
.contentPage .body .style_academics_department2 .department_item a .text .text-inner .campus span.tk,
.cke_editable .style_academics_department2 .department_item a .text .text-inner .campus span.tk {
    background: #dddddd;
    color: var(--font-color);
}

.contentPage .body .style_academics_department1 .side_image .text .text-inner .campus span.kg {
    background: #dddddd;
    color: var(--font-color);
}

.contentGpArticleDoc .body .text-beginning .style_academics_point::after,
.contentPage .body .style_academics_point::after,
.cke_editable .style_academics_point::after {
    background-image: none;
}

.contentGpArticleDoc .body .text-beginning .style_academics_gradient_text.human-life span,
.contentGpArticleDoc .body .text-beginning .style_academics_point.human-life::before,
.contentPage .body .style_academics_gradient_text.human-life span,
.contentPage .body .style_academics_point.human-life::before,
.cke_editable .style_academics_gradient_text.human-life span,
.cke_editable .style_academics_point.human-life::before {
    background: var(--clr-faculty-human-life);
}

.contentGpArticleDoc .body .text-beginning .style_academics_gradient_text.health-welfare span,
.contentGpArticleDoc .body .text-beginning .style_academics_point.health-welfare::before,
.contentPage .body .style_academics_gradient_text.health-welfare span,
.contentPage .body .style_academics_point.health-welfare::before,
.cke_editable .style_academics_gradient_text.health-welfare span,
.cke_editable .style_academics_point.health-welfare::before {
    background: var(--clr-faculty-health-welfare);
}

.contentGpArticleDoc .body .text-beginning .style_academics_gradient_text.policy-sciences span,
.contentGpArticleDoc .body .text-beginning .style_academics_point.policy-sciences::before,
.contentPage .body .style_academics_gradient_text.policy-sciences span,
.contentPage .body .style_academics_point.policy-sciences::before,
.cke_editable .style_academics_gradient_text.policy-sciences span,
.cke_editable .style_academics_point.policy-sciences::before {
    background: var(--clr-faculty-policy-sciences);
}

.contentGpArticleDoc .body .text-beginning .style_academics_department2 .department_item a .text .text-inner .campus span.kg,
.contentPage .body .style_academics_department2 .department_item a .text .text-inner .campus span.kg,
.cke_editable .style_academics_department2 .department_item a .text .text-inner .campus span.kg {
    background: #dddddd;
    color: var(--font-color);
}

.contentGpArticleDoc .body .text-beginning .style_academics_gradient_text.music span,
.contentGpArticleDoc .body .text-beginning .style_academics_point.music::before,
.contentPage .body .style_academics_gradient_text.music span,
.contentPage .body .style_academics_point.music::before,
.cke_editable .style_academics_gradient_text.music span,
.cke_editable .style_academics_point.music::before {
    background: var(--clr-faculty-music);
}

.contentGpArticleDoc .body .text-beginning .style_academics_gradient_text.literature span,
.contentGpArticleDoc .body .text-beginning .style_academics_point.literature::before,
.contentPage .body .style_academics_gradient_text.literature span,
.contentPage .body .style_academics_point.literature::before,
.cke_editable .style_academics_gradient_text.literature span,
.cke_editable .style_academics_point.literature::before {
    background: var(--clr-faculty-literature);
}

.contentGpArticleDoc .body .text-beginning .style_academics_gradient_text.sc-engineering span,
.contentGpArticleDoc .body .text-beginning .style_academics_point.sc-engineering::before,
.contentPage .body .style_academics_gradient_text.sc-engineering span,
.contentPage .body .style_academics_point.sc-engineering::before,
.cke_editable .style_academics_gradient_text.sc-engineering span,
.cke_editable .style_academics_point.sc-engineering::before {
    background: var(--clr-faculty-sc-engineering);
}

.contentGpArticleDoc .body .text-beginning .style_academics_gradient_text.j-college span,
.contentGpArticleDoc .body .text-beginning .style_academics_point.j-college::before,
.contentPage .body .style_academics_gradient_text.j-college span,
.contentPage .body .style_academics_point.j-college::before,
.cke_editable .style_academics_gradient_text.j-college span,
.cke_editable .style_academics_point.j-college::before {
    background: var(--clr-faculty-j-college);
}

.contentGpArticleDoc .body .text-beginning .style_academics_gradient_text.j-college span,
.contentGpArticleDoc .body .text-beginning .style_academics_point.j-college::before,
.contentPage .body .style_academics_gradient_text.j-college span,
.contentPage .body .style_academics_point.j-college::before,
.cke_editable .style_academics_gradient_text.j-college span,
.cke_editable .style_academics_point.j-college::before {
    background: var(--clr-faculty-j-college);
}

.contentGpArticleDoc .body .text-beginning .style_academics_department2::before,
.contentPage .body .style_academics_department2::before,
.cke_editable .style_academics_department2::before {
    background-image: none;
}

.page-banner {
    background: linear-gradient(to right, #56c0cf 0%, #1fabbf 100%);
}

.contentGpArticleDoc .body .text-beginning .temp_btn6 a:hover,
.contentGpArticleDoc .body .text-beginning .temp_btn6 input:hover,
.contentPage .body .temp_btn6 a:hover,
.contentPage .body .temp_btn6 input:hover,
.cke_editable .temp_btn6 a:hover,
.cke_editable .temp_btn6 input:hover,
.surveyForm .body .temp_btn6 a:hover,
.surveyForm .body .temp_btn6 input:hover {
    box-shadow: 8px 8px #003869;
}

#docsCategory .pieceBody ul li .category,
.contentGpCategory .docs ul li .category,
.contentGpArticleDocs .docs ul li .category {
    background: var(--clr-green);
    border-radius: 2em;
}

#docsCategory .pieceBody .more a {
    background: url(/_themes/img/top/youtube/arrow-re.svg) right 18px center no-repeat #fff;
    box-shadow: 8px 8px rgba(30, 171, 191, 0.4);
}

#ocPickup .pieceBody ul li:nth-child(1) .head,
#ocPickup .pieceBody ul li:nth-child(1) .about::before {
    background: #00C2C9;
}

.contentGpArticleDoc .body .text-beginning .style_oc2024kg_program_head .temp_page_anchor1,
.contentPage .body .style_oc2024kg_program_head .temp_page_anchor1,
.cke_editable .style_oc2024kg_program_head .temp_page_anchor1 {
    background: #00C2C9;
}

body#page-about-interview-docs-index .contentGpArticleDocs .docs ul li .category {
    background: transparent;
    border-radius: 0;
}

body[class^=dir-admissions] .page-banner.page-top #pageBannerUpper::before {
    background-image: url(/_themes/img/common/gnav/gnav-admissions_re.svg);
}

body[class^=dir-scholarship] .page-banner.page-top #pageBannerUpper::before {
    background-image: url(/_themes/img/common/gnav/gnav-scholarship_re.svg);
}

body[class^=dir-events] .page-banner.page-top #pageBannerUpper::before {
    background-image: url(/_themes/img/common/gnav/gnav-events_re.svg);
}

body[class^=dir-academics] .page-banner.page-top #pageBannerUpper::before {
    background-image: url(/_themes/img/common/gnav/gnav-academics_re.svg);
}

body[class^=dir-campus] .page-banner.page-top #pageBannerUpper::before {
    background-image: url(/_themes/img/common/gnav/gnav-campus_re.svg);
}

body[class^=dir-about] .page-banner.page-top #pageBannerUpper::before {
    background-image: url(/_themes/img/common/gnav/gnav-about_re.svg);
}

body[class^=dir-life] .page-banner.page-top #pageBannerUpper::before {
    background-image: url(/_themes/img/common/gnav/gnav-life_re.svg);
}

body[class^=dir-career] .page-banner.page-top #pageBannerUpper::before {
    background-image: url(/_themes/img/common/gnav/gnav-career_re.svg);
}

/*body#page-news .page-banner.page-top .page-banner-txt #pageBannerUpper::before {
    background-image: url(/_themes/img/common/gnav/gnav-news_re.svg);
}*/

body[class^=dir-news] .page-banner.page-top #pageBannerUpper::before {
    background-image: url(/_themes/img/common/gnav/gnav-news_re.svg);
}

.surveyForm .submit a:hover,
.surveyForm .submit input:hover {
    box-shadow: 8px 8px #003869;
}

.contentGpArticleDoc .body .text-beginning .temp_side_image1 .text .text-inner p span,
.contentPage .body .temp_side_image1 .text .text-inner p span,
.cke_editable .temp_side_image1 .text .text-inner p span,
.surveyForm .body .temp_side_image1 .text .text-inner p span {
    background: linear-gradient(to right, var(--clr-green) 0%, #008aca 100%);
}

.contentGpArticleDoc .body .text-beginning .style_academics_top_link li.pharmacy .thumb,
.contentGpArticleDoc .body .text-beginning .style_academics_top_link li.pharmacy .txt,
.contentPage .body .style_academics_top_link li.pharmacy .thumb,
.contentPage .body .style_academics_top_link li.pharmacy .txt,
.cke_editable .style_academics_top_link li.pharmacy .thumb,
.cke_editable .style_academics_top_link li.pharmacy .txt {
    background-color: var(--clr-faculty-pharmacy2);
}

.style_academics_gradient_text.kg-pharmacy span {
    background: var(--clr-faculty-kg-pharmacy) !important;
}

.contentPage .body .style_academics_point.kg-pharmacy::before {
    background: var(--clr-faculty-kg-pharmacy) !important;
}

.contentGpArticleDoc .body .text-beginning .style_academics_department1.pharmacy .text .text-inner p span,
.contentPage .body .style_academics_department1.pharmacy .text .text-inner p span,
.cke_editable .style_academics_department1.pharmacy .text .text-inner p span {
    background: var(--clr-faculty-pharmacy3);
}

.contentGpArticleDoc .body .text-beginning .style_academics_department1.human-life .text .text-inner p span,
.contentPage .body .style_academics_department1.human-life .text .text-inner p span,
.cke_editable .style_academics_department1.human-life .text .text-inner p span {
    background: var(--clr-faculty-human-life3);
}

.contentGpArticleDoc .body .text-beginning .style_academics_department1.health-welfare .text .text-inner p span,
.contentPage .body .style_academics_department1.health-welfare .text .text-inner p span,
.cke_editable .style_academics_department1.health-welfare .text .text-inner p span {
    background: var(--clr-faculty-health-welfare3);
}

.contentGpArticleDoc .body .text-beginning .style_academics_department1.policy-sciences .text .text-inner p span,
.contentPage .body .style_academics_department1.policy-sciences .text .text-inner p span,
.cke_editable .style_academics_department1.policy-sciences .text .text-inner p span {
    background: var(--clr-faculty-policy-sciences3);
}

.contentGpArticleDoc .body .text-beginning .style_academics_department1.music .text .text-inner p span,
.contentPage .body .style_academics_department1.music .text .text-inner p span,
.cke_editable .style_academics_department1.music .text .text-inner p span {
    background: var(--clr-faculty-music3);
}

.contentGpArticleDoc .body .text-beginning .style_academics_department1.kg-pharmacy .text .text-inner p span,
.contentPage .body .style_academics_department1.kg-pharmacy .text .text-inner p span,
.cke_editable .style_academics_department1.kg-pharmacy .text .text-inner p span {
    background: var(--clr-faculty-kg-pharmacy3);
}

.contentGpArticleDoc .body .text-beginning .style_academics_department1.sc-engineering .text .text-inner p span,
.contentPage .body .style_academics_department1.sc-engineering .text .text-inner p span,
.cke_editable .style_academics_department1.sc-engineering .text .text-inner p span {
    background: var(--clr-faculty-sc-engineering3);
}

.contentGpArticleDoc .body .text-beginning .style_academics_department1.literature .text .text-inner p span,
.contentPage .body .style_academics_department1.literature .text .text-inner p span,
.cke_editable .style_academics_department1.literature .text .text-inner p span {
    background: var(--clr-faculty-literature3);
}

.contentGpArticleDoc .body .text-beginning .style_academics_department1.j-college .text .text-inner p span,
.contentPage .body .style_academics_department1.j-college .text .text-inner p span,
.cke_editable .style_academics_department1.j-college .text .text-inner p span {
    background: var(--clr-faculty-j-college3);
}

.contentPage .body .temp_btn5 a {
    background: var(--clr-ex-deep-blue) !important;
    border: var(--clr-ex-deep-blue) !important;
}

.contentPage .body .temp_btn5 a:hover {
    box-shadow: 8px 8px #003869 !important;
}

#deptList.human-life .pieceBody li.current a::before,
#deptList.human-life .pieceBody li.current a::after {
    border-top-color: #a52157;
}

#deptList.health-welfare .pieceBody li.current a::before,
#deptList.health-welfare .pieceBody li.current a::after {
    border-top-color: #af3e3c;
}

body#page-academics-policySciences-policySciences #deptList .pieceContainer .pieceBody li.current a,
body#page-academics-policySciences-business #deptList .pieceContainer .pieceBody li.current a {
    border-bottom: solid 3px #7c992b;
}

body#page-academics-policySciences-policySciences #deptList .pieceContainer .pieceBody li.current a::after,
body#page-academics-policySciences-business #deptList .pieceContainer .pieceBody li.current a::after {
    border-top-color: #7c992b;
}

#deptList.sc-engineering .pieceBody li.current a::before,
#deptList.sc-engineering .pieceBody li.current a::after {
    border-top-color: #a53232;
}

#deptList.literature .pieceBody li.current a::before,
#deptList.literature .pieceBody li.current a::after {
    border-top-color: #bc652a;
}

#deptList.j-college .pieceBody li.current a::before,
#deptList.j-college .pieceBody li.current a::after {
    border-top-color: #af3f7c;
}

.contentGpArticleDoc .body .text-beginning .style_academics_course.music::before,
.contentPage .body .style_academics_course.music::before,
.cke_editable .style_academics_course.music::before {
    background: var(--clr-faculty-music3);
}


.contentPage .body .style_academics_features.policy-sciences .features_item {
    border-image: var(--clr-faculty-policy-sciences);
}

body#page-academics-policySciences-index .contentPage .body .style_academics_features .features_item {
    border-bottom: solid 4px var(--clr-faculty-policy-sciences) !important;
}

.contentGpArticleDoc .body .text-beginning .style_academics_department2 .department_item a .text::after,
.contentPage .body .style_academics_department2 .department_item a .text::after,
.cke_editable .style_academics_department2 .department_item a .text::after {
    background: var(--clr-faculty-policy-sciences);
}

#page-academics-kgPharmacy .contentPage .body .style_academics_features .features_item {
    border-bottom: 4px solid var(--clr-faculty-kg-pharmacy) !important;
}

.contentGpArticleDoc .body .text-beginning .style_academics_course.j-college::before,
.contentPage .body .style_academics_course.j-college::before,
.cke_editable .style_academics_course.j-college::before {
    background: var(--clr-faculty-j-college3);
}

.contentGpArticleDoc .body .text-beginning .temp_page_anchor1 li a,
.contentPage .body .temp_page_anchor1 li a,
.cke_editable .temp_page_anchor1 li a,
.surveyForm .body .temp_page_anchor1 li a {
    background: url(/_themes/img/page/ic-href1_re.svg) right 25px center no-repeat;
    background-position: right 9px center;
    background-size: 12px auto;
}


.contentGpArticleDoc .body .text-beginning .style_academics_message_name.kg-pharmacy,
.contentPage .body .style_academics_message_name.kg-pharmacy,
.cke_editable .style_academics_message_name.kg-pharmacy {
    background: var(--clr-faculty-kg-pharmacy);
}


/* infoMovie
----------------------------------------------- */
#infoMovie .pieceContainer {
    margin-bottom: 55px;
}

#infoMovie .pieceHeader {
    display: flex;
    align-items: center;
    gap: 5px 10px;
    margin-bottom: 15px;
}

#infoMovie .pieceHeader h2 {
    margin-left: 15px;
    padding-left: 70px;
    background: url(/_themes/img/top/academics/academics-arrow.svg) left center / 60px auto no-repeat;
    font-size: 1.25rem;
    font-weight: 700;
}

#infoMovie .bannerImages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#infoMovie .slick-list {
    width: calc(100% + 7px);
    margin: 0 -7px
}

#infoMovie .slick-slide {
    margin: 0 7px;
}

#infoMovie .slick-slide a {
    display: block;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#infoMovie .slick-slide a:hover {
    opacity: 0.5;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#infoMovie .slick-slide .image img {
    width: 100%;
}

#infoMovie .slide-arrow {
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 38px;
    height: 38px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#infoMovie .slide-arrow:hover {
    opacity: 0.5;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#infoMovie .slide-arrow.prev-arrow {
    left: -19px;
    background-image: url(/_themes/img/top/interview/ic-slider_prev.svg);
}

#infoMovie .slide-arrow.next-arrow {
    right: -19px;
    background-image: url(/_themes/img/top/interview/ic-slider_next.svg);
}

#infoMovie .pieceBody .more {
    margin-top: 10px;
    text-align: right;
}

#infoMovie .pieceBody .more a {
    padding: 7px 40px 7px 0;
    background: url(/_themes/img/top/youtube/youtube-arrow.svg) right center no-repeat;
    font-size: 1.375rem;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#infoMovie .pieceBody .more a:hover {
    opacity: 0.5;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

@media only screen and (min-width: 1800px),
print {
    #infoMovie .slide-arrow.prev-arrow {
        left: -54px;
    }

    #infoMovie .slide-arrow.next-arrow {
        right: -54px;
    }
}

@media only screen and (max-width: 768px) {
    #infoMovie .pieceContainer {
        margin-bottom: 40px;
    }

    #infoMovie .pieceHeader img {
        height: 40px;
    }

    #infoMovie .pieceHeader h2 {
        margin-left: 5px;
        padding-left: 50px;
        background-size: 40px auto;
        font-size: 1rem;
    }

    #infoMovie .pieceBody .bannerImages .banner a {
        border: 1px solid var(--clr-ex-deep-gray);
    }

    #infoMovie .pieceBody .slide-arrow {
        width: 24px;
        height: 24px;
    }

    #infoMovie .pieceBody .slide-arrow.prev-arrow {
        left: -10px;
    }

    #infoMovie .pieceBody .slide-arrow.next-arrow {
        right: -10px;
    }

    #infoMovie .pieceBody .more a {
        font-size: 1rem;
    }

    .contentPage .body .temp_page_anchor3::before {
        background: var(--clr-green);
    }
}

/* youtube, instagram */
#infoMovie .pieceBody .bannerImages .banner .embed {
    display: none;
}

#infoMovie .pieceBody .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
}

#infoMovie .pieceBody .overlay-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 40px);
    max-width: 1200px;
    max-height: calc(100vh - 80px);
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-y: scroll;
}

#infoMovie .pieceBody .overlay .movie.yt {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

#infoMovie .pieceBody .overlay .movie.yt iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#infoMovie .pieceBody .overlay .movie.ig blockquote,
#infoMovie .pieceBody .overlay .movie.ig iframe {
    margin: 0 auto !important;
}

.round-title {
    background: var(--clr-green);
}

@media only screen and (max-width: 768px) {
    #infoMovie .pieceBody .overlay {
        padding: 40px 15px;
    }

    #infoMovie .pieceBody .overlay-container {
        width: calc(100vw - 30px);
        max-height: calc(95vh - 80px);
    }
}

@media only screen and (min-width: 769px),
print {
    .contentPage .body .temp_page_anchor3 li:not(:last-child)::before {
        background: var(--clr-green);
    }
}