@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap");
/* -----------------------------
変数
----------------------------- */
.news-tit__gray { background: #666; color: white; }
@media (max-width: 767px) { .news-tit__gray { font-size: 1.6rem; padding: 8px; margin-bottom: 10px; } }
@media (min-width: 768px) { .news-tit__gray { font-size: 2.0rem; padding: 15px 30px; margin-bottom: 20px; } }

@media (max-width: 767px) { .news { padding-bottom: 50px; } }
@media (min-width: 768px) { .news { padding-bottom: 100px; } }

.news__list-area { background: white; }
@media (max-width: 767px) { .news__list-area { padding: 20px 20px 30px; } }
@media (min-width: 768px) { .news__list-area { padding: 50px 60px; } }

.top-news { position: relative; z-index: 2; text-align:top; }
@media (max-width: 767px) { .top-news { margin-bottom: 35px; } }
@media (min-width: 768px) { .top-news { padding-top: 55px; margin-bottom: 65px; } }
.top-news time { letter-spacing: 0.025rem; }
@media (max-width: 767px) { .top-news time { font-size: 1.0rem; padding-right: 10px; } }
@media (min-width: 768px) { .top-news time { font-size: 1.6rem; padding-right: 25px; } }
.top-news .top-news__tit__en { color: white; letter-spacing: 0.025rem; }
@media (max-width: 767px) { .top-news .top-news__tit__en { background: #000; padding: 10px 15px; font-size: 2.8rem; margin-bottom: 30px; } }
@media (min-width: 768px) { .top-news .top-news__tit__en { font-size: 4.6rem; font-weight: 400; margin-bottom: 95px; } }
.top-news .top-news__tit__jp { color: #666; letter-spacing: 0.1rem; }
@media (max-width: 767px) { .top-news .top-news__tit__jp { font-size: 1.2rem; color: #ccc; } }
@media (min-width: 768px) { .top-news .top-news__tit__jp { font-size: 1.8rem; } }
@media (max-width: 767px) { .top-news .top-news-list { padding: 0 15px; } }
@media (max-width: 767px) { .top-news .top-news-list li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #a0a0a0; }
  .top-news .top-news-list li span { margin-right: 5px; }
  .top-news .top-news-list li span:last-child { margin-right: 0; } }
.top-news .top-news-list li h3 a { text-decoration: underline; line-height: 1.4;}
.top-news .top-news-list li h3 a:hover { text-decoration: none; color: #999; }
@media (min-width: 768px) { .top-news .top-news-list li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } }
.top-news .top-news-list li:last-child { margin-bottom: 0; }
.top-news .top-news-list__tit { font-weight: 500; flex: 1; }
@media (max-width: 767px) { .top-news .top-news-list__tit { margin-top: 5px; font-size: 11px; } }
@media (min-width: 768px) { .top-news .top-news-list__tit { margin-left: 15px; font-size: 1.6rem; } }
.top-news .tag, .top-news .tag__info, .top-news .tag__tqi, .top-news .tag__ksk, .top-news .tag__pmt, .top-news .tag__ntc { font-weight: 500; color: white; text-align: center; letter-spacing: 0.025rem; display: inline-block; }
@media (max-width: 767px) { .top-news .tag, .top-news .tag__info, .top-news .tag__tqi, .top-news .tag__ksk, .top-news .tag__pmt, .top-news .tag__ntc { width: 35px; font-size: .9rem; padding: 0 5px; line-height: 20px; } }
@media (min-width: 768px) { .top-news .tag, .top-news .tag__info, .top-news .tag__tqi, .top-news .tag__ksk, .top-news .tag__pmt, .top-news .tag__ntc { width: 60px; padding: 5px; font-size: 1.4rem; margin-right: 10px; } }
.top-news .tag__info { color: #333; border: 1px solid #333; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 767px) { .top-news .tag__info { font-size: .9rem; width: 60px; line-height: 18px; } }
@media (min-width: 768px) { .top-news .tag__info { width: 100px; } }
.top-news .tag__tqi { background: #000; }
.top-news .tag__ksk { background: #009039; }
.top-news .tag__pmt { background: #e40011; }
.top-news .tag__ntc { background: #1c1f86; }