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

  お知らせ
  
----------------------------------------------------------------------------------------------------*/
.sec-info {
  max-width: var(--base-width);
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding-left: var(--side-space);
  padding-right: var(--side-space);
  padding-top: var(--block-space-l);
  padding-bottom: var(--block-space-max);
  box-sizing: content-box;
}

/*--------------------------------------------------------------------------------
  一覧
--------------------------------------------------------------------------------*/
.info-list {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(var(--block-space-min) / 2);
}
.info-box:first-of-type {
  border-top: 1px solid var(--linecolor-gray);
}
.info-box {
  border-bottom: 1px solid var(--linecolor-gray);
}
.info-box .date {
  color: rgba(var(--color-gray),1);
}
.info-box a,
.info-box a:visited,
.info-box a:hover {
  color: var(--font-color);
  text-decoration: none;
}
.ua-pc .info-box a:hover,
.ua-pc .info-box.js__linkBox:hover a {
  color: var(--fc-link);
}
@media print, screen and (min-width:641px) {
  .info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
  .info-box .date {
    font-size: var(--fs-s);
    width: 6.5em;
    padding-top: 0.15em;
  }
  .info-box .ttl {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media screen and (max-width:640px) {
  .info-box {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .info-box .date {
    font-size: var(--fs-2s);
    vertical-align: top;
  }
  .info-box .ttl {
    display: block;
  }
}

/*--------------------------------------------------------------------------------
  詳細
--------------------------------------------------------------------------------*/
.info-detail .info-hd {
  border-bottom: 1px solid var(--linecolor-gray2);
  padding-bottom: 1.25em;
}
.info-detail .info-hd .ttl {
  font-size: var(--fs-2l);
  font-weight: 500;
  line-height: var(--line-height-m);
}
.info-detail .info-hd .date {
  font-size: var(--fs-2s);
  color: rgba(var(--color-gray),1);
  display: block;
  padding-top: 0.5em;
}