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

/* =========== NEWSLIST =========== */
/* CONTAINER ///////////////////////////////////*/
section      { padding-block: 100px; }
section#NEWS { min-height: 85vh; }

/* ARTICLE ///////////////////////////////////*/
article   { margin-bottom: 12px; }
article a { display: block; color: var(--color__gray-50); text-decoration: none; transition: all .5s ease; border-bottom: 1px solid var(--color__gray-400); }
article a:hover { color: var(--color__primary-red); border-color: var(--color__primary-red); background-color: rgba(184, 28, 34, 0.04); transform: translateY(-2px); }

time { font-family: var(--ja); font-size: .8em; }
h4   { font-size: 30px; font-weight: var(--fw-regular); margin-bottom: 10px; }

/* H2 CUSTOM ///////////////////////////////////*/
section h2 { font-size: 72px; line-height: 1em; position: relative; display: inline-block; letter-spacing: 0.05em; color: var(--color__primary-red); margin-bottom: 25px; }
section h2::after { content: ""; position: absolute; left: 0; bottom: -0.2em; width: 70%; height: 5px; background-color: var(--color__primary-red) }
@media screen and (max-width: 767px) { section h2 { font-size: 2.5em; } section h2::after { height: 3px; } }