@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.pdf li {
  margin: 10px 0;
  height: auto;
  border: 1px solid #808080;
  background: #fff;
  zoom: 1;
  text-align: left;
  position: relative;
  display: flex;
}
.pdf li a {
  display: flex;
}
.pdf li span {
  line-height: 1.3rem;
  font-size: 0.8rem;
  padding: 8px 8px;
  display: block;
  vertical-align: top;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
}
.pdf li img {
  display: block;
  height: 40px;
}
.download_button {
  background: var(--accent);
  height: 40px;
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
}

@media screen and (max-width: 480px) {
  .pdf li a {
    flex-flow: column;
    width: 100%;
  }
  .download_button {
    width: 100%;
  }
}