@charset "UTF-8";
.font-en { font-family: "Montserrat", serif; }

._idx .news-menu { display: flex; margin-bottom: 75px; }
@media screen and (max-width: 750px) { ._idx .news-menu { margin-bottom: 40px; flex-wrap: wrap; } }
._idx .news-menu li { width: 15%; margin-right: 1.3333333333%; transition: all .6s; }
@media screen and (max-width: 750px) { ._idx .news-menu li { width: 48%; margin-right: 2%; margin-bottom: 2%; }
  ._idx .news-menu li:nth-child(2n) { margin-right: 0; } }
._idx .news-menu li a { display: block; padding: 20px 10px; border-width: 3px; border-style: solid; background-color: #fff; font-size: 1.8rem; font-weight: 700; text-align: center; text-decoration: none; line-height: 1; border-radius: 4em; }
._idx .news-menu li a._all { border-color: #007ED6; color: #007ED6; }
._idx .news-menu li a._all:hover, ._idx .news-menu li a._all.active { background-color: #007ED6; color: #fff; }
._idx .news-menu li._news { border-color: #1FACE1; color: #1FACE1; }
._idx .news-menu li._news:hover, ._idx .news-menu li._news.active { background-color: #1FACE1; color: #fff; }
._idx .news-menu li._info { border-color: #33379B; color: #33379B; }
._idx .news-menu li._info:hover, ._idx .news-menu li._info.active { background-color: #33379B; color: #fff; }
._idx .news-menu li._event { border-color: #00AAAA; color: #00AAAA; }
._idx .news-menu li._event:hover, ._idx .news-menu li._event.active { background-color: #00AAAA; color: #fff; }
._idx .news-menu li:last-child { margin-right: 0; }
._idx .news-list { margin-bottom: 60px; }
._idx .more-btn { position: relative; width: 100%; max-width: 340px; margin: 0 auto; padding: 20px 100px; background: #007ED6 url("../img/common/ico_arrow_w_b.svg") no-repeat right 20px center; background-size: 16px auto; font-size: 1.8rem; font-weight: 700; text-align: center; color: #fff; border-radius: 4em; cursor: pointer; outline: none; line-height: 1; }
._idx .more-btn::after { content: 'もっと見る'; }

._detail .news-top { margin-bottom: 15px; }
._detail .news-ttl { position: relative; margin-bottom: 50px; padding-bottom: 25px; border-bottom: 1px solid #ccc; font-size: 3.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .news-ttl { font-size: 2.6rem; } }
._detail .news-ttl::after { content: ''; position: absolute; bottom: 0; left: 0; width: 220px; height: 1px; margin-bottom: -1px; background-color: #3992F9; }
@media screen and (max-width: 750px) { ._detail .news-ttl::after { width: 130px; } }

/*# sourceMappingURL=news.css.map */