@charset "utf-8";
/* ===============================================
# wrap_ttl_news
=============================================== */
.wrap_ttl_news{
  position: relative;
  padding: 40px 0 24px;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.wrap_ttl_news .box_date .date{
  margin-right: 16px;
  font-size: 17px;
  font-size: 1.7rem;
  color: #063e8d;
}
.wrap_ttl_news .cmn_ico_news span{
  font-size: 15px;
  font-size: 1.5rem;
  padding: 7px 24px;
}
.wrap_ttl_news .ttl_article{
  margin-top: 10px;
  padding-bottom: 22px;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.25;
  background-image : radial-gradient(circle, #c9c9c9 2px, transparent 2px);
  background-size: 8px 4px;
  background-repeat: repeat-x;
  background-position: left bottom;  
}
.wrap_ttl_news .list_sns{
  margin-top: 18px;
	-webkit-box-pack: end;
	justify-content: flex-end;
}
.wrap_ttl_news .list_sns li{
  width: 77px;
}
.wrap_ttl_news .list_sns li+li{
  margin-left: 9px;
}
@media screen and (max-width :834px){
  .wrap_ttl_news{
    padding: 20px 0;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
  }
  .wrap_ttl_news .box_date .date{
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 7px;
  }
  .wrap_ttl_news .box_date .cmn_ico_news span{
    font-size: 10px;
    font-size: 1rem;
    padding: 5px 10px;
  }
  .wrap_ttl_news .ttl_article{
    margin-top: 10px;
    padding-bottom: 15px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.389;
    background-image : radial-gradient(circle, #c9c9c9 1px, transparent 1px);
    background-size: 4px 2px;  
  }
  .wrap_ttl_news .list_sns{
    margin-top: 13px;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .wrap_ttl_news .box_sns li{
    width: 60px;
  }
  .wrap_ttl_news .box_sns li+li{
    margin-left: 5px;
  }  
}


/*記事中身-------------------------------------*/
/*段落*/
.area_article p+*{
  margin-top: 25px;
}
.area_article p{
  display: block;
  text-align: left;
}
.area_article img+*{
  margin-top: 25px;
}
/*画像*/
.area_article img{
  margin: 0 auto;
}
@media screen and (max-width :834px){
  .area_article img{
    width:auto;
  }
}
/*太字*/
.area_article b{
  font-weight: bold;
}
.area_article strong{
  font-weight: bold;
}
/*em*/
.area_article em{
  font-style: italic;
}
/*引用*/
.area_article blockquote+*{
   margin-top: 25px;
}
.area_article blockquote{
  border-left:solid 3px #cccccc;
  padding:10px;
  margin-left: 1em;
}
.area_article a{
  color: #003399;
  text-decoration: underline;
}
/*通常リスト*/
.area_article ul+*{
   margin-top: 60px;
}
.area_article ul > li{
  margin-left: 2em;  
  text-indent: -1.3em;
}
.area_article ul > li:nth-child(n+2){
	margin-top:3px;
}
.area_article ul >li:before {
	color:#063e8d;
	content:"●";
	font-size:10px;
  padding-top: 3px;
  width: 2em;
  display:block;
	float:left;  
}
.area_article ul a{
  color: #004ea1;
  text-decoration: underline;
}
@media screen and (max-width :768px){
  .area_article ul+*{
     margin-top: 30px;
  }
}
/*数字リスト*/
.area_article ol+*{
  margin-top: 60px;
}
.area_article ol > li{
  list-style: decimal outside;
  margin-left: 2em;  
}
.area_article ol > li:nth-child(n+2){
  margin-top: 3px;
}
.area_article ol a{
  color: #004ea1;
  text-decoration: underline;
}
@media screen and (max-width :768px){
  .area_article ol+*{
    margin-top: 30px;
  }
}

/* table */
.area_article table{
  width: 100%;
  table-layout: fixed;
  margin-bottom: 20px;
}
.area_article table th,
.area_article table td{
  border: solid 1px #999999;  
  padding: 20px 1em;
  line-height: 1.3;
  vertical-align: middle;
  background-color: #fff;
}
.area_article table thead th,
.area_article table thead td{
  background-color: #063e8d;
  text-align: left;
  color: #fff;
}
.area_article table a{
  color: #004ea1;
  text-decoration: underline;
}
@media screen and (max-width :768px){
  .area_article table th,
  .area_article table td{
    padding: 10px 0.5em;
  }
}
/* ===============================================
# お知らせ一覧
=============================================== */
.area_newslist .cmn_list_news{
  padding: 20px 40px;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}

/*area_secondary*/
.area_newslist .area_secondary{
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}
.area_newslist .area_secondary h2{
  padding: 21px 5px 6px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  background-size: auto auto;
  background-color: rgba(31, 82, 153, 1);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(6, 62, 141, 1) 5px, rgba(6, 62, 141, 1) 10px );
  
}
.area_newslist .area_secondary h2 span{
  height:73px;
  background-image : radial-gradient(circle, #fff 3.5px, transparent 3.5px);
  background-size: 15px 7px;
  background-repeat: repeat-x;
  background-position: left top;  
}
.area_newslist .area_secondary ul a{
  padding: 14px 35px 14px 15px;
  color: #000;
  text-decoration: none;
  line-height: 1.3;
  background: url("../img/ico_link_b.svg")no-repeat center right 14px;
  background-size: 14px auto;
}
.area_newslist .area_secondary ul a.is_active{
  color: #063e8d;
  font-weight: 700;
  background-color: #fbf7eb;
  pointer-events: none;
}
@media (min-width :1025px){
  .area_newslist .inner{
    display:-webkit-box;
    display:flex;  
    -webkit-box-align: start;
    align-items: flex-start;    
    
  }  
  .area_newslist .area_primary{
    -webkit-box-flex: 1;
    flex: 1;
  }
  .area_newslist .area_secondary{
    width: 246px;
    margin-left: 64px;
  }
  .area_newslist .area_secondary ul li{
    border-bottom: solid 1px #cccccc;
  }  
}
@media screen and (max-width :1024px) {
  .area_newslist .inner{
    width: 100%;
  }
  .area_newslist .cmn_list_news{
    padding: 8px 5.13%;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
  }

  /*area_secondary*/
  .area_newslist .area_secondary{
    width: 89.74%;  
    margin: 40px auto 0;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
  }
  .area_newslist .area_secondary h2{
    padding: 10px 4px 5px;
    font-size: 13.5px;
    font-size: 1.35rem;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 2.5px, rgba(6, 62, 141, 1) 2.5px, rgba(6, 62, 141, 1) 5px );

  }
  .area_newslist .area_secondary h2 span{
    height:51px;
    background-image : radial-gradient(circle, #fff 3px, transparent 3px);
    background-size: 12px 6px;
    background-repeat: repeat-x;
    background-position: center top;  
  }
  .area_newslist .area_secondary ul{
    display:-webkit-box;
    display:flex; 
    flex-wrap: wrap;
  }
  .area_newslist .area_secondary ul li{
    width: 50%;
  }
  .area_newslist .area_secondary ul li:nth-child(n+3){
    border-top: solid 1px #cccccc;
  }
  .area_newslist .area_secondary ul li:nth-child(odd){
    border-right: solid 1px #cccccc;
  }  
  .area_newslist .area_secondary ul a{
    padding: 11px 27px 11px 12px;
    background-position: center right 12px;
    background-size: 10px auto;
  }
}

/*ページャー*/
.news_pagination+*,
*+.news_pagination{
  margin-top: 40px;
}
.news_pagination ul{
  -webkit-box-pack: center;
  justify-content: center;
}
.news_pagination li{
  width: 40px;
  height: 40px;
  margin: 0 4px;
  border: solid 1px #063e8d;
  text-align: center;
  line-height: 1;
  font-family: "Barlow", serif;
  font-weight: 500;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}
.news_pagination li a{
  height: 100%;
  display:-webkit-box;
  display:flex;
  -webkit-box-align: center;
  align-items: center;  
  -webkit-box-pack: center;
  justify-content: center;  
  background: #fff;
  text-decoration: none;
}
.news_pagination li.is_active a{
  color: #fff;
  background-color: #063e8d;
}
.news_pagination .arrow img{
  width: 14px;
  height: auto;
}
.news_pagination .arrow.prev img{
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

@media screen and (max-width :835px){
  .news_pagination+*,
  *+.news_pagination{
    margin-top: 32px;
  }  
  .news_pagination{
    width: 89.74%;  
    margin-right: auto;
    margin-left: auto;
  }
  
  .news_pagination li{
    width: 40px;
    height: 40px;
  }
  .news_pagination .arrow img{
    width: 10px;
  }
}