/*
        :root {
            --primary-color: #2c3e50;
            --accent-color: #3498db;
            --bg-color: #f8f9fa;
            --text-color: #333;
            --border-color: #dee2e6;
        }

        body {
            font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
            background-color: var(--bg-color);
            color: var(--text-color);
            line-height: 1.6;
            margin: 0;
            padding: 20px;
        }
        */

        .credo-container {
            max-width: 800px;
            margin: 40px auto;
            background: #fff;
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        }

        /*h1 {*/
        .credo-toptitle {
            text-align: center;
            color: var(--primary-color);
            margin-bottom: 40px;
            font-weight: 700;
            letter-spacing: 0.1em;
            border-bottom: 2px solid var(--primary-color);
            padding-bottom: 10px;
        }

        /* アコーディオン設定 */
        .credo-item {
            border-bottom: 1px solid var(--border-color);
        }

        .credo-toggle {
            display: none;
        }

        .credo-title {
            display: block;
            padding: 15px 20px;
            cursor: pointer;
            font-weight: bold;
            color: var(--primary-color);
            transition: background 0.3s;
            position: relative;
        }

        .credo-title:hover {
            background-color: #f0f7ff;
        }

        .credo-title::after {
            content: '+';
            position: absolute;
            right: 20px;
            color: var(--accent-color);
        }

        .credo-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            background-color: #fff;
        }

        .credo-content p {
            padding: 0 25px 20px 25px;
            margin: 0;
            color: #555;
            font-size: 0.95em;
        }

        /* チェックされた時の挙動 */
        .credo-toggle:checked ~ .credo-content {
            max-height: 200px; /* 内容に合わせて調整 */
        }

        .credo-toggle:checked ~ .credo-title::after {
            content: '−';
        }

        /* continue 注釈リンクのスタイル */
        .continue-link {
            color: var(--accent-color);
            text-decoration: none;
            border-bottom: 1px dotted var(--accent-color);
            font-family: "Courier New", Courier, monospace;
            font-weight: bold;
        }

        .continue-link:hover {
            background-color: rgba(52, 152, 219, 0.1);
        }

        /* フッター・注釈エリア */
        .credo-footer {
            margin-top: 50px;
            padding-top: 20px;
            border-top: 1px solid var(--border-color);
            font-size: 0.85em;
            color: #777;
        }

        .note-section {
            margin-bottom: 20px;
        }

        .ai-credit {
            text-align: right;
            font-style: italic;
        }

        /* スムーススクロール */
        html {
            scroll-behavior: smooth;
        }