.text {
  line-height: 1.77;
  font-size: 18px;
}

.caution {
  line-height: 1.5;
  font-size: 14px;
}

.outline,
.history {
  margin: 0 auto min(50px, calc(50 / 1400 * 100vw)) auto;
  width: min(780px, calc(780 / 1400 * 100vw));
}

.outline div,
.history div {
  display: flex;
}

.outline dd,
.history dd {
  flex: 1;
}

.outline dt {
  width: 7em;
}

.history dt {
  width: 11em;
}

.staff {
  margin: 0 auto;
  width: min(780px, calc(780 / 1400 * 100vw));
}

.staff .lead {
  margin-bottom: min(20px, calc(20 / 1400 * 100vw));
}

.staff .cmn-table {
  margin-bottom: min(20px, calc(20 / 1400 * 100vw));
}

.staff .cmn-table th,
.staff .cmn-table td {
  text-align: left;
}

.staff .cmn-table th {
  width: 15em;
}

.staff h4 {
  margin-bottom: min(15px, calc(15 / 1400 * 100vw));
  margin-top: min(40px, calc(40 / 1400 * 100vw));
}

.disclosure {
  margin: 0 auto;
  width: min(780px, calc(780 / 1400 * 100vw));
}

.disclosure .lead {
  margin-bottom: min(20px, calc(20 / 1400 * 100vw));
}

.disclosure .link {
  text-align: center;
  margin-bottom: min(40px, calc(40 / 1400 * 100vw));
}

.disclosure .cmn-text-link {
  color: var(--color-beige-bg);
  font-weight: 700;
  font-size: 24px;
}

.disclosure .list {
  display: flex;
  flex-direction: column;
  gap: min(40px, calc(40 / 1400 * 100vw));
}

.disclosure .list .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: min(20px, calc(20 / 1400 * 100vw));
}

.disclosure .list .title {
  font-weight: bold;
  font-size: 24px;
}

.disclosure .list .button {
  display: flex;
  flex-wrap: wrap;
  gap: min(20px, calc(20 / 1400 * 100vw));
}

.disclosure .list .button a {
  text-align: center;
  font-weight: 700;
  border: 1px solid var(--color-beige-text);
  transition: all 0.3s;
  background: var(--color-beige-text);
  color: var(--color-white);
  border-radius: min(5px, calc(5 / 1400 * 100vw));
  padding: min(8px, calc(8 / 1400 * 100vw)) min(10px, calc(10 / 1400 * 100vw)) min(5px, calc(5 / 1400 * 100vw)) min(10px, calc(10 / 1400 * 100vw));
  width: max-content;
  line-height: 1.05;
  font-size: 18px;
}

.disclosure .list .select {
  position: relative;
  border: 2px solid var(--color-beige-text);
  border-radius: min(5px, calc(5 / 1400 * 100vw));
}

.disclosure .list .select::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--color-beige-text);
  aspect-ratio: 18/15;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  left: min(10px, calc(10 / 1400 * 100vw));
  width: min(18px, calc(18 / 1400 * 100vw));
}

.disclosure .list select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  background: none;
  border: none;
  line-height: 1.05;
  font-weight: 700;
  color: var(--color-beige-text);
  border-radius: min(5px, calc(5 / 1400 * 100vw));
  padding: min(8px, calc(8 / 1400 * 100vw)) min(10px, calc(10 / 1400 * 100vw)) min(5px, calc(5 / 1400 * 100vw)) min(34px, calc(34 / 1400 * 100vw));
  font-size: 18px;
}

@media print and (hover: hover), screen and (min-width: 769px) and (hover: hover) {
  .disclosure .list .button a:hover {
    background: var(--color-white);
    color: var(--color-beige-text);
  }
}

@media screen and (min-width: 769px) and (-ms-high-contrast: active), screen and (min-width: 769px) and (-ms-high-contrast: none) {
  .disclosure .list .button a:hover {
    background: var(--color-white);
    color: var(--color-beige-text);
  }
}

@media only screen and (max-width: 768.8px) {
  .text {
    font-size: 1.8rem;
  }

  .caution {
    font-size: 1.4rem;
  }

  .outline,
  .history {
    width: 89.3333333333vw;
    margin-bottom: 16vw;
  }

  .outline dt {
    width: 6em;
  }

  .history div {
    flex-direction: column;
  }

  .history dt {
    width: auto;
    font-weight: 700;
  }

  .staff {
    width: 89.3333333333vw;
  }

  .staff .lead {
    margin-bottom: 5.3333333333vw;
  }

  .staff .cmn-table {
    margin-bottom: 5.3333333333vw;
  }

  .staff .cmn-table th,
  .staff .cmn-table td {
    text-align: center;
  }

  .staff .cmn-table th {
    width: 8em;
  }

  .staff .cmn-table td span {
    line-height: 1.5;
    display: block;
    font-size: 1.3rem;
  }

  .staff h4 {
    margin-bottom: 4vw;
    margin-top: 8vw;
  }

  .disclosure {
    width: 89.3333333333vw;
  }

  .disclosure .lead {
    margin-bottom: 5.3333333333vw;
  }

  .disclosure .link {
    margin-bottom: 10.6666666667vw;
  }

  .disclosure .cmn-text-link {
    font-size: 2.4rem;
  }

  .disclosure .list {
    gap: 9.3333333333vw;
  }

  .disclosure .list .item {
    gap: 2.6666666667vw;
  }

  .disclosure .list .title {
    font-size: 2.4rem;
  }

  .disclosure .list .title {
    width: 100%;
  }

  .disclosure .list .button {
    gap: 2.6666666667vw;
  }

  .disclosure .list .button a {
    font-size: 1.8rem;
  }

  .disclosure .list .button a {
    border-radius: 1.3333333333vw;
    padding: 2.1333333333vw 2.6666666667vw 1.3333333333vw 2.6666666667vw;
  }

  .disclosure .list .select {
    border-radius: 1.3333333333vw;
  }

  .disclosure .list .select::before {
    left: 2.6666666667vw;
    width: 4.8vw;
  }

  .disclosure .list select {
    font-size: 1.8rem;
  }

  .disclosure .list select {
    border-radius: 1.3333333333vw;
    padding: 2.1333333333vw 2.6666666667vw 1.3333333333vw 9.0666666667vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1399.8px) {
  .text {
    font-size: 1.8rem;
  }

  .caution {
    font-size: 1.4rem;
  }

  .disclosure .cmn-text-link {
    font-size: 2.4rem;
  }

  .disclosure .list .title {
    font-size: 2.4rem;
  }

  .disclosure .list .button a {
    font-size: 1.8rem;
  }

  .disclosure .list select {
    font-size: 1.8rem;
  }
}