@charset "utf-8";

/* dept.css
**************************************************************************************/


/* Layout
=============================================================================*/

#body-in br.pc {
    display: inline;
}
#body-in br.sp {
    display: none;
}
@media screen and (max-width: 767px){
#body-in br.pc {
    display: none;
}
#body-in br.sp {
    display: inline;
}
}

/* 学部
=============================================================================*/

.faculty-title {
    text-align: center;
    padding: 0 0 22px;
}
.faculty-title h2 {
    font-size: 200%;
}
.faculty-area-in {
    display: flex;
    margin: 0 0 40px;
}
.faculty-area .faculty-area-title {
    margin: 0 0 12px;
}
.faculty-area .faculty-area-title h3 {
    padding: 12px 0 12px 60px;
    font-size: 180%;
}

/*学部色替え：h3 数字*/
.economics .faculty-area.faculty01 .faculty-area-title h3 {
    background: url("../../image/dept/economics-num001.gif") no-repeat 0 8px / 50px auto;
}
.economics .faculty-area.faculty02 .faculty-area-title h3 {
    background: url("../../image/dept/economics-num002.gif") no-repeat 0 8px / 50px auto;
}
.economics .faculty-area.faculty03 .faculty-area-title h3 {
    background: url("../../image/dept/economics-num003.gif") no-repeat 0 8px / 50px auto;
}
.international .faculty-area.faculty01 .faculty-area-title h3 {
    background: url("../../image/dept/international-num001.gif") no-repeat 0 8px / 50px auto;
}
.international .faculty-area.faculty02 .faculty-area-title h3 {
    background: url("../../image/dept/international-num002.gif") no-repeat 0 8px / 50px auto;
}
.international .faculty-area.faculty03 .faculty-area-title h3 {
    background: url("../../image/dept/international-num003.gif") no-repeat 0 8px / 50px auto;
}
.education .faculty-area.faculty01 .faculty-area-title h3 {
    background: url("../../image/dept/education-num001.gif") no-repeat 0 8px / 50px auto;
}
.education .faculty-area.faculty02 .faculty-area-title h3 {
    background: url("../../image/dept/education-num002.gif") no-repeat 0 8px / 50px auto;
}
.education .faculty-area.faculty03 .faculty-area-title h3 {
    background: url("../../image/dept/education-num003.gif") no-repeat 0 8px / 50px auto;
}

.faculty-area .faculty-left {
    float: left;
    width: 405px;
    text-align: center;
    padding: 135px 30px 30px;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*学部色替え：左背景*/
.economics .faculty-area .faculty-left {
    border-right: solid 5px #faed00;
    background: #55b4b9;
}
.international .faculty-area .faculty-left {
    border-right: solid 5px #d2ebdc;
    background: #ef8888;
}
.education .faculty-area .faculty-left {
    border-right: solid 5px #ede7f2;
    background: #f4c21c;
}

.faculty-area .faculty-left .ph {
    margin: 0 0 34px 0;
}
.faculty-area .faculty-left .text {
    color: #fff;
    font-size: 120%;
    text-align: left;
}
.faculty-area .faculty-left .sub-link a {
    text-align: left;
    display: flex;
    text-decoration: none;
    padding: 15px 0 0 0;
}
.faculty-area .faculty-left .sub-link a .link-more {
    color: #fff;
    background: #667e3a;
    padding: 7px 14px;
    font-size: 83%;
}
.faculty-area .faculty-left .sub-link a .link-name {
    color: #111;
    background: #f8f1e3;
    padding: 7px 14px;
    font-size: 83%;
}

.faculty-area .faculty-right {
    float: right;
    width: 795px;
    text-align: center;
    padding: 44px 50px 44px;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*学部色替え：右背景*/
.economics .faculty-area .faculty-right {
    background: #eaf5f4;
}
.international .faculty-area .faculty-right {
    background: #fef2f2;
}
.education .faculty-area .faculty-right {
    background: #fcf1da;
}

/*学部色替え：MORE*/
.education .faculty-area .faculty-left .sub-link a .link-more {
    background: #4bade3;
}

.faculty-area .faculty-right .right-txt01 {
    text-align: left;
    font-size: 120%;
    padding: 0 0 20px;
}
.faculty-area .faculty-right-in h4 {
    text-align: center;
    padding: 0 0 19px;
}
.faculty-area .faculty-right-in h4.left-tx {
    text-align: left;
}
.faculty-area .faculty-right-in h4 span {
    font-size: 140%;
    font-weight: bold;
    background: url("../../image/dept/dept-dc001.gif") no-repeat 0 7px;
    padding: 0 0 0 25px;
}

/*右側の並び方*/
.faculty-area .faculty-right-in .faculty-right-in-l {
    float: left;
    width: 327px;
}
.faculty-area .faculty-right-in .faculty-right-in-r {
    float: right;
    width: 327px;
}
.faculty-area .faculty-right-in .left-ph {
    float: left;
}
.faculty-area .faculty-right-in .right-ph {
    float: right;
}
.faculty-area .faculty-right-in .ph-area {
    margin-bottom: 10px;
}
.faculty-area .faculty-right-in .ph-area img {
    width: 100%;
}
.faculty-area .faculty-right-in .tx-area {
    text-align: left;
}
.faculty-area .faculty-right-in .tx-area.last {
    margin-top: 10px;
}

.faculty-area .faculty-right-in .faculty-right-l.green {
    padding: 0 0 34px;
}
.faculty-area .faculty-right-in .faculty-right-l .left-tl {
    font-size: 120%;
    text-align: left;
    padding: 0 0 5px;
}

.faculty-area .faculty-right-in .faculty-right-list {
    background: #fff;
    border-radius: 23px;
    text-align: left;
    padding: 22px 24px;
    margin: 0 0 10px;
}

/*学部色替え：角丸border*/
.economics .faculty-area .faculty-right-in .faculty-right-list {
    border: solid 2px #61c1be;
}
.international .faculty-area .faculty-right-in .faculty-right-list {
    border: solid 2px #ef8888;
}
.faculty-area .faculty-right-in .faculty-right-list .right-r-tl {
    font-weight: 500;
}
.faculty-area .faculty-right-in .faculty-right-list ul li {
    padding: 0 0 0 18px;
}
.education .faculty-area .faculty-right-in .faculty-right-list {
    border: solid 2px #f4c21c;
}
.education .faculty-area .faculty-right-in .faculty-right-list .list-col2 {
    display: flex;
    flex-wrap: wrap;
}
.education .faculty-area .faculty-right-in .faculty-right-list .list-col2 li {
    min-width: 50%;
    box-sizing: border-box;
    margin-bottom: 5px;
    font-size: 20px;
}
.education .faculty-area .faculty-right-in .faculty-right-list .list-col2 li span.kome {
    font-size: 11px;
    vertical-align: top;
}

/*学部色替え：丸装飾*/
.economics .faculty-area .faculty-right-in .faculty-right-list ul li {
    background: url("../../image/dept/economics-dc002.gif") no-repeat 0 5px;
}
.international .faculty-area .faculty-right-in .faculty-right-list ul li {
    background: url("../../image/dept/international-dc002.gif") no-repeat 0 5px;
}
.education .faculty-area .faculty-right-in .faculty-right-list ul li {
    background: url("../../image/dept/education-dc002.gif") no-repeat 0 9px;
}
.international .faculty-area .faculty-right-in-l .sub-list .left-li {
    clear: both;
    padding-top: 20px;
    text-align: left;
}
.international .faculty-area .faculty-right-in-l .sub-list .left-li ul li {
    background: url("../../image/dept/international-dc002.gif") no-repeat 0 5px;
    padding: 0 0 0 18px;
}
.international .faculty-area .faculty-right-in .faculty-right-list-image li {
    padding-top: 20px;
}

.faculty-area.faculty02 .faculty-right-in .right-ph {
    padding: 20px 0 0;
}

/*学部色替え：活動体験*/
.education .faculty-area .faculty-right-in .faculty-list-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.education .faculty-area .faculty-right-in .faculty-list-box .box {
    width: 300px;
    margin: 0 15px 20px;
}
.education .faculty-area .faculty-right-in .faculty-list-box .box .grade {
    font-size: 185.7%;
    font-weight: bold;
    padding-bottom: 15px;
    background-image:url("../../image/dept/education-dc004.png"),url("../../image/dept/education-dc003.png");
    background-position:right bottom,right 2px bottom;
    background-repeat:no-repeat,no-repeat;
    background-size:auto 26px,100% 8px;
}
.education .faculty-area .faculty-right-in .faculty-list-box .box .txt {
    font-size: 114.2%;
    background-color: #fff;
    padding: 15px 20px;
    border: 2px solid #f4c21c;
    text-align: left;
}

/*学部色替え：ボックスレイアウト_1*/
.education .faculty-area .faculty-right-in .faculty-box-type_1 {
    padding: 0 20px;
}
.education .faculty-area .faculty-right-in .faculty-box-type_1 .box {
    margin-bottom: 10px;
}
.education .faculty-area .faculty-right-in .faculty-box-type_1 h4 {
    padding: 0 0 5px;
}
.education .faculty-area .faculty-right-in .faculty-box-type_1 .tx-in {
    font-size: 114.2%;
    background-color: #fff;
    padding: 15px 20px;
    border: 2px solid #f4c21c;
    text-align: left;
}

@media screen and (max-width: 1279px) {
    .faculty-area-in {
        display: block;
    }

    .faculty-area .faculty-left {
        float: none;
        width: 100%;
        padding: 40px 35px;
        display: flex;
    }
    
    /*学部色替え*/
    .economics .faculty-area .faculty-left {
        border-right: none;
        border-bottom: solid 5px #faed00;
    }
    .international .faculty-area .faculty-left {
        border-right: none;
        border-bottom: solid 5px #d2ebdc;
    }
    .education .faculty-area .faculty-left {
        border-right: none;
        border-bottom: solid 5px #ede7f2;
    }

    .faculty-area .faculty-left .ph {
        margin: 0 40px 0 0;
    }
    .faculty-area .faculty-left .text {
        padding: 65px 0 0 0;
    }
    .faculty-area.faculty03 .faculty-left .text {
        padding: 50px 0 0 0;
    }
    .faculty-area .faculty-left .sub-link a {
        padding: 10px 0 0 0;
    }
    .faculty-area .faculty-right {
        float: none;
        width: 100%;
        padding: 30px 20px 30px;
    }
    .faculty-area.faculty02 .faculty-right-in .right-ph {
        padding: 19px 0 0;
    }
    .faculty-area.faculty02 .faculty-right-in .left-ph img {
        width: 297px;
    }
    .faculty-area.faculty02 .faculty-right-in .right-ph img {
        width: 305px;
    }
    .faculty-area.faculty02 .faculty-right-in .ph img {
        width: 269px;
    }
}

@media screen and (max-width: 767px) {
    .faculty-title {
        padding: 0 0 10px;
    }
    .faculty-title h2 {
        font-size: 25px;
    }
    .faculty-area .faculty-area-title h3 {
        font-size: 20px;
    }

    /*学部色替え：h3 数字*/
    .economy .faculty-area.faculty01 .faculty-area-title h3 {
        background: url("../../image/dept/economics-num001.gif") no-repeat 0 4px / 50px auto;
    }
    .economy .faculty-area.faculty02 .faculty-area-title h3 {
        background: url("../../image/dept/economics-num002.gif") no-repeat 0 4px / 50px auto;
    }
    .economy .faculty-area.faculty03 .faculty-area-title h3 {
        background: url("../../image/dept/economics-num003.gif") no-repeat 0 4px / 50px auto;
    }
    .international .faculty-area.faculty01 .faculty-area-title h3 {
        background: url("../../image/dept/international-num001.gif") no-repeat 0 4px / 50px auto;
    }
    .international .faculty-area.faculty02 .faculty-area-title h3 {
        background: url("../../image/dept/international-num002.gif") no-repeat 0 4px / 50px auto;
    }
    .international .faculty-area.faculty03 .faculty-area-title h3 {
        background: url("../../image/dept/international-num003.gif") no-repeat 0 4px / 50px auto;
    }
    .education .faculty-area.faculty01 .faculty-area-title h3 {
        background: url("../../image/dept/education-num001.gif") no-repeat 0 4px / 50px auto;
    }
    .education .faculty-area.faculty02 .faculty-area-title h3 {
        background: url("../../image/dept/education-num002.gif") no-repeat 0 4px / 50px auto;
    }
    .education .faculty-area.faculty03 .faculty-area-title h3 {
        background: url("../../image/dept/education-num003.gif") no-repeat 0 4px / 50px auto;
    }

    .faculty-area .faculty-right-in h4 {
        padding: 0 0 10px;
    }
    .faculty-area .faculty-right-in h4 span {
        font-size: 18px;
        background: url("../../image/dept/economics-dc001.gif") no-repeat 0 5px / 18px auto;
    }
    /*右側の並び方*/
    .faculty-area .faculty-right-in .faculty-right-in-l {
        float: none;
        width: 100%;
    }
    .faculty-area .faculty-right-in .faculty-right-in-r {
        float: none;
        width: 100%;
    }
    .faculty-area .faculty-right-in .left-ph {
        float: none;
    }
    .faculty-area .faculty-right-in .right-ph {
        float: none;
    }
    .faculty-area .faculty-right-in .tx-area {
        margin-bottom: 20px;
    }
    .faculty-area .faculty-right-in .left-ph img {
        width: 100%;
    }
    .faculty-area .faculty-right-in .right-ph img {
        width: 100%;
    }
    .faculty-area .faculty-right-in .ph img {
        width: 100%;
    }

    .faculty-area .faculty-left {
        display: block;
        padding: 30px 10px;
    }
    .faculty-area .faculty-left .ph {
        margin: 0 0 30px 0;
    }
    .faculty-area .faculty-left .text {
        padding: 0 0 0 0;
        font-size: 15px;
    }
    .faculty-area.faculty03 .faculty-left .text {
        padding: 0 0 0 0;
    }

    .faculty-area .faculty-right {
        padding: 20px 20px 20px;
    }
    .faculty-area .faculty-right .right-txt01 {
        font-size: 15px;
    }
    .faculty-area .faculty-right-in .faculty-right-l.green,
    .faculty-area .faculty-right-in .faculty-right-l.purple {
        padding: 0 0 20px;
    }
    .faculty-area .faculty-right-in .faculty-right-list {
        padding: 22px 30px;
    }
    .faculty-area.faculty02 .faculty-right-in .left-ph,
    .faculty-area.faculty02 .faculty-right-in .right-ph,
    .faculty-area.faculty03 .faculty-right-in .ph {
        padding: 0 0 20px;
    }
    
    /*学部色替え：活動体験*/
    .education .faculty-area .faculty-right-in .faculty-list-box {
        display: block;
    }
    .education .faculty-area .faculty-right-in .faculty-list-box .box {
        width: auto;
        margin: 0 0 15px;
    }
    .education .faculty-area .faculty-right-in .faculty-list-box .box .grade {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .education .faculty-area .faculty-right-in .faculty-list-box .box .txt {
        font-size: 16px;
        padding: 10px 20px;
    }
    
    /*学部色替え：ボックスレイアウト_1*/
    .education .faculty-area .faculty-right-in .faculty-box-type_1 {
        padding: 0;
    }
    .education .faculty-area .faculty-right-in .faculty-box-type_1 .tx-in {
        font-size: 16px;
        padding: 10px 20px;
    }
}

/* 学科
=============================================================================*/

/*============== title ==============*/
.dept-title {
    padding: 0 0 60px;
    text-align: center;
    position: relative;
}
.dept-title h2 {
    font-size: 230%;
}
.dept-title h2::after {
    content: '';
    display: block;
    width: 78px;
    height: 5px;
    left: 0;
    right: 0;
    bottom: 40px;
    position: absolute;
    margin: 0 auto;
}
.dept-title p {
    font-size: 120%;
}

/*学科色替え：h2 線*/
.economy .dept-title h2::after {
    background: #62b587;
}
.management .dept-title h2::after {
    background: #8999cd;
}
.inter-study .dept-title h2::after {
    background: #e079ad;
}
.child-subject .dept-title h2::after {
    background: #f3981c
}

@media screen and (max-width: 1279px) {
    .dept-title h2::after {
        bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .dept-title {
        padding: 0 0 38px;
    }
    .dept-title h2 {
        font-size: 25px;
    }
    .dept-title h2::after {
        bottom: 25px;
    }
    .dept-title p {
        font-size: 15px;
    }
}

/*============== msg area ==============*/
.msg-area {
    margin: 0 0 80px;
}
.msg-area .msg-area-in {
    display: flex;
    margin: 0 0 42px;
}
.msg-area .msg-area-in .msg-txt {
    margin: 0 49px 0 0;
}
.msg-area .msg-area-in .msg-txt .txt-box {
    padding: 0 0 20px;
    font-size: 120%;
}
.msg-area .msg-area-in .msg-txt .txt-list {
    border: solid 2px #dcdddf;
    border-radius: 20px;
    padding: 15px 10px 15px;
}
.msg-area .msg-area-in .msg-txt .txt-list .list-tl {
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    padding: 0 0 25px;
}
.msg-area .msg-area-in .msg-txt .txt-list ul {
    letter-spacing: -0.4em;
}
.msg-area .msg-area-in .msg-txt .txt-list ul li {
    letter-spacing: -0.04em;
    display: inline-block;
    width: 50%;
    padding: 0 0 10px 20px;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*こども教育学科*/
.child-subject .msg-area .msg-area-in .msg-txt .txt-list ul li:nth-child(odd) {
    width: 46%;
}
.child-subject .msg-area .msg-area-in .msg-txt .txt-list ul li:nth-child(even) {
    width: 54%;
}

/*学科色替え：丸装飾*/
.economy .msg-area .msg-area-in .msg-txt .txt-list ul li {
    background: url("../../image/dept/economy-dc001.gif") no-repeat 0 5px;
}
.management .msg-area .msg-area-in .msg-txt .txt-list ul li {
    background: url("../../image/dept/management-dc001.gif") no-repeat 0 5px;
}
.inter-study .msg-area .msg-area-in .msg-txt .txt-list ul li {
    background: url("../../image/dept/inter-study-dc001.gif") no-repeat 0 5px;
    vertical-align: top;
}
.child-subject .msg-area .msg-area-in .msg-txt .txt-list ul li {
    background: url("../../image/dept/child-subject-dc001.gif") no-repeat 0 5px;
}

.msg-area .msg-btn {
    text-align: center;
}
.msg-area .msg-btn img {
    box-shadow:3px 4px 9px -2px rgba(0,0,0,0.39);
    border-radius: 5px;
}

@media screen and (max-width: 1279px) {
    .msg-area {
        margin: 0 0 71px;
    }
    .msg-area .msg-area-in {
        flex-wrap: wrap;
        margin: 0 0 20px;
    }
    .msg-area .msg-area-in .msg-txt {
        margin: 0 0 0 0;
        order: 2;
    }
    .msg-area .msg-area-in .msg-ph {
        order: 1;
        width: 100%;
        text-align: center;
        padding: 0 0 20px;
    }
}

@media screen and (max-width: 767px) {
    .msg-area {
        margin: 0 0 50px;
    }
    .msg-area .msg-area-in .msg-ph img {
        width: 100%;
    }
    .msg-area .msg-area-in .msg-txt .txt-list ul li {
        display: block;
        width: 100%;
        padding: 0 0 10px 20px;
    }
    .msg-area .msg-btn img {
        width: 100%;
    }
}

/*============== dept point ==============*/
.dept-point {
    margin: 0 0 84px;
}
.dept-point ul.tab {
    display: flex;
}
.dept-point ul.tab li {
    width: 33.33%;
    margin: 0 0.2% 0 0;
    text-align: center;
    font-size: 167%;
    color: #fff;
    padding: 15px 0;
    border-radius: 15px 15px 0 0;
}

/*学科色替え：タブ色*/
.economy .dept-point ul.tab li {
    background: #cbe7d7;
}
.management .dept-point ul.tab li {
    background: #d6dcf1;
}
.inter-study .dept-point ul.tab li {
    background: #f5bfda;
}
.child-subject .dept-point ul.tab li {
    background: #fdca85;
}

.dept-point ul.tab li:last-child {
    margin: 0 0 0 0;
}
.dept-point ul.tab-bottom li {
    border-radius: 0 0 15px 15px;
}

/*学科色替え：タブ色（カレント）*/
.economy .dept-point ul.tab li.active {
    background: #62b587;
}
.management .dept-point ul.tab li.active {
    background: #8999cd;
}
.inter-study .dept-point ul.tab li.active {
    background: #e079ad;
}
.child-subject .dept-point ul.tab li.active {
    background: #f3981c
}

.dept-point .tabContent .point {
  display: none
}
.dept-point .tabContent .point.active {
  display: block;
}
.dept-point .point-top {
    background: #f0f3f5;
    padding: 36px 30px 47px;
}

.dept-point .point-top .top-tl {
    text-align: center;
    padding: 0 0 26px;
}
.dept-point .point-top .top-tl h3 {
    font-size: 200%;
}

/*学科色替え：文字色*/
.economy .dept-point .point-top .top-tl h3 {
    color: #62b587;
}
.management .dept-point .point-top .top-tl h3 {
    color: #8999cd;
}
.inter-study .dept-point .point-top .top-tl h3 {
    color: #e079ad;
}
.child-subject .dept-point .point-top .top-tl h3 {
    color: #f3981c;
}

.dept-point .point-top .top-in {
    display: flex;
}
.dept-point .point-top .top-in .top-img {
    margin: 0 35px 0 0;
}
.dept-point .point-top .top-in .top-txt .txt-box {
    font-size: 120%;
    padding: 0 0 30px;
}
.dept-point .point-top .top-in .top-txt .list-box .title {
    font-weight: bold;
    padding: 0 0 13px;
    position: relative;
}
.dept-point .point-top .top-in .top-txt .list-box .title::after {
    content: '';
    width: 80px;
    height: 2px;
    background: #dcdddf;
    left: 0;
    bottom: 5px;
    position: absolute;
}
.dept-point .point-top .top-in .top-txt .list-box ul {
    letter-spacing: -0.4em;
}
.dept-point .point-top .top-in .top-txt .list-box ul li {
    letter-spacing: normal;
    display: inline-block;
    padding: 0 30px 5px 18px;
}

/*学科色替え：丸装飾*/
.economy .dept-point .point-top .top-in .top-txt .list-box ul li {
    background: url("../../image/dept/economy-dc001.gif") no-repeat 0 5px;
}
.management .dept-point .point-top .top-in .top-txt .list-box ul li {
    background: url("../../image/dept/management-dc001.gif") no-repeat 0 5px;
}
.inter-study .dept-point .point-top .top-in .top-txt .list-box ul li {
    background: url("../../image/dept/inter-study-dc001.gif") no-repeat 0 5px;
}
.child-subject .dept-point .point-top .top-in .top-txt .list-box ul li {
    background: url("../../image/dept/child-subject-dc001.gif") no-repeat 0 5px;
}

.dept-point .point-mid {
    padding: 39px 0 48px;
    position: relative;
}
.dept-point .point-mid-in::before {
    content: '';
    left: 0;
    right: 0;
    top: -11px;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: #f0f3f5;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
}
.dept-point .point-mid-in::after {
    content: '';
    left: 0;
    right: 0;
    bottom: -13px;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
}

/*学科色替え：線と三角*/
.economy .dept-point .point-mid {
    border-bottom: solid 2px #62b587;
    border-top: solid 2px #62b587;
}
.economy .dept-point .point-mid-in::before {
    border-top: 4px solid #62b587;
    border-right: 4px solid #62b587;
}
.economy .dept-point .point-mid-in::after {
    border-top: 4px solid #62b587;
    border-right: 4px solid #62b587;
}
.management .dept-point .point-mid {
    border-bottom: solid 2px #8999cd;
    border-top: solid 2px #8999cd;
}
.management .dept-point .point-mid-in::before {
    border-top: 4px solid #8999cd;
    border-right: 4px solid #8999cd;
}
.management .dept-point .point-mid-in::after {
    border-top: 4px solid #8999cd;
    border-right: 4px solid #8999cd;
}
.inter-study .dept-point .point-mid {
    border-bottom: solid 2px #e079ad;
    border-top: solid 2px #e079ad;
}
.inter-study .dept-point .point-mid-in::before {
    border-top: 4px solid #e079ad;
    border-right: 4px solid #e079ad;
}
.inter-study .dept-point .point-mid-in::after {
    border-top: 4px solid #e079ad;
    border-right: 4px solid #e079ad;
}
.child-subject .dept-point .point-mid {
    border-bottom: solid 2px #f3981c;
    border-top: solid 2px #f3981c;
}
.child-subject .dept-point .point-mid-in::before {
    border-top: 4px solid #f3981c;
    border-right: 4px solid #f3981c;
}
.child-subject .dept-point .point-mid-in::after {
    border-top: 4px solid #f3981c;
    border-right: 4px solid #f3981c;
}

.dept-point .point-bottom {
    padding: 47px 0 46px;
    text-align: center;
    background: #f0f3f5;
}

@media screen and (max-width: 1279px) {
    .dept-point .point-top .top-in {
        display: block;
    }
    .dept-point .point-top .top-in .top-img {
        margin: 0 0 30px 0;
        text-align: center;
    }
    .dept-point .point-mid {
        padding: 29px 0 28px;
    }
}

@media screen and (max-width: 767px) {
    .dept-point {
        margin: 0 0 50px;
    }
    .dept-point ul.tab li {
        font-size: 20px;
    }
    .dept-point .point-top {
        padding: 25px 10px 25px;
    }
    .dept-point .point-top .top-tl h3 {
        font-size: 20px;
        letter-spacing: -0.04em;
    }
    .dept-point .point-top .top-tl {
        padding: 0 0 17px;
    }
    .dept-point .point-top .top-in .top-img {
        margin: 0 0 20px 0;
    }
    .dept-point .point-top .top-in .top-txt .txt-box {
        padding:  0 0 20px;
    }
    .dept-point .point-mid img {
        width: 100%;
    }
    .dept-point .point-bottom {
        padding: 40px 10px 30px;
    }
    .dept-point .point-bottom img {
        width: 100%;
    }
}

/*============== dept learn ==============*/
.dept-learn {
    background: #f0f3f5;
    display: flex;
    -ms-display: flexbox;
    -webkit-displa: box;
    -webkit-display: flex;
    padding: 30px;
    margin: 0 0 40px;
}
.dept-learn .learn-ph {
    padding: 0 35px 0 0;
}
.dept-learn .learn-txt {
    font-size: 120%;
}

@media screen and (max-width: 767px) {
    .dept-learn {
        padding: 10px;
        display: block;
    }
    .dept-learn .learn-ph {
        padding: 0 0 13px 0;
    }
    .dept-learn .learn-ph img {
        width: 100%;
    }
}

/*============== dept route ==============*/
.dept-sub-title .title {
    padding: 0 0 79px;
    font-size: 186%;
    font-weight: bold;
    text-align: center;
    background: url("../../image/dept/dept-btn-on.gif") no-repeat center bottom 29px / 114px auto;
}
.dept-sub-title .title.btn-on {
    background: url("../../image/dept/dept-btn-off.gif") no-repeat center bottom 29px / 114px auto;
}

.dept-route {
    margin: 0 0 115px;
    padding: 48px 0 0;
    position: relative;
}
.dept-route::after {
    content: '';
    left: 0;
    right: 0;
    top: -11px;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
}

/*学科色替え：線と三角*/
.economy .dept-route {
    border-top: solid 2px #62b587;
}
.economy .dept-route::after {
    border-top: 4px solid #62b587;
    border-right: 4px solid #62b587;
}
.management .dept-route {
    border-top: solid 2px #8999cd;
}
.management .dept-route::after {
    border-top: 4px solid #8999cd;
    border-right: 4px solid #8999cd;
}
.inter-study .dept-route {
    border-top: solid 2px #e079ad;
}
.inter-study .dept-route::after {
    border-top: 4px solid #e079ad;
    border-right: 4px solid #e079ad;
}
.child-subject .dept-route {
    border-top: solid 2px #f3981c;
}
.child-subject .dept-route::after {
    border-top: 4px solid #f3981c;
    border-right: 4px solid #f3981c;
}

.dept-route .title {
    font-size: 133%;
    font-weight: bold;
    padding: 0 0 27px;
}

/*=== way ===*/
.dept-route .route-way {
    padding: 0 30px 29px;
}
.dept-route .route-way > .title {
    padding:  0 0 40px;
}
.dept-route .route-way .way-in {
    display: flex;
}
.dept-route .route-way .way-in div {
    width: 50%;
}
.dept-route .route-way .way-in ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.dept-route .route-way .way-in ul li {
    width: 50%;
    padding: 0 0 20px;
}
.dept-route .route-way .way-in ul li span {
    display: block;
    padding: 0 0 10px 18px;
}

/*学科色替え：丸装飾*/
.economy .dept-route .route-way .way-in ul li span {
    background: url("../../image/dept/economy-dc001.gif") no-repeat 0 5px;
}
.management .dept-route .route-way .way-in ul li span {
    background: url("../../image/dept/management-dc001.gif") no-repeat 0 5px;
}
.inter-study .dept-route .route-way .way-in ul li span {
    background: url("../../image/dept/inter-study-dc001.gif") no-repeat 0 5px;
}
.child-subject .dept-route .route-way .way-in ul li span {
    background: url("../../image/dept/child-subject-dc001.gif") no-repeat 0 5px;
}

.dept-route .route-way .way-in .way-l {
    padding: 0 35px 0 0;
}

/*=== license ===*/
.dept-route .route-license {
    padding: 0 0 46px;
}
.dept-route .route-license .license-tl {
    padding: 0 0 24px;
    margin: 0 0 47px;
    text-align: center;
    font-size: 186%;
    font-weight: bold;
    position: relative;
}
.dept-route .route-license .license-tl::after {
    content: '';
    left: 0;
    right: 0;
    top: 59px;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
}

/*学科色替え：線と三角*/
.economy .dept-route .route-license .license-tl {
    border-bottom: solid 2px #62b587;
}
.economy .dept-route .route-license .license-tl::after {
    border-top: 4px solid #62b587;
    border-right: 4px solid #62b587;
}
.management .dept-route .route-license .license-tl {
    border-bottom: solid 2px #8999cd;
}
.management .dept-route .route-license .license-tl::after {
    border-top: 4px solid #8999cd;
    border-right: 4px solid #8999cd;
}
.inter-study .dept-route .route-license .license-tl {
    border-bottom: solid 2px #e079ad;
}
.inter-study .dept-route .route-license .license-tl::after {
    border-top: 4px solid #e079ad;
    border-right: 4px solid #e079ad;
}
.child-subject .dept-route .route-license .license-tl {
    border-bottom: solid 2px #f3981c;
}
.child-subject .dept-route .route-license .license-tl::after {
    border-top: 4px solid #f3981c;
    border-right: 4px solid #f3981c;
}

.dept-route .route-license .license-in {
    display: flex;
    padding: 0 30px 0;
}
.dept-route .route-license .license-in > div {
    width: 50%;
}
.dept-route .route-license .license-in .license-l ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

/*学科色替え：丸装飾*/
.economy .dept-route .route-license .license-in .license-l ul li {
    background: url("../../image/dept/economy-dc001.gif") no-repeat 0 5px;
}
.management .dept-route .route-license .license-in .license-l ul li {
    background: url("../../image/dept/management-dc001.gif") no-repeat 0 5px;
}
.inter-study .dept-route .route-license .license-in .license-l ul li {
    background: url("../../image/dept/inter-study-dc001.gif") no-repeat 0 5px;
}
.child-subject .dept-route .route-license .license-in .license-l ul li {
    background: url("../../image/dept/child-subject-dc001.gif") no-repeat 0 5px;
}

.dept-route .route-license .license-in .license-l .box01 {
    padding: 0 0 29px;
}

/*こども教育学科*/
.child-subject .dept-route .route-license .license-in .license-l .box01 {
    padding: 0 0 0;
}

.dept-route .route-license .license-in .license-l .box01 ul li {
    width: 50%;
    padding: 0 0 15px 18px;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dept-route .route-license .license-in .license-l .box01 ul li:nth-child(5) {
    width: 90%;
    padding: 0 0 0;
    background: none;
}

/*国際学科*/
.inter-study .dept-route .route-license .license-in .license-l .box01 ul li:nth-child(5) {
    width: 50%;
    padding: 0 0 15px 18px;
    background: url("../../image/dept/inter-study-dc001.gif") no-repeat 0 5px;
}

.dept-route .route-license .license-in .license-l .box02 ul li {
    padding: 0 25px 14px 18px;
}
.dept-route .route-license .license-in .license-l .box02 ul li span {
    font-size: 53%;
    vertical-align: top;
}
.dept-route .route-license .license-in .license-r {
    text-align: right;
}

/*=== career ===*/
.dept-route .route-career {
    padding: 47px 0 46px;
    text-align: center;
    background: #f0f3f5;
    position: relative;
}
.dept-route .route-career::after {
    content: '';
    left: 0;
    right: 0;
    top: -11px;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    background: #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
}

/*学科色替え：線と三角*/
.economy .dept-route .route-career {
    border-top: solid 2px #62b587;
}
.economy .dept-route .route-career::after {
    border-top: 4px solid #62b587;
    border-right: 4px solid #62b587;
}
.management .dept-route .route-career {
    border-top: solid 2px #8999cd;
}
.management .dept-route .route-career::after {
    border-top: 4px solid #8999cd;
    border-right: 4px solid #8999cd;
}
.inter-study .dept-route .route-career {
    border-top: solid 2px #e079ad;
}
.inter-study .dept-route .route-career::after {
    border-top: 4px solid #e079ad;
    border-right: 4px solid #e079ad;
}
.child-subject .dept-route .route-career {
    border-top: solid 2px #f3981c;
}
.child-subject .dept-route .route-career::after {
    border-top: 4px solid #f3981c;
    border-right: 4px solid #f3981c;
}

.dept-route .route-career p {
    text-align: right;
    padding: 0 30px 0 0;
}

@media screen and (max-width: 1279px) {
    .dept-route {
        margin:  0 0 70px;
    }
    .dept-route .route-way .way-in {
        display: block;
    }
    .dept-route .route-way .way-in div {
        width: 100%;
    }
    .dept-route .route-license {
        padding:  0 0 10px;
    }
    .dept-route .route-license .license-in {
        display: block;
        padding: 0 10px 0;
    }
    .dept-route .route-license .license-in > div {
        width: 100%;
        padding: 0 0 20px;
    }
    .dept-route .route-license .license-in .license-l .box01 {
        padding: 0 0 10px;
    }

    /*こども教育学科*/
    .child-subject .dept-route .route-license .license-in .license-l .box01 {
        padding: 0 0 10px;
    }
    
    .dept-route .route-license .license-in .license-l .box03 {
        padding: 0 0 29px;
    }
    .dept-route .route-license .license-in .license-r {
        text-align: center;
    }
    .dept-route .route-career {
        padding:  37px 0 36px;
    }
}

@media screen and (max-width: 767px) {
    .dept-sub-title .title {
        font-size: 25px;
    }
    .dept-route {
        margin: 0 0 50px;
    }
    .dept-route .route-way {
        padding: 0 10px 29px;
    }
    .dept-route .route-way .way-in {
        padding: 0 17px 0;
    }
    .dept-route .title {
        text-align: center;
        padding: 0 0 17px;
    }
    .dept-route .route-way > .title {
        padding: 0 0 20px;
    }
    .dept-route .route-way .way-in ul li {
        width: 100%;
        padding: 0 0 15px;
    }
    .dept-route .route-license .license-in {
        padding: 0 27px 0;
    }
    .dept-route .route-license .license-tl {
        font-size: 25px;
    }
    .dept-route .route-license .license-tl::after {
        top: 55px;
    }
    .dept-route .route-license .license-in .license-l ul {
        display: block;
    }
    .dept-route .route-license .license-in .license-l .box01 ul li {
        width: 100%;
    }
    .dept-route .route-license .license-in .license-r img {
        width: 100%;
    }
    .dept-route .route-career {
        padding: 37px 10px 36px;
    }
    .dept-route .route-career img {
        width: 100%;
    }
}

/*============== dept link ==============*/
.dept-link {
    margin: 0 0 50px;
}
.dept-link {
    font-size: 160%;
}
.dept-link a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    display: block;
    padding: 13px 30px 15px 30px;
    margin: 0 0 10px;
}

/*学科色替え：borderと矢印*/
.economy .dept-link a {
    border: solid 2px #62b587;
    background: url("../../image/dept/economy-ar001.gif") no-repeat right 33px top 23px / 12px auto;
}
.management .dept-link a {
    border: solid 2px #8999cd;
    background: url("../../image/dept/management-ar001.gif") no-repeat right 33px top 23px / 12px auto;
}
.inter-study .dept-link a {
    border: solid 2px #e079ad;
    background: url("../../image/dept/inter-study-ar001.gif") no-repeat right 33px top 23px / 12px auto;
}
.child-subject .dept-link a {
    border: solid 2px #f3981c;
    background: url("../../image/dept/child-subject-ar001.gif") no-repeat right 28px top 28px;
}
.child-subject .dept-link a.open {
    border: solid 2px #f3981c;
    background: url("../../image/dept/child-subject-ar002.gif") no-repeat right 28px top 28px;
}

.dept-link a span {
    padding: 0 0 0 28px;
    font-size: 75%;
}

/*学科色替え：リンク文字色*/
.economy .dept-link li a span {
    color: #62b587;
}
.management .dept-link li a span {
    color: #8999cd;
}
.inter-study .dept-link li a span {
    color: #e079ad;
}
.child-subject .dept-link a span {
    color: #f3981c;
}

@media screen and (max-width: 1279px) {
    .dept-link li a span {
        padding: 10px 0 0 0;
        font-size: 75%;
        display: block;
    }
    /*こども学科*/
    .child-subject .dept-link a span {
        padding: 10px 0 0 0;
        font-size: 75%;
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .dept-link li {
        font-size: 18px;
    }
    .dept-link li a {
        padding: 13px 40px 15px 20px;
    }
    .dept-link li a span {
        padding: 5px 0 0 0;
        font-size: 15px;
    }
    /*こども学科*/
    .child-subject .dept-link {
        font-size: 18px;
    }
    .child-subject .dept-link a {
        padding: 13px 40px 15px 20px;
    }
    .child-subject .dept-link a span {
        padding: 5px 0 0 0;
        font-size: 15px;
    }
    
    /*学科色替え：borderと矢印*/
    .economy .dept-link li a {
        background: url("../../image/dept/economy-ar001.gif") no-repeat right 20px top 14px / 12px auto;
    }
    .management .dept-link li a {
        border: solid 2px #8999cd;
        background: url("../../image/dept/management-ar001.gif") no-repeat right 20px top 14px / 12px auto;
    }
    .inter-study .dept-link li a {
        background: url("../../image/dept/inter-study-ar001.gif") no-repeat right 20px top 14px / 12px auto;
    }
    .child-subject .dept-link a {
        background: url("../../image/dept/child-subject-ar001.gif") no-repeat right 14px top 17px;
    }
    .child-subject .dept-link a.open {
        background: url('../../image/dept/child-subject-ar002.gif') no-repeat right 14px top 17px;
    }
    
}

/*こども教育学科（共通以外の部分）*/
.child-subject .dept-learn .learn-ph {
    width: 400px;
}
.child-subject .dept-learn .ttl {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 13px;
}
.child-subject .dept-learn .ttl span {
    font-size: 15px;
    padding-left: 12px;
}
.child-subject .dept-learn .sub {
    margin-top: 6px;
}
.child-subject .dept-learn .learn-txt {
    width: 740px;
    background: #fff;
    padding: 20px 25px;
    margin-top: 53px;
    margin-bottom: 53px;
}
.child-subject .dept-learn .learn-txt .ttl {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 13px;
}
.child-subject .dept-learn .learn-txt div {
    display: flex;
}

.child-subject .dept-learn .learn-txt ul {
    display: flex;
    flex-wrap: wrap;
}

.child-subject .dept-learn .learn-txt li {
    width: 30%;
    padding: 0 0 10px 20px;
    font-size: 15px;
    background: url("../../image/dept/child-subject-dc001.gif") no-repeat 0 5px;
}
.child-subject .dept-learn .learn-txt li:first-child {
    width: 100%;
}
.child-subject .dept-learn .learn-txt li:nth-child(6) {
    width: 53%;
}
.child-subject .dept-learn .learn-txt .txt {
    font-size: 15px;
    padding-left: 75px;
    box-sizing: border-box;
}
.child-subject .dept-route {
    margin: 0 0 55px;
}
.child-subject .dept-route .route-way .way-in {
    display: block;
    margin-bottom: 10px;
}
.child-subject .dept-route .route-way .way-in .way-l,
.child-subject .dept-route .route-way .way-in .way-r {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.child-subject .dept-route .route-way .way-in .way-l {
    margin-bottom: 30px;
}
.child-subject .dept-route .route-way .way-in .title {
    width: 160px;
    font-size: 18px;
}
.child-subject .dept-route .route-way .way-in ul {
    width: calc(100% - 160px);
}
.child-subject .dept-route .route-way .way-in ul li {
    width: 33%;
    padding: 0 0 10px 20px;
    font-size: 15px;
    background: url("../../image/dept/child-subject-dc001.gif") no-repeat 0 5px;
    box-sizing: border-box;
}
.child-subject .dept-route .route-way > .txt {
    text-align: right;
    padding-right: 178px;
}

.child-subject .dept-route .route-way2 {
    padding: 30px 30px 29px;
    border-top: 1px solid #b4b4b4;
}
.child-subject .dept-route .route-way2 .route-wrap {
    display: flex;
    justify-content: space-between;
}
.child-subject .dept-route .route-way2 ul {
    display: flex;
    flex-wrap: wrap;
    padding-right: 30px;
    box-sizing: border-box;
}
.child-subject .dept-route .route-way2 ul li {
    width: 50%;
    margin-bottom: 30px;
}
.child-subject .dept-route .route-way2 ul li span {
    display: block;
    padding: 0 0 4px 18px;
    background: url("../../image/dept/child-subject-dc001.gif") no-repeat 0 5px;
    box-sizing: border-box;
}

.child-subject .dept-route .route-license .license-in {
    display: block;
}
.child-subject .dept-route .route-license .license-in .license-l {
    display: flex;
    flex-wrap: wrap;
}
.child-subject .dept-route .route-license .license-in  .txt {
    margin-bottom: 10px;
    width: 85%;
}
.child-subject .dept-route .route-license .license-in .txt-big {
    font-size: 120%;
    margin-bottom: 20px;
}
.child-subject .dept-route .route-license .license-in .license-l > div {
    width: 50%;
}
.child-subject .dept-route .route-license .license-in .license-l .box03 {
    width: 100%;
}
.child-subject .dept-route .route-license .license-in .license-l .box01 ul li:nth-child(5) {
    width: 50%;
    padding: 0 0 10px 20px;
    background: url("../../image/dept/child-subject-dc001.gif") no-repeat 0 5px;
}
.child-subject .dept-route .route-license .license-in > div {
    width: 100%;
}
.child-subject .dept-route .route-license .license-in .license-l ul li {
    padding-right: 20px;
}

.child-subject,
.child-subject * {
    box-sizing: border-box;
}
.child-subject .dept-link-area {
    margin: 0 0 50px;
}
.child-subject .dept-link {
    margin-bottom: 10px;
}
.child-subject .linkbox {
    width: 1140px;
    margin: 0 auto 30px;
}
.child-subject .linkbox {
    display: none;
}
.child-subject .image {
    width: 100%;
    margin-bottom: 30px;
}
.child-subject .subtitle {
    color: #fff;
    background: #f3981c;
    font-weight: bold;
    font-size: 18px;
    padding: 10px 0 10px 14px;
    margin-bottom: 30px;
}
.child-subject .flow-image {
    width: 1040px;
    margin: 0 auto 25px;
}
.child-subject .img img {
    max-width: 100%;
}
.child-subject .contents-txt {
}
.child-subject .contents-txt dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.child-subject .contents-txt dl div {
    width: 48%;
    margin-bottom: 25px;
}
.child-subject  .contents-txt dl dt {
    font-size: 18px;
    font-weight: bold;
    color: #f3981c;
    margin-bottom: 9px;
}
.child-subject  .contents-txt dl dd {
    font-size: 15px;
}
@media screen and (max-width: 1279px) {

    .child-subject .dept-learn {
        display: block;
    }
    .child-subject .dept-learn .learn-ph {
        width: 100%;
        text-align: center;
    }
    .child-subject .dept-learn .learn-txt {
        width: 100%;
        margin-bottom: 10px;
    }
    .child-subject .dept-learn .learn-txt .txt {
        padding-left: 0;
        font-size: 14px;
    }
    .child-subject .dept-route {
        margin: 0 0 35px;
    }
    .child-subject .dept-route .route-way > .txt {
        padding-right: 10px;
    }
    .child-subject .dept-route .route-way2 .route-wrap {
        display: block;
    }
    .child-subject .dept-route .route-way2 ul {
        padding-right: 0;
        margin: 0 auto;
    }
    .child-subject .dept-route .route-way2 .route-way-r {
        text-align: center;
    }
    .child-subject .dept-route .route-license .license-in .license-l {
        flex-wrap: wrap;
    }
    .child-subject .dept-route .route-license .license-in .license-l > div {
        width: 100%;
    }
    
    .child-subject .dept-route .route-license .license-in .license-l .box01 {
        order: 1;
    }
    .child-subject .dept-route .route-license .license-in .license-l .box02 {
        order: 3;
    }
    .child-subject .dept-route .route-license .license-in .license-l .box03 {
        order: 2;
    }
    .child-subject .dept-route .route-license .license-in .txt {
        width: 100%;
    }
    .child-subject {
        width: auto;
    }
    .child-subject .linkbox {
        width: auto;
        padding: 0 15px 0;
    }
    .child-subject .image {
        width: auto;
    }
    .child-subject .flow-image {
        text-align: center;
        width: auto;
    }
}
@media screen and (max-width: 767px) {
    .child-subject .dept-learn .learn-txt .ttl {
        text-align: center;
    }
    .child-subject .dept-learn .ttl span {
        display: block;
        padding-left: 0;
        text-align: center;
    }
    .child-subject .dept-learn .learn-txt {
        margin-top: 28px;
        margin-bottom: 28px;
    }
    .child-subject .dept-learn .learn-txt div {
        display: block;
    }
    .child-subject .dept-learn .learn-txt li {
        width: 30%;
    }
    .child-subject .dept-route .route-way .way-in .way-l,
    .child-subject .dept-route .route-way .way-in .way-r {
        display: block;
    }
    .child-subject .dept-route .route-way .way-in .title {
        width: auto;
    }
    .child-subject .dept-route .route-way .way-in ul {
        width: 56%;
        display: block;
        margin: 0 auto;
    }
    .child-subject .dept-route .route-way > .txt {
        width: 56%;
        margin: 0 auto;
        text-align: left;
        padding: 0 0 0 15px;
    }
    .child-subject .dept-route .route-way .way-in ul li {
        width: 100%;
    }
    .child-subject .dept-route .route-way2 ul {
        display: block;
    }
    .child-subject .dept-route .route-way2 ul li {
        width: 100%;
        margin-bottom: 14px;
    }
    .child-subject .dept-route .route-way2 .route-way-r img {
        max-width: 100%;
    }
    .child-subject .dept-link li a span {
        padding: 5px 0 0 0;
    }
    .child-subject .msg-area .msg-area-in .msg-txt .txt-list ul li:nth-child(odd) {
        width: 100%;
    }
    .child-subject .msg-area .msg-area-in .msg-txt .txt-list ul li:nth-child(even) {
        width: 100%;
    }
    .child-subject .contents-txt dl {
        display: block;
    }

    .child-subject .contents-txt dl div {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 374px) {
    .child-subject .dept-learn .learn-txt li {
        width: 35%;
    }
    .child-subject .dept-learn .learn-txt li:nth-child(6) {
        width: 67%;
    }
}

/*============== dept major ==============*/

.dept-sub-title {
    text-align: center;
}
.dept-sub-title .sub-tl {
    font-size: 186%;
    font-weight: bold;
}
.dept-sub-title p {
    font-size: 120%;
    padding: 0 0 50px;
}
ul.dept-major {
    letter-spacing: -0.4em;
    padding: 0 0 50px;
}
ul.dept-major li {
    letter-spacing: normal;
    display: inline-block;
    text-align: center;
    width: 50%;
    padding: 0 10px;
    vertical-align: top;
    /*boxsizing*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*国際学科*/
.inter-study ul.dept-major li {
    width: 33.33%;
}

ul.dept-major li img {
    margin: 0 0 20px;
}
ul.dept-major li span {
    display: block;
}

@media screen and (max-width: 1279px){
    /*国際学科*/
    .inter-study ul.dept-major li img {
        margin: 0 0 20px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .dept-sub-title .sub-tl {
        font-size: 25px;
        font-weight: bold;
    }
    .dept-sub-title p {
        padding: 0 0 15px;
        font-size: 15px;
    }
    ul.dept-major li {
        text-align: left;
    }
    ul.dept-major li img {
        margin: 0 0 10px;
        width: 100%;
    }
}