/* 新しいページ（トップ・機能・使い方・料金・開発の背景・安心して使うために・よくある質問・ヘルプ・お知らせ）の見た目。
   docs/mock/*.dc.html の <helmet> の中の <style> をそのまま写したもの（色・書体・余白はモックのとおり）。
   ヘッダー・フッター・LINEの帯は chrome.css。 */
body{margin:0;background:#ffffff;font-family:'Hiragino Sans','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;color:#202124}
a{color:#1A73E8}a:hover{color:#1557B0}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.sec{padding:88px 0}
.h2{margin:0 0 16px;font-size:36px;line-height:1.4;font-weight:900;text-align:center;color:#202124}
.lead{margin:0 auto 48px;max-width:720px;font-size:17px;line-height:1.9;color:#5F6368;text-align:center}
.card{background:#ffffff;border:1px solid #E3E6EA;border-radius:16px;padding:28px;box-sizing:border-box}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 32px;border-radius:999px;font-weight:700;font-size:17px;text-decoration:none}
.ph{border-radius:12px;border:2px dashed #C6CBD1;background:#F6F8FB;display:flex;align-items:center;justify-content:center;text-align:center;color:#5F6368;font-size:14px;line-height:1.8;padding:16px;box-sizing:border-box}
.more{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none;margin-top:24px}
.pagehead{background:#F6F8FB;padding:64px 0 56px;border-bottom:1px solid #E3E6EA}
.crumb{font-size:14px;color:#5F6368;margin-bottom:12px}
.ul{margin:0;padding-left:20px;line-height:2.1;color:#3C4043}
@media (max-width:720px){.h2{font-size:26px}.sec{padding:56px 0}}

/* ここから下はモックにない追加（スマホで崩れないための最小限） */
img{max-width:100%}
#top h1 span{white-space:nowrap}  /* 「曜日ごとに」を途中で切らない */
@media (max-width:720px){
  #top h1{font-size:34px !important}
  .pagehead{padding:40px 0 36px}
  .pagehead h1{font-size:32px !important}
  [style*="minmax(460px"]{grid-template-columns:minmax(0,1fr) !important}
  [style*="flex:0 0 120px"]{flex-basis:96px !important}
  [style*="flex:0 0 140px"]{flex-basis:112px !important;white-space:nowrap}
}