html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, input, textarea, button, table, tr, th, td, article, aside, footer, header, hgroup, nav, section, img {
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

body {
  background-color:#eee;
}

div {
  display:block;
}


.topic-section {
  margin:25px 10%;
  padding:30px 30px 100px;
  background-color:#fff;
}

.topic-section>.grid {
  row-gap:50px;
}

.topic-section .title-m{
  font-family:"Landasans";
  font-size:4.8rem;
  font-weight:500;
  letter-spacing:0.3em;
  color:#a7a7a7;
}

.block {
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  margin-top:70px;
  margin-bottom:70px;
}

.topic-tile>a {
  display:block;
  text-decoration:none;
  color:#333;
  background-color:#fff;;
  padding-left:6%;
  padding-right:6%;
}

.grid2 {
  display:grid;
  gap:0;
  grid-template-columns:1fr;
}

.grid-item {
  display:grid;
  gap:0;
  grid-template-columns:repeat(4,1fr);
}

.item-section {
  margin:0 30px;
  padding:30px 30px 30px 20px;
  background-color:#fff;
}


.topic-tile {
  margin-bottom:20px;
  position:relative;
  height:100%;
}

.topic-tile .topic-tile-body {
  margin-top:20px;
  padding-bottom:30px;
}

.topic-tile .topic-tile-img {
  width:100%;
  height:auto;
  object-fit:cover;
  
}

.topic-tile .topic-tile-img img {
  width:100%;
  height:100%;
  object-fit: cover;
}

img {
  max-width:100%;
  height:auto;
  vertical-align:bottom;
}

.topic-tile .topic-tile-title {
  margin:10px 5% 0;
  font-size:3.6rem;
  font-weight:700;
  line-height:1.8em;
}

.topic-tile .topic-tile-btxt {
  margin:10px 5% 0;
  font-size:1.7rem;
  font-weight:700;
  line-height:1.8em;
}

.topic-tile .topic-tile-txt {
  margin:0.5em 5% 0;
  font-size:1.4rem;
  text-align:left;
  line-height:1.6;
  letter-spacing:.05em;
}


.link-btn {
  padding:10px;
  margin:20px auto;
  width:270px;
  
  border:3px solid #333;
}

a.btn-border {
  padding:10px 50px;
  display:block;
  text-decoration:none;
  color:#333;
  font-size:1.8rem;
  font-weight:midium;
  letter-spacing:0.2em;
  border: 2px solid #333;
  border-radius: 0;
  background: #fff;
}

a.btn-border2 {
  padding:10px 50px;
  display:block;
  text-decoration:none;
  color:#333;
  font-size:1.8rem;
  font-weight:midium;
  letter-spacing:0.1em;
  border: 2px solid #333;
  border-radius: 0;
  background: #fff;
}

a.btn-border:hover {
  color: #fff;
  background: #333;
}

a.btn-border2:hover {
  color: #fff;
  background: #333;
}

.date {
  margin-top:80px;
  padding:0 5%;
  bottom:0px;
}


.date-txt {
  text-align:right;
  font-size:1.3rem;
  letter-spacing:.1em;
}

.bold {
  font-weight:bold;
}

.feni {
  color:#777777;
}