@charset "UTF-8";

/*
information{
    file name : /css/styles/modules/misc.css;
    site name : KIT 虎ノ門大学院ホームページ;
    copyrihgt : Copyright Kanazawa Institute of Technology.;
    explanation : リストのモジュールを定義;
}
*/

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

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


/* [DL] dl.normalDef
-----------------------------------------------    */
#bodyDivision dl.normalDef dt {
    margin: 0 0 25px 0;
    line-height:1.5;
}
@media screen and (max-width: 767px) {
    .responsive #bodyDivision dl.normalDef dt {
        margin-bottom: 10px;
    }
}

#bodyDivision dl.normalDef dd {
    margin: 0 0 1px 0;
    line-height:1.5;
}

/* [DL] dl.normalNarrowDef
-----------------------------------------------    */
#bodyDivision dl.normalNarrowDef dt {
    margin: 0 0 15px 0;
    line-height:1.5;
}

#bodyDivision dl.normalNarrowDef dd {
    margin: 0 0 1px 0;
    line-height:1.5;
}


/* [DL] dl.plainDef
-----------------------------------------------    */
#bodyDivision dl.plainDef dt {
    margin: 0 0 5px 0;
    line-height:1.5;
    font-weight: bold;
}

#bodyDivision dl.plainDef dd {
    margin: 0 0 1px 0;
    line-height:1.5;
    p:last-child {
        margin-bottom: 0;
    }
}

/* [DL] dl.inlineDef
-----------------------------------------------    */
#bodyDivision dl.inlineDef dt {
    display: inline;
    margin: 0 0 5px 0;
    line-height:1.5;
    font-weight: bold;
}

#bodyDivision dl.inlineDef dd {
    display: inline;
    margin: 0 0 0 1.5em;
    line-height:1.5;
}

/* [DL] dl.seminar-def
-----------------------------------------------    */
dl.seminar-def {
    min-height: 1px;
}

dl.seminar-def:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html dl.seminar-def {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

dl.seminar-def dt {
    float: left;
    width: 6.5em;
    line-height:1.5;
    font-weight: bold;
    letter-spacing: 0.5em;
    text-align: justify;
    text-justify: distribute-all-lines;
}


dl.seminar-def dd {
    float: left;
    margin: 0 0 0 1.5em;
    line-height:1.5;
}


/* [UL] ul.plainList
-----------------------------------------------    */
#bodyDivision ul.plainList li {
    line-height:1.8;
}

#bodyDivision ul.plainList li span.icon {
    vertical-align: -3px;
}



/* [UL] ul.inlineList
-----------------------------------------------    */
#bodyDivision ul.inlineList li {
    display: inline;
    line-height:1.7;
}



/* [UL/OL] ul.alphabetList,ol.alphabetList
-----------------------------------------------    */
ul.alphabetList,
ol.alphabetList {
    margin-left: 2em;
    
}

ul.alphabetList li,
ol.alphabetList li {
    list-style-type: lower-alpha;
    line-height: 1.7;
}


/* [UL/OL] ul.numList,ol.numList
-----------------------------------------------    */
ul.numList,
ol.numList {
    margin-left: 2.5em;
    
}

ul.numList li,
ol.numList li {
    text-indent: 0;
    list-style-type: decimal;
    line-height: 1.7;
}
@media screen and (max-width: 767px) {
    .responsive ul.numList li,
    .responsive ol.numList li {
        line-height: 1.38;
    }
}

/* [UL/OL] ul.discList
-----------------------------------------------    */
ul.discList {
    margin-left: 2em;
    
}

ul.discList li {
    text-indent: 0;
    list-style-type: disc;
    line-height: 1.7;
}

/* [UL/OL] ul.squareList
-----------------------------------------------    */
ul.squareList {
    margin-left: 2em;
    
}

ul.squareList li {
    text-indent: 0;
    list-style-type: square;
    line-height: 1.7;
}


/* [UL/OL] ul.markList,ol.markList
-----------------------------------------------    */
ul.markList,
ol.markList {
    margin-left: 2em;
}

ul.markList li,
ol.markList li {
    min-height: 1px;
    text-indent: -1.5em;
    _text-indent: 0;
    line-height: 1.7;
}

ul.markList li:after,
ol.markList li:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html ul.markList li,
* html ol.markList li {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

ul.markList li span.mark {
    display: block;
    float: left;
    width: 1.5em;
}


/* .bracketsNumberList
-----------------------------------------------    */
.bracketsNumberList {
    margin-bottom: 1.5em;
}

.bracketsNumberList > ul > li {
    text-indent: -1.4em;
    margin-left: 1.4em;
    margin-bottom: 0.4em;
}
.bracketsNumberList.simple > ul > li {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .responsive .bracketsNumberList > ul > li {
        text-indent: -1.68em;
        margin-left: 1.68em;
    }
}

.bracketsNumberList > ul > li.bracketsNumberListLiEApply {
    background-color: #fedc00;
    text-indent: 0;
    padding: 22px 30px 22px 18px;
    margin: 18px 0 17px 0;
}
@media screen and (max-width: 767px) {
    .responsive .bracketsNumberList > ul > li.bracketsNumberListLiEApply {
        padding: 15px;
        margin: 15px 0;
    }
}

.bracketsNumberList > ul > li.bracketsNumberListLiEApply .inner {
    text-indent: -1.4em;
    margin-left: 1.4em;
    color: #000;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    @media (width <= 767px) {
        display: block;
    }
    a {
        text-indent: 0;
        margin-left: 0;
    }
}

.bracketsNumberList > ul > li.bracketsNumberListLiEApply .inner .eApplyButton {
    display: flex;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #003882, #003278);
    color: #fff;
    width: 400px;
    height: 65px;
    font-size: 25px;
    text-indent: 0;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    padding-right: 25px;
    @media (width <= 1000px) {
        width: 280px;
        padding-right: 30px;
        font-size: 20px;
    }
    @media (width <= 767px) {
        position: relative;
        margin-top: 10px;
        width: auto;
        height: 40px;
        font-size: 19px;
    }
    &:hover {
        color: #fff !important;
        opacity: 0.9;
    }
}
.bracketsNumberList > ul > li.bracketsNumberListLiEApply .inner .eApplyButton::after {
    position: absolute;
    display: flex;
    align-items: center;
    inset: 0 30px 0 auto;
    color: inherit;
    transition: transform var(--hover-speed) var(--transition-func);
    transform: translateX(0);
    content: var(--icon-arrow);
    font-family: "icons" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    box-sizing: border-box;
    @media (width <= 1000px) {
        right: 20px;
    }
    @media (width <= 767px) {
        right: 15px;
    }
}
@media (hover: hover) {
    .bracketsNumberList > ul > li.bracketsNumberListLiEApply .inner .eApplyButton:hover::after {
        transform: translateX(var(--translate-arrow-distance));
    }
}

@media screen and (max-width: 767px) {
    .responsive .bracketsNumberList > ul > li.bracketsNumberListLiEApply .inner .doc {
        text-indent: -1.68em;
        margin-left: 1.68em;
    }
}


/* .diskList
-----------------------------------------------    */
.diskList {
    margin-bottom: 1.5em;
}

.diskList > ul > li {
    text-indent: -0.9em;
    margin-left:0.9em;
    position: relative;
}

.diskList > ul > li::before {
    display: inline-block;
    content: "";
    background-color: #222;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-top: -2px;
}


/* .diskAlphabetList
-----------------------------------------------    */
.diskAlphabetList {
    margin-bottom: 1.5em;
}

.diskAlphabetList > ul > li {
    text-indent: -1.4em;
    margin-left: 1.4em;
}

/* .numberList
-----------------------------------------------    */
.numberList {
    margin-bottom: 1.5em;
}

.numberList > ul > li {
    text-indent: -1.1em;
    margin-left: 1.1em;
    margin-bottom: 0.4em;
}