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

article {position: relative;}
article::before {
  height: 50px; /* ヘッダーの高さ */
  margin-top: -100px;
  content: '';
  display: block;
  position: relative;
  z-index: -11;}
figure{line-height: 1;}

dd {
  font-size: clamp(1.4rem, 1.171rem + 0.46vw, 1.6rem);
  line-height: 1.7;
  padding-bottom: clamp(2.5rem, 1.357rem + 2.29vw, 3.5rem);
}

.ttl_04 {
  padding: 12px;
}
.list_year {
  margin-bottom: clamp(2.5rem, 1.357rem + 2.29vw, 3.5rem);
  width: 276px;
  max-width: 80%;
  border: solid 1px var(--main);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  position: relative;
}
.list_year select {
  color: var(--main);
  font-size: clamp(1.6rem, 1.371rem + 0.46vw, 1.8rem);
  height: clamp(5.6rem, 5.143rem + 0.91vw, 6rem);
  padding-right: 1.5em;
  font-weight: 700;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.safari .list_year select {
  width: auto;
}
.list_year option {
  text-align: center;
}
.list_year::after {
  border-top: 1px solid var(--main);
  border-left: 1px solid var(--main);
  color: var(--main);
  top: calc(50% - .3em);
  right: 20px;
  content: '';
  width: .6em;
  height: .6em;
  position: absolute;
  transform: rotate(-135deg);
  pointer-events: none;
}
.list_01 {
  padding-top: 54px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  position: relative;
  z-index: 9;}
.list_01 a {
  width: calc(50% - 15px);
  padding-right: 1.5em;
  display: flex;
  align-items: center;}
.btn-m01 {
  padding-bottom: 1em;}
.ttl_01 {
  margin-top: clamp(6.6rem, 3.171rem + 6.86vw, 9.6rem);
}

.list_03 dt {
  color: var(--main);
  font-size: clamp(1.6rem, 0.914rem + 1.37vw, 2.2rem);
  margin-bottom: .5em;
  font-weight: 700;
}

@media (min-width: 768px) {
  .list_01 a {
    width: calc(23.9% - 15px);
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .list_01 a {
    width: calc(24.2% - 15px);
  }
}
@media (min-width: 1200px) {
  .list_01 a {
    width: calc(24.3% - 15px);
  }
}