/* 追加CSS */

/* ご利用ガイド：全体 */
div.add_content { text-rendering:optimizeLegibility; }
div.add_content h3.main_title { padding:.5rem .75rem; margin:0 0 .75rem 0; background-color:#202f55; color:#fff; border:double 4px #fff; }
div.add_content p { padding:0 .75rem; text-rendering:optimizeLegibility; }
div.add_content img { max-width:100%; width:auto; height:auto; }
div.add_content img.img_border { border:1px solid #ccc; }

/* ご利用ガイド：ご注意 */
div.add_content div.add_attention { margin:1.5rem 0 0 0; }
div.add_content div.add_attention h4 { font-size:18px; }
div.add_content div.add_attention h4::before { content:'◎'; font-weight:700; margin:0 .25rem 0 0; color:#fcc800; }
div.add_content div.add_attention ul {  }
div.add_content div.add_attention ul li { margin:0 0 .5rem 0; padding-left:2.5rem; text-indent:-2.5rem; }
div.add_content div.add_attention ul li:last-child { margin:0; }
div.add_content div.add_attention ul li::before { content:'（2）'; }
div.add_content div.add_attention ul li:first-child::before { content:'（1）'; }
div.add_content div.add_attention ul li:nth-child(3)::before { content:'（3）'; }
div.add_content div.add_attention ul li:nth-child(4)::before { content:'（4）'; }

/* ご利用ガイド：工事までの流れ */
div.add_roadmap { margin:2.5rem 0 0 0; }
div.step { margin:3rem 1rem; padding:1.25rem 1rem; border-radius:0 .5rem .5rem .5rem; border:5px solid #003f8e; position:relative; }
div.step::before { content:'STEP'; padding:.25rem 1.5rem; background-color:#003f8e; display:inline-block; color:#fff; position:absolute;top:calc( -1rem - 1rem ); left:-5px; font-weight:700; border-radius:.25rem .25rem 0 0; }
div.step dl { display:flex; justify-content:flex-start; align-items:center; }
div.step dl dt { width:100px; margin:auto; text-align:right; font-size:24px; font-weight:600; color:#ed6d35; }
div.step dl dd { width:calc( 100% - 100px ); }
div.step dl dd p { margin:0; padding:0; }

/* リフォームの豆知識：四季それぞれの住まいのお手入れポイント */
div.add_season h3.spring { font-size:24px; padding:.25rem .75rem; margin:0 0 .75rem 0; border-bottom:2px solid #eb6ea0; color:#eb6ea0; }
div.add_season h3.summer { font-size:24px; padding:.25rem .75rem; margin:1rem 0 .75rem 0; border-bottom:2px solid #00a1e9; color:#00a1e9; }
div.add_season h3.autumn { font-size:24px; padding:.25rem .75rem; margin:1rem 0 .75rem 0; border-bottom:2px solid #ea5532; color:#ea5532; }
div.add_season h3.winter {font-size:24px; padding:.25rem .75rem; margin:1rem 0 .75rem 0; border-bottom:2px solid #4d4398; color:#4d4398; }
div.add_season h4 { font-size:18px; margin:.75rem 0 .25rem .5rem; }
div.add_attention div.add_season h4::before { content:'■' }
div.add_attention div.add_season h4.spring::before { color:#eb6ea0; }
div.add_attention div.add_season h4.summer::before { color:#00a1e9; }
div.add_attention div.add_season h4.autumn::before { color:#ea5532; }
div.add_attention div.add_season h4.winter::before { color:#4d4398; }
div.add_season p { margin:0 1rem; text-indent:-1rem; padding-left:1rem; }
div.add_season p::before { content:'・'; }