@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
.ttlimg { background: url("/img/news/titleimg.jpg") center/cover; }

.news .news__list { margin-bottom: 60px; }
.news .news__list a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; position: relative; padding: 20px 0; border-bottom: 1px solid #C3C3C3; font-size: 1.3rem; }
@media (min-width: 390px) { .news .news__list a { font-size: calc( 1.3rem + ( 1vw - 3.9px ) * 0.2469135802 ); } }
@media (min-width: 1200px) { .news .news__list a { font-size: 1.5rem; } }
.news .news__list a:after { display: block; content: ''; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); right: 20px; position: absolute; width: 6px; height: 6px; border-top: 1px solid; border-right: 1px solid; top: 50%; transform: rotate(45deg) translate(0%, -50%); }
.news .news__list .news__date { flex: 0 1 100px; width: 100px; max-width: 100px; font-size: 1.2rem; color: #004087; }
@media (min-width: 390px) { .news .news__list .news__date { font-size: calc( 1.2rem + ( 1vw - 3.9px ) * 0.1234567901 ); } }
@media (min-width: 1200px) { .news .news__list .news__date { font-size: 1.3rem; } }
.news .news__list .news__txt { flex: 0 1 calc(100% - 130px); width: calc(100% - 130px); max-width: calc(100% - 130px); font-size: 1.4rem; font-weight: bold; }
@media (min-width: 390px) { .news .news__list .news__txt { font-size: calc( 1.4rem + ( 1vw - 3.9px ) * 0.1234567901 ); } }
@media (min-width: 1200px) { .news .news__list .news__txt { font-size: 1.5rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .news .news__list a { padding: 30px 20px; }
  .news .news__list a:hover { opacity: 1; background: #E5E5E5; }
  .news .news__list .news__txt { line-height: 1; } }
/*------------------------------
		801px以上
------------------------------*/
/*------------------------------
		1021px以上
------------------------------*/
/*------------------------------
		1221px以上
------------------------------*/

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