@charset "utf-8";

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


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

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

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

.infoList-warp {
  padding-top:50px;
  padding-bottom:60px;
  box-sizing:border-box;
  text-align:center;
}

@media print,screen and (min-width:768px) {
  .infoList-warp {
    min-height:56vh;
  }
}

@media screen and (max-width:640px) {
  .infoList-warp {
    padding-top:2rem;
    padding-bottom:2.5rem;
  }
}

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

#infoList li {
  padding:0.75em 1em;
  border-bottom:1px solid #dcdad6;
  line-height:1.4;
}

#infoList li:first-child {
  border-top:1px solid #dcdad6;
}

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

#infoList li .date {
  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;
}

@media screen and (max-width:640px) {
  #infoList { display:block; margin-top:1.75rem; min-width:inherit; }
  #infoList li .date { margin-right:-9.5rem; }
  #infoList li a,
  #infoList li .title {
    padding-left:9.5rem;
  }
}


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

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

.infoDetail-warp {
  padding-top:50px;
  padding-bottom:60px;
}

#infoDetail {
  background-color:#fff;
  margin-bottom:40px;
  box-sizing:border-box;
}

@media print,screen and (min-width:768px) {
  #infoDetail {
    min-height:56vh;
  }
}

@media screen and (max-width:640px) {
  .infoDetail-warp {
    padding-top:2rem;
    padding-bottom:2.5rem;
  }
  
  #infoDetail {
    margin-bottom:2rem;
  }
}

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

.infoDetail-head h2 {
  color:#008b8b;
  font-family:"NotoSerif";
  font-weight:500;
  font-size:160%;
  padding-top:0.2em;
  padding-top:0.15rem;
}

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

.infoDetail-warp .back-btn { text-align:center; }
.infoDetail-warp .back-btn .l-btn { width:220px; }

@media screen and (max-width:640px) {
  .infoDetail-head { padding:1.5rem 1.25rem; }
  .infoDetail-head h2 { font-size:125%; }
  .infoDetail-body { padding:1.25rem 1.25rem 0 1.25rem; }
  .infoDetail-warp .back-btn .l-btn { font-size:87.5%;  }
}