@charset "UTF-8";
/* 追加CSS */

/* Switch notices and blog posts within the existing hero panel. */
.home-updates > .home-updates-choice { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.home-updates .home-updates-tabs { display: flex; align-items: center; gap: 24px; margin-bottom: 14px; }
.home-updates .home-updates-tabs label { display: block; padding: 0 0 5px; border-bottom: 2px solid transparent; color: #777; font-family: "Zen Maru Gothic", "Noto Sans JP", sans-serif; font-size: 22px; font-weight: 600; line-height: 1.6; letter-spacing: .08em; cursor: pointer; }
#home_updates_news:checked ~ .home-updates-tabs label[for="home_updates_news"],
#home_updates_blog:checked ~ .home-updates-tabs label[for="home_updates_blog"] { color: #4e4e4e; border-bottom-color: #50a0c2; }
#home_updates_news:focus-visible ~ .home-updates-tabs label[for="home_updates_news"],
#home_updates_blog:focus-visible ~ .home-updates-tabs label[for="home_updates_blog"] { outline: 2px solid #50a0c2; outline-offset: 3px; }
.home-updates .home-updates-panel { display: none; }
#home_updates_news:checked ~ .home-updates-news,
#home_updates_blog:checked ~ .home-updates-blog { display: block; }
.home-updates .home-blog-list { list-style: none; padding: 0; margin: 0; }
.home-updates .home-blog-list li { border-top: 1px solid #e3e3e3; margin: 0; }
.home-updates .home-blog-list li:last-child { border-bottom: 1px solid #e3e3e3; }
.home-updates .home-blog-list a { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 10px; align-items: start; padding: 12px 0; color: #4e4e4e; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: .04em; }
.home-updates .home-blog-list time { color: #6c6c6c; white-space: nowrap; }
.home-updates .home-blog-list span { min-width: 0; overflow-wrap: anywhere; }
.home-updates .home-blog-links { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 12px; }
.home-updates .home-blog-links > a { color: #50a0c2; font-size: 13px; text-decoration: underline; }
.home-updates .home-blog-links .more_button { margin: 0; }
@media (max-width: 767px) {
  .home-updates .home-updates-tabs { gap: 20px; }
  .home-updates .home-blog-list a { display: block; padding: 10px 0; }
  .home-updates .home-blog-list time { display: block; margin-bottom: 4px; }
}