#intro {
  text-align: center;
  gap: clamp(2rem, 0.7706855792rem + 3.7825059102vw, 4rem);
}
#intro h2 {
  font-size: clamp(1.5rem, 1.0390070922rem + 1.4184397163vw, 2.25rem);
}
#intro h2 span {
  color: #9E2420;
}
#intro p {
  line-height: 2;
  text-wrap: balance;
  word-break: auto-phrase;
}
#profile {
  background-color: #F1F3F7;
  padding: 3rem clamp(1.5rem, 0.5780141844rem + 2.8368794326vw, 3rem);
  text-align: left;
  width: fit-content;
  margin: auto;
}
#profile .personal,
#profile .career {
  margin: 0 auto;
  max-width: 45rem;
}
#profile .personal {
  gap: clamp(1.5rem, 0.5780141844rem + 2.8368794326vw, 3rem);
}
#profile .personal h3 {
  align-items: flex-end;
  gap: clamp(0.5rem, 0.1926713948rem + 0.9456264775vw, 1rem);
  max-width: 20rem;
  flex: 1;
}
#profile .personal h3 .en {
  letter-spacing: 0.3em;
  font-size: 0.875rem;
}
#profile .personal h3 .ja {
  letter-spacing: 0.3em;
  font-size: clamp(1.25rem, 0.9426713948rem + 0.9456264775vw, 1.75rem);
}
#profile .personal h3 .title {
  letter-spacing: 0.3em;
}
#profile .personal .text {
  font-size: clamp(0.75rem, 0.6731678487rem + 0.2364066194vw, 0.875rem);
  line-height: 1.75;
  flex: 1;
  text-wrap: balance;
  word-break: auto-phrase;
}
#profile .career {
  margin-top: 2.5rem;
}
#profile .career h3 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
#profile .career h3 span {
  display: block;
  flex: 1;
  font-size: clamp(1rem, 0.8463356974rem + 0.4728132388vw, 1.25rem);
  letter-spacing: 0.1em;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}
#profile .career h3::before, #profile .career h3::after {
  display: block;
  content: "";
  width: 100%;
  flex: 4;
  height: 1px;
  background-color: #3F444D;
}
@media screen and (max-width: 520px) {
  #profile .career h3::before, #profile .career h3::after {
    flex: 3;
  }
}
#profile .career .career-content {
  padding: 0 0.5rem;
  line-height: 2;
}
#profile .career .career-content ul {
  list-style-type: disc;
  padding-left: 1rem;
}
#profile .career .career-content ul li + li {
  margin-top: 0.5rem;
}

#overview {
  padding-top: 0;
}
#overview .overview-contents {
  gap: clamp(2rem, 1.3853427896rem + 1.8912529551vw, 3rem);
}
#overview .overview-contents .logo {
  max-width: 27.5rem;
  width: 80%;
  margin: auto;
}
#overview .overview-contents table {
  width: 100%;
  margin: auto;
}
#overview .overview-contents table td {
  padding: clamp(1rem, 0.6926713948rem + 0.9456264775vw, 1.5rem) 0.5rem;
  border-bottom: 1px dashed #3F444D;
  line-height: 1.75;
  word-break: auto-phrase;
  text-wrap: balance;
  vertical-align: middle;
}
#overview .overview-contents table td:first-child {
  white-space: nowrap;
}
#overview .overview-contents table tr:last-of-type td {
  border-bottom: none;
}
#overview .access-contents {
  margin-top: 4rem;
  gap: clamp(1.5rem, 0.5780141844rem + 2.8368794326vw, 3rem);
}
#overview .access-contents iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/10;
}