/* CSS Document */

@media print {
  html {
    font-size: 20pt;
  }
}

body {
  font-family: "YU Gothic UI", "Meiryo", "MS Pゴシック";
  background-color: #fff;
  color: #696969;
  margin-top: 10%;
  font-size: 16px; /* ベースフォントサイズ（16px） */
  line-height: 2;
  text-align: center; /* 中央揃え（旧 align="center" の代替） */
}

/* h1: 最大 32px に調整（レスポンシブ） */
h1 {
  font-size: 32px; /* フォールバック */
  font-size: clamp(1.5rem, calc(1.6rem + 1vw), 2rem); /* 24px～32px 程度で可変 */
  line-height: 1.3;
}

/* p: 案内文（旧 h3 部分を統合） */
p {
  font-size: 12px; /* フォールバック */
  font-size: clamp(0.75rem, calc(0.75rem + 0.4vw), 1.2rem);
  line-height: 1.3;
  font-weight: bold;
}

/* 大画面（>=1200px） */
@media (min-width: 1200px) {
  h1 { font-size: 2rem; }   /* 32px */
  h2 { font-size: 1.5rem; } /* 24px */
  p  { font-size: 1.2rem; }
}

/* 小画面（<=640px） */
@media screen and (max-width: 640px) {
  body { line-height: 2; }
  h1   { font-size: 1.5rem; }   /* 24px */
  h2   { font-size: 1.125rem; } /* 18px */
  p    { font-size: 1.2rem; }
}

main.inner {
  position: relative;
  top: 10%;
  margin: auto;
  width: 80%;
}

header img {
  display: block;
  margin: 0 auto;
}

figure {
  margin: 1.5em auto;
}