@charset "UTF-8";
/* CSS Document */

.topics .innerWrap dl, .topicWrap .innerWrap dl {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem auto;
  align-items: stretch; }
.topics .innerWrap dl dt, .topics .innerWrap dl dd, .topicWrap .innerWrap dl dt, .topicWrap .innerWrap dl dd {
  margin: 0; }
.topics .innerWrap dl dt, .topicWrap .innerWrap dl dt {
  flex-basis: 30%;
  text-align: left; }
.topics .innerWrap dl dt img, .topicWrap .innerWrap dl dt img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: cover; }
.topics .innerWrap dl dd, .topicWrap .innerWrap dl dd {
  flex-basis: 70%;
  padding-bottom: 0; }
.topics .innerWrap dl dd.childPage, .topicWrap .innerWrap dl dd.childPage {
  min-width: 100%; }
.topics .innerWrap dl dd text, .topicWrap .innerWrap dl dd text {
  display: block;
  text-align: left;
  line-height: 150%;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
.topics .innerWrap dl dd text p, .topicWrap .innerWrap dl dd text p {
  text-align: left;
  font-size: 110%;
  line-height: 130%;
  font-weight: bold;
  margin-bottom: 1rem; }
.topics .innerWrap dl dd text b, .topicWrap .innerWrap dl dd text b {
  font-size: 80%;
  color: #d28cab;
  display: block;
  text-align: right;
  margin-bottom: 1rem;
  font-weight: bold; }
.topics .innerWrap dl dd text img, .topicWrap .innerWrap dl dd text img {
  width: 100%;
  object-fit: cover;
  margin: 2rem auto;
  display: block; }
.topics .innerWrap dl dd text img.logo, .topicWrap .innerWrap dl dd text img.logo {
  max-width: 25rem; }
.topics .innerWrap dl dd text iframe, .topicWrap .innerWrap dl dd text iframe {
  width: 100%; }
.topics .innerWrap dl dd text a, .topicWrap .innerWrap dl dd text a {
  text-decoration: underline;
  color: #88abda;
  text-align: left;
  padding: 2rem; }
.topics .innerWrap dl dd .btn, .topicWrap .innerWrap dl dd .btn {
  display: inline-block;
  margin-top: 3rem;
  border: 1px solid transparent;
  margin-left: calc(100% - 9rem);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
.topics .innerWrap dl dd .btn.base:after, .topicWrap .innerWrap dl dd .btn.base:after {
  display: inline-block;
  content: '>';
  margin-left: .5rem; }
.topics .innerWrap dl dd a, .topicWrap .innerWrap dl dd a {
  display: block;
  padding: 2rem; }
.topics .innerWrap dl dd a.btn, .topicWrap .innerWrap dl dd a.btn {
  text-align: right; }
.topics .innerWrap dl dd a:hover text p, .topics .innerWrap dl dd a:hover text span, .topicWrap .innerWrap dl dd a:hover text p, .topicWrap .innerWrap dl dd a:hover text span {
  text-align: left;
      text-decoration: underline;
      color: #88abda; }
.topics .pagination {
  text-align: center;
  margin-top: 50px;
}
.topics .pagination span {
  display: inline-block;
  border: 1px solid #eee;
}
.topics .pagination span a {
  padding: 10px;
  display: inline-block;
}
.topics .pagination span a:hover, 
.topics .pagination span a.active {
  color: #88abda !important;
}
@media screen and (max-width:480px) {
 .topics .innerWrap dl dt, .topicWrap .innerWrap dl dt, 
 .topics .innerWrap dl dd, .topicWrap .innerWrap dl dd {
  min-width: 100%;
 }
}