/* 2026-11-03 SEO整理で h1 を p に置き換えた箇所の見た目を、元の h1 と同じに保つための補い。
   コンパイル済みの style.css は触らない。元の指定は library/scss/modules/_base.scss・_header.scss・_hero.scss・_tuika.scss の h1。
   SCSS をコンパイルし直すときは、この内容を _tuika.scss に移してこのファイルを外す。 */
p.as-h1{margin-top:0;text-rendering:optimizelegibility;font-weight:600;margin-bottom:.6em;line-height:1.4;letter-spacing:.1em;font-size:4rem}
.headerh1 p.as-h1{font-size:.7rem;margin-bottom:0;line-height:1.3}
#hero p.as-h1{position:absolute;color:#fff;font-size:2.6rem;margin-right:auto;margin-left:auto;letter-spacing:.05em;text-shadow:0 0 10px #444;z-index:10;bottom:4vw;left:10vw}
.pageheader p.as-h1{text-align:center;font-size:1.9rem;letter-spacing:.1em;color:#fff;padding-bottom:.4em;margin-bottom:0}
@media only screen and (max-width:768px){
  .headerh1 p.as-h1{font-size:.5rem;display:none}
  #hero p.as-h1{font-size:min(10vw,2.3rem);letter-spacing:.08em;bottom:8vw;left:7vw}
}

/* 2026-11-03 WebP 配信（EWWW の <picture> 書き換え）で img が picture に包まれても、レイアウトを元のままにする */
picture{display:contents}
picture>source{display:none}