/* Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

:root{
  --bg:#c6b996;
  --green:#005d5b;
  --ink:#0b1320;
  --white:#fff;
}

body{
  font-family:"Noto Sans JP",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
}

/* 上の画像（中央寄せ） */
.cs-visual{
  text-align:center;
  margin:40px auto 24px;
}
.cs-visual img {
  width: 50%;   /* PC幅デフォルト */
  height: auto;
}

@media (max-width: 1024px) {
  .cs-visual img {
    width: 65%;  /* iPad幅（タブレット想定） */
  }
}

@media (max-width: 767px) {
  .cs-visual img {
    width: 100%; /* スマホは全幅 */
  }
}

/* Hero */
.hero{
  background:var(--green);
  color:var(--white);
  width:100vw;
  margin-left:calc(-50vw + 50%);
}
.hero__inner{
  width:min(1100px,92vw);
  margin:0 auto;
  padding:72px 24px 64px;
  text-align:center;
}
.hero__title{
  font-weight:900;
  letter-spacing:.08em;
  font-size:clamp(32px,7vw,72px);
  margin:0 0 12px;
}
.hero__lead{
  font-weight:700;
  font-size:clamp(14px,2.2vw,18px);
  width:min(760px,92%);
  margin:0 auto;
}
.br-sp{ display:none; }
@media (max-width:767px){ .br-sp{ display:inline; } }

/* Footer */
.cs-footer{
  text-align:center;
  font-size:12px;
  color:#ffffffcc;
  padding:24px 16px;
}