@charset "utf-8";

/* footerへのborder */
.topics .content_wrap {
  border-bottom: 1px solid #cacaca;
}

.topics .content_inner {
  max-width: 1100px;
  width: 100%;
  margin: 60px auto 55px;
}

.topics .tab-menu {
  display: flex;
  border-bottom: 2px solid #ccc;
}
.topics .tab-button {
  width: 155px;
  padding: 7px 0;
  cursor: pointer;
  background: #fff;
  border: none;
  outline: none;
  transition: 0.3s;
  font-size: 14px;
  color: #999999;
  position: relative;
  top: 2px;
}
.topics .tab-button::after {
  display: block;
  content: "";
  width: 96.7742%;
  height: 2px;
  background: #ccc;
  position: absolute;
  bottom: 0px;
  left: 0;
}
.topics .tab-button:hover,
.topics .tab-button.active {
  background: #ffffff;
  font-weight: bold;
  color: #f37022;
}
.topics .tab-button.active::after {
  display: block;
  content: "";
  width: 96.7742%;
  height: 2px;
  background: #f37022;
  position: absolute;
  bottom: 0px;
  left: 0;
}



.topics .tab-content {
  display: none;
  border-top: none;
}
.topics .tab-content.active {
  display: block;
}


.topics .tab-content ul li {
  padding: 50px 20px;
  border-bottom: 1px solid #e4e4e4;
}
.topics .tab-content ul li a {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.topics .tab-content .cont_box {
  width: 90.9091%;
  text-align: left;
}
.topics .tab-content .cont_top {
  display: flex;
  align-items: center;
}
.topics .tab-content .cont_box time {
  font-size: 16px;
  font-weight: bold;
  color: #888888;
  padding-right: 10px;
}
.topics .tab-content .cont_box .cat {
  font-size: 12px;
  color: #fff;
  padding: 2px 5px 3px;
  border-radius: 2px;
  box-sizing: border-box;
  /* margin-left: 10px; */
  margin-right: 10px;
}
.topics .tab-content .cont_box .cat.press_release {
  background: #4aa8b9;
}
.topics .tab-content .cont_box .cat.topics {
  background: #f11a3e;
}
.topics .tab-content .cont_box .cat.recruit {
  background: #2471d9;
}

.topics .tab-content .cont_box .pdf_icon img {
  width: 16px;
}
.topics .tab-content .cont_box small {
  font-size: 12px;
}
.topics .tab-content .cont_box p.tit {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 8px;
}

.topics .tab-content .cont_btn {
  width: 58px;
  height: 14px;
  border-radius: 7px;
  background: linear-gradient(to right, #ff9658, #f55b00);
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .topics .tab-content .cont_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
} */
.topics .tab-content .cont_btn img {
  width: 5px;
  height: 8px;
  margin: 0 10px 0 auto;
}

.topics .tab-content .new_icon {
  font-size: 12px;
  color: #fff;
  padding: 2px 5px 3px;
  border-radius: 2px;
  box-sizing: border-box;
  margin-right: 5px;
  background: #f30061;
  display: none;
}



/* pagination
---------------------------------------------------------------------- */
.topics .pagination {
  margin-top: 50px;
  text-align: center;
}
.topics .pagination button {
  padding: 0 0 9px;
  margin: 0 9px 0;
  font-size: 16px;
  color: #888888;
  cursor: pointer;
}
.topics button:disabled,
.topics button[disabled]{
  color: #f37022;
  border-bottom: 1px solid #f37022;
}
.topics .pagination button .next-btn {
  font-size: 14px;
  color: #333333;
}

@media (max-width: 1300px)  and (min-width: 769px) {
  .topics .content_inner {
    padding: 0 2%;
  }
}

@media screen and (max-width: 768px) {
  .topics .content_inner {
    max-width: 100%;
    width: 94.6667vw;
    /* margin: 0 auto 11.3333vw; */
    margin: 8vw auto 11.3333vw;
  }
  .topics .tab-menu {
    justify-content: space-between;
    border-bottom: none;
  }
  .topics .tab-button {
    width: 23.0667vw;
    padding: 0 0 1.3333vw;
    font-size: 2.8vw;
    top: 0;
  }
  .topics .tab-button::after {
    display: block;
    content: "";
    width: 100%;
  }



  .topics .tab-content ul li {
    padding: 6.6667vw 2.6667vw 5.3333vw;
  }
  .topics .tab-content ul li a {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .topics .tab-content .cont_box {
    width: 100%;
  }

  .topics .tab-content .cont_box time {
    font-size: 2.8vw;
    /* font-weight: bold; */
    margin-left: 2vw;
  }
  .topics .tab-content .cont_box .cat {
    font-size: 2.4vw;
    padding: 0.5333vw 0.9333vw 0.6667vw;
    /* margin-left: 2vw; */
    margin-right: 1.6000vw;
  }
  .topics .tab-content .cont_box .pdf_icon img {
    width: 2.6667vw;
  }
  .topics .tab-content .cont_box small {
    font-size: 2.4vw;
  }
  .topics .tab-content .cont_box p.tit {
    font-size: 3.2vw;
    margin-top: 1.3333vw;
  }

  .topics .tab-content .cont_btn {
    width: 15.3333vw;
    height: 3.8667vw;
    border-radius: 1.8667vw;
  }
  .topics .tab-content .cont_btn img {
    width: 1.4667vw;
    height: 2.1333vw;
    margin: 0 2.6667vw 0 auto;
  }


  .topics .tab-content .new_icon {
    font-size: 2.4vw;
    padding: 0.5333vw 0.9333vw 0.6667vw;
    margin-right: 1.6000vw;
  }






  /* pagination
  ---------------------------------------------------------------------- */
  .topics .pagination {
    margin-top: 8vw;
  }
  .topics .pagination button {
    padding: 0 0 2vw;
    margin: 0 1.7333vw 0;
    font-size: 3.2vw;
  }
  .topics .pagination button .next-btn {
    font-size: 3.2vw;
  }

}