body {
    background: #282828;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a:hover {
    text-decoration: none;
    color: #333
}

#wrap {
    width: 100%;
    max-width: 1000px;
    background: #fff;
}

#header-m {
}

.tlink {
    position: absolute;
    width: 90%;
    right: 0;
    margin-top: 37px;
    list-style: none;
}

.tlink a {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    text-decoration: none;
    border-bottom: 1px solid #333333;
    line-height: 42px;
    height: 42px;
    display: block;
}

.k-info {
    padding: 3em 0;
    text-align: center;
}

.k-info:after {
    content: "";
    display: block;
    clear: both;
}

/* open access */
.open-access {
    margin-top: 2em;
    margin-bottom: 2em;
}

.open-access a {
    color: #666;
    text-decoration: none;
}

.open-access li {
    margin-bottom: 2em;
    word-break: keep-all;
}



/* .open-access li:hover:after {
    width: 50%;
} */

.open-access2 {
    margin-top: 2em;
    margin-bottom: 2em;
}

.open-access2 a {
    color: #666;
    text-decoration: none;
}

.open-access2 li {
    margin-bottom: 2em;
}
/* 
.open-access2 li:after {
    content: "";
    border-top: 1px solid #f8991b;
    width: 20%;
    display: block;
    transition: .3s;
} */
/* 
.open-access2 li:hover:after {
    width: 50%;
} */

.tit-block {
    display: block;
    position: relative;
    line-height: 2.2em;
    font-size: 18px;
    font-weight: bold;
    padding: 0 1em;
    color: #fff !important;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    text-decoration: none;
    margin-bottom: 2em;
    text-decoration: none;
    transition: .3s;
}

.tit-block span {
    position: absolute;
    right: 1em;
    top: 0px;
    font-size: 14px;
    font-weight: normal;
}

.col-ijpem {
    border-right: 1px solid #dfdfdf;
}

.col-ijpem-gt {
    border-right: 1px solid #dfdfdf;
}
.col-ijpem-st {
    border-right: 1px solid #dfdfdf;
}

.col-ijpem .tit-block {
    border: 1px solid #f8991b;
    background: #f8991b url(../images/bg2.jpg) 50% 0 repeat-y !important;
}
.title_box .tit-block>div.d-flex{
    width: 100%;
    max-width: 297px;
}
.col-ijpem .tit-block>div.d-flex{
    background-color: #f8991b;
}
.col-ijpem-gt .tit-block>div.d-flex{
    background-color: #26a665;
}
.col-ijpem-st .tit-block>div.d-flex{
    background-color: #59cedf;
}
.col-jkspe .tit-block>div.d-flex{
    background-color: #2b3972;
}
.col-ijpem span {
    color: #f8991b;
}

.col-ijpem-gt .tit-block {
    border: 1px solid #26a665;
    background: #26a665 url(../images/bg3.jpg) 50% 0 repeat-y !important;
}

.col-ijpem-gt span {
    color: #26a665;
}

.open-access .col-ijpem-gt li:after {
    border-color: #26a665;
}

.col-ijpem-st .tit-block {
    border: 1px solid #59cedf;
    background: #59cedf url(../images/bg6.jpg) 50% 0 repeat-y !important;
}

.col-ijpem-st span {
    color: #59cedf;
}

.open-access .col-ijpem-st li:after {
    border-color: #59cedf;
}

.col-jkspe .tit-block {
    border: 1px solid rgb(0, 0, 128);
    background: rgb(0, 0, 128) url(../images/bg4.jpg) 50% 0 repeat-y !important;
}

.col-jkspe span {
    color: #2b3972;
}

.open-access .col-jkspe li:after {
    border-color: #2b3972;
}

.col-kspe .tit-block {
    border: 1px solid #333333;
    background: #333333 url(../images/bg5.jpg) 50% 0 repeat-y !important;
}

.col-kspe span {
    color: #333333;
}

.open-access .col-jkspe li:after {
    border-color: #333333;
}

.tit-block:hover {
    background-position: 0 0;
    color: #ffffff;
}

.greeting {
    border-top: 3px solid #b4b2d9;
    padding-top: 3em;
}

.m-item {
    background: #f1f1f1;
}

.m-item-2-list {
    background-size: cover;
    text-align: center   !important;
}

.m-item-2 .more{
    margin-top: 30px;
}
.m-item .main10_tit {
    display: block;
    width: 100%;
    padding: 34px 15px;
    font-size: 24px;
    color: #333333;
    letter-spacing: -1.5px;
}

.m-item .main10_tit a {
    font-size: 16px;
    color: #fff;
    background: #325199;
    border-radius: 50px;
    float: right;
    padding: 6px 58px 9px;
}

.m-item .main10_1 {
    text-align: center;
    position: relative;
}

.m-item .main10_2 {
    text-align: center;
    position: relative;
}

.m-item .bar {
    border-right: 1px solid #ddd;
    height: 164px;
    margin-top: 15px;
}

.m-item .sub_t {
    text-decoration: underline;
    vertical-align: 60px;
    font-size: 24px;
    color: #325199;
    margin-right: 10px;
    position: absolute;
    left: 21%;
}

.m-item p {
    padding: 20px 0 23px;
    padding-left: 0;
    font-size: 22px;
    font-weight: 300;
}

.m-item2 {
    background: #f1f1f1;
}

.m-item2 div:nth-child(2) {
    background: url(../images/sub10_1.jpg) 54% 0% no-repeat;
    background-size: cover;
}

.m-item2 .main10_tit {
    display: block;
    width: 100%;
    padding: 34px 15px;
    font-size: 24px;
    color: #333333;
    letter-spacing: -1.5px;
}

.m-item2 .main10_tit a {
    font-size: 16px;
    color: #fff;
    background: #325199;
    border-radius: 50px;
    float: right;
    padding: 6px 58px 9px;
}

.m-item2 .main10_1 {
    text-align: center;
    position: relative;
}

.m-item2 .main10_2 {
    text-align: center;
    position: relative;
}

.m-item2 .bar {
    border-right: 1px solid #ddd;
    height: 164px;
    margin-top: 15px;
}

.m-item2 .sub_t {
    text-decoration: underline;
    vertical-align: 60px;
    font-size: 24px;
    color: #325199;
    margin-right: 10px;
    position: absolute;
    left: 21%;
}

.m-item2 p {
    padding: 20px 0 23px;
    padding-left: 0;
    font-size: 22px;
    font-weight: 300;
}


.m-item3 {
    background: #f1f1f1;
    padding: 0 4%;
    border-top:1px solid #e1e1e1;
}

.m-item3 div:first-child {
}

.m-item3 .main10_tit {
    display: block;
    width: 100%;
    padding: 34px 15px;
    font-size: 24px;
    color: #333333;
    letter-spacing: -1.5px;
}

.m-item3 .main10_tit a {
    font-size: 16px;
    color: #fff;
    background: #325199;
    border-radius: 50px;
    float: right;
    padding: 6px 58px 9px;
}

.m-item3 .main10_1 {
    text-align: center;
    position: relative;
}

.m-item3 .main10_2 {
    text-align: center;
    position: relative;
}

.m-item3 .bar {
    border-right: 1px solid #ddd;
    height: 164px;
    margin-top: 15px;
}

.m-item3 .sub_t {
    text-decoration: underline;
    vertical-align: 60px;
    font-size: 24px;
    color: #325199;
    margin-right: 10px;
    position: absolute;
    left: 14%;
}

.m-item3 p {
    padding: 20px 0 23px;
    padding-left: 0;
    font-size: 22px;
    font-weight: 300;
}

.m-item4 {
    background: #f5f5f5;
}

.m-item4 div:last-child {
    background: url(../images/img6.jpg) 50% 0% no-repeat;
    background-size: contain;
}

.f-bold {
    font-weight: bold;
}

dl {
}

dl dt {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
}

dl dd {
    margin-bottom: 10px;
    display: block;
    word-break: keep-all;
}

dl dd.more {
    margin-top: 30px;
    text-align: center;
  
}

dl a {
    display: inline-block;
    border-radius: 3em;
    background: #3e3d4d;
    padding: .3em 1em;
}

dl a font {
    color: #fff;
    opacity: .8;
    transition: .3s;
}

dl a:hover font {
    opacity: 1;
}

.padd{
    padding: 24px 30px;
    margin: 0;
}
dl.padd {
    padding: 40px 30px;
    margin: 0;
}


.blink {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #e0e0e0;
}


.blink li {
    width: calc(100% / 3);
}

.blink li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.title_box span u{
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid #f8991b;
}
.title_box.col-ijpem-gt span u{
    border-color: #26a665;
}
.title_box.col-jkspe span u{
    border-color: #2b3972;
}

.m-item-2:first-child div:first-child {background: #fff; padding: 39px 30px;}
.m-item-2-list .m-item-2-list-img {
    background: url(../images/sub11_1.jpg) 0% 70% no-repeat;
    background-size: cover;
    height: 305px;
}
.m-item-1-list .m-item-1-list-img {
    background: url(../images/sub10_0.jpg) 0% 70% no-repeat;
    background-size: cover;
    height: 305px;
}
@media (min-width: 768px) {
    .col-md-6 {
        max-width: 49.9%;
        padding: 0 30px;
    }
}

@media only screen and (max-width: 992px) {
    .k-info {
        padding-top: 6em;
    }
}

@media only screen and (max-width: 768px) {
    .col-md-6 {
        padding: 0 15px;
    }
    .navi div,
    .open-access div {
        border: none;
    }

    .navi ul li {
        border-bottom: 1px dotted #dfdfdf;
        margin-bottom: 10px;
    }

    .navi ul li:last-child {
        border: none;
    }

    .m-item3 .main10_1 {
        padding: 0 0 35px;
    }
    .title_box .tit-block>div.d-flex{
        justify-content: start !important;
        width: fit-content;
        max-width: none;
    }
}