@charset "UTF-8";

/*
information{
    file name : /css/styles/individual/toranomon.css;
    site name : KIT 虎ノ門大学院ホームページ;
    copyrihgt : Copyright Kanazawa Institute of Technology.;
    explanation : その他ページの個別設定;
}
*/

/* contents
--------------------------------------------------------------------------

--------------------------------------------------------------------------
*/


/* [PORTFOLIO] div.portfolio-arrowbox
-----------------------------------------------    */
div.portfolio-arrowbox {
    margin-top: 27px;
    padding-top: 66px;
    background-image: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/common/flow_arrow_gray_down.gif");
    background-repeat: no-repeat;
    background-position: center top;
}

/* [CORPORATE] #corporate-contactBox
-----------------------------------------------    */
#corporate-contactBox {
    margin-top: 43px;
    background-color: #E6E6CE;
    border-radius: 5px;
}
@media screen and (max-width: 767px) {
    .responsive #corporate-contactBox {
        margin-top: 10px;
    }
}
#corporate-contactBox p {
    padding: 16px;
}



/* [ABT_QA] div.faqList
-----------------------------------------------    */
#bodyDivision div.faqList ul.markList {
    margin-left: 1em;
}

#bodyDivision div.faqList ul.markList li {
    margin-bottom: 5px;
    text-indent: -1em;
}

#bodyDivision div.faqList ul.markList li span.mark {
    display: block;
    float: left;
    width: 1em;
}


/* [FAQ] div.faqBox
-----------------------------------------------    */
#bodyDivision div.faqBox {
    margin-bottom: 30px;
}

#bodyDivision div.faqBox div.question {
    margin-bottom: 17px;
    padding-bottom: 18px;
    background-image: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/common/bg_lines/dotline_gray_w.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
}

#bodyDivision div.faqBox dl.faqDef {
    min-height: 1px;
}

#bodyDivision div.faqBox dl.faqDef:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#bodyDivision div.faqBox dl.faqDef dt {
    float: left;
    width: 20px;
    font-weight: bold;
    line-height: 1.7;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision div.faqBox dl.faqDef dt {
        font-size: 16px;
        margin-top: -2px;
    }
}

#bodyDivision div.faqBox dl.faqDef dd {
    margin-left: 20px;
    line-height: 1.7;
}


#bodyDivision div.recruitDescriptionBox {
    margin-bottom: 20px;
}

#bodyDivision div.recruitDescriptionBox div.cell1 {
    float: left;
    width: 80px;
    background: #ddd;
    padding: 5px 0 5px 30px;
}
@media screen and (max-width: 1000px) {
    .responsive #bodyDivision div.recruitDescriptionBox div.cell1 {
        float: none;
        padding: 5px 0 5px 30px;
        width: auto;
    }
}

#bodyDivision div.recruitDescriptionBox div.cell2 {
    float: left;
    width: 310px;
    margin-left: 20px;
    line-height: 1.4;
    padding: 4px 0 4px 0;
}
@media screen and (max-width: 1000px) {
    .responsive #bodyDivision div.recruitDescriptionBox div.cell2 {
        float: none;
        width: auto;
        margin-left: 0;
        padding: 8px 0 4px 0;
    }
}

#bodyDivision div.recruitDescriptionBox span.note {
    font-size: 84%;
}

#bodyDivision div.recruitDescriptionBox2 {
    margin-bottom: 20px;
}

#bodyDivision div.recruitDescriptionBox2 div.cell1 {
    float: left;
    width: 80px;
    background: #ddd;
    padding: 4px 0 4px 30px;
}
@media screen and (max-width: 1000px) {
    .responsive #bodyDivision div.recruitDescriptionBox2 div.cell1 {
        float: none;
        padding: 5px 0 5px 30px;
        width: auto;
    }
}

#bodyDivision div.recruitDescriptionBox2 div.cell2 {
    float: left;
    width: 350px;
    margin-left: 20px;
    line-height: 1.4;
    padding: 5px 0 5px 0;
}
@media screen and (max-width: 1000px) {
    .responsive #bodyDivision div.recruitDescriptionBox2 div.cell2 {
        float: none;
        width: auto;
        margin-left: 0;
        line-height: 1.4;
        padding: 8px 0 4px 0;
    }
}

#bodyDivision div.recruitDescriptionBox2 span.note {
    font-size: 84%;
}


#bodyDivision div.recruitDescriptionBox3 {
    margin-bottom: 20px;
}

#bodyDivision div.recruitDescriptionBox3 div.cell1 {
    float: left;
    width: 80px;
    background: #ddd;
    padding: 5px 0 5px 30px;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision div.recruitDescriptionBox3 div.cell1 {
        float: none;
        padding: 5px 0 5px 30px;
        width: auto;
    }
}

#bodyDivision div.recruitDescriptionBox3 div.cell2 {
    margin-left: 130px;
    line-height: 1.4;
    padding: 4px 0 4px 0;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision div.recruitDescriptionBox3 div.cell2 {
        float: none;
        width: auto;
        margin-left: 0;
        padding: 8px 0 4px 0;
    }
}

#bodyDivision div.recruitDescriptionBox3 span.note {
    font-size: 84%;
}


#bodyDivision div.recruitDescriptionBox.type1 div.cell1,
#bodyDivision div.recruitDescriptionBox3.type1 div.cell1 {
    background: #ddd url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/recruit01.png") center left no-repeat;
}
#bodyDivision div.recruitDescriptionBox.type2 div.cell1,
#bodyDivision div.recruitDescriptionBox3.type2 div.cell1 {
    background: #ddd url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/recruit02.png") center left no-repeat;
}
#bodyDivision div.recruitDescriptionBox.type3 div.cell1,
#bodyDivision div.recruitDescriptionBox3.type3 div.cell1 {
    background: #ddd url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/recruit03.png") center left no-repeat;
}
#bodyDivision div.recruitDescriptionBox.type4 div.cell1,
#bodyDivision div.recruitDescriptionBox3.type4 div.cell1 {
    background: #ddd url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/recruit04.png") center left no-repeat;
}
#bodyDivision div.recruitDescriptionBox.type5 div.cell1,
#bodyDivision div.recruitDescriptionBox3.type5 div.cell1 {
    background: #ddd url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/recruit05.png") center left no-repeat;
}
#bodyDivision div.recruitDescriptionBox.type6 div.cell1,
#bodyDivision div.recruitDescriptionBox3.type6 div.cell1 {
    background: #ddd url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/recruit06.png") center left no-repeat;
}
#bodyDivision div.recruitDescriptionBox2.type7 div.cell1,
#bodyDivision div.recruitDescriptionBox3.type7 div.cell1 {
    background: #ddd url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/recruit07.png") center left no-repeat;
}
#bodyDivision div.recruitDescriptionBox2.type8 div.cell1,
#bodyDivision div.recruitDescriptionBox3.type8 div.cell1 {
    background: #ddd url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/recruit08.png") center left no-repeat;
}
#bodyDivision div.recruitDescriptionBox2.type9 div.cell1,
#bodyDivision div.recruitDescriptionBox3.type9 div.cell1 {
    background: #ddd url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/recruit09.png") center left no-repeat;
}
#bodyDivision div.recruitDescriptionBox2.type10 div.cell1,
#bodyDivision div.recruitDescriptionBox3.type10 div.cell1 {
    background: #ddd url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/recruit10.png") center left no-repeat;
}
#bodyDivision div.recruitDescriptionBox2.type11 div.cell1,
#bodyDivision div.recruitDescriptionBox3.type11 div.cell1 {
    background: #ddd url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/recruit11.png") center left no-repeat;
}
#bodyDivision div.recruitDescriptionBox2.type12 div.cell1,
#bodyDivision div.recruitDescriptionBox3.type12 div.cell1 {
    background: #ddd url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/recruit12.png") center left no-repeat;
}

/* [ba_tanka.htm] div.toranomon_subject_table
-----------------------------------------------    */
div.toranomon_subject_table table {
    width: 100%;
    margin-bottom: 30px;
    border-collapse: collapse;
    line-height: 1.7;
}
div.toranomon_subject_table table thead th {
    padding: 5px 3px;
    border: 1px solid #D6D6D6;
    background-color: #F0F0F0;
    text-align: center;
}
div.toranomon_subject_table table thead th.theme {
    padding: 11px;
    border: 1px solid #D6D6D6;
    background-color: #fcb11b;
    text-align: left;
    font-weight: bold;
    color: #fff;
}
div.toranomon_subject_table table thead th.label {
    padding: 5px 10px;
    text-align: left;
    background: #F7D8D6;
}
div.toranomon_subject_table table thead th.subject {
    padding: 5px 10px;
    text-align: center;
}
div.toranomon_subject_table table thead th.unit {
    line-height: 1.4;
}
div.toranomon_subject_table table tbody td {
    padding: 5px;
    border: 1px solid #D6D6D6;
    text-align: center;
}
div.toranomon_subject_table table tbody td.none {
    background-image: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/common/bg_lines/bg_dot_lightgray.gif");
    text-align: center;
}
div.toranomon_subject_table table tbody td.subject {
    width: 22%;
    padding: 5px 10px;
    text-align: left;
}
div.toranomon_subject_table table tbody td.unit {
    width: 2%;
}
div.toranomon_subject_table table tbody td.teacher {
    width: 11%;
    padding: 5px 9px;
    padding-right: 7px;
    text-align: left;
}
div.toranomon_subject_table table tbody td.time {
    width: 18%;
    padding: 5px 5px;
    text-align: left;
}
div.toranomon_subject_table table tbody td.date {
    width: 4.1em;
    padding: 8px 0px;
    line-height: 1.2;
    text-align: center;
    word-wrap: nowrap;
}
div.toranomon_subject_table table tbody td.misc {
    wdith: 27%;
    padding: 5px 6px;
    padding-right: 3px;
    text-align: left;
    font-size: 84%;
    line-height: 1.4;
}

/* div.semiContentsCompartment
-----------------------------------------------    */
#bodyDivision div.semiContentsCompartment {
    margin-bottom: 40px;
}

#bodyDivision div.semiContentsCompartment .business,
#bodyDivision div.semiContentsCompartment .ip {
    border: 0;
}

/* div.semiPickupCompartment
-----------------------------------------------    */
#bodyDivision .semiPickupCompartment .titleSection {
    color: #fff;
}
#bodyDivision .semiPickupCompartment .titleSection .inner {
    position: relative;
    min-height: 180px;
    display: flex;
    @media (width <= 767px) {
        min-height: 130px;
    }
}
/*#bodyDivision .semiPickupCompartment .titleSection.business .inner {*/
/*    min-height: 148px;*/
/*}*/
#bodyDivision .semiPickupCompartment .titleSection .heading {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    @media (width <= 767px) {
        padding-left: 15px;
        padding-right: 15px;
    }
}
#bodyDivision .semiPickupCompartment .titleSection.ip .heading {
    background: linear-gradient(to right, #083a7f, #000844);
}
#bodyDivision .semiPickupCompartment .titleSection.business .heading {
    background: linear-gradient(to right, #900000, #ce000e);
}
#bodyDivision div.semiPickupCompartment div.titleSection .heading .title {
    font-size: 190%;
    margin-bottom: 10px;
    @media (width <= 767px) {
        margin-bottom: 5px;
        font-size: 160%;
    }
}
#bodyDivision div.semiPickupCompartment div.titleSection .heading .person .teacher {
    display: inline-block;
    background-color: #f29426;
    padding: 0 5px;
    margin-right: 10px;
    @media (width <= 767px) {
        display: block;
        width: fit-content;
    }
}
#bodyDivision div.semiPickupCompartment div.titleSection .heading .person .student {
    display: inline-block;
    @media (width <= 767px) {
        display: block;
    }
}
#bodyDivision div.semiPickupCompartment div.titleSection .heading .person .student .name {
    font-size: 120%;
}
#bodyDivision div.semiPickupCompartment div.titleSection img {
    @media (width <= 767px) {
        height: 130px;
        width: auto;
    }
}
#bodyDivision div.semiPickupCompartment div.titleSection .catch {
    padding: 5px 20px;
}
#bodyDivision div.semiPickupCompartment div.titleSection.ip .catch {
    background: linear-gradient(to right, #000d46, #00033e);
}
#bodyDivision div.semiPickupCompartment div.titleSection.business .catch {
    background: linear-gradient(to right, #550000, #7d0000);
}

#bodyDivision div.semiPickupCompartment div.pointSection {
    position: relative;
    background-size: 16px auto;
    background-image: url('https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/semi/ba_point_bg_repeat.png');
    padding: 20px;
    @media (width <= 767px) {
        padding: 20px 10px;
    }
}
#bodyDivision div.semiPickupCompartment div.pointSection .pointSectionTitle {
    background-color: #231815;
    color: #fff;
    padding: 4px 18px;
    border-radius: 5px;
    width: fit-content;
}
#bodyDivision div.semiPickupCompartment div.pointSection .pointSectionStep {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
    margin-top: 18px;
}
#bodyDivision div.semiPickupCompartment div.pointSection .pointSectionStep .pointSectionStepNo {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d7000f;
    border: 6px solid #e9e9e7;
    width: 42px;
    height: 42px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 1000px;
    flex-shrink: 0;
}
#bodyDivision div.semiPickupCompartment div.pointSection.ip .pointSectionStep .pointSectionStepNo {
    color: #1d2088;
}
#bodyDivision div.semiPickupCompartment div.pointSection .pointSectionStep .pointSectionStepDesc {
    flex-grow: 1;
    flex-shrink: 1;
    @media (width > 767px) {
        font-size: 18px;
        line-height: 1.8;
    }
}
#bodyDivision div.semiPickupCompartment div.pointSection .pointSectionGuidance {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
#bodyDivision div.semiPickupCompartment div.pointSection .pointSectionGuidance .pointSectionGuidanceArrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    flex-shrink: 0;
}
#bodyDivision div.semiPickupCompartment div.pointSection .pointSectionGuidance .pointSectionGuidanceBalloon {
    margin-top: 10px;
}
#bodyDivision div.semiPickupCompartment div.pointSection .pointSectionGuidance .pointSectionGuidanceBalloon dl {
    display: flex;
    justify-content: center;
}
#bodyDivision div.semiPickupCompartment div.pointSection .pointSectionGuidance .pointSectionGuidanceBalloon dl dt {
    background-color: #f8b625;
    color: #fff;
    border-radius: 5px 0 0 5px;
    width: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
    @media (width <= 767px) {
        width: 70px;
        font-size: 12px;
    }
}
#bodyDivision div.semiPickupCompartment div.pointSection .pointSectionGuidance .pointSectionGuidanceBalloon dl dt::before {
    display: block;
    content: '';
    width: 30px;
    height: 15px;
    background: #f8b625;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    position: absolute;
    top: calc(50% - 7px);
    left: -29px;
}
#bodyDivision div.semiPickupCompartment div.pointSection .pointSectionGuidance .pointSectionGuidanceBalloon dl dd {
    border-top: 1px solid #e1e2e2;
    border-right: 1px solid #e1e2e2;
    border-bottom: 1px solid #e1e2e2;
    border-radius: 0 5px 5px 0;
    background-color: #fff;
    color: #f18f00;
    padding: 10px 15px;
    line-height: 1.35;
}

#bodyDivision div.semiPickupCompartment div.pointSection div.comment {
    margin-top: 20px;
    background: #e9e9e7;
}
#bodyDivision div.semiPickupCompartment div.pointSection div.comment div.image {
    float: left;
    width: 112px;
}
#bodyDivision div.semiPickupCompartment div.pointSection div.comment div.detail {
}
#bodyDivision div.semiPickupCompartment div.pointSection div.comment div.detail div.detailInner {
    padding: 12px 22px 10px 130px;
}
#bodyDivision div.semiPickupCompartment div.pointSection div.comment div.detail p.label {
    font-weight: bold;
    margin-bottom: 5px;
    color: #362c29;
}
#bodyDivision div.semiPickupCompartment div.pointSection div.comment div.detail p.text {
    line-height: 1.6;
}


#bodyDivision div.semiPickupCompartment div.themeSection div.themeBox {
    border: 1px solid #231815;
}

#bodyDivision div.semiPickupCompartment div.themeSection div.themeBox div.themeBoxTitle {
    background: #231815;
    height: 34px;
}
#bodyDivision div.semiPickupCompartment div.themeSection div.themeBox div.themeBoxTitle p {
    line-height: 34px;
    color: #fff;
    margin-left: 12px;
    font-weight: bold;
}

#bodyDivision div.semiPickupCompartment div.themeSection div.themeBox div.themeBoxContent {
    padding: 10px 15px 15px 15px;
}

#bodyDivision div.semiPickupCompartment div.themeSection div.themeBox div.themeBoxContent p.label {
    font-weight: bold;
    margin-bottom: 5px;
    color: #362c29;
}

#bodyDivision div.semiPickupCompartment div.themeSection div.themeBox div.themeBoxContent p.text {
    color: #362c29;
}


/* [semi/ba_semi1.html]div.ba_semi1Compartment
-----------------------------------------------    */
#bodyDivision div.ba_semi1Compartment div.balloonSection div.cols {
    margin-left: -25px;
    @media (width <= 767px) {
        margin-left: 0;
    }
}
#bodyDivision div.ba_semi1Compartment div.balloonSection div.cols div.col {
    float: left;
    width: calc(100% / 3 - 25px);
    margin-left: 25px;
    @media (width <= 767px) {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
}
#bodyDivision div.ba_semi1Compartment div.balloonSection .balloonHeading {
    padding-bottom: 10px;
    border-bottom: 1px solid #f48b93;
    position: relative;
    margin-bottom: 20px;
    @media (width <= 767px) {
        padding-bottom: 5px;
    }
}
#bodyDivision div.ba_semi1Compartment div.balloonSection .balloonHeading::after {
    display: block;
    content: '';
    position: absolute;
    bottom: -17px;
    left: calc(50% - 9px);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-image: url('https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/semi/ba_semi1_down_triangle.svg');
}
#bodyDivision div.ba_semi1Compartment div.balloonSection .balloonHeading .lead {
    color: #e54b5a;
    font-size: 120%;
    min-height: 84px;
    @media (width <= 1000px) {
        font-size: 110%;
        min-height: 75px;
    }
    @media (width <= 767px) {
        min-height: auto;
    }
}
#bodyDivision div.ba_semi1Compartment div.balloonSection .balloonHeading .meta {
    margin-top: 10px;
    @media (width <= 767px) {
        margin-top: 2px;
        text-align: right;
    }
}
#bodyDivision div.ba_semi1Compartment div.balloonSection .balloonHeading .meta .name {
    display: inline-block;
}
#bodyDivision div.ba_semi1Compartment div.balloonSection .balloonHeading .meta .name .honorific {
    display: inline-block;
    font-size: 80%;
}
#bodyDivision div.ba_semi1Compartment div.balloonSection .balloonHeading .meta .role {
    display: inline-block;
    font-size: 80%;
    background-color: #f4f4f4;
    padding: 0 5px;
    margin-left: 2px;
}
#bodyDivision div.ba_semi1Compartment div.balloonSection div.cols p.image {
    margin-bottom: 20px;
}

#bodyDivision div.ba_semi1Compartment div.balloonSection div.cols p.text {
    color: #362c29;
}



/* [semi/ba_semi2.html]div.ba_semi2Compartment
-----------------------------------------------    */
#bodyDivision div.ba_semi2Compartment {
    
}
#bodyDivision div.ba_semi2Compartment div.teacherSection {
    margin-bottom: 30px;
}

#bodyDivision div.ba_semi2Compartment div.teacherSection p.catch {
    text-align: right;
    margin: 38px 0 48px 0;
}
#bodyDivision div.ba_semi2Compartment div.teacherSection div.teachers {
    margin-left: -2px;
    _margin-left: -4px;
}


#bodyDivision div.ba_semi2Compartment div.teacherSection div.teacher {
    width: 348px;
    float: left;
    margin-left: 2px;
    margin-bottom: 2px;
    border-top: 12px solid #e60012;
    background: #f4f1e9;
}

#bodyDivision div.ba_semi2Compartment div.teacherSection div.teacher.col2 {
    border-top: 12px solid #aa0001;
    background: #e1dfd8;
}

#bodyDivision div.ba_semi2Compartment div.teacherSection div.teacher p.image {
    
}

#bodyDivision div.ba_semi2Compartment div.teacherSection div.teacher p.text {
    padding: 15px;
    color: #362c29;
}

#bodyDivision div.ba_semi2Compartment div.voiceSection {
}

#bodyDivision div.ba_semi2Compartment div.voiceSection div.voiceBox {
    padding: 20px 30px;
    background: #e9dbb9;
}

#bodyDivision div.ba_semi2Compartment div.voiceSection div.voiceBox div.detail {
    width: 420px;
    float: left;
}
#bodyDivision div.ba_semi2Compartment div.voiceSection div.voiceBox div.detail p.catch {
    margin-bottom: 15px;
}

#bodyDivision div.ba_semi2Compartment div.voiceSection div.voiceBox div.detail p.text {
    color: #362c29;
}

#bodyDivision div.ba_semi2Compartment div.voiceSection div.voiceBox div.image {
    width: 176px;
    float: right;
    padding-top: 10px;
}

#bodyDivision div.ba_semi2Compartment div.termSection {
    padding-top: 25px;
    margin-bottom: 40px;
    background: #f2efe8;
}

#bodyDivision div.ba_semi2Compartment div.termSection div.terms {
    width: 517px;
    margin: 0 auto;
    background: #231815;
    margin-bottom: 40px;
}

#bodyDivision div.ba_semi2Compartment div.termSection div.termsInner {
    margin-left: -1px;
    _margin-left: -2px;
}

#bodyDivision div.ba_semi2Compartment div.termSection div.terms div.term {
    float: left;
    width: 258px;
    margin-left: 1px;
    background: #fff;
}

#bodyDivision div.ba_semi2Compartment div.termSection div.terms div.term  p.image {

}

#bodyDivision div.ba_semi2Compartment div.termSection div.terms div.term  p.text {
    padding: 13px;
    color: #362c29;
}

#bodyDivision div.ba_semi2Compartment div.termSection div.term5 {
    width: 634px;
    margin: 0 auto;
    padding-bottom: 40px;
}

#bodyDivision div.ba_semi2Compartment div.termSection div.term5 div.detail {
    float: left;
    width: 380px;
}

#bodyDivision div.ba_semi2Compartment div.termSection div.term5 div.detail p.title {
    margin-top: 5px;
    margin-bottom: 15px;
}

#bodyDivision div.ba_semi2Compartment div.termSection div.term5 div.detail p.catch {
    margin-bottom: 15px;
}

#bodyDivision div.ba_semi2Compartment div.termSection div.term5 div.detail p.text {
    color: #362c29;
}

#bodyDivision div.ba_semi2Compartment div.termSection div.term5 div.image {
    float: right;
    padding-top: 10px;
    width: 223px;
}

/* [semi/ip_semi1.html]div.ip_semi1Compartment
-----------------------------------------------    */
#bodyDivision div.ip_semi1Compartment div.topSection {
    margin-bottom: 75px;
    clear: both;
    @media (width <= 767px) {
        margin-bottom: 20px;
    }
}
#bodyDivision div.ip_semi1Compartment div.topSection p.catch {
    color: #A49261;
    font-size: 28px;
    margin-bottom: 30px;
    border-left: 4px solid #A49261;
    line-height: 50px;
    padding-left: 10px;
    font-weight: bold;
    @media (width <= 767px) {
        font-size: 20px;
        line-height: 35px;
        margin-bottom: 15px;
    }
}
#bodyDivision div.ip_semi1Compartment div.topSection p.lead {
    margin-bottom: 30px;
    margin-left: 3px;
    font-weight: bold;
    @media (width <= 767px) {
        margin-bottom: 10px;
    }
}
#bodyDivision div.ip_semi1Compartment div.pointSection div.pointBox {
    border: 1px solid #bbb7b7;
}
#bodyDivision div.ip_semi1Compartment div.pointSection div.pointBox div.pointBoxTitle {
    padding: 24px 22px;
    border-bottom: 1px solid #bbb7b7;
    display: flex;
    align-items: center;
    column-gap: 20px;
    @media (width <= 767px) {
        padding: 10px 10px;
        column-gap: 10px;
    }
}
#bodyDivision div.ip_semi1Compartment div.pointSection div.pointBox div.pointBoxTitle .pointBoxTitlePoint {
    width: 76px;
    min-height: 76px;
    color: #fff;
    background-color: #1c1f87;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.1em;
    @media (width <= 767px) {
        width: 50px;
        font-size: 12px;
        min-height: 0;
        height: 50px;
    }
}
#bodyDivision div.ip_semi1Compartment div.pointSection div.pointBox div.pointBoxTitle .pointBoxTitleLead .text1 {
    font-size: 170%;
    @media (width <= 767px) {
        font-size: 150%;
    }
}
#bodyDivision div.ip_semi1Compartment div.pointSection div.pointBox div.pointBoxTitle .pointBoxTitleLead .text2 {
    color: #1c1f87;
}
#bodyDivision div.ip_semi1Compartment div.pointSection div.pointBox div.pointBoxContent {
    padding: 40px;
    @media (width <= 767px) {
        padding: 10px;
    }
}

#bodyDivision div.ip_semi1Compartment div.pointSection div.pointBox div.pointBoxContent div.image {
    float: left;
    width: 316px;
}
#bodyDivision div.ip_semi1Compartment div.pointSection div.pointBox div.pointBoxContent div.detail {
    width: 260px;
    float: right;
    color: #362c29;
}


/* [policy.htm]div.policyCompartment
-----------------------------------------------    */

div.policyCompartment h2.imgTit {
    background-color: #e9dbb9;
    line-height: 1;
}
@media screen and (max-width: 767px) {
    div.policyCompartment h2.imgTit {
        overflow: hidden;
    }
    div.policyCompartment h2.imgTit img {
        min-width: 523px;
        width: 100%;
        height: auto;
    }
}

div.policyCompartment .policySection {
    padding: 0 30px 30px;
    background-color: #f9f6ed;
}
@media screen and (max-width: 767px) {
    div.policyCompartment .policySection {
        padding: 0 15px 15px;
    }
}
div.policyCompartment .policySection .policyTitle {
    background-color: #e9dbb9;
    padding: 26px 30px 18px 30px;
    overflow: hidden;
    margin: 0 -30px 30px;
}
@media screen and (max-width: 767px) {
    div.policyCompartment .policySection .policyTitle {
        padding: 15px 15px 12px 15px;
        margin: 0 -15px 15px;
    }
}
div.policyCompartment .policySection .policyTitle .number {
    color: #e60009;
    font-size: 63px;
    font-style: italic;
    float: left;
    line-height: 1;
}
@media screen and (max-width: 767px) {
    div.policyCompartment .policySection .policyTitle .number {
        font-size: 44px;
    }
}
div.policyCompartment .policySection .policyTitle .ja {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    margin-top: 9px;
    margin-left: 90px;
}
@media screen and (max-width: 767px) {
    div.policyCompartment .policySection .policyTitle .ja {
        font-size: 16px;
        margin-top: 4px;
        margin-left: 60px;
    }
}
div.policyCompartment .policySection .policyTitle .capEn {
    color: #c6878a;
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0.05em;
    border-top: 1px solid #fff;
    margin-top: 4px;
    padding-top: 2px;
    margin-left: 90px;
}
@media screen and (max-width: 767px) {
    div.policyCompartment .policySection .policyTitle .capEn {
        font-size: 9px;
        margin-top: 3px;
        padding-top: 2px;
        margin-left: 60px;
    }
}

div.policyCompartment .policyTxt {
    margin-bottom: 1.5em;
    color: #333;
    font-size: calc(18 / 16 * 1rem);
    font-family: var(--font-family-serif),serif;
    line-height: 1.8 !important;
}
@media screen and (max-width: 767px) {
    div.policyCompartment .policyTxt {
        font-size: initial;
        line-height: 1.39 !important;
    }
}

div.policyCompartment ol.mainList {
    margin: 0 0 1.5em 1.5em;
}
@media screen and (max-width: 767px) {
    div.policyCompartment ol.mainList {
        margin: 0 0 0 1em;
    }
}

div.policyCompartment ol.mainList li {
    list-style: decimal;
    margin-bottom: 0.6em;
    line-height: 1.8;
}
@media screen and (max-width: 767px) {
    div.policyCompartment ol.mainList li {
        list-style: decimal;
        margin-bottom: 0.4em;
        line-height: 1.39;
        font-size: 1rem;
    }
}

div.policyCompartment ol.subList {
    margin: 0 0 1.5em 3em;
}
@media screen and (max-width: 767px) {
    div.policyCompartment ol.subList {
        margin: 0 0 0 1em;
    }
}

div.policyCompartment ol.subList li {
    list-style: decimal;
    margin-bottom: 0.4em;
    line-height: 1.6;
}
@media screen and (max-width: 767px) {
    div.policyCompartment ol.subList li {
        list-style: decimal;
        margin-bottom: 0.4em;
        line-height: 1.39 !important;
        font-size: 1rem;
    }
}

div.policyCompartment p.notes {
    margin-bottom: 0.6em;
    margin-left: 1em;
    text-indent: -1em;
    line-height: 1.8 !important;
}

div.policyCompartment p.notes strong {
    text-decoration: underline;
}

/* [exa_money.htm]div.exaMoneyCompartment
-----------------------------------------------    */
div.exaMoneyCompartment .exaMoney-mv {
    position: relative;
    container-type: inline-size;
    .exaMoney-mv__text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: calc(32 / 698 * 100cqw);
        padding-left: calc(30 / 698 * 100cqw);
        box-sizing: border-box;
        font-weight: bold;
        display: flex;
        align-items: center;
        text-shadow: 0 0 10px #fff;
    }
}

div.exaMoneyCompartment h2.imgTit {
    background-color: #e9dbb9;
    line-height: 1;
}

div.exaMoneyCompartment .titDesc {
    margin: 16px 0 30px;
}

div.exaMoneyCompartment .exaMoneySection {
    padding: 0 15px 15px;
    background-color: #f9f6ed;
}

div.exaMoneyCompartment .exaMoneySection .exaMoneyTitle {
    background-color: #e9dbb9;
    padding: 26px 30px 18px 30px;
    margin: 0 -15px 15px;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 767px) {
    div.exaMoneyCompartment .exaMoneySection .exaMoneyTitle {
        padding: 15px 15px 12px 15px;
        margin: 0 -15px 15px;
    }
}
div.exaMoneyCompartment .exaMoneySection .exaMoneyTitle .number {
    color: #e60009;
    font-size: 63px;
    font-style: italic;
    line-height: 1;
}
@media screen and (max-width: 767px) {
    div.exaMoneyCompartment .exaMoneySection .exaMoneyTitle .number {
        font-size: 44px;
    }
}
div.exaMoneyCompartment .exaMoneySection .exaMoneyTitle .ja {
    color: #333333;
    font-size: 22px;
    margin-left: 10px;
}
@media screen and (max-width: 767px) {
    div.exaMoneyCompartment .exaMoneySection .exaMoneyTitle .ja {
        font-size: 16px;
    }
}
div.exaMoneyCompartment .exaMoneySection .exaMoneyTitle .ja b {
    font-weight: bold;
}

div.exaMoneyCompartment .exaMoneyTxt {
    color: #333;
    font-size: 117%;
    line-height: 1.7 !important;
}

div.exaMoneyCompartment .exaMoneyTxt .red {
    color: red;
}

div.exaMoneyCompartment ul.linkList {
    padding: 10px 30px 10px;
}
div.exaMoneyCompartment .exaMoneySection.exaMoneySection1 ul.linkList {
    padding: 10px 30px 5px;
}

div.exaMoneyCompartment ul.linkList li a {
    line-height: 1.8;
}

div.exaMoneyCompartment p.notes {
    margin-left: 1em;
    text-indent: -1em;
    line-height: 1.8 !important;
}

div.exaMoneyCompartment p.notes strong {
    text-decoration: underline;
}

/* [tanka.html]div#bodyDivision .pickupArea
-----------------------------------------------    */
.responsive #bodyDivision .pickupArea h2 {
    background-color: #222;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    position: relative;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea h2 {
        font-size: 1rem;
        line-height: 2;
    }
}

.responsive #bodyDivision .pickupArea h2::before {
    display: block;
    content: "";
    height: 0;
    border-right: 12px solid #222;
    border-bottom: 14px solid #fff;
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 50%;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea h2::before {
        border-right: 6px solid #222;
        border-bottom: 7px solid #fff;
        bottom: -7px;
    }
}

.responsive #bodyDivision .pickupArea h2::after {
    display: block;
    content: "";
    height: 0;
    border-left: 12px solid #222;
    border-bottom: 14px solid #fff;
    position: absolute;
    bottom: -14px;
    right: 0;
    width: 50%;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea h2::after {
        border-left: 6px solid #222;
        border-bottom: 7px solid #fff;
        bottom: -7px;
    }
}

.responsive #bodyDivision .pickupArea .pickupList {
    margin-top: 25px;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea .pickupList {
        margin-top: 15px;
    }
}

.responsive #bodyDivision .pickupArea .pickupList ul {
    margin-left: -26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea .pickupList ul {
        margin-left: -10px;
    }
}

.responsive #bodyDivision .pickupArea .pickupList ul li {
    width: 25%;
    padding-left: 26px;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea .pickupList ul li {
        width: 50%;
        padding-left: 10px;
        padding-bottom: 10px;
    }
}

.responsive #bodyDivision .pickupArea .pickupList ul li a {
    display: block;
    height: 100%;
    color: #222;
    text-decoration: none;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
    background: none;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea .pickupList ul li a {
        border: 1px solid #f7f7f7;
        border-top: none;
        border-bottom: 1px solid #e3e3e3;
    }
}

.responsive #bodyDivision .pickupArea .pickupList ul li a:hover {
    opacity: 0.8;
}

@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea .pickupList ul li a .image {
        margin: -1px -1px 0;
    }
}

.responsive #bodyDivision .pickupArea .pickupList ul li a .image img {
    width: 100%;
    height: auto;
}

.responsive #bodyDivision .pickupArea .pickupList ul li a p {
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea .pickupList ul li a p {
        margin-bottom: 0;
        font-size: 12px;
    }
}

.responsive #bodyDivision .pickupArea .pickupList ul li a .title {
    display: flex;
    align-items: center;
    font-weight: bold;
    line-height: 1.5;
    background-color: #f7f7f7;
    padding: 7px 15px;
    min-height: 48px;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea .pickupList ul li a .title {
        font-size: 1rem;
        padding: 7px 10px;
        min-height: 33px;
    }
}

.responsive #bodyDivision .pickupArea .pickupList ul li a .desc {
    font-size: 14px;
    line-height: 1.75;
    padding: 11px 15px 39px;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea .pickupList ul li a .desc {
        font-size: 1rem;
        line-height: 1.5;
        padding: 9px 10px 35px;
    }
}

.responsive #bodyDivision .pickupArea .pickupList ul li a .detail .text {
    font-size: 13px;
    color: #005EA1;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea .pickupList ul li a .detail .text {
        font-size: 1rem;
    }
}

.responsive #bodyDivision .pickupArea .pickupList ul li a .detail {
    padding: 0 0 0 13px;
    background-image: url(https://www.kanazawa-it.ac.jp/tokyo/t1s/images/common/icons_bullets/arrow_blue_r.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
    position: absolute;
    right: 15px;
    bottom: 12px;
    padding: 0 0 0 11px;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .pickupArea .pickupList ul li a .detail {
        right: 10px;
        bottom: 7px;
    }
}



/* [tanka.html]div.tankaCompartment
-----------------------------------------------    */
div.tankaCompartment .tankaNav {
    margin: 20px 0 0 30px;
    /*border: 1px solid #D6D6D6;*/
}

div.tankaCompartment .tankaNav li {
    margin-bottom: 1em;
}

div.tankaCompartment .tankaNav a {
    padding-left: 14px;
    background: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/arrow-down.png") 0 45% no-repeat;
}

div.tankaCompartment .curriculum-table-wrap {
    overflow: auto;
    max-width: 950px;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 767px) {
    div.tankaCompartment .curriculum-table-wrap {
        max-width: none;
    }
}
div.tankaCompartment .curriculum-table {
    width: 100%;
    min-width: 950px;
    border-collapse: collapse;
    line-height: 1.7;
    font-size: 14px;
}
@media (width <= 1000px) {
    div.tankaCompartment .curriculum-table {
        position: relative;
    }
}
@media screen and (max-width: 767px) {
    div.tankaCompartment .curriculum-table {
        min-width: auto;
        font-size: 0.9rem;
    }
}

div.tankaCompartment .curriculum-table th,
div.tankaCompartment .curriculum-table td {
    line-height: 1.5;
}

div.tankaCompartment .curriculum-table th {
    padding: 10px 0;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

div.tankaCompartment .curriculum-table .category {
    background-color: #fff;
    border-top: none;
    border-left: none;
}

div.tankaCompartment .curriculum-table td {
    width: 178px;
    padding: 10px 7px;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
    background-color: #fff;
    vertical-align: top;
}

div.tankaCompartment .curriculum-table .stripe td {
    background-color: #f9f4ea;
}

div.tankaCompartment .curriculum-table .category {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

div.tankaCompartment .curriculum-table .subject {
    display: inline-block;
    padding: 0 0 0.4em 1.1em;
    background: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/link_bg.gif") 0 5px no-repeat;
}
div.tankaCompartment .curriculum-table .unit2 {
    display: inline-block;
}

div.tankaCompartment .curriculum-table .unit2 a:after {
    display: inline-block;
    vertical-align: -4px;
    content: "";
    height: 16px;
    width: 48px;
    padding-left: 4px;
    background: url("https://www.kanazawa-it.ac.jp/tokyo/t1s/images/contents/toranomon/tanka/tani-subject-table/unit2.gif") right 0 no-repeat;
}

div.tankaCompartment .curriculum-table .null-cell {
    border: 0;
}

div.tankaCompartment .curriculum-table .term01,
div.tankaCompartment .curriculum-table .term02,
div.tankaCompartment .curriculum-table .term03,
div.tankaCompartment .curriculum-table .term04 {
    padding: 6px 0 5px;
    background-color: #78ae1d;
    color: #fff;
    font-weight: normal;
    text-align: center;
    border-right: 1px solid #fff;
}

div.tankaCompartment .curriculum-table .term01 em,
div.tankaCompartment .curriculum-table .term02 em,
div.tankaCompartment .curriculum-table .term03 em,
div.tankaCompartment .curriculum-table .term04 em {
    font-weight: bold;
    font-size: 117%;
}
@media screen and (max-width: 767px) {
    div.tankaCompartment .curriculum-table .term01 em,
    div.tankaCompartment .curriculum-table .term02 em,
    div.tankaCompartment .curriculum-table .term03 em,
    div.tankaCompartment .curriculum-table .term04 em {
        font-weight: bold;
        font-size: 0.9rem;
    }
}

div.tankaCompartment .curriculum-table .term-img {
    position: relative;
    height: 146px;
    border: 0;
}

@media screen and (max-width: 767px) {
    div.tankaCompartment .curriculum-table .term-cell {
        display: none;
    }
}
div.tankaCompartment .term-img01,
div.tankaCompartment .term-img02,
div.tankaCompartment .term-img03,
div.tankaCompartment .term-img04 {
    position: absolute;
    overflow: hidden;
    font-size: 92%;
}

div.tankaCompartment .term-img01 {
    top: 5px;
    left: 0;
    width: 386px;
}

div.tankaCompartment .term-img02 {
    top: 45px;
    left: 193px;
    width: 386px;
}

div.tankaCompartment .term-img03 {
    top: 85px;
    right: 0;
    width: 386px;
}

div.tankaCompartment .term-img04 {
    top: 125px;
    right: 0;
    width: 193px;
}

div.tankaCompartment .term-img01 dt,
div.tankaCompartment .term-img02 dt,
div.tankaCompartment .term-img03 dt,
div.tankaCompartment .term-img04 dt {
    clear: left;
    float: left;
    width: 83px;
    height: 2.4em;
    padding: 5px 0;
    background-color: #555;
    color: #fff;
    line-height: 1.2;
    text-align: center;
}

div.tankaCompartment .term-img01 dd,
div.tankaCompartment .term-img02 dd,
div.tankaCompartment .term-img03 dd,
div.tankaCompartment .term-img04 dd {
    height: 2.4em;
    padding: 5px 0 5px 90px;
    background-color: #ddd;
    line-height: 2.4em;
}

div.tankaCompartment .term-img04 dd {
    line-height: 1.2;
    padding: 5px 1px 5px 86px;
}
div.tankaCompartment .skill-cell th.category {
    background-color: #f88600;
    font-size: 142%;
}
@media screen and (max-width: 767px) {
    div.tankaCompartment .skill-cell th.category {
        font-size: 1rem;
    }
}
div.tankaCompartment .skill-cell td {
    background-color: #fdcd07;
    background: -webkit-linear-gradient(left, #fdcd07, #f7af09);
    background: -moz-linear-gradient(left, #fdcd07, #f7af09);
    background: -ms-linear-gradient(left, #fdcd07, #f7af09);
    background: linear-gradient(left, #fdcd07, #f7af09);
    text-align: center;
    line-height: 1.4;
    vertical-align: middle;
}


div.tankaCompartment .skill-cell .skill01,
div.tankaCompartment .skill-cell .skill02 {
    border-right-color: #fff;
    border-bottom-color: #fff;
}

div.tankaCompartment .skill-cell .skill03 {
    border-right-color: #f7af09;
    border-bottom-color: #fff;
}

div.tankaCompartment .skill-cell strong {
    display: block;
    margin-bottom: 0.2em;
    font-size: 117%;
}
@media screen and (max-width: 767px) {
    div.tankaCompartment .skill-cell strong {
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 767px) {
    div.tankaCompartment th.category {
        white-space: nowrap;
        padding: 0 4px;
    }
}

@media screen and (max-width: 767px) {
    div.tankaCompartment .curriculum-table tbody td {
        white-space: nowrap;
    }
}

div.tankaCompartment .strategy-cell th.category {
    background-color: #b6a578;
}

div.tankaCompartment .manage-cell th.category {
    background-color: #51a5a7;
}

div.tankaCompartment .businessAdministration-cell th.category {
    background-color: #44a01b;
}

div.tankaCompartment .leader-cell th.category {
    background-color: #8d9197;
}

div.tankaCompartment .negotiation-cell th.category {
    background-color: #97559c;
}

div.tankaCompartment .technology-cell th.category {
    background-color: #d4b800;
}

div.tankaCompartment .techStrategy-cell th.category {
    background-color: #59b2d1;
}

div.tankaCompartment .intelligent-cell th.category {
    background-color: #7297d4;
}

div.tankaCompartment .media-cell th.category {
    background-color: #87b144;
}

div.tankaCompartment .marketing-cell th.category {
    background-color: #b3c300;
}

div.tankaCompartment .organize-cell th.category {
    background-color: #d58087;
}

div.tankaCompartment .finance-cell th.category {
    background-color: #d4962a;
}

div.tankaCompartment .operation-cell th.category {
    background-color: #72a26a;
}

div.tankaCompartment .globalBiz-cell th.category {
    background-color: #2caa91;
}

div.tankaCompartment .global-cell th.category {
    background-color: #b98b48;
}

div.tankaCompartment .copyright-cell th.category {
    background-color: #ad75c0;
}

div.tankaCompartment .special-cell th.category {
    background-color: #1a653c;
}

div.tankaCompartment .tanka-notice {
    margin-left: 1.5em;
}

*+html div.tankaCompartment .tanka-notice li {
    margin-left: 1.6em;
}

div.tankaCompartment .tanka-notice li {
    list-style-type: decimal;
    margin-bottom: 0.4em;
    line-height: 1.4;
}


/* [guide_schedule.htm] .guideSchedule
-----------------------------------------------    */
.guideSchedule .period .periodCaption {
    font-weight: bold;
    border-bottom: 1px solid #D6D6D6;
    line-height: 2;

    @media (width > 767px) {
        font-size: 140% !important;
    }
}
.guideSchedule .period .curriculumGroups .curriculumGroup {
    overflow: hidden;
}
.guideSchedule .period .curriculumGroups .curriculumGroup .curriculumImage {
    float: right;
    min-height: 70px;
    margin-bottom: 1.5em;
}
@media screen and (max-width: 767px) {
    .responsive .guideSchedule .period .curriculumGroups .curriculumGroup .curriculumImage {
        width: 35%;
        box-sizing: border-box;
        border-left: 10px solid #fff;
        border-bottom: 10px solid #fff;
        background-color: #fff;
    }
}
.guideSchedule .period .curriculumGroups .curriculumGroup .curriculumImage img {
    height: auto;
}
@media screen and (max-width: 767px) {
    .responsive .guideSchedule .period .curriculumGroups .curriculumGroup .curriculumImage.empty {
        display: none;
    }
    .responsive .guideSchedule .period .curriculumGroups .curriculumGroup .curriculumImage img {
        width: 100%;
        height: auto;
    }
}
.guideSchedule .period .curriculumGroups .curriculumGroup .curriculumList {
    float: left;
    width: calc(100% - 220px);
    box-sizing: border-box;
    padding-right: 10px;
}
@media screen and (max-width: 767px) {
    .responsive .guideSchedule .period .curriculumGroups .curriculumGroup .curriculumList {
        float: none;
        padding-right: 0;
        width: auto;
    }
}
.guideSchedule .period .curriculumGroups .curriculumGroup .curriculumList li dl dt {
    background-color: #F9F6ED;
    padding: 8px 10px;
    border-left: 4px solid #d6d6d6;
    line-height: 1.4;
    @media (width > 767px) {
        font-size: 18px;
    }
}
.guideSchedule .period .curriculumGroups .curriculumGroup .curriculumList li dl dd {
    padding: 10px 10px 0 10px;
}
@media screen and (max-width: 767px) {
    .responsive .guideSchedule .period .curriculumGroups .curriculumGroup .curriculumList li dl dd {
        padding: 10px 0 15px 0;
    }
}

/* [corporate.htm] .corporateFeaturesDef
-----------------------------------------------    */
#bodyDivision dl.corporateFeaturesDef dt {
    background-color: #ffe748;
    padding: 8px 10px;
    border: 3px solid #fedc00;
    line-height: 1.4;
    font-size: 115%;
    border-radius: 5px;
    border-left-width: 0;
    border-right-width: 0;
    color: #222;
    margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision dl.corporateFeaturesDef dt {
        margin-left: 125px;
        border-top-width: 2px;
        border-bottom-width: 2px;
        padding: 6px 10px;
        font-size: 110%;
    }
}


/* [*_program.html] .programLeadArea
-----------------------------------------------    */
.responsive #bodyDivision .programLeadArea {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .programLeadArea {
        display: block;
        overflow: hidden;
    }
}
.responsive #bodyDivision .programLeadArea .detailCell .lead {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 24px;
    @media (width <= 767px) {
        margin-bottom: 15px;
        font-size: 16px;
    }
}
.responsive #bodyDivision .programLeadArea .detailCell .lead .marker {
    background:linear-gradient(transparent 75%, #D6D6D6 0%);
}

.responsive #bodyDivision .programLeadArea .imageCell {
    margin-left: 30px;
    order: 1;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision .programLeadArea .imageCell {
        float: right;
        width: 35%;
        margin-left: 15px;
        margin-bottom: 15px;
    }
    .responsive #bodyDivision .programLeadArea .imageCell img {
        display: block;
        height: auto;
        width: 100%;
    }
}

#bodyDivision .stepButtons {
    margin-bottom: 10px;
}
#bodyDivision .stepButtons a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
#bodyDivision .stepButtons a:last-child {
    margin-right: 0;
}