@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ お知らせ ◇◆◇
  
  
========================================================================================================================*/

#hd { background-image:url(../image/pdHd_bg.jpg); }
#pgHd h2:before { content:url(../image/pdHd_icon.png); }


/*----------------------------------------------------------------------------------------------------

  一覧
  
----------------------------------------------------------------------------------------------------*/

.infoList-warp {
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
  padding-top:80px;
  padding-bottom:100px;
  box-sizing:border-box;
  text-align:center;
}

#infoList-hd {
  font-weight:400;
  font-size:200%;
}

#infoList {
  min-width:790px;
  list-style:none;
  text-align:left;
  display:inline-block;
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;
}

#infoList li {
  padding:1.25em;
  border-bottom:1px solid #f0f0f0;
  line-height:1.4;
  background-color:#fff;
}

#infoList li:last-child { border-bottom:0; }

#infoList li:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

#infoList li .date {
  color:#9f9f9f;
  width:9em;
  display:inline-block;
  float:left;
  clear:both;
  margin-right:-9.5em;
}

#infoList li a,
#infoList li .title {
  display:block;
  padding-left:9.5em;
  padding-right:50px;
}

#infoList li a,
#infoList li a:visited { color:inherit; text-decoration:none; }
#infoList li:hover a,
#infoList li a:hover { color:#50508c; text-decoration:none; }

#infoList li.l-btn__next { display:block; }
#infoList li.l-btn__next:before,
#infoList li.l-btn__next:after { right:1.25em; }

#infoList li.l-btn__next:before,
#infoList li.l-btn__next:after { transition-delay:0s; }
#infoList li.l-btn__next:hover:before,
#infoList li.l-btn__next:hover:after { width:0; }
#infoList li.l-btn__next:hover:after { margin-top:0; }


/*----------------------------------------------------------------------------------------------------

  詳細
  
----------------------------------------------------------------------------------------------------*/

.infoDetail-warp {
  padding-top:80px;
  padding-bottom:100px;
}

#infoDetail {
  width:1100px;
  min-height:40vh;
  margin-left:auto;
  margin-right:auto;
  background-color:#fff;
  box-sizing:border-box;
  margin-bottom:40px;
}

.infoDetail-head {
  border-top:1px solid #313131;
  border-bottom:1px solid #dcdcdc;
  padding:30px 40px;
  box-sizing:border-box;
  line-height:1.5;
  text-align:left;
}

.infoDetail-head h3 {
  font-weight:400;
  font-size:160%;
  padding-top:0.2em;
  padding-top:0.15rem;
}

.infoDetail-head .date { color:#9f9f9f; }

.infoDetail-body {
  padding:40px 40px 0 40px;
}