/* line 5, ../sass/topics.scss */
.btnStyle.btmBtn {
  padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
  /* line 7, ../sass/topics.scss */
  .btnStyle.btmBtn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* line 14, ../sass/topics.scss */
.blockList > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2.08333vw;
}
@media screen and (max-width: 768px) {
  /* line 14, ../sass/topics.scss */
  .blockList > ul {
    gap: 20px 6%;
  }
}
/* line 21, ../sass/topics.scss */
.blockList > ul li {
  width: 20.83333vw;
  padding-left: 0 !important;
}
/* line 24, ../sass/topics.scss */
.blockList > ul li::before {
  display: none;
}
@media screen and (max-width: 768px) {
  /* line 21, ../sass/topics.scss */
  .blockList > ul li {
    width: 47%;
  }
}
/* line 30, ../sass/topics.scss */
.blockList > ul li a {
  display: block;
  text-decoration: none;
}
@media screen and (min-width: 1201px) {
  /* line 36, ../sass/topics.scss */
  .blockList > ul li a:hover .thumb img {
    transform: scale(1.1, 1.1);
    transition: 1s all;
  }
}
/* line 43, ../sass/topics.scss */
.blockList > ul li a .date {
  margin: 0 0 10px;
}
@media screen and (min-width: 1201px) {
  /* line 43, ../sass/topics.scss */
  .blockList > ul li a .date {
    transition: none;
    color: #333;
  }
}
/* line 50, ../sass/topics.scss */
.blockList > ul li a .thumb {
  overflow: hidden;
  margin: 0 0 10px;
  border-radius: 0 20px;
}
/* line 54, ../sass/topics.scss */
.blockList > ul li a .thumb img {
  transition: 1s all;
}
/* line 58, ../sass/topics.scss */
.blockList > ul li a .cat {
  margin: 0 0 10px;
  color: #767676;
  font-weight: bold;
}
/* line 62, ../sass/topics.scss */
.blockList > ul li a .cat span {
  border-bottom: 1px solid #767676;
  padding: 0 8px 2px;
}
/* line 67, ../sass/topics.scss */
.blockList > ul li a .tit {
  font-size: 18px;
  text-decoration-line: underline;
  text-decoration-thickness: 0;
}
@media screen and (max-width: 20px) {
  /* line 67, ../sass/topics.scss */
  .blockList > ul li a .tit {
    font-size: 90vw;
  }
}
@media screen and (min-width: 1201px) {
  /* line 74, ../sass/topics.scss */
  .blockList > ul li a:hover .cat {
    color: #B84C34;
  }
  /* line 76, ../sass/topics.scss */
  .blockList > ul li a:hover .cat span {
    border-color: #B84C34;
  }
  /* line 80, ../sass/topics.scss */
  .blockList > ul li a:hover .tit {
    text-decoration: none;
  }
}