@charset "utf-8";

.column-page .en { display: none; }
.column-page .column-main {
  width: 90%;
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(32px, 5vw, 72px) clamp(20px, 6vw, 100px) clamp(64px, 9vw, 128px);
  background: #fff;
  color: #040f28;
}
.column-intro { padding: clamp(56px, 8vw, 110px) 0 clamp(40px, 6vw, 80px); }
.column-page #column-title {
  display: block;
  position: static;
  width: auto;
  margin: 0;
  padding: 0;
  font: bold clamp(2.4rem, 7vw, 6.5rem)/1.1 serif;
  letter-spacing: 0.08em;
}
.column-subtitle {
  width: fit-content;
  margin: 20px 0 0;
  padding-top: 10px;
  border-top: 3px dashed #ffd5f0;
  font: 1rem/1.6 serif;
}
.column-content { padding-top: clamp(40px, 6vw, 80px); }
.column-content p { font-size: clamp(0.95rem, 1.3vw, 1.1rem); line-height: 2.2; overflow-wrap: anywhere; }
.column-content p + p { margin-top: 20px; }
.column-content .column-notice {
  margin-top: clamp(32px, 5vw, 64px);
  padding: clamp(24px, 4vw, 48px);
  border-top: 1px solid #ffd5f0;
  border-bottom: 1px solid #ffd5f0;
  background: #fffbe7;
}
@media screen and (max-width: 600px) {
  .column-page .column-main { width: 100%; padding-inline: 20px; }
}