@charset "utf-8";

/* topics
---------------------------------------------------*/

#topics h2 img {
  max-width: 145px;
}

#topics .topicsYear {
  font-size: 2em;
  color: #F09B52;
  font-weight: bold;
  margin-bottom: 20px;
}
#topics ul + .topicsYear {
  margin-top: 48px;
}

#topics .topicsList ul li:first-of-type {
  border-top: 1px solid #E6E6E6;
}

#topics .btn a {
  position: relative;
  margin-top: 175px;
  width: 100%;
  max-width: 284px;
  box-sizing: border-box;
  padding: 28px 20px 28px 40px;
  border-radius: 10px;
  text-align: left;
  letter-spacing: 1px;
  background: url(/common/img/base_btn001.png) no-repeat;
  background-size: cover;
}

#topics .btn a:before {
  position: absolute;
  content: '';
  width: 7px;
  height: 11px;
  background: url(/common/img/btn_nav-arrow004.png) no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}


@media only screen and (max-width:768px) {
  #topics h2 img {
    max-width: 91px;
  }

  #topics .topicsList ul li dl {
    padding: 0;
  }

  #topics .btn a {
    margin-top: 60px;
  }
}