@charset "UTF-8";

article,article *{margin: 0;padding: 0;box-sizing: border-box;}
article section{margin: 6em 0;}
article section p{line-height: 170%;}
article section img{max-width: 100%;height: auto;display: block;margin: 0.7em auto;}
._fw-100 {font-weight: 100; }._fw-200 {font-weight: 200; }._fw-300 {font-weight: 300; }._fw-400 {font-weight: 400; }._fw-500 {font-weight: 500; }._fw-600 {font-weight: 600; }._fw-700 {font-weight: 700; }._fw-800 {font-weight: bold;font-weight: 800; }._fw-900 {font-weight: 900; }
._mt0{margin-top: 0 !important;}
._txtc{text-align: center;}
._dp-b {display: block; }._dp-ib {display: inline-block; }._dp-i {display: inline; }
.hks-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.hks-card {
  display: block;
  background: #000;
  overflow: hidden;
}

.hks-card img {
  width: 100%;
  height: auto;
  display: block;
}

.hks-card:hover img {
  opacity: 0.8;
  transition: 0.3s;
}

/* タブレット */
@media (max-width: 1024px) {
  .hks-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* スマホ */
@media (max-width: 600px) {
  .hks-grid {
    grid-template-columns: 1fr;
  }
}
.hks_txtp {
    border: 1px solid #000000;
    padding: 2em 0.5em;
    margin-bottom: 2em;
    background-color: #ababab;
    color: #ffffff;
    font-size: 15px;
}
.hks_txt2 {
    font-size: 18px;
}