@charset "utf-8";

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

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

.info-list {
  text-align:left;
  line-height:1.6;
}

.info-box .photo {
  background-color:#fff;
}

.info-box .date {
  color:#848993;
  font-size:0.9em;
  display:inline-block;
  margin-bottom:0.25em;
}

.info-box p .ttl {
  display:block;
  width:100%;
  height:3.5em;
  overflow:hidden;
}

.info-box p a[target="_blank"] .ttl:after {
  content:"";
  width:1em;
  height:1em;
  background:url(../../image/icon/gLink.svg) no-repeat center center;
  background-size:auto 1rem;
  display:inline-block;
  vertical-align:middle;
  margin-bottom:0.2em;
  margin-left:0.25em;
}

@media print,screen and (min-width:641px) {
  .sec-list {
    padding-top:80px;
    padding-bottom:100px;
  }
  
  .info-list {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    margin-left:-1.65%;
    margin-right:-1.65%;
  }
  
  .info-box {
    width:33.333333%;
    padding:0 1.65%;
    margin-bottom:40px;
  }
  
  .info-box .photo {
    margin-bottom:0.75em;
  }
  
  .info-box .photo img {
    height:-webkit-calc(280 / 1300 * 100vw);
    height:calc(280 / 1300 * 100vw);
    max-height:280px;
    min-height:220px;
  }

  .info-box p .ttl.is-truncate {
    margin-bottom:1em;
  }
}

@media screen and (max-width:640px) {
  .sec-list {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }
  
  .info-box {
    background-color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    padding:4%;
  }
  
  .info-box:not(:first-of-type) {
    border-top:1px solid rgba(15,30,60,0.1);
  }
  
  .info-box .photo {
    width:30%;
  }
  
  .info-box .photo img {
    max-height:-webkit-calc(120 / 640 * 100vw);
    max-height:calc(120 / 640 * 100vw);
    min-height:70px;
  }
  
  .info-box p {
    width:70%;
    padding-left:1em;
  }
}


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

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

.sec-detail {
  text-align:left;
}

.detail-hd {
  border-bottom:1px solid rgba(15,30,60,0.8);
  padding-bottom:1.5em;
}

.detail-hd .date {
  color:#848993;
  font-size:0.88em;
  display:inline-block;
  margin-bottom:0.25em;
}

@media print,screen and (min-width:641px) {
  .sec-detail {
    padding-top:80px;
    padding-bottom:100px;
  }
  
  .sec-detail .back {
    padding-top:80px;
  }
}

@media screen and (max-width:640px) {
  .sec-detail {
    padding-top:2em;
    padding-bottom:2.5em;
  }
  
  .sec-detail .back {
    padding-top:3em;
  }
}