@charset "UTF-8";
/* ===== アラモード行政書士事務所：代表挨拶ページ用デザイン（淡い黄色Ver.） ===== */
:root{
  --brand-yellow: #FFF8C6;           /* メインの淡い黄色 */
  --brand-yellow-strong:#FFEFA8;     /* 少し濃いアクセント */
  --brand-orange:#FFB07C;            /* 優しいオレンジ系アクセント */
  --ink-strong:#2f2f2f;
  --ink:#444;
  --ink-light:#666;
  --bg:#FFFEFA;                      /* 全体背景を柔らかい白寄りに */
  --white:#fff;
  --chip:#FFFCE2;                    /* バッジや装飾用のクリーム色 */
  --shadow: 0 6px 18px rgba(0,0,0,.05);
  --radius: 18px;
}

body{
  background:var(--bg);
  color:var(--ink);
  font-family:"Hiragino Sans","Noto Sans JP","Yu Gothic Medium","Yu Gothic","Meiryo",sans-serif;
  line-height:1.85;
}

/* ラップ */
.greeting-wrap{
  max-width:980px;
  margin:0 auto;
  padding:28px 20px 64px;
}

/* ヒーロー */
.hero{
  background:linear-gradient(180deg,var(--brand-yellow) 0%,#FFFDF0 100%);
  border-radius:var(--radius);
  padding:36px 28px;
  box-shadow:var(--shadow);
}
.hero h1{
  margin:0 0 .4em;
  font-size:clamp(28px,4vw,40px);
  color:var(--ink-strong);
}
.hero .lead{
  font-size:1.05em;
  margin-bottom:1em;
}
.badges{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;
}
.badge{
  background:var(--chip);
  border-radius:999px;
  padding:6px 10px;
  font-size:13px;
  box-shadow:0 2px 6px rgba(0,0,0,.04) inset;
}

/* カード */
.card{
  background:var(--white);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:26px 22px;
  margin-top:22px;
  border:2px solid #FFF8D6;
}
.card h2{
  display:flex;align-items:center;gap:8px;
  margin:0 0 .6em;
  font-size:1.4em;
  color:var(--ink-strong);
}
.card h2 .dot{
  width:14px;height:14px;border-radius:50%;
  background:linear-gradient(180deg,var(--brand-yellow-strong),#FFF1BF);
}
.nice-list{
  list-style:none;padding:0;margin:10px 0 0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 12px;
}
.nice-list li{
  background:#FFFDF2;
  border:1px solid #FFF6C4;
  border-radius:12px;
  padding:8px 12px 8px 30px;
  position:relative;
}
.nice-list li::before{
  content:"✓";
  position:absolute;left:10px;top:6px;
  color:#5B8B37;
  font-weight:700;
}

/* 情報ボックス */
.info{
  background:linear-gradient(180deg,#FFFDEE,#FFF7D0);
  border:1px solid #FFECA8;
  padding:14px 16px;
  border-radius:14px;
  margin-top:12px;
}
.info strong{color:#7A5B00;}

.signature{
  margin-top:12px;
  font-weight:600;
}