@charset "UTF-8";
/*
 * 無料サイト診断（/shindan/）を無料AI活用診断（/ai-shindan/）と同じデザインに揃える 2026.08
 * ・以前の claude.com 風（クリーム＋コーラル＋セリフ）はやめ、サイト標準の配色に戻す
 * ・角丸4px以下、ぼかし影なし、区切りは1pxの線と背景色の差で出す
 * ・shindan.css の後ろから上書きする（shindan.css 自体は触らない）
 */
body.page-shindan .lp {
  --navy: #16243f;
  --orange: #f29600;
  --orange-d: #d98700;
  --cream: #faf6ef;
  --line: #efe8e0;
  --line2: #e5e7eb;
  --gray: #6b7280;
  --gray-l: #9ca3af;
  --ink: #333333;
  --ok: #2f7d5d;
  --warn: #b8801d;
  --ng: #c0432b;
  background: #fff;
  color: #333333;
  font-family: "Noto Sans JP", sans-serif;
}

/* ---------- ヒーロー：ais-hero と同じ ---------- */
body.page-shindan .lp .sd-hero {
  padding: 120px 0 56px;
  background: #faf6ef;
  border-bottom: 0;
  text-align: center;
}
body.page-shindan .lp .sd-hero__inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 24px;
}
body.page-shindan .lp .sd-hero__cat {
  display: none; /* 小見出しは出さない（ai-shindan と同じ） */
}
body.page-shindan .lp .sd-hero__h1 {
  margin: 0 0 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(15px, 1.6vw, 18px);
  font-weight: 700;
  line-height: 1.6;
  color: #f29600;
}
body.page-shindan .lp .sd-hero__title {
  margin-top: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: clamp(24px, 3.4vw, 38px);
  line-height: 1.5;
  letter-spacing: 0;
  color: #16243f;
}
body.page-shindan .lp .sd-hero__lead {
  margin-top: 18px;
  font-size: 15px;
  line-height: 2;
  color: #333333;
}

/* ---------- 入力フォーム ---------- */
body.page-shindan .lp .sd-form {
  margin-top: 32px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: left;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
body.page-shindan .lp .sd-form__label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 17px;
  font-weight: 700;
  color: #16243f;
}
body.page-shindan .lp .sd-form__label::before {
  content: "1";
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #f29600;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
body.page-shindan .lp .sd-form__input {
  min-height: 56px;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  font-size: 16px;
  color: #333333;
  transition: border-color .2s ease-out;
}
body.page-shindan .lp .sd-form__input:hover {
  border-color: #f29600;
}
body.page-shindan .lp .sd-form__input:focus {
  outline: 2px solid #f29600;
  outline-offset: 2px;
  border-color: #f29600;
  box-shadow: none;
}
body.page-shindan .lp .sd-form__btn {
  min-width: 200px;
  padding: 16px 30px;
  border: 2px solid #f29600;
  border-radius: 4px;
  background: #f29600;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  transition: all .2s ease-out;
}
body.page-shindan .lp .sd-form__btn:hover {
  background: #d98700;
  border-color: #d98700;
}
body.page-shindan .lp .sd-form__btn[disabled] {
  background: #9ca3af;
  border-color: #9ca3af;
}
body.page-shindan .lp .sd-form__note {
  margin-top: 14px;
  font-size: 13px;
  color: #6b7280;
}
body.page-shindan .lp .sd-error {
  margin-top: 24px;
  padding: 14px 16px;
  border: 1px solid #e73828;
  border-radius: 4px;
  background: #fdf3f2;
  font-size: 14px;
  font-weight: 700;
  color: #b91c1c;
}

/* ---------- 総合結果 ---------- */
body.page-shindan .lp .sd-score {
  background: #faf6ef;
}
body.page-shindan .lp .sd-score__box {
  border-radius: 4px;
  padding: 32px;
  background: #16243f;
}
body.page-shindan .lp .sd-score__label {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  color: #f29600;
}
body.page-shindan .lp .sd-score__value {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0;
}
body.page-shindan .lp .sd-score__value span {
  font-size: 20px;
  color: rgba(255, 255, 255, .72);
}
body.page-shindan .lp .sd-score__judge {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
body.page-shindan .lp .sd-bar__track {
  background: rgba(255, 255, 255, .16);
  border-radius: 4px;
}
body.page-shindan .lp .sd-bar__track span {
  background: #f29600;
}

/* ---------- 項目別 ---------- */
body.page-shindan .lp .sd-group { background: #fff; }
body.page-shindan .lp .sd-group--alt { background: #faf6ef; }
body.page-shindan .lp .sd-group__of {
  font-size: 14px;
  font-weight: 700;
  color: #6b7280;
}
body.page-shindan .lp .sd-item {
  border: 1px solid #efe8e0;
  border-radius: 4px;
  background: #fff;
  padding: 20px 22px;
}
body.page-shindan .lp .sd-item__label {
  font-size: 16px;
  font-weight: 700;
  color: #16243f;
}
body.page-shindan .lp .sd-item__note { color: #333333; }

/* ---------- アドバイス・メール登録 ---------- */
body.page-shindan .lp .sd-advice__body {
  border: 1px solid #efe8e0;
  border-radius: 4px;
  background: #fff;
  padding: 24px;
  font-size: 15px;
}
body.page-shindan .lp .sd-lock {
  border: 1px solid #efe8e0;
  border-radius: 4px;
  background: #fff;
}
body.page-shindan .lp .sd-lock__preview { background: #faf6ef; }
body.page-shindan .lp .sd-lock__preview::after {
  background: linear-gradient(180deg, rgba(250, 246, 239, 0) 0%, rgba(250, 246, 239, .96) 78%);
}
body.page-shindan .lp .sd-lock__form {
  background: #fff;
  border-left: 1px solid #efe8e0;
}
body.page-shindan .lp .sd-lock__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: #16243f;
}
body.page-shindan .lp .sd-lock__fields input {
  min-height: 52px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
body.page-shindan .lp .sd-lock__fields input:focus {
  outline: 2px solid #f29600;
  outline-offset: 2px;
  border-color: #f29600;
}
body.page-shindan .lp .sd-lock__privacy a { color: #f29600; }

/* ---------- 診断内容の説明 ---------- */
body.page-shindan .lp .sd-about { background: #faf6ef; }
body.page-shindan .lp .sd-about__item {
  border: 1px solid #efe8e0;
  border-radius: 4px;
  background: #fff;
  padding: 24px;
}
body.page-shindan .lp .sd-about__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: #16243f;
}
body.page-shindan .lp .sd-about__text { color: #333333; }

/* ---------- クロージング ---------- */
body.page-shindan .lp .lp-closing {
  background: #16243f;
  padding: 72px 24px;
}
body.page-shindan .lp .lp-closing__bg { display: none; }
body.page-shindan .lp .lp-closing__inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
body.page-shindan .lp .lp-closing__title { color: #fff; }
body.page-shindan .lp .lp-closing__desc { color: rgba(255, 255, 255, .82); }
body.page-shindan .lp .lp-closing .lp-cta { border-radius: 4px; }

@media screen and (max-width: 767px) {
  body.page-shindan .lp .sd-hero { padding: 96px 0 40px; }
  body.page-shindan .lp .sd-form { margin-top: 24px; }
  body.page-shindan .lp .sd-score__box { padding: 24px; }
}