/* 型の見本で共通の土台。色や形は、それぞれの型のCSSで決める */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; line-height: 1.9; font-size: 16px; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p, ul, ol, dl, dd, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; }
button { font: inherit; color: inherit; cursor: pointer; }
.wrap { width: min(1160px, 100% - 48px); margin-inline: auto; }
.pc { display: inline; }
.sample-note { font-size: 12px; opacity: .75; }
@media (max-width: 820px) { body { font-size: 15px; } .wrap { width: calc(100% - 40px); } .pc { display: none; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; } }

/* tpl:4bb3fa872bcc */