@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.no_data_txt { margin: 100px auto; }

.titleimg { margin-bottom: 7.6271186441%; background: url("/img/info/mainimg_sp.png") center/cover no-repeat; }
@media screen and (max-width: 769px) { .titleimg { margin-bottom: 45px; } }
@media screen and (min-width: 1180px) { .titleimg { margin-bottom: 90px; } }
.titleimg__wrap { position: relative; height: 200px; }
.titleimg__wrap h2 { font-size: 2.5rem; position: absolute; top: 50%; left: 4%; letter-spacing: 0.1em; font-family: 黎ミン R, Reimin Regular, YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: normal; color: #fff; transform: translate(0, -50%); }
@media (min-width: 769px) { .titleimg__wrap h2 { font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 3.6496350365 ); } }
@media (min-width: 1180px) { .titleimg__wrap h2 { font-size: 4rem; } }

/*//////////////////////////////////////////////////
		一覧の設定
//////////////////////////////////////////////////*/
.news__list { margin-bottom: 30px; }
.news__list li a { display: block; position: relative; padding: 20px 50px 20px 20px; border-bottom: solid 1px #EBEBEB; }
.news__list li a:after { content: ''; position: absolute; right: 26px; position: absolute; width: 6px; height: 6px; border-top: 1px solid; border-right: 1px solid; top: 50%; transform: rotate(45deg) translate(0%, -50%); border-color: #002C83; }
.news__list .news__date { font-size: 1.4rem; }
@media (min-width: 769px) { .news__list .news__date { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * -0.2433090024 ); } }
@media (min-width: 1180px) { .news__list .news__date { font-size: 1.3rem; } }
.news__list .news__txt { font-size: 1.5rem; font-weight: bold; }

/*//////////////////////////////////////////////////
		詳細の設定
//////////////////////////////////////////////////*/
#info_detail .info__wrap { margin-bottom: 80px; }
#info_detail .info__wrap .info__wrap-title { margin-bottom: 30px; color: #002C83; }
#info_detail .info__wrap .info__wrap-title h3 { text-align: left; }
#info_detail .info__wrap .info__wrap-title span { display: block; }
#info_detail .info__wrap .info__wrap-title small { display: block; font-size: 1.4rem; line-height: 1; }
#info_detail .info__wrap .info__wrap-image { margin-bottom: 30px; }
#info_detail .info__wrap .info__wrap-image img { width: 100%; }
#info_detail .info__wrap .info__wrap-body a { color: #002C83; text-decoration: underline; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .titleimg { background: url("/img/info/mainimg_pc.png") center/cover no-repeat; }
  .titleimg__wrap { height: 370px; }
  .news__list { margin: 0 auto 60px; max-width: 900px; }
  .news__list li 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; }
  .news__list li a:hover { background: #F4F4F4; }
  .news__list .news__date { flex: 0 1 10%; width: 10%; max-width: 10%; }
  .news__list .news__txt { flex: 0 1 86%; width: 86%; max-width: 86%; }
  /*////////////////////////////////////////////////// 		詳細の設定 //////////////////////////////////////////////////*/
  #info_detail .info__wrap { margin-bottom: 120px; }
  #info_detail .info__wrap .info__wrap-title { margin-bottom: 60px; }
  #info_detail .info__wrap .info__wrap-image { margin-bottom: 60px; } }
/*------------------------------
		1024px以上
------------------------------*/
/*------------------------------
		1200px以上
------------------------------*/

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