body { background-color: #89C3DD; }  
        .container { max-width: 700px; width: 95%; margin: 0px auto; background: #fff; padding: 10px 10px; border-radius: 12px; box-shadow: 0 8px 16px rgba(0,0,0,0.1); }
        h1 { text-align: center; color: white; font-size: 1em; }
        h2 { background-color: #e6f2ff; color: #00129e; padding: 5px 5px; border-left: 5px solid #0050a0; margin-top: 5px; margin-bottom: 5px; font-size: 1.2em; border-radius: 5px; }
        h3 { background-color: #e6f2ff; color: #0050a0; padding: 5px 5px; border-left: 5px margin-top: 5px; margin-bottom: 5px; font-size: 1.2em; border-radius: 5px; }
        h4 { background-color: #e6f2ff; color: #1a90ff; padding: 5px 5px; border-left: 5px margin-top: 5px; margin-bottom: 5px; font-size: 1.2em; display: flex;}
        h41 { color: #1a90ff; margin-top: 5px; margin-bottom: 5px; font-size: 1.2em; display: flex; align-items: center; }
        h4::before { content: ""; margin-right: 8px; font-size: 1.2em; }
        ul, ol { margin-bottom: 1.2em; padding-left: 25px; }
        li { margin-bottom: 0.8em; }
        .introduction, .summary, .knowhow-item { margin-bottom: 25px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fdfdfd; box-shadow: 0 4px 8px rgba(0,0,0,0.05); }
        .introduction h3, .summary h3 { margin-top: 0; }
        .impact { font-weight: bold; color: #e60033; } /* インパクトワード */
        .onomatopoeia { font-style: italic; color: #008080; } /* オノマトペ */
        .important { background-color: #fff8e1; border-left: 6px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; }
        .expert-comment { font-style: italic; color: #444; border-left: 4px solid #777; padding: 10px 15px; margin: 15px 0; background-color: #f0f0f0; border-radius: 5px; }
        .expert-comment::before { content: " 専門家の視点："; font-weight: bold; color: #333; }
        .check-point { background-color: #e6fffa; border-left: 6px solid #00c8a0; padding: 15px; margin: 15px 0; border-radius: 5px; }
        .check-point::before { content: " チェックポイント："; font-weight: bold; color: #007a60; }
        .action-prompt { font-weight: bold; text-align: center; padding: 18px; background: linear-gradient(#FFB6C1, #FFC0CB, #FF69B4); color: white; border-radius: 8px; margin-top: 5px; font-size: 2em; cursor: pointer; transition: transform 0.2s ease; }
        .action-prompt:hover { transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0,0,0,0.15); }
        .warning { background-color: #ffebee; border-left: 6px solid #f44336; padding: 15px; margin: 15px 0; border-radius: 5px; }
        .warning::before { content: " 注意："; font-weight: bold; color: #c62828; }
        .chapter-intro-list { list-style-type: disclosure-closed; }
        .chapter-intro-list li { font-weight: bold; }
        .step-list { list-style-type: decimal; padding-left: 30px; }
        .step-list li { margin-bottom: 15px; }
        .step-list strong { color: #0050a0; }
        .comparison-table { width: 100%; border-collapse: collapse; margin: 20px 0; }
        .comparison-table th, .comparison-table td { border: 1px solid #ddd; padding: 10px; text-align: left; }
        .comparison-table th { background-color: #f0f8ff; color: #0050a0; }
        .pros::before { content: ""; margin-right: 5px; }
        .cons::before { content: ""; margin-right: 5px; }
        .center { text-align: center; }
        blockquote { border-left: 5px solid #007bff; margin: 1.5em 10px; padding: 0.5em 10px; background-color: #e9f5ff; font-style: italic; }
        blockquote p { margin-bottom: 0; }

.red { color:red; }
.blue { color:blue; }
.navy { color:navy; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.blueb { color:blue; font-weight:bold; }
.bluec { color:blue; font-weight:bold; font-size:2em;}
.redb { color:red; font-weight:bold; }
.reda { color:red; font-weight:bold; background-color: #FFFF66; }
.redc { color:red; font-weight:bold; font-size:2em;}
p.res img { width: 100%; }