.article{ margin:0 !important; padding:0 !important; background:transparent !important; }
.article h2,
.article h3,
.article h4,
.article h5{ border:none !important; padding:0 !important; background:none !important; font-weight:800; }
.content,.content-in,#content,#content-in{
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
  max-width:100% !important;
  background:transparent !important;
}
#body,.body{ background:var(--bg) !important; }

/* ========== ヘッダー：白×大ロゴ×赤ライン ========== */
#header-container,
#header,
.header-container,
.header-container-in,
.logo-header{
  background:#ffffff !important;
  border-bottom:none !important;
  min-height:116px !important;
  padding:0 !important;
  position:relative;
}
.header-container-in{
  padding:18px 0 14px !important;
}
.header-container-in::after{
  content:"";
  display:block;
  position:absolute;
  left:0; right:0; bottom:0;
  height:3px;
  background:linear-gradient(90deg,var(--red) 0%,var(--red-lt) 50%,var(--red) 100%);
}
#header{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:116px !important;
}
.header-in{
  max-width:1280px;
  margin:0 auto;
  padding:0 32px !important;
  width:100%;
  text-align:center;
  display:block !important;
}

/* --- ロゴをCSSテキストで大型・中央配置 --- */
.logo-header,
.logo.logo-header.logo-text{
  display:block !important;
  text-align:center !important;
  width:100% !important;
  padding:0 !important;
  margin:0 auto !important;
}