#topics .inner { padding: 40px 0 0; }
#topics .listTopic { overflow: hidden; width: 1000px; margin: 20px auto 0;     display: flex;    flex-wrap: wrap;    flex-flow: row wrap;}
#topics .listTopic li { width: calc(100%/3 - 24px); margin-right: 35px; margin-bottom: 70px; /*float: left; */}
#topics .listTopic li:nth-child(3n) { margin-right: 0; }
#topics .listTopic li a { display: block; color: #292929; font-size: 16px; font-weight: normal; font-family: 'Sawarabi Mincho'; letter-spacing: -0.5px; }
#topics .listTopic li .img img { max-width: 100%; }
#topics .listTopic li .topicsInfo { color: #292929; margin-top: 15px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: baseline; min-height: 56px; }
#topics .listTopic li .topicsInfo .topicsTags { font-size: 12px; text-align: center; border: 1px solid #292929; min-width: 72px; margin-right: 10px; padding: 0 7px; font-family: 'Sawarabi Mincho'; }
#topics .listTopic li .topicsInfo .topicsTags a { color: #292929; font-size: 16px; text-align: left; }

#main-banner.main-no-photo .page_title { text-align: center; }
#main-banner.main-no-photo .page_title img { width: 169px; }

@media (max-width: 768px) { #main-banner.main-no-photo .page_title { padding: 0 35%; }
  #topics .inner { padding: 0; }
  #topics h3 { padding: 0 34% 35px; }
  #topics .listTopic { width: 100%; margin: 0 auto; padding: 0 4%; box-sizing: border-box; }
  #topics .listTopic li { width: 100%; margin-right: 0; overflow: hidden; margin-bottom: 50px; }
  #topics .listTopic li .img { width: 45%; float: left;}
  #topics .listTopic li .topicsInfo { width: 50.5%; float: right; display: block; margin-top: 0; }
  #topics .listTopic li .topicsInfo .topicsTags { display: inline-block; margin-bottom: 2px; }
  #topics .listTopic li .topicsInfo .topicsTitle { padding: 0; display: block; letter-spacing: 2px; }
  #topics .listTopic li .topicsInfo .topicsTitle a { font-size: 16px; line-height: 1.3; } }

/*# sourceMappingURL=topics.css.map */