@charset "UTF-8";

/* # ============================================================
   # news
   # ============================================================ */

.news-list span {
    margin-left: 1%;
}
.news-list dt {
    margin-bottom: 8px;
}
.news-list dd {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 18px;
    margin-bottom: 18px;
}



/* # ============================================================
   # 詳細ページ
   # ============================================================ */
.news ol {
	list-style: decimal;
    margin: 0 0 calc(30px - (((1.6rem * 1.8) - 1.6rem) / 2)) 2rem;
}

.news ul {
    margin-bottom: calc(30px - (((1.6rem * 1.8) - 1.6rem) / 2));
}
.news-file ul {
	margin-bottom: 0;
}
.news ul li,
.news-file ul li {
    position: relative;
    margin-left: 2rem;
}
.news ul li::before,
.news-file ul li::before {
    position: absolute;
    top: 4px;
    left: -1.6rem;
    content: "●";
    font-size: 1.1rem;
    color: #233b6c;
}
.news-file ul li.icon-pdf::after,
.news-file ul li.icon-xlsx::after,
.news-file ul li.icon-docx::after {
    position: absolute;
    top: 4px;
    content: "";
    display: inline-block;
    width: 90px;
    margin: 0 3px;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    padding: 0.4rem;
    text-decoration: none;
    line-height: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
}
.news-file ul li.icon-pdf::after {
    content: "PDF";
    background-color: #d42e30;
}
.news-file ul li.icon-xlsx::after {
    content: "Excel";
    background-color: #217346;
}
.news-file ul li.icon-docx::after {
    content: "Word";
    background-color: #2b579a;
}
.news a,
.news-file a {
    color: #0068b7;
    text-decoration: underline;
}
.news a:hover,
.news-file a:hover {
    color: #00a0e9;
}

.news a:active, 
.news a:hover,
.news-file a:active, 
.news-file  a:hover {
    outline-width: 0;
}
.news-file {
    background-color: #f1f2f6;
    padding: 25px 3%;
    margin-bottom: 20px;
}
