@charset "utf-8";
/* CSS Document */
.c-txt ul {
    padding: 0;
}
.p-detail__list {
    gap: 1rem;
}
.c-page__txt {
    background: transparent;
}
.c-page__txt h3 {
    margin-bottom: 0;
}
.c-txt * + ul {
    margin-top: 1rem;
}
@media screen and (max-width: 767.98px) {
    .c-page__txt {
    }
    .program-lists ul,
    .program-lists li {
        padding-left: 0 !important;
    }
    
}
/*　対象プログラム一覧ページ　*/
.program-lists .p-class__list {
  margin-top: 6rem;
  display: flex;
  flex-wrap: wrap;
  gap: 3.6rem;
}
@media screen and (max-width: 767.98px) {
  .program-lists .p-class__list {
    margin-top: 5rem;
    justify-content: space-between;
    gap: 2rem 1rem;
  }
}
.program-lists .p-class__item {
  width: 29.8rem;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .program-lists .p-class__item {
    width: 17.5rem;
  }
}
.program-lists .p-class__item a {
  color: currentColor;
  text-decoration: none;
}
@media (any-hover: hover) {
  .program-lists .p-class__item a:hover .p-img-wrapper img {
    transform: scale(1.1);
  }
}
.p-class__inner .p-img-wrapper {
  border-radius: var(--radius) var(--radius) 0 0;
  overflow: hidden;
  margin-bottom: 0;
}
@media screen and (max-width: 767.98px) {
  .p-class__inner .p-img-wrapper {
    aspect-ratio: 175/130;
  }
}
.p-class__inner .p-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s transform;
}

.c-txt .program-lists ul li::before {
    content: none !important;
}

.program-lists .p-class__body {
  margin-top: -7.2rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767.98px) {
  .program-lists  .p-class__body {
    margin-top: -2.6rem;
  }
}
.program-lists  .p-class__body .c-category {
  border-radius: 0.5rem;
}
@media screen and (max-width: 767.98px) {
  .program-lists .p-class__body .c-category {
    font-size: 1.2rem;
    padding: 0.5rem !important;
  }
}

:root {
  --radius: 2.5rem;
}
.program-lists .p-class__ttl {
  height: 12rem;
  background-color: #fff;
  display: grid;
  place-content: center;
  border-radius: 100% 100% var(--radius) var(--radius);
  padding-top: 1.5rem;
}
@media screen and (max-width: 767.98px) {
  .program-lists .p-class__ttl {
    border-radius: 70% 70% var(--radius) var(--radius);
    height: 6.4rem;
    padding-top: 0.4rem;
  }
}
.program-lists .p-class__ttl img {
  height: 6.5rem;
  width: auto;
}
@media screen and (max-width: 767.98px) {
  .program-lists .p-class__ttl img {
    height: 4rem;
  }
}
.c-txt .program-lists ul li {
   background: transparent;
}
.program-lists .c-category {
    background-color: #5ba938 !important;
    padding: 0 1rem;
    font-size: 1.6rem;
}

.p-link-list {
    margin-top: 4rem !important;
}

.p-link-item {
  min-width: 25.6rem;
}
@media screen and (max-width: 767.98px) {
  .p-link-item {
    min-width: 17.5rem;
  }
}
.p-link-item.-pink a {
  border-color: #f093a5;
}
@media (any-hover: hover) {
  .p-link-item.-pink a:hover {
    background-color: #f093a5;
  }
}
.p-link-item.-green a {
  border-color: #5ba938;
}
@media (any-hover: hover) {
  .p-link-item.-green a:hover {
    background-color: #5ba938;
  }
}
.p-link-item.-blue a {
  border-color: #689bc2;
}
@media (any-hover: hover) {
  .p-link-item.-blue a:hover {
    background-color: #689bc2;
  }
}
.p-link-item.-yellow a {
  border-color: #fdd000;
}
@media (any-hover: hover) {
  .p-link-item.-yellow a:hover {
    background-color: #fdd000;
  }
}
.p-link-item a {
  transition: 0.3s color, 0.3s background-color;
  border-radius: 1000px;
  display: grid;
  place-content: center;
  font-size: 2rem;
  min-height: 5rem;
  border-width: 0.3rem;
  border-style: solid;
  background-color: #fff;
  text-decoration: none;
  color: currentColor;
  width: 100%;
  font-weight: 500;
}
@media (any-hover: hover) {
  .p-link-item a:hover {
    color: #fff;
  }
}
@media screen and (max-width: 767.98px) {
  .p-link-item a {
    font-size: 1.4rem;
    min-height: 3.4rem;
  }
}