@charset "UTF-8";
/* CSS Document */

.main-img {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto 30px;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.ind-wrap {
    width: 98%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 80px 0 0;
    position: relative;
    overflow: hidden;
}

/**IMPORTANT**/

.ind-important-area {
    display: flex;
    align-items: center;
    padding: 1% 2.7%;
    border: 1px solid #737373;
}

.ind-important-area .important-title {
    width: 22%;
    min-width: 180px;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.ind-important-area .important-title-wrap {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.ind-important-area .important-title-wrap h2.title-en {
    width: auto;
    margin: 5px 10px 0 0;
    font-size: 190%;
    line-height: 100%;
    font-weight: 500;
    font-family: 'Barlow Condensed', sans-serif;
    color: #013E8D;
}
#site-eisc .ind-important-area .important-title-wrap h2.title-en { color: #F56E00;}
#site-itmc .ind-important-area .important-title-wrap h2.title-en { color: #013E8D;}
#site-csc .ind-important-area .important-title-wrap h2.title-en { color: #8E0B00;}
#site-dxrc .ind-important-area .important-title-wrap h2.title-en { color: #548D00;}

.ind-important-area .important-title-wrap h2.title-en:after {
    content: "";
    width: 80px;
    height: 10px;
    margin: 0;
    display: block;
    background-image: url("../img/common/page-cat-border.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#site-eisc .ind-important-area .important-title-wrap h2.title-en:after {
    background-image: url("../img/eisc/common/page-cat-border.svg");
}
#site-itmc .ind-important-area .important-title-wrap h2.title-en:after {
    background-image: url("../img/itmc/common/page-cat-border.svg");
}
#site-csc .ind-important-area .important-title-wrap h2.title-en:after {
    background-image: url("../img/csc/common/page-cat-border.svg");
}
#site-dxrc .ind-important-area .important-title-wrap h2.title-en:after {
    background-image: url("../img/dxrc/common/page-cat-border.svg");
}


.ind-important-area .important-title-wrap h3.title-ja {
    width: auto;
    font-size: 100%;
    line-height: 230%;
    font-weight: normal;
    color: #343434;
    margin: 0;
    padding: 0;
}

ul.important-list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    list-style: none;
}
ul.important-list li {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    border-bottom: solid 1px #C3C3C3;
    line-height: 160%;
}
ul.important-list li a {
    width: 100%;
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    color: #414141;
}
ul.important-list li .nl-date {
    width: 8%;
    min-width: 90px;
    margin-right: 2%;
    font-size: 90%;
}
ul.important-list li .nl-title {
    width: 90%;
    font-size: 95%;
}

/*indexメインコンテンツ*/
.ind-content-area {    
    width: 100%;
    min-height: 600px;
    max-width: 1400px;
    margin: 80px auto 120px;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}

.ind-content-area .content-l {
    width: 71.5%;
}

.ind-content-area .content-l .news-title-area {
    display: flex;
    justify-content:space-between;
}
.ind-content-area .content-l .news-title-area .news-list-link {
    padding-top: 20px;
}
.ind-content-area .content-l .news-title-area .news-list-link a {
    font-size: 90%;
    margin: 0 20px 0 0;
    color: #326CB6;
    text-decoration: none;
    transition: all 0.3s;
}
#site-eisc .ind-content-area .content-l .news-title-area .news-list-link a { color: #F56E00; }
#site-itmc .ind-content-area .content-l .news-title-area .news-list-link a { color: #013E8D; }
#site-csc .ind-content-area .content-l .news-title-area .news-list-link a { color: #8E0B00; }
#site-dxrc .ind-content-area .content-l .news-title-area .news-list-link a { color: #548D00; }

.ind-content-area .content-l .news-title-area .news-list-link a:hover {
    opacity: 0.5;
    text-decoration: underline;
}
.ind-content-area .content-l .news-title-area .news-list-link a:after {
    content: "";
    position: absolute;
    top: 34px;
    right: 28.7%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 1px solid #326CB6;
    border-right: 1px solid #326CB6;
}
#site-eisc .ind-content-area .content-l .news-title-area .news-list-link a:after {
    border-top: 1px solid #FE8E33;
    border-right: 1px solid #FE8E33;
}
#site-itmc .ind-content-area .content-l .news-title-area .news-list-link a:after {
    border-top: 1px solid #326CB6;
    border-right: 1px solid #326CB6;
}
#site-csc .ind-content-area .content-l .news-title-area .news-list-link a:after {
    border-top: 1px solid #BD281B;
    border-right: 1px solid #BD281B;
}
#site-dxrc .ind-content-area .content-l .news-title-area .news-list-link a:after {
    border-top: 1px solid #80AB3F;
    border-right: 1px solid #80AB3F;
}

.news-area {    
    width: 100%;
    margin: 0 auto 40px;
    padding: 2% 3% 1.5% 3%;
    position: relative;
    overflow: hidden;
    border: 1px solid #737373;
}

/*CONTENTS*/

.ind-content-area .content-l .contents-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ind-content-area .content-l .contents-area .contents-box {
    width: 48%;
    margin-bottom: 3.5%;
}
.ind-content-area .content-l .contents-area .contents-box:last-child {
    margin-bottom: 0;    
}
.ind-content-area .content-l .contents-area .contents-box .ind-content-title {
    width: 100%;
    font-size: 120%;
    line-height: 140%;
    color: #fff;
    background-color: #326CB6;
    padding: 28px 20px;
}
#site-eisc .ind-content-area .content-l .contents-area .contents-box .ind-content-title { background-color: #FE8E33;}
#site-itmc .ind-content-area .content-l .contents-area .contents-box .ind-content-title { background-color: #326CB6;}
#site-csc .ind-content-area .content-l .contents-area .contents-box .ind-content-title { background-color: #BD281B;}
#site-dxrc .ind-content-area .content-l .contents-area .contents-box .ind-content-title { background-color: #80AB3F;}

.ind-content-area .content-l .contents-area .contents-box .ind-content-title a {
    color: #FFF !important;
    width: 100%;
    display: block;
}
.ind-content-area .content-l .contents-area .contents-box .ind-content-wrap {
    width: 100%;
    padding: 6% 6% 6% 7%;
    border: 1px solid #707070;
    border-top: 0;
    min-height: 195px;
}
.ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list {
    font-size: 110%;
    line-height: 150%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li {
    width: 100%;
    list-style-type: none; /*点を非表示*/
    position: relative; /*基準位置*/
    margin-bottom: 13px;
    padding-left: 18px;
    display: flex;
    align-items: stretch;
}
.ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li:last-child {
    margin-bottom: 0;
}
.ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li:before {
    border-radius: 50%; /*丸くする*/
    width: 7px; /*点の幅*/
    height: 7px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.55em; /*点の位置*/
    content: "";
    background-color: #013E8D; /*点の色*/
}
#site-eisc .ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li:before { background-color: #FE8E33; }
#site-itmc .ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li:before { background-color: #326CB6; }
#site-csc .ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li:before { background-color: #8E0B00; }
#site-dxrc .ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li:before { background-color: #80AB3F; }

.ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li a {
    color: #326CB6;
    text-decoration: none;
    transition: all 0.3s;
}
#site-eisc .ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li a { color: #F56E00; }
#site-itmc .ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li a { color: #013E8D; }
#site-csc .ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li a { color: #8E0B00; }
#site-dxrc .ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li a { color: #548D00; }

.ind-content-area .content-l .contents-area .contents-box .ind-content-wrap ul.ind-content-list li a:hover {
    opacity: 0.5;
    text-decoration: underline;
}

.ind-content-area .content-r {
    width: 25.5%;
}

/*RELATED*/
.ind-content-area .content-r ul.related-menu {
    list-style: none;
    margin: 0 0 30px 0;
}
.ind-content-area .content-r ul.related-menu li {
    width: 100%;
    margin: 0 0 5px 0;
}
.ind-content-area .content-r ul.related-menu li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 140%;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    padding: 16px;
    background-color: #E0E7FF;
    border-left: 10px solid #013E8D;
    transition: all 0.3s;
}
#site-eisc .ind-content-area .content-r ul.related-menu li a {
    background-color:#FFE8D5;
    border-left:10px solid #F56E00;
}
#site-itmc .ind-content-area .content-r ul.related-menu li a {
    background-color: #E0E7FF;
    border-left: 10px solid #013E8D;
}
#site-csc .ind-content-area .content-r ul.related-menu li a {
    background-color:#FFD9D6;
    border-left:10px solid #8E0B00;
}
#site-dxrc .ind-content-area .content-r ul.related-menu li a {
    background-color:#D9EDBB;
    border-left:10px solid #548D00;
}

.ind-content-area .content-r ul.related-menu li a:hover {
    opacity: 0.5;
}

/*バナーリンク*/
.ind-content-area .content-r ul.ind-bnr {
    list-style: none;
}
.ind-content-area .content-r ul.ind-bnr li {
    margin-bottom: 20px;
    transition: all 0.3s;
}
.ind-content-area .content-r ul.ind-bnr li:last-child {
    margin-bottom: 0;
}
.ind-content-area .content-r ul.ind-bnr li a img {
    transition: all 0.3s;
}
.ind-content-area .content-r ul.ind-bnr li a img:hover {
    opacity: 0.5;
}