/* 文字サイズ・見出し・パンくず・カードは既存画面の共通スタイルを使用する。 */
.equipment-tip-layout .main_area { min-width: 0; }
.tip-hero { display: flex; align-items: center; justify-content: center; }
.tip-hero img { display: block; max-width: 100%; max-height: 360px; width: auto; object-fit: contain; }
.tip-rich-text { overflow-wrap: anywhere; margin-bottom: 0; }
.tip-introduction { margin-bottom: 40px; }
.tip-toc { text-align: left; }
.tip-toc ol { margin: 0; padding-left: 1.5em; list-style: decimal; }
.tip-toc li { margin: 10px 0; }
.tip-toc a { text-underline-offset: 3px; }
.tip-inline-toc { margin: 40px 0; }
.tip-inline-toc a { color: #990000; text-decoration: underline; }
.tip-section { margin-top: 80px; scroll-margin-top: 32px; }
.tip-heading:not(.c-ttl) { font-weight: bold; margin-bottom: 20px; }
.equipment-tip h3.tip-heading { font-size: 18px; }
.tip-section-image { margin-bottom: 20px; text-align: center; }
.tip-section-image img { display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto; }
.tip-rich-text h5, .tip-rich-text h6 { font-weight: bold; margin-bottom: 20px; }
.tip-rich-text blockquote { border-left: 3px solid #ccc; margin: 20px 0; padding-left: 20px; }
.tip-rich-text .ql-align-center { text-align: center; }
.tip-rich-text .ql-align-right { text-align: right; }
.tip-rich-text .ql-align-justify { text-align: justify; }
.tip-rich-text .ql-warning { position: relative; border: 1px solid #dc7474; padding: 34px 12px 12px; margin: 20px 0; }
.tip-rich-text .ql-warning::before { content: '注意'; position: absolute; top: 8px; left: 34px; color: #a00000; font-weight: 700; }
.tip-rich-text .ql-warning::after { content: '!'; position: absolute; top: 12px; left: 12px; width: 15px; height: 15px; line-height: 15px; border-radius: 50%; text-align: center; background: #b00000; color: #fff; font-size: 11px; font-weight: 700; }
.equipment-tip a:focus-visible, .tip-toc a:focus-visible { outline: 2px solid #990000; outline-offset: 4px; }
@media (max-width: 767px) {
  .tip-hero img { max-height: 280px; }
  .tip-section { margin-top: 40px; }
}
@media (prefers-reduced-motion: no-preference) {
  html:has(.equipment-tip-layout) { scroll-behavior: smooth; }
}