@charset "UTF-8";
/* THERMO CHARGER ページ固有スタイル（共通 site.css の後に読む） */
.tc-band { background: #9fa0a0; text-align: center; padding: clamp(32px, 8vw, 96px) 20px; }
.tc-band img { width: 70%; max-width: 500px; height: auto; }
.tc-band--foot { padding: clamp(24px, 5vw, 56px) 20px; }
.tc-band--foot img { max-width: 275px; width: 50%; }
.tc-title { margin: 36px auto 28px; text-align: center; font-size: 26px; font-weight: 700; letter-spacing: .3em; }
.tc-bag { display: block; width: 70%; max-width: 900px; margin: 0 auto 40px; }
.tc-spec { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 48px; align-items: center; }
.tc-spec__title { width: 80%; max-width: 320px; margin-bottom: 12px; }
.tc-spec p { margin: 0; font-size: 15px; line-height: 1.6; }
.tc-spec__compact { width: 80%; max-width: 360px; margin-inline: auto; display: block; }
.tc-howto__title { display: block; width: 100%; margin-bottom: 8px; }
.tc-howto__pse { width: 40%; max-width: 360px; margin: 6px 0 24px; }
.tc-aicon { display: block; width: 30%; max-width: 160px; margin: 8px 0 0 auto; }
.tc-caution__title { display: block; width: 100%; margin-bottom: 16px; }
.tc-warn h3 { margin: 24px 0 8px; font-size: 20px; font-weight: 700; }
.tc-warn p { margin: 0 0 6px; font-size: 15px; line-height: 1.6; }
.tc-yt-logo { width: 20%; max-width: 160px; margin-bottom: 8px; }
@media screen and (max-width: 672px) {
  .tc-title { font-size: 19px; letter-spacing: .18em; margin: 24px auto 20px; }
  .tc-bag { width: 90%; }
  .tc-spec { grid-template-columns: 1fr; }
  .tc-spec__compact { width: 60%; }
  .tc-howto__pse { width: 60%; }
  .tc-yt-logo { width: 35%; }
}

.tc-h { margin: 0 0 20px; padding: 8px 16px; border-top: 2px solid #9fa0a0; border-bottom: 2px solid #9fa0a0; background: #eeeeee; text-align: center; font-size: 20px; font-weight: 700; letter-spacing: .3em; }