<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*
information{
file name : /css/styles/basedesign.css;
site name : 金沢工業大学ホームページ;
copyrihgt : Copyright Kanazawa Institute of Technology.;
explanation : ベースとなるデザインを定義;
}
*/

/* contents
--------------------------------------------------------------------------
1. [flame] HTML
2. [flame] BODY
3. [flame] div.bodyWhole
4. [flame] div.headSection
5. [flame] div.bodySection
6. [flame] div.footSection
7. [flame | headSection] div.headTitleCompartment
8. [flame | headSection] div.grovalnaviCompartment
9. [flame | footSection] div.pagenaviCompartment
10. [flame | footSection] div.footInfoCompartment
11. [flame | footSection] div.footCopyrightCompartment
--------------------------------------------------------------------------
*/

/* 0. [FONT] font-face
-----------------------------------------------    */
@font-face {
    font-family: "Custom Hiragino Gothic";
    src: local("HiraginoSans-W2");
    font-weight: 300;
}
@font-face {
    font-family: "Custom Hiragino Gothic";
    src: local("HiraginoSans-W3");
    font-weight: 500;
}
@font-face {
    font-family: "Custom Hiragino Gothic";
    src: local("HiraginoSans-W6");
    font-weight: bold;
}

@font-face {
    font-family: "Yu Gothic M";
    src: local("游ゴシック Medium");
}
@font-face {
    font-family: "Yu Gothic M";
    src: local("Yu Gothic Bold");
    font-weight: bold;
}


/* 1. [flame] HTML
-----------------------------------------------    */
html {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

html * {
    max-height: 1000000px;  /* for Android zoom */
}

/* 2. [flame] BODY
-----------------------------------------------    */
body {
    margin: 0;
    padding: 0;
    color: #333333;
    font-size: 75%;
    line-height: 1.231;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Custom Hiragino Gothic','ＭＳ Ｐゴシック',Osaka,sans-serif;
    text-align:justify;
    text-justify:inter-ideograph;
    -webkit-text-size-adjust: 100%; /* for iOS zoom */
}
body.responsive {
    font-family: 'Yu Gothic M','Yu Gothic',YuGothic,'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
    font-size: 15px;
    line-height: 1.9;
    background-color: #f5f5f6;
    text-align: left;
    text-justify: auto;
    -webkit-print-color-adjust: exact;
}
@media all and (-ms-high-contrast:none) { /* IE11 */
    body.responsive {
        font-family: 'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
    }
}
@media screen and (max-width: 767px) {
    body.responsive {
        font-size: 12px;
        line-height: 1.7;
    }
}
@media print {
    body.responsive {
        /*        max-width: 1021px;*/
        background-color: #fff;
    }
}

body.responsive &gt; .wrapper &gt; #bodyDivision {
    padding-top: 81px;
    @media (width &lt;= 767px) {
        padding-top: 60px;
    }
}
@media print {
    body.responsive &gt; .wrapper &gt; #bodyDivision {
        padding-top: 88px;
    }
}

.responsive select, .responsive input, .responsive button, .responsive textarea {
    font-family: 'Yu Gothic M','Yu Gothic',YuGothic,'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
}
@media all and (-ms-high-contrast:none) { /* IE11 */
    .responsive select, .responsive input, .responsive button, .responsive textarea {
        font-family: 'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
    }
}

/* 3. [flame] #headDivision
-----------------------------------------------    */
#headDivision {
    width: 100%;
    min-width: 980px;
    margin: 0 auto;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/main_bg.gif");
    background-repeat: repeat-x;
    background-position: top;
}


/* 3. [flame] #bodyDivision
-----------------------------------------------    */
#bodyDivision {
    width: 100%;
    min-width: 980px;
    margin: 0 auto;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/main_bg.gif");
    background-repeat: repeat-x;
    background-position: bottom;
}

.responsive #bodyDivision {
    min-width: 962px;
}


/* 3. [flame] #footDivision
-----------------------------------------------    */
#footDivision {
    width: 100%;
    min-width: 980px;
    margin: 0 auto;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/footer.gif");
    background-repeat: repeat-x;
    background-position: top;
}

/* 3. [flame] div.whole
-----------------------------------------------    */
div.whole {
    width: 950px;
    min-height: 1px;
    margin: 0 auto;
}

div.whole:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html div.whole {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

/* 3. [flame |#headDivision] #headNaviSection
-----------------------------------------------    */
#headNaviSection {
    min-height: 1px;
    padding: 0 0 10px 0;
}

#headNaviSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #headNaviSection {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#siteID {
    float: left;
}

#headNaviSection ul {
    float: right;
    width: 456px;
    min-height: 1px;
}

#headNaviSection ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #headNaviSection ul {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#headNaviSection ul li {
    float: left;
}


/* 3. [flame |#headDivision] #headMiscSection
-----------------------------------------------    */
#headMiscSection {
    margin: 0 0 9px 0;
    min-height: 21px;
    position: relative;
}

#headMiscSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #headMiscSection {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#headMiscSection ul {
    float: left;
}

#headMiscSection ul li {
    float: left;
    margin: 2px 15px 0 0;
    line-height: 1.1;
}

#headMiscSection div.icons {
    width: 131px;
    position: absolute;
    top: -3px;
    right: 190px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/icons_bg1.gif");
    background-repeat: no-repeat;
    background-position: left 2px;
}

#headMiscSection div.icons ul {
    float: right;
}

#headMiscSection div.icons ul li {
    float: left;
    margin: 0;
    padding: 0 7px 0 6px;
    line-height: 1.0;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/icons_bg2.gif");
    background-repeat: no-repeat;
    background-position: right 2px;
}

#headMiscSection div.search {
    position: absolute;
    top: 0px;
    right: 0px;

}

#headMiscSection div.search span.inputText {
    display: block;
    float: left;
    width: 148px;
    margin: 0 6px 0 0 ;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/search_bg2.gif");
    background-repeat: repeat-y;
    background-position: left;
}

#headMiscSection div.search span.inputText span.inner {
    display: block;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/search_bg1.gif");
    background-repeat: no-repeat;
    background-position: top left;
}

#headMiscSection div.search span.inputText span.innerInner {
    display: block;
    padding: 3px 9px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/search_bg3.gif");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: transparent;
}

#headMiscSection div.search span.inputText input {
    width: 130px;
    min-height: 15px;
    border: 0 !important;
    padding: 0 !important;
    background-position: 0 0 !important;
    outline: 0;
}


/* h2s override
-----------------------------------------------    */
#pageHeader {
    line-height: var(--line-height3);
    color: var(--font-color);
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    letter-spacing: 0;
}
#pageHeader a {
    text-decoration: none;
    color: var(--font-color);
}
#pageHeader a.externalLink::before {
    display: none;
}
#pageHeader .l-nav1_box1_ttl a {
    color: var(--key-color);
}
.responsive .l-nav3 a {
    text-decoration: none;
    color: var(--font-color);
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
}

.responsive .l-foot {
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    background-color: #fff;
}

.responsive .wrapper .pagetopButton {
    display: none !important;
}

.responsive .wrapper .mainDivision .middleCompartment {
    border-left: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.responsive .wrapper .mainDivision .middleCompartment * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.responsive .wrapper .l-nav3_txt {
    color: #fff;
    @media (width &lt;= 767px) {
        font-size: 13px;
    }
}

/* 3. [flame |#headDivision] #globalNaviSection
-----------------------------------------------    */
#globalNaviSection {
    min-height: 1px;
    margin: 0 0 15px 0;
}

#globalNaviSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #globalNaviSection {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#globalNaviSection ul li {
    float: left;
}

/* 3. [flame |#bodyDivision] #sideCompartment
-----------------------------------------------    */
#sideCompartment * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#sideCompartment a {
    transition: none;
}

#sideCompartment {
    float: left;
    width: 178px;
    min-height: 1px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#sideCompartment:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #sideCompartment {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}


/* 3. [flame |#bodyDivision] #mainCompartment
-----------------------------------------------    */
#mainCompartment {
    float: right;
    width: 742px;
    min-height: 1px;
    margin: 0 0 15px 0;
}
.flatDesign #mainCompartment {
    margin: 0 0 50px 0;
}
#mainCompartment:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}




/* 3. [flame |#bodyDivision] #pageUpCompartment
-----------------------------------------------    */
#pageUpCompartment {
    clear: both;
    margin: 0 0 30px 0;
    zoom: 1;
}



/* 3. [flame |#footDivision] #footInfoSection
-----------------------------------------------    */
#footInfoSection {
    height: 49px;
    min-height: 1px;
    overflow: hidden;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;

    _overflow: visible;
}

#footInfoSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #footInfoSection {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#footInfoSection dl {
    min-height: 1px;
    float: left;
    padding: 9px 0 0 13px;
}

#footInfoSection dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #footInfoSection dl {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#footInfoSection dl dt {
    float: left;
    padding: 9px 16px 0 0;
}

#footInfoSection dl dt a.arrowR1 {
    background-position: 0 0.15em;
    line-height: 1.1;
}

/* for IE7,8 */
#footInfoSection dl dt a.arrowR1 {
    background-position/*\**/: 0 0.1em\9;
}

/* for IE6 */
#footInfoSection dl dt a.arrowR1 {
    _background-position: 0 5px;
}

#footInfoSection dl dd {
    float: left;
    padding: 9px 0 9px 15px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/bg_lines/dotline_h1.gif");
    background-repeat: repeat-y;
    background-position: left;
    line-height: 1.1;
}

#footInfoSection ul {
    min-height: 1px;
    float: right;
}

#footInfoSection ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #footInfoSection ul {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#footInfoSection ul li {
    float:left;
    padding: 18px 14px 18px 12px;
    border-left: 1px solid #dddddd;

    _padding: 18px 14px 13px 12px;
}

#footInfoSection ul li a.arrowR1 {
    background-position: 0 0.15em;
    line-height: 1.1;
}

/* for IE7,8 */
#footInfoSection ul li a.arrowR1 {
    background-position/*\**/: 0 0.1em\9;
}

/* for IE6 */
#footInfoSection ul li a.arrowR1 {
    _background-position: 0 5px;
}



/* 3. [flame |#footDivision] #footMiscSection
-----------------------------------------------    */
#footMiscSection {
    height: 60px;
    overflow: hidden;
    padding: 0 0 24px 0;

    _overflow: visible;
}

#footMiscSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #footMiscSection {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#footMiscSection p {
    float: left;
}

#footMiscSection ul {
    float: right;
    min-height: 1px;
}

#footMiscSection ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #footMiscSection ul {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#footMiscSection ul li {
    float: left;
}

#footMiscSection ul li.juaa {
    margin: 0 0 0 11px;
}

#footMiscSection ul li.jihee {
    margin: 0 0 0 11px;
}

#footMiscSection ul li.sdgs {
    margin: 0 0 0 11px;
}



/* 3. [flame |#footDivision] #copyrightSection
-----------------------------------------------    */
#copyrightSection {
    min-height: 1px;
    margin: 0 0 25px 0;
}

#copyrightSection:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html #copyrightSection {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

#copyrightSection p {
    float: left;
}

#copyrightSection p span.characterK {
    color: #004e89;
}

#copyrightSection p span.characterI {
    color: #d83846;
}

#copyrightSection p span.characterT {
    color: #008368;
}





#copyrightSection address {
    float: right;
}

/* 3. [LINK] a
-----------------------------------------------    */
a {
    outline: 0;
    color: #4c6e94;
    text-decoration: none;
}

a:link {
    color: #4c6e94;
    text-decoration: none;
}

a:hover {
    color: #4c6e94;
    text-decoration: underline;
}


/* 4. sup
-----------------------------------------------    */
.flatDesign sup {
    display: inline-block;
    font-size: 8px;
    vertical-align: top;
}


/* 4. sub
-----------------------------------------------    */
.flatDesign sub {
    display: inline-block;
    font-size: 8px;
    vertical-align: bottom;
}



/* 5. figure
-----------------------------------------------    */
.responsive img.border {
    border: 1px solid #dddddd;
}
.responsive img.paddingBorder {
    border: 1px solid #dddddd;
    padding: 5px;
}

.responsive figure figcaption {
    font-size: 13px;
    line-height: 1.7;
}
@media screen and (max-width: 767px) {
    .responsive figure figcaption {
        font-size: 11px;
        line-height: 1.5;
    }
}

.responsive img.widthFit {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .responsive img.widthFit-sp {
        width: 100%;
        height: auto;
    }
}

.responsive .zeroHeight {
    font-size: 0;
    line-height: 0;
}

.responsive img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* 6. [responsive] レスポンシブ
-----------------------------------------------    */
/*
1261px以上1300pxまで左サイドメニューを160px-200pxに拡大
1122px以上1260pxまでメインコンテンツ左右の余白を増加
1121px以下で左サイドメニュー非表示。ハンバーガーメニューへ切り替え
*/

/** for pc */
.responsive .visible-pc {
    display: block;
}
.responsive .hidden-pc {
    display: none;
}
.responsive .visible-tb {
    display: none;
}
.responsive .hidden-tb {
    display: block;
}
.responsive .visible-sp {
    display: none;
}
.responsive .hidden-sp {
    display: block;
}
.responsive .visible-inline-pc {
    display: inline;
}
.responsive .visible-inline-sp {
    display: none;
}
.responsive .hidden-inline-sp {
    display: inline;
}
/** for tablet */
@media (max-width: 1121px) {
    .responsive .visible-pc {
        display: none;
    }
    .responsive .hidden-pc {
        display: block;
    }
    .responsive .visible-tb {
        display: block;
    }
    .responsive .hidden-tb {
        display: none;
    }
    .responsive .visible-inline-pc {
        display: none;
    }
}
/** for mobile */
@media screen and (max-width: 767px) {
    .responsive a:hover {
        text-decoration: none;
    }
    .responsive .visible-tb {
        display: none;
    }
    .responsive .hidden-tb {
        display: block;
    }
    .responsive .visible-sp {
        display: block;
    }
    .responsive .hidden-sp {
        display: none;
    }
    .responsive .visible-inline-sp {
        display: inline;
    }
    .responsive .hidden-inline-sp {
        display: none;
    }
}
/** for IE */
.responsive .visible-ie {
    display: none;
}
@media all and (-ms-high-contrast:none) { /* IE10,11 */
    .responsive .visible-ie {
        display: block;
    }
}

.responsive a {
    color: #00447e;
}

.responsive #pagetop {
    max-width: 1300px;
    min-width: 962px;
    margin: 0 auto;
    position: relative;
    border-right: 1px solid #dcdcdd;
}
@media (max-width: 1121px) { /* TB */
    .responsive #pagetop {
        border-right: none;
    }
}
@media screen and (max-width: 767px) {
    .responsive #pagetop {
        min-width: 320px;
    }
}

.responsive #pagetop.borderLeft {
    border-left: 1px solid #dcdcdd;
}

@media (max-width: 1121px) { /* TB */
    .responsive.floatingMenuMode  #pagetop {
        position: fixed;
        z-index: 1;
    }
    .responsive .floatingMenuBackground {
        display: none;
        opacity: 0;
    }
    .responsive.floatingMenuMode .floatingMenuBackground {
        display: block;
        position: fixed;
        background-color: black;
        opacity: 0.35;
        z-index: 99;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
}
@media screen and (max-width: 767px) {
    .responsive.floatingMenuMode .floatingMenuBackground {
        z-index: 399;
    }
}

.responsive .pagetopButton {
    display: none;
    position: fixed;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    right: 20px;
    bottom: 20px;
    background-color: rgba(0,0,0,0.25);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 15px 25px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/button/btn_pagetop_2x.png");
    z-index: 50;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: 150ms;
}
@media print {
    .responsive .pagetopButton {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .responsive .pagetopButton {
        width: 35px;
        height: 35px;
        right: 10px;
        bottom: 10px;
        background-size: 10px 18px;
    }
}
.responsive .pagetopButton:hover {
    background-color: rgba(0,0,0,0.6);
}
.responsive .pagetopButton.pagetopButtonBottom {
    position: absolute;
    bottom: 336px;
}
.responsive .pagetopButtonMarker {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 20px;
    top: -70px;
}

.responsive .rollover2 img:nth-child(1) {
    display: block;
}
.responsive .rollover2 img:nth-child(2) {
    display: none;
}
.responsive .rollover2:hover img:nth-child(1) {
    display: none;
}
.responsive .rollover2:hover img:nth-child(2) {
    display: block;
}
.responsive .rollover2-inline img:nth-child(1) {
    display: inline;
}
.responsive .rollover2-inline img:nth-child(2) {
    display: none;
}
.responsive .rollover2-inline:hover img:nth-child(1) {
    display: none;
}
.responsive .rollover2-inline:hover img:nth-child(2) {
    display: inline;
}

.responsive #bodyDivision {
    display: table;
    width: 100%;
    background-color: #fff;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision {
        display: block;
        width: auto;
        min-width: 320px;
    }
}
@media print {
    .responsive #bodyDivision {
        display: block;
        width: auto;
    }
}

.responsive #bodyDivision .globalNavCompartment {
    display: table-cell;
    position: relative;
    width: 160px;
    background-color: #fff;
}
@media (min-width: 1261px) {
    .responsive #bodyDivision .globalNavCompartment {
        width: auto;
        min-width: 160px;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive #bodyDivision .globalNavCompartment {
        display: none;
    }
    .responsive.floatingMenuMode #bodyDivision .globalNavCompartment {
        display: block;
    }
}
@media print {
    .responsive #bodyDivision .globalNavCompartment {
        display: none;
    }
}
.responsive .globalNavCompartmentInner {
    position: -webkit-sticky;
    position: sticky;
    z-index: 100;
    width: 160px;
}
@media print {
    .responsive .globalNavCompartmentInner {
        position: relative !important;
        width: auto !important;
        left: 0 !important;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner {
        display: none;
    }
    .responsive.floatingMenuMode .globalNavCompartmentInner {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 240px;
        background-color: #fff;
        box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1);
        -moz-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1);
        -webkit-box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1);
    }
}
@media screen and (max-width: 767px) {
    .responsive.floatingMenuMode .globalNavCompartmentInner {
        position: absolute;
        box-shadow:none;
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
        width: 268px;
        left: auto;
        right: 0;
        z-index: 400;
    }
    .responsive.floatingMenuMode .globalNavCompartmentInner2 {
        width: 268px;
    }
}
.responsive .globalNavCompartmentInner .logo a {
    display: block;
    height: 137px;
    text-align: center;
    padding-top: 34px;
    box-sizing: border-box;
}


@media (min-width: 1122px) { /* only PC */
    .responsive .globalNavCompartmentInner .globalNav &gt; dl {
        border-bottom: 1px solid #e5e5e5;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:first-child {
        border-top: 1px solid #e5e5e5;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:hover {
        border-bottom: 1px solid #414b57;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dt {
        position: relative;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dt &gt; a {
        display: block;
        position: relative;
        font-size: 14px;
        font-weight: bold;
        line-height: 39px;
        color: #444444;
        padding-left: 15px;
        text-decoration: none;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:hover &gt; dt &gt; a {
        background-color: #414b57;
        line-height: 40px;
        margin-top: -1px;
        color: #fff;
    }

    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd {
        display: none;
        position: absolute;
        width: 260px;
        overflow: hidden;
        left: 100%;
        top: 0;
        background-color: #414b57;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:hover &gt; dd {
        z-index: 101;
    }

    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul {
        width: 260px;
        padding-top: 137px;
        margin-bottom: 20px;
        border-bottom: 1px solid #3a434e;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.5;
        border-top: 1px solid #3a434e;
        padding: 9px 15px;
    }

    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li a:hover {
        background-color: #676f79;
    }

    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd {
        display: none;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav {
        position: relative;
    }
    .responsive .globalNavCompartmentInner .globalNav a {
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.5;
        padding: 9px 15px;
        background-color: #fff;
        color: #444444;
        text-decoration: none;
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNav a {
        background-color: #4b5460;
        color: #fff;
        border-top: 1px solid #3a434e;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav a:hover {
        background-color: #f1f2f3;
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNav a:hover {
        background-color: #4b5460;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav dl {
        position: relative;
        border-bottom: 1px solid #e5e5e5;
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNav dl {
        border-bottom: none;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav dl.open {
        border-bottom: 1px solid #3a434e;
        z-index: 1;
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNav dl.open {
        border-bottom: none;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt {
        position: relative;
    }
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt &gt; .opener {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 100%;
        background-color: #f1f2f3;
        cursor: pointer;
        border-top: 1px solid #d8d9da;
        margin-top: -1px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .responsive .globalNavCompartmentInner .globalNav.simpleGlobalNav dl &gt; dt &gt; .opener {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt &gt; .opener {
        background-color: #5d6570;
        border-top: none;
        margin-top: 0;
        box-sizing: border-box;
        border-top: 1px solid #414b57;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav dl.open &gt; dt &gt; .opener {
        border-top: 1px solid #414b57;
        background-color: #414b57;
    }
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt &gt; .opener:hover {
        border-top: 1px solid #414b57;
        border-bottom: 1px solid #414b57;
        background-color: #414b57;
        z-index: 1;
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNav dl.open &gt; dt &gt; .opener,
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt &gt; .opener:hover {
        top: 0;
        border-top: 1px solid #414b57;
        border-bottom: none;
        background-color: #7f868e;
    }

}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav dl.open &gt; dt &gt; .opener:hover {
        border-bottom: none;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt &gt; .opener::before {
        display: block;
        position: absolute;
        left: 19px;
        top: 15px;
        content: "";
        width: 2px;
        height: 10px;
        background-color: #9fabb9;
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt &gt; .opener::before {
        background-color: #fff;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav dl.open &gt; dt &gt; .opener::before {
        display: none;
    }
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt &gt; .opener:hover::before {
        top: 16px;
        background-color: #fbfbfb;
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt &gt; .opener:hover::before {
        top: 15px;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt &gt; .opener::after {
        display: block;
        position: absolute;
        left: 15px;
        top: 19px;
        content: "";
        width: 10px;
        height: 2px;
        background-color: #9fabb9;
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt &gt; .opener::after {
        background-color: #fff;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav dl.open &gt; dt &gt; .opener::after {
        background-color: #fff;
        top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNav dl.open &gt; dt &gt; .opener::after {
        top: 19px;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt &gt; .opener:hover::after {
        top: 20px;
        background-color: #fbfbfb;
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNav dl &gt; dt &gt; .opener:hover::after {
        top: 19px;
    }
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNav dl dd {
        display: none;
    }
    .responsive .globalNavCompartmentInner .globalNav.simpleGlobalNav dl dd {
        display: block;
    }

    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li:first-child {
        display: none;
    }

    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li a {
        border-top: 1px solid #3a434e;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl dl,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl dl.open {
        border-bottom: none;
    }
}
@media (min-width: 768px) and (max-width: 1121px) { /* only TB */
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:first-child {
        border-top: 1px solid #e5e5e5;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li a {
        background-color: #414b57;
        color: #fff;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li a:hover {
        background-color: #676f79;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dt &gt; .opener {
        display: none;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNav dl dt a {
        padding-right: 50px;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:first-child &gt; dt &gt; a {
        border-top: none;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:first-child &gt; dt &gt; .opener {
        border-top: none;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dt &gt; .opener:hover {
        background-color: #5d6570;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl.open &gt; dt &gt; .opener:hover {
        background-color: #7f868e;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl.current &gt; dt &gt; a {
        background-color: #fff;
        color: #444444;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl.current &gt; dd &gt; ul &gt; li &gt; a.current {
        background-color: #fff;
        color: #444444;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.current &gt; dt &gt; a,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; a.current {
        background-color: #fff;
        color: #c7d0d8;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd a,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd a:hover {
        background-color: #717881;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dt &gt; .opener {
        background-color: #7f868e;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.open &gt; dt &gt; .opener {
        background-color: #c7d0d8;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; a {
        background-color: #f1f1f1;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(2) &gt; dl.open &gt; dt &gt; .opener {
        background-color: #84afba;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(3) &gt; dl.open &gt; dt &gt; .opener {
        background-color: #c16c70;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(4) &gt; dl.open &gt; dt &gt; .opener {
        background-color: #9fb386;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(5) &gt; dl.open &gt; dt &gt; .opener {
        background-color: #6b7da8;
    }

    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd a,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd a:hover {
        background-color: #c7d0d8;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(2) &gt; dl &gt; dd a {
        background-color: #84afba;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(2) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; a {
        background-color: #f1f1f1;
        color: #84afba;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(2) &gt; dl.current &gt; dt &gt; a,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(2) &gt; dl &gt; dd a.current,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(2) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.current &gt; dt &gt; a,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(2) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.current &gt; dd &gt; ul &gt; li &gt; a.current {
        background-color: #fff;
        color: #84afba;
    }

    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(3) &gt; dl &gt; dd a {
        background-color: #c16c70;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(3) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; a {
        background-color: #f1f1f1;
        color: #c16c70;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(3) &gt; dl.current &gt; dt &gt; a,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(3) &gt; dl &gt; dd a.current,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(3) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.current &gt; dt &gt; a,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(3) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.current &gt; dd &gt; ul &gt; li &gt; a.current {
        background-color: #fff;
        color: #c16c70;
    }

    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(4) &gt; dl &gt; dd a {
        background-color: #9fb386;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(4) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; a {
        background-color: #f1f1f1;
        color: #9fb386;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(4) &gt; dl.current &gt; dt &gt; a,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(4) &gt; dl &gt; dd a.current,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(4) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.current &gt; dt &gt; a,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(4) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.current &gt; dd &gt; ul &gt; li &gt; a.current {
        background-color: #fff;
        color: #9fb386;
    }

    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(5) &gt; dl &gt; dd a {
        background-color: #6b7da8;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(5) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; a {
        background-color: #f1f1f1;
        color: #6b7da8;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(5) &gt; dl.current &gt; dt &gt; a,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(5) &gt; dl &gt; dd a.current,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(5) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.current &gt; dt &gt; a,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(5) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.current &gt; dd &gt; ul &gt; li &gt; a.current {
        background-color: #fff;
        color: #6b7da8;
    }


    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dt &gt; .opener,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dt &gt; .opener:hover {
        background-color: rgba(255,255,255,0.1);
    }

    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.open &gt; dt &gt; .opener,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.current &gt; dt &gt; .opener {
        background-color: #f1f1f1;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.open &gt; dt &gt; .opener::after,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.current &gt; dt &gt; .opener::after,
    .responsive .globalNavCompartmentInner .globalNav &gt; dl &gt; dd &gt; ul &gt; li &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.current &gt; dt &gt; .opener::before {
        background-color: #84afba;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(4) &gt; dl &gt; dd &gt; ul &gt; li &gt; dl.open &gt; dt &gt; .opener::after {
        background-color: #9fb386;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(3) &gt; dl.current &gt; dt &gt; a {
        color: #c16c70 !important;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(3) &gt; dl &gt; dd &gt; ul &gt; li &gt; a.current {
        color: #c16c70 !important;
        background-color: #fff;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(4) &gt; dl.current &gt; dt &gt; a {
        color: #9fb386 !important;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(4) &gt; dl &gt; dd &gt; ul &gt; li &gt; a.current {
        color: #9fb386 !important;
        background-color: #fff;
    }
    .responsive .globalNavCompartmentInner .globalNav &gt; dl:nth-child(3) &gt; dd &gt; ul &gt; li:nth-child(4) &gt; dl &gt; dd &gt; ul &gt; li:nth-child(1) &gt; dl &gt; dd a {
        color: #9fb386 !important;
    }
}

@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .person {
        background-color: #414b57;
        padding: 8px 0;
    }
    .responsive .globalNavCompartmentInner .person ul {
        overflow: hidden;
        margin-left: -1px;
        margin-top: -1px;
    }
    .responsive .globalNavCompartmentInner .person ul li {
        width: 50%;
        float: left;
        box-sizing: border-box;
    }
    .responsive .globalNavCompartmentInner .person ul li a {
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        line-height: 39px;
        background-color: #545d68;
        padding-left: 13px;
        margin: 1px 0 0 1px;
    }
}

@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .gsearch {
        background-color: #545d68;
        padding: 5px;
    }
    .responsive .globalNavCompartmentInner .gsearch #cse-search-form {
        position: relative;
    }
    .responsive .globalNavCompartmentInner .gsearch #cse-search-form #cse-search-query {
        display: block;
        font-size: 12px;
        background-color: #cccccc !important;
        border: none !important;
        border-radius: 5px;
        vertical-align: top;
        line-height: 29px;
        padding: 0 5px !important;
        background-position: 5px 50% !important;
        width: 223px;
        box-sizing: border-box;
        outline: none;
    }
    .responsive .globalNavCompartmentInner .gsearch #cse-search-form #cse-search-query:focus {
        background-color: #fff !important;
        color: #333333;
    }
    @supports (-ms-ime-align:auto) { /* Edge */
        .responsive .globalNavCompartmentInner .gsearch #cse-search-form #cse-search-query {
            text-indent: 25px !important;
        }
        .responsive .globalNavCompartmentInner .gsearch #cse-search-form #cse-search-query:focus {
            text-indent: 0 !important;
        }
    }
    .responsive .globalNavCompartmentInner .gsearch #cse-search-form #cse-search-query::-webkit-input-placeholder {
        color: #d5d7da;
        font-weight: normal;
    }
    .responsive .globalNavCompartmentInner .gsearch #cse-search-form #cse-search-query:-ms-input-placeholder {
        color: #d5d7da;
        font-weight: normal;
    }
    .responsive .globalNavCompartmentInner .gsearch #cse-search-form #cse-search-query::-moz-placeholder {
        color: #d5d7da;
        font-weight: normal;
    }
    .responsive .globalNavCompartmentInner .gsearch #cse-search-form .search-button {
        display: block;
        position: absolute;
        top: 0px;
        right: -5px;
        width: 40px;
        height: 29px;
        z-index: 2;
        background-size: 15px 15px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/button/btn_search4_sp.png");
        border: none;
        background-color: transparent;
        cursor: pointer;
        outline: none;
    }
}
@media all and (-ms-high-contrast:none) {
    .responsive .globalNavCompartmentInner .gsearch #cse-search-form #cse-search-query {
        height: 29px;
    }
}

@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .misc {
        background-color: #414b57;
        padding: 8px 0 0 1px;
        box-sizing: border-box;
        width: 268px;
    }
    .responsive .globalNavCompartmentInner .misc ul {
        overflow: hidden;
        margin-left: -1px;

    }
    .responsive .globalNavCompartmentInner .misc ul li {
        width: 89px;
        float: left;
    }
    .responsive .globalNavCompartmentInner .misc ul li a {
        display: block;
        height: 27px;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        background-color: #545d68;
        margin: 0 0 1px 1px;
        text-align: center;
        padding-top: 62px;
        background-repeat: no-repeat;
        background-position: 50% 22px;
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/header/headnav_access_sp.png");
    }
    .responsive .globalNavCompartmentInner .misc ul li:nth-child(1) a {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/header/headnav_access_sp.png");
        background-size: 33px 25px;
    }
    .responsive .globalNavCompartmentInner .misc ul li:nth-child(2) a {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/header/headnav_otoiawase_sp.png");
        background-size: 29px 22px;
    }
    .responsive .globalNavCompartmentInner .misc ul li:nth-child(3) a {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/header/headnav_english_sp.png");
        background-size: 28px 26px;
    }
    .responsive .globalNavCompartmentInner .misc ul li:nth-child(4) a {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/twitter_sp.png");
        background-size: 33px 26px;
        background-position: 50% 50%;
        background-color: #55acee;
    }
    .responsive .globalNavCompartmentInner .misc ul li:nth-child(5) a {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/facebook_sp.png");
        background-size: 17px 33px;
        background-position: 50% 50%;
        background-color: #315096;
    }
    .responsive .globalNavCompartmentInner .misc ul li:nth-child(6) a {
        background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/icons_bullets/line_sp.png");
        background-size: 40px 39px;
        background-position: 50% 50%;
        background-color: #00c300;
    }
}

.responsive .globalNavCompartmentInner .social {
    text-align: center;
    margin-top: 15px;
    font-size: 0;
    padding-bottom: 40px;
}
.responsive .globalNavCompartmentInner .social ul {
    display: inline-block;
    overflow: hidden;
    margin-left: -8px;

}
.responsive .globalNavCompartmentInner .social ul li {
    float: left;
    padding-left: 8px;
}
.responsive .globalNavCompartmentInner .social ul li a {
    display: block;
    width: 38px;
    height: 38px;
    border: 1px solid #e8ebee;
    border-radius: 19px;
    box-sizing: border-box;
    transition-property: background-color,border-color;
    transition-duration: 150ms;
}
.responsive .globalNavCompartmentInner .social ul li:nth-child(1) a {
    padding-top: 10px;
}
.responsive .globalNavCompartmentInner .social ul li:nth-child(2) a {
    padding-top: 9px;
}
.responsive .globalNavCompartmentInner .social ul li:nth-child(3) a {
    padding-top: 8px;
}
.responsive .globalNavCompartmentInner .social ul li:nth-child(1) a:hover {
    background-color: #55acee;
    border-color: #55acee;
}
.responsive .globalNavCompartmentInner .social ul li:nth-child(2) a:hover {
    background-color: #315096;
    border-color: #315096;
}
.responsive .globalNavCompartmentInner .social ul li:nth-child(3) a:hover {
    background-color: #00c300;
    border-color: #00c300;
}
.responsive .globalNavCompartmentInner .social ul li a img {
    margin: 0 auto;
}

@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .closeButton {
        display: none;
        left: 240px;
        top: 0;
        width: 56px;
        height: 56px;
        position: fixed;
        background-color: #414b57;
        cursor: pointer;
    }
    .responsive .globalNavCompartmentInner .closeButton:hover {
        background-color: #343c46;
    }
    .responsive .globalNavCompartmentInner .closeButton::before {
        display: block;
        content: "";
        position: absolute;
        top: 16px;
        left: 26px;
        width: 4px;
        height: 24px;
        background-color: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .responsive .globalNavCompartmentInner .closeButton::after {
        display: block;
        content: "";
        position: absolute;
        top: 16px;
        left: 26px;
        width: 4px;
        height: 24px;
        background-color: #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .closeButton {
        left: auto;
        right: 268px;
        top: 0;
        width: 52px;
        height: 52px;
        position: fixed;
    }
    .responsive .globalNavCompartmentInner .closeButton::before {
        top: 15px;
        left: 24px;
        height: 22px;
    }
    .responsive .globalNavCompartmentInner .closeButton::after {
        top: 15px;
        left: 24px;
        height: 22px;
    }
}

.responsive .globalNavCompartmentInner .globalNavCompartmentBackground {
    display: none;
}
@media (max-width: 1121px) { /* TB */
    .responsive .globalNavCompartmentInner .globalNavCompartmentBackground {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 0;
        background-color: #fff;
        z-index: -1;
    }
}
@media screen and (max-width: 767px) {
    .responsive .globalNavCompartmentInner .globalNavCompartmentBackground {
        display: none;
    }
}

.responsive .mainDivision {
    display: table-cell;
    width: auto;
    vertical-align: top;
}
@media (min-width: 1261px) {
    .responsive .mainDivision {
        width: 1100px;
    }
}
@media (max-width: 1121px) {
    .responsive .mainDivision {
        display: block;
        width: auto;
    }
}
@media print {
    .responsive .mainDivision {
        display: block;
        width: auto;
    }
}

.responsive .mainDivision .topCompartment {
    border-left: 1px solid #83909e;
    background-color: #92a0b0;
}
@media (max-width: 1121px) {
    .responsive .mainDivision .topCompartment {
        height: 56px;
    }
}
@media screen and (max-width: 767px) {
    .responsive .mainDivision .topCompartment {
        height: 52px;
    }
}
@media (max-width: 1121px) {
    .responsive .mainDivision .topCompartment .topCompartmentInner {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        min-width: 962px;
        z-index: 98;
        background-color: #92a0b0;
    }
}
@media print and (max-width: 1121px) {
    .responsive .mainDivision .topCompartment .topCompartmentInner {
        position: absolute;
    }
}

.responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu {
    display: none;
}
@media (max-width: 1121px) {
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 237px;
        height: 56px;
        cursor: pointer;
        z-index: 300;
    }
}
@media print {
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 237px;
        height: 56px;
        cursor: pointer;
        z-index: 300;
    }
}
@media screen and (max-width: 767px) {
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu {
        width: 100%;
        height: 52px;
        background-color: #fff;
        border-right: none;
        border-bottom: none;
        -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
        border-right: 1px solid rgba(0,0,0,0.1);
    }
}
@media print, screen and (max-width: 1121px) {
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu::after {
        display: block;
        content: "";
        height: 0;
        clear: both;
    }
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu .hamburgerMenu_button {
        width: 24px;
        height: 24px;
        padding: 16px;
        background-color: #414b57;
        float: left;
    }
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu .hamburgerMenu_button::after {
        display: block;
        content: "";
        width: 24px;
        height: 24px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)),color-stop(40%, rgba(255,255,255,1)),color-stop(40%, rgba(0,0,0,0)),to(rgba(0,0,0,0)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
        background-size: 24px 10px;
    }
}
@media screen and (max-width: 767px) {
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu .hamburgerMenu_button {
        float: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 22px;
        height: 22px;
        padding: 15px;
    }
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu .hamburgerMenu_button::after {
        width: 22px;
        height: 22px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)),color-stop(44.44%, rgba(255,255,255,1)),color-stop(44.44%, rgba(0,0,0,0)),to(rgba(0,0,0,0)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 44.44%,rgba(0,0,0,0) 44.44%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 44.44%,rgba(0,0,0,0) 44.44%,rgba(0,0,0,0) 100%);
        background-size: 22px 9px;
    }
}
@media (max-width: 1121px) {
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu .hamburgerMenu_button:hover {
        background-color: #343c46;
    }
}
@media print, screen and (max-width: 1121px) {
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu .hamburgerMenu_logo {
        width: 181px;
        height: inherit;
        float: right;
    }
}
@media screen and (max-width: 767px) {
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu .hamburgerMenu_logo {
        width: auto;
        float: none;
    }
}
@media print, screen and (max-width: 1121px) {
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu .hamburgerMenu_logo a {
        display: block;
        height: inherit;
        background-color: #fff;
        text-align: center;
        font-size: 0;
        padding-top: 20px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 767px) {
    .responsive .mainDivision .topCompartment .topCompartmentInner .hamburgerMenu .hamburgerMenu_logo a {
        text-align: left;
        padding-top: 17px;
        padding-left: 15px;
    }
}
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav {
    text-align: right;
    font-size: 0;
}
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(1) {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(1) li {
    display: inline-block;
    font-size: 0;
}
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(1) li a {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 56px;
    color: #fff;
    padding: 0 12px;
    text-decoration: none;
}
@media (max-width: 1121px) {
    .responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(1) li a {
        font-size: 12px;
        padding: 0 9px;
    }
}

.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(1) li a.current,
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(1) li a:hover {
    background-color: #a8b3c0;
}
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(2) {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(2) li {
    display: inline-block;
    font-size: 0;
}
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(2) li a {
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    width: 55px;
    height: 56px;
    padding-top: 38px;
    box-sizing: border-box;
    text-decoration: none;
    border-left: 1px solid #83909e;
    text-align: center;
    line-height: 1;
    background-repeat: no-repeat;
    background-position: 50% 12px;
}
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(2) li a:hover {
    background-color: #75808d;
    border-left: 1px solid #75808d;
}
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(2) li:nth-child(1) a {
    background-size: 24px 18px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/header/headnav_access_2x.png");
}
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(2) li:nth-child(2) a {
    background-size: 22px 16px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/header/headnav_otoiawase_2x.png");
}
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(2) li:nth-child(3) a {
    background-size: 20px 18px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/header/headnav_english_2x.png");
}
.responsive .mainDivision .topCompartment .topCompartmentInner .headerNav ul:nth-child(2) li:nth-child(4) a {
    background-size: 19px 19px;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/header/headnav_search_2x.png");
}

.responsive .mainDivision .middleCompartment {
    border-left: 1px solid #e5e5e5;
    background-color: #fff;
}

@media (max-width: 1121px) { /* TB */
    .responsive .mainDivision .middleCompartment {
        border-left: none;
    }
}
.responsive .mainDivision .middleCompartment .middleSplitCompartment {
    /*    overflow: hidden;*/
    padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
    .responsive .mainDivision .middleCompartment .middleSplitCompartment {
        padding-bottom: 0;
    }
}
.responsive .mainDivision .middleCompartment .middleSplitCompartment::after {
    clear: both;
    display: block;
    content: "";
    height: 0;
}
.responsive .mainDivision .middleCompartment .middleSplitCompartment .middleSplitLeftCompartment {
    float: left;
    width: 80%;
}
@media print {
    .responsive .mainDivision .middleCompartment .middleSplitCompartment .middleSplitLeftCompartment {
        width: 80% !important;
    }
}
@media screen and (max-width: 767px) {
    .responsive .mainDivision .middleCompartment .middleSplitCompartment .middleSplitLeftCompartment {
        float: none;
        width: auto;
    }
}
.responsive .mainDivision .middleCompartment .middleSplitCompartment .middleSplitLeftCompartment #mainCompartment {
    float: none;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .responsive .mainDivision .middleCompartment .middleSplitCompartment .middleSplitLeftCompartment #mainCompartment {
        width: auto;
    }
}
.responsive .mainDivision .middleCompartment .middleSplitCompartment .middleSplitRightCompartment {
    float: right;
    width: 20%;
    box-sizing: border-box;
    padding: 0 20px 0 0;
    position: relative;
}
@media print {
    .responsive .mainDivision .middleCompartment .middleSplitCompartment .middleSplitRightCompartment {
        width: 20% !important;
    }
}
@media screen and (max-width: 767px) {
    .responsive .mainDivision .middleCompartment .middleSplitCompartment .middleSplitRightCompartment {
        display: none;
    }
    .responsive .mainDivision .middleCompartment .middleSplitCompartment .middleSplitRightCompartment.middleSplitRightCompartmentSPVisible {
        display: block;
        float: none;
        width: auto;
        padding: 20px 10px 0;
        background-color: #f4f7f9;
    }
}
.responsive .mainDivision .middleCompartment .middleSplitCompartment .middleSplitRightCompartment #sideCompartment {
    float: none;
    width: auto;
}
@media print {
    .responsive .mainDivision .middleCompartment .middleSplitCompartment .middleSplitRightCompartment #sideCompartment {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        bottom: auto !important;
    }
}

.responsive .footerDivision {
    border-top: 1px solid #ddd;
}

.responsive .footerDivision:has(&gt; .linkCompartment) {
    border-top: none;
}

.responsive .footerDivision .linkCompartment {
    background-color: #9ca0a5;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    padding: 82px 48px 72px;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment {
        padding: 25px 10px 25px;
    }
}

.responsive .footerDivision .linkCompartment .cols {
    overflow: hidden;
    margin-left: -30px;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols {
        margin-left: 0;
    }
}
.responsive .footerDivision .linkCompartment .cols .col {
    float: left;
    width: 25%;
    padding-left: 30px;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col {
        float: none;
        width: auto;
        padding-left: 0;
    }
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl {
    margin-top: 28px;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl {
        border-bottom: 1px solid #ced0d2;
        margin-top: 0;
    }
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl:first-child {
    margin-top: 0;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col:first-child &gt; dl:first-child {
        border-top: 1px solid #ced0d2;
    }
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dt {
    border-bottom: 1px solid #ced0d2;
    padding-bottom: 6px;
    font-size: 0;
    position: relative;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dt {
        border-bottom: none;
        padding-bottom: 0;
    }
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dt &gt; .icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: 0 50%;
    vertical-align: middle;
    width: 24px;
    height: 24px;
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dt &gt; a {
    display: inline-block;
    color: inherit;
    font-size: 16px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 27px;
    line-height: 1.5;
    vertical-align: middle;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dt &gt; a {
        font-size: 14px;
        display: block;
        padding-top: 9px;
        padding-bottom: 9px;
        margin-left: -10px;
        padding-left: 35px;
    }
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dt &gt; a:hover {
    color: #e3e3e3;
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dt.nolink &gt; a:hover {
    cursor: default;
    color: #fff;
    text-decoration: none;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dt.nolink &gt; a:hover {
        cursor: pointer;
        color: #e3e3e3;
    }
}

.responsive .footerDivision .linkCompartment .cols .col:nth-child(1) &gt; dl:nth-child(1) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link01_2x.png");
    background-size: 20px 20px;
    height: 20px;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(1) &gt; dl:nth-child(2) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link02_2x.png");
    background-size: 22px 20px;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(2) &gt; dl:nth-child(1) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link03_2x.png");
    background-size: 22px 17px;
    background-position: 0 36%;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(2) &gt; dl:nth-child(2) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link04_2x.png");
    background-size: 18px 22px;
    background-position: 43% 22%;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(2) &gt; dl:nth-child(3) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link05_2x.png");
    background-size: 19px 19px;
    background-position: 61% 27%;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(2) &gt; dl:nth-child(4) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link06_2x.png");
    background-size: 22px 22px;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(3) &gt; dl:nth-child(1) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link07_2x.png");
    background-size: 17px 22px;
    background-position: 37% 23%;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(3) &gt; dl:nth-child(2) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link08_2x.png");
    background-size: 24px 16px;
    background-position: 0 23%;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(3) &gt; dl:nth-child(3) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link09_2x.png");
    background-size: 17px 24px;
    background-position: 4px 0px;
    top: -3px;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(3) &gt; dl:nth-child(4) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link10_2x.png");
    background-size: 18px 22px;
    background-position: 3px 50%;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(3) &gt; dl:nth-child(5) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link11_2x.png");
    background-size: 22px 22px;
    background-position: 0 0;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(4) &gt; dl:nth-child(1) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link12_2x.png");
    background-size: 22px 18px;
    top: -2px;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(4) &gt; dl:nth-child(2) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link13_2x.png");
    background-size: 22px 22px;
    background-position: 2px 50%;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(4) &gt; dl:nth-child(3) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link14_2x.png");
    background-size: 22px 16px;
    background-position: 0px 33%;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(4) &gt; dl:nth-child(4) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link15_2x.png");
    background-size: 22px 20px;
}
.responsive .footerDivision .linkCompartment .cols .col:nth-child(4) &gt; dl:nth-child(5) &gt; dt &gt; .icon {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/footer/link16_2x.png");
    background-size: 20px 22px;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(1) &gt; dl:nth-child(1) &gt; dt &gt; .icon {
        background-size: 18px 18px;
        background-position: 1px 9px;
        height: 39px;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(1) &gt; dl:nth-child(2) &gt; dt &gt; .icon {
        background-size: 19px 18px;
        background-position: 1px 10px;
        height: 39px;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(2) &gt; dl:nth-child(1) &gt; dt &gt; .icon {
        background-size: 20px 15px;
        background-position: 0px 11px;
        height: 39px;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(2) &gt; dl:nth-child(2) &gt; dt &gt; .icon {
        background-size: 16px 19px;
        background-position: 3px 9px;
        height: 39px;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(2) &gt; dl:nth-child(3) &gt; dt &gt; .icon {
        background-size: 17px 17px;
        background-position: 2px 9px;
        height: 39px;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(2) &gt; dl:nth-child(4) &gt; dt &gt; .icon {
        background-size: 19px 19px;
        height: 39px;
        background-position: 1px 50%;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(3) &gt; dl:nth-child(1) &gt; dt &gt; .icon {
        background-size: 14px 19px;
        background-position: 3px 9px;
        height: 39px;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(3) &gt; dl:nth-child(2) &gt; dt &gt; .icon {
        background-size: 21px 14px;
        background-position: 0 12px;
        height: 39px;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(3) &gt; dl:nth-child(3) &gt; dt &gt; .icon {
        background-size: 15px 21px;
        background-position: 3px 6px;
        height: 39px;
        top: 0;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(3) &gt; dl:nth-child(4) &gt; dt &gt; .icon {
        background-size: 16px 19px;
        background-position: 3px 10px;
        height: 39px;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(3) &gt; dl:nth-child(5) &gt; dt &gt; .icon {
        background-size: 19px 19px;
        background-position: 1px 8px;
        height: 39px;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(4) &gt; dl:nth-child(1) &gt; dt &gt; .icon {
        background-size: 19px 16px;
        background-position: 1px 10px;
        height: 39px;
        top: 0;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(4) &gt; dl:nth-child(2) &gt; dt &gt; .icon {
        background-size: 19px 19px;
        background-position: 1px 10px;
        height: 39px;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(4) &gt; dl:nth-child(3) &gt; dt &gt; .icon {
        background-size: 19px 15px;
        background-position: 1px 11px;
        height: 39px;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(4) &gt; dl:nth-child(4) &gt; dt &gt; .icon {
        background-size: 19px 17px;
        background-position: 1px 10px;
        height: 39px;
    }
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(4) &gt; dl:nth-child(5) &gt; dt &gt; .icon {
        background-size: 18px 19px;
        background-position: 1px 10px;
        height: 39px;
    }
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dt &gt; .opener {
        background-color: #babdc0;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 0;
        right: 0;
        border: 10px solid #9ca0a5;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dt &gt; .opener::before {
        display: block;
        content: "";
        height: 2px;
        width: 10px;
        background-color: #fff;
        position: absolute;
        left: 3px;
        top: 7px;
    }
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dt &gt; .opener::after {
        display: block;
        content: "";
        height: 10px;
        width: 2px;
        background-color: #fff;
        position: absolute;
        left: 7px;
        top: 3px;
    }
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl.open &gt; dt &gt; .opener::after {
        display: none;
    }
}

.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd {
    margin-top: 11px;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd {
        margin-top: 0;
        margin-left: 25px;
        display: none;
    }
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl.open &gt; dd {
        display: block;
    }
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dt {
    margin-top: 11px;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dt {
        margin-top: 0;
    }
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl:first-child &gt; dt {
    margin-top: 0;
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dt &gt; a,
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd &gt; a {
    color: #fff;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 1.5;
    text-align: left;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dt &gt; a,
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd &gt; a {
        display: block;
        border-top: 1px solid #b5b8bc;
        font-weight: bold;
        margin-bottom: 0;
        padding: 7px 0 6px;
    }
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dt &gt; a:hover,
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd &gt; a:hover {
    color: #e3e3e3;
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dt &gt; a {
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col:nth-child(1) &gt; dl:nth-child(1) &gt; dd &gt; dl &gt; dd &gt; a {
        padding-left: 10px;
        font-weight: normal;
    }
}

.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd.researcherdb #cse-search-form2 {
    display: block;
    position: relative;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd.researcherdb #cse-search-form2 {
        margin-bottom: 10px;
        margin-right: 37px;
    }
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd.researcherdb #cse-search-form2 .search {
    font-size: 0;
    background-color: #cccccc;
    padding-left: 10px;
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd.researcherdb #cse-search-query2 {
    display: block;
    vertical-align: top;
    font-size: 12px;
    line-height: 26px;
    box-sizing: border-box;
    outline: none;
    border: none !important;
    width: 100%;
    padding-right: 30px !important;
    background-color: #cccccc !important;
    color: #fff;
    height: 30px;
}
@supports (-ms-ime-align:auto) { /* Edge */
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd.researcherdb #cse-search-query2 {
        text-indent: 25px !important;
    }
    .responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd.researcherdb #cse-search-query2:focus {
        text-indent: 0 !important;
    }
}

.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd.researcherdb #cse-search-query2::-webkit-input-placeholder {
    color: #d5d7da;
    font-weight: normal;
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd.researcherdb #cse-search-query2:-ms-input-placeholder {
    color: #d5d7da;
    font-weight: normal;
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd.researcherdb #cse-search-query2::-moz-placeholder {
    color: #d5d7da;
    font-weight: normal;
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd.researcherdb .search-button {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    z-index: 2;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/button/btn_search3_2x.png");
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.responsive .footerDivision .linkCompartment .cols .col &gt; dl &gt; dd &gt; dl &gt; dd.researcherdb .search-button:hover {
    background-image: url("https://www.kanazawa-it.ac.jp/h1s/images/common/button/btn_search3_2x_on.png");
}

.responsive .footerDivision .miscCompartment {
    position: relative;
    padding: 0 48px;
    overflow: hidden;
    background-color: #fff;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .miscCompartment {
        padding: 0 31px;
    }
}
.responsive .footerDivision .miscCompartment .logoBlock {
    width: 236px;
    height: 26px;
    font-size: 0;
    float: left;
    margin-top: 67px;
    margin-bottom: 68px;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .miscCompartment .logoBlock {
        float: none;
        width: auto;
        height: auto;
        margin-top: 40px;
        margin-bottom: 0;
        padding-bottom: 25px;
        border-bottom: 1px solid #e5e5e5;
        text-align: center;
    }
    .responsive .footerDivision .miscCompartment .logoBlock a img {
        width: 194px;
        height: 21px;
    }
}

.responsive .footerDivision .miscCompartment .kitIctLogoBlock {
    width: 189px;
    height: 60px;
    float: left;
    margin-top: 50px;
    margin-bottom: 51px;
    @media screen and (max-width: 767px) {
        float: none;
        width: auto;
        height: auto;
        margin-top: 40px;
        margin-bottom: 0;
        padding-bottom: 25px;
        border-bottom: 1px solid #e5e5e5;
        text-align: center;
    }
    &amp; img {
        width: 189px;
        height: auto;
    }
}

.responsive .footerDivision .miscCompartment .evalutionBlock {
    float: right;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .miscCompartment .evalutionBlock {
        float: none;
        text-align: center;
        font-size: 0;
        margin-bottom: 41px;
    }
    .responsive .footerDivision .miscCompartment .evalutionBlock ul {
        display: inline-block;
        text-align: center;
        font-size: 0;
    }
}
.responsive .footerDivision .miscCompartment .evalutionBlock ul li {
    float: left;
}
.responsive .footerDivision .miscCompartment .evalutionBlock ul li:nth-child(1) {
    margin-right: 32px;
    margin-top: 40px;
}
.responsive .footerDivision .miscCompartment .evalutionBlock ul li:nth-child(2) {
    margin-right: 28px;
    margin-top: 48px;
}
.responsive .footerDivision .miscCompartment .evalutionBlock ul li:nth-child(3) {
    margin-right: 28px;
    margin-top: 40px;
}
.responsive .footerDivision .miscCompartment .evalutionBlock ul li:nth-child(4) {
    margin-top: 40px;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .miscCompartment .evalutionBlock ul li:nth-child(1) {
        margin-right: 31px;
        margin-top: 21px;
    }
    .responsive .footerDivision .miscCompartment .evalutionBlock ul li:nth-child(1) a img {
        width: 35px;
        height: 51px;
    }
    .responsive .footerDivision .miscCompartment .evalutionBlock ul li:nth-child(2) {
        margin-right: 33px;
        margin-top: 26px;
    }
    .responsive .footerDivision .miscCompartment .evalutionBlock ul li:nth-child(2) a img {
        width: 59px;
        height: 41px;
    }
    .responsive .footerDivision .miscCompartment .evalutionBlock ul li:nth-child(3) {
        margin-right: 33px;
        margin-top: 22px;
    }
    .responsive .footerDivision .miscCompartment .evalutionBlock ul li:nth-child(3) a img {
        width: 34px;
        height: 50px;
    }
    .responsive .footerDivision .miscCompartment .evalutionBlock ul li:nth-child(4) {
        margin-top: 22px;
    }
    .responsive .footerDivision .miscCompartment .evalutionBlock ul li:nth-child(4) a img {
        width: 77px;
        height: 50px;
    }
}

.responsive .footerDivision .footerNavCompartment {
    background-color: #eaebed;
    border-top: 1px solid #d2d3d5;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .footerNavCompartment {
        border-top: none;
    }
}
.responsive .footerDivision .footerNavCompartment ul {
    overflow: hidden;
    margin-left: 48px;
    border-left: 1px solid #d2d3d5;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .footerNavCompartment ul {
        margin-left: 0;
        border-left: none;
    }
}
.responsive .footerDivision .footerNavCompartment ul li {
    float: left;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .footerNavCompartment ul li {
        width: 50%;
    }
}
.responsive .footerDivision .footerNavCompartment ul li a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #444444;
    text-decoration: none;
    line-height: 55px;
    padding: 0 16px;
    border-right: 1px solid #d2d3d5;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .footerNavCompartment ul li a {
        font-size: 11px;
        border-top: 1px solid #d2d3d5;
        padding: 0 10px;
        line-height: 39px;
    }
    .responsive .footerDivision .footerNavCompartment ul li:nth-child(2n) a {
        border-right: none;
    }
}
.responsive .footerDivision .footerNavCompartment ul li a:hover {
    background-color: #dedfe1;
}

.responsive .footerDivision .copyCompartment {
    background-color: #414b57;
    height: 100px;
    padding: 0 48px;
    color: #fff;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .copyCompartment {
        padding: 0;
        height: 93px;
    }
}
.responsive .footerDivision .copyCompartment .ja {
    font-size: 12px;
    line-height: 100px;
    float: left;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .copyCompartment .ja {
        font-size: 10px;
        line-height: 1;
        float: none;
        padding-top: 30px;
        text-align: center;
    }
}
.responsive .footerDivision .copyCompartment .en {
    float: right;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 100px;
}
@media screen and (max-width: 767px) {
    .responsive .footerDivision .copyCompartment .en {
        float: none;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        padding-top: 13px;
    }
}

.responsive .floatingMenuDivision {
    display: none;
}</pre></body></html>