/* リセット + 土台。個別ページの装飾はここに書かない。 */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--font-gothic);
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
  color: var(--c-green-deep);
  background: var(--c-wh);
}
h1, h2, h3, h4, p, figure, ul, ol, dl, dd { margin: 0; }
ul, ol { padding: 0; list-style: none; }
img, svg, video { max-width: 100%; height: auto; vertical-align: bottom; }
a { color: inherit; text-decoration: none; transition: opacity .25s; }
a:hover { opacity: .7; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }

/* hidden 属性は常に効かせる。
   ドロワーの表示切替を `display: revert` に頼っていたが、revert は UA の
   `div { display: block }` まで戻ってしまい、閉じているはずのドロワーが
   opacity:0・position:fixed のまま画面全体に残ってタップとスクロールを奪っていた。 */
[hidden] { display: none !important; }

/* デザイン原寸 1440px の内側コンテナ。1440 未満では左右 40px を確保して縮む。 */
.l-inner {
  width: min(100% - 80px, var(--w-inner));
  margin-inline: auto;
}

/* 「精神療法(支持的精神療法)」のような括弧書きが括弧の内側で折り返さないようにする。
   括弧ごと次の行へ送られる。 */
.c-paren { white-space: nowrap; }