@charset "utf-8";

.flexbox.news {
  padding: 0;
}
.flexbox.news dl dt {
  position: relative;
  width: 14.5em;
}
.flexbox.news dl dt .icon {
  margin-left: 0;
  position: absolute;
  right: 0;
  top: calc(50% - .6em);
}
.container.release {
  background-image: url("/e/common/images/logo_b.png");
  background-repeat: no-repeat;
  border: 1px solid #e3e3e4;
  position: relative;
}
.container.release section > .icon:first-child {
  position: absolute;
  top: 0;
  left: 0;
}
.container.release section h3 {
  text-align: center;
  margin-bottom: 1.5em;
}
.container.release section hr {
  margin-top: 2em;
}
.container.release section a.pdf + span {
  display: inline-block;
  white-space: nowrap;
  margin-left: .5em;
  margin-top: 0;
}



/*-----------------------------------------------
  for Smartphone
-----------------------------------------------*/
@media only screen and (max-width: 640px) {
  .container.release {
    background-size: 30% auto;
    background-position: 3% 35px;
    padding: 50px 3% 15px;
  }
  .container.release section > .icon:first-child {
    font-size: 1.4rem;
    padding: .1em 1em;
  }
  
  
}


/*-----------------------------------------------
  for Tablet & PC
-----------------------------------------------*/
@media only screen and (min-width: 641px), print {
  .flexbox.news dl {
    flex-basis: 100%;
  }
  .flexbox.news dl dd {
    padding-left: 16em;
  }
  .container.release {
    background-size: 160px auto;
    background-position: 5% 4em;
    padding: 6em 5% 3em;
  }
  .container.release section > .icon:first-child {
    font-size: 1.6rem;
    padding: .5em 2em;
  }
  
  
}