:root {
  --red: #bf0000;
  --ink: #333333;
  --muted: #666666;
  --line: #e2e2e2;
  --yellow: #fff7d9;
  --gold: #c99a24;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #ffffff; color: var(--ink); font-family: Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; }
a { color: inherit; }
img { display: block; max-width: 100%; height: auto; }
.vj-page { width: min(1080px, 100%); margin: 0 auto; background: #fff; }
.vj-hero { display: block; background: #fff; }
.vj-hero img { width: 100%; }
.vj-title-block { padding: 34px 36px 16px; text-align: left; }
.vj-title-block h2 { margin: 0; padding: 0; color: #333333; font-size: 26px; line-height: 1.35; letter-spacing: 0; font-weight: 800; }
.vj-lead { margin: 0 36px 10px; padding: 4px 0 24px; text-align: left; color: #333333; font-size: 21px; font-weight: 400; line-height: 1.75; }
.vj-lead p { margin: 0; }
.vj-lead__space { height: 16px; }
.vj-main-image, .vj-image-list { padding: 0 36px 16px; }
.vj-main-image__item, .vj-image-list__item { display: block; margin-bottom: 12px; background: #fff; }
.vj-main-image__item img, .vj-image-list__item img { width: 100%; }
@media (min-width: 980px) {
}
@media (max-width: 820px) {
  .vj-title-block, .vj-main-image, .vj-image-list { padding-left: 18px; padding-right: 18px; }
  .vj-lead { margin-left: 18px; margin-right: 18px; }
}
@media (max-width: 560px) {
  .vj-title-block { padding-top: 24px; }
  .vj-title-block h2 { font-size: 21px; padding: 13px 12px; }
  .vj-lead { font-size: 18px; }
}