.content { font-size: 12pt; }

.content h3 {
    font-size: 121%;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: .25em;
}

.content li:has(.survey-button) { list-style: none; }

.content p { text-indent: 0em; }

.content hr.spacer {
    display: block;
    box-sizing: border-box;
    visibility: hidden;
    clear: both;
    height: 1em;
}

.survey-button {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 686px;
  height: auto;
  margin-bottom: 10px;
  padding: 1.2% 2.4%;
  border-radius: 50px;
  text-decoration: none;
  box-sizing: border-box;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.survey-button:hover {
  opacity: 0.95;
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.survey-thumb {
  width: 26%;
  max-width: 180px;
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
}

.survey-text {
  font-size: calc(10px + 0.8vw);
  font-weight: bold;
  color: #2b7ee2;
  margin-left: 3.5%;
  white-space: nowrap;
}

.btn-undergrad-low  { background-color: #ffea93; } /* 薄い黄 */
.btn-undergrad-high { background-color: #f0f0ff; } /* 薄い紫 */
.btn-grad          { background-color: #e8ffc7; } /* 薄い緑 */
.btn-faculty       { background-color: #ffdecc; } /* 薄いオレンジ */
.btn-staff         { background-color: #f9e3ff; } /* 薄い紫 */

.strong { color: black; font-weight: bold; }

@media (max-width: 686px) {
  .survey-button {
   width: 94%;
   margin-left: auto;
   margin-right: auto;
  }
}