@charset "UTF-8";/* 2025.06.30 */

.line01 {
  width: 100%;
  height: 15px;
  background:#EC7AAC;
  display: block;
}
.title-heading {
  width: 5em;
}
.title-heading-s {
  white-space: nowrap;
}
.box01 {
  text-align: center;
}

.ttl_top {
  text-align: center;
  font-size: clamp(2.6rem, 2.4rem + 3vw, 5.5rem);
  padding: 100px 0 45px;
}



.pdfs,
#link01 {
  margin-top: 50px;
}
.ttl_05 {
  color: var(--text);
  padding-top: 20px;
}
.card-container {
  display: flex;
  row-gap: 40px;
  flex-wrap: wrap;
}
.card {
  max-width: 100%;
}
.link-card {
  display: block;
  text-decoration: none;
  border: none;
}
.link-card .image {
  width: 100%;
  height: clamp(18.8rem, 16rem + 12.4vw, 25rem);
  overflow: hidden;
  position: relative;
}

.link-card:hover {
  opacity: 1;
}
.link-card:hover img {
  transform: scale(1.1);
}
.link-card:hover img {
  transform: scale(1.1);
}
@media (min-width: 768px) {
  .card-container {
    column-gap: 20px;
  }
  .card {
    width: calc(50% - 12px);
  }
}
@media (min-width: 1024px) {
  .card {
    width: calc(33.3% - 14px);
  }
}

@media (min-width: 1238px) {
  .card {
    width: 384px;
  }
}
.card .thumb {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background-color: transparent; /* 変な背景があれば消す */
  padding: 0;
  margin: 0;
}

.card .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 5%;
  display: block;
  border: none;         /* 画像にボーダーがある場合に備えて */
  margin: 0;
  padding: 0;
  transition: .3s;
}