@charset "UTF-8";

/* =========================================
   1. 基本設定 & フォント
   ========================================= */
/* Google Fonts読み込み（Roboto:英数字用 / Noto Sans JP:日本語用） */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Roboto:wght@500;700&display=swap');

:root {
    --primary: #FF385C;       /* ブランドカラー */
    --primary-dark: #D90B3E;
    --accent-bg: #E3FDF3;     /* ステータス背景 */
    --accent-text: #00875A;   /* ステータス文字 */
    --bg-color: #F7F9FC;      /* 背景色 */
    --card-bg: #FFFFFF;
    --text-main: #222222;     /* メイン文字色 */
    --text-sub: #717171;      /* サブ文字色 */
    --shadow-card: 0 6px 16px rgba(0,0,0,0.06);
    --shadow-hover: 0 12px 24px rgba(0,0,0,0.1);
}

body {
    /* ★修正箇所：Googleフォントを優先しつつ、システムフォントをバックアップに配置 */
    font-family: 'Roboto', 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    
    background-color: var(--bg-color);
    color: var(--text-main);
    margin: 0;
    padding: 0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}