@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : topics.css
Description : トピックス
===================================================================== */
/* =====================================================================
    topics_article
======================================================================*/
.topics_article {
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .topics_article {
    margin-left: calc(-20 / 650 * 100%);
    width: calc(690 / 650 * 100%);
  }
}
.topics_article_header {
  position: relative;
  padding: 4rem calc(60 / 650 * 100%);
  font-family: "Kaisei Opti", serif;
  font-weight: 700;
}
.topics_article_header::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 95%;
  border-bottom: 0.2rem dashed #391400;
}
.topics_article_header .date {
  margin-bottom: 0.2em;
  font-size: 88%;
  color: #69adae;
}
.topics_article_header h3 {
  font-size: 114%;
  line-height: 1.4;
  color: #d45340;
}
.topics_article_content {
  padding: 8rem calc(60 / 650 * 100%);
}
.topics_article_content > *:not(:last-child) {
  margin-bottom: 5rem;
}
.topics_article_content p {
  line-height: 1.785;
}
.topics_article_content p a {
  display: inline;
  color: #d45340;
  text-decoration: underline;
}
.topics_article_content figure img {
  border-radius: 2rem;
}

@media screen and (min-width: 768px) {
  .topics_article_header {
    padding: 3rem calc(60 / 1000 * 100%);
  }
  .topics_article_header h3 {
    font-size: 133%;
  }
  .topics_article_content {
    padding: 5rem calc(60 / 1000 * 100%);
  }
  .topics_article_content p a:hover {
    color: #69adae;
  }
  .topics_article_content figure {
    margin-left: auto;
    margin-right: auto;
    width: 81.8181818182%;
  }
}
/* =====================================================================
    subpage
======================================================================*/
#subpage .topics {
  padding-top: 24rem;
}
#subpage .topics .inner > .topics_article {
  margin-top: 4rem;
}

@media screen and (min-width: 768px) {
  #subpage .topics {
    padding-top: 16rem;
  }
}/*# sourceMappingURL=topics.css.map */