@charset "utf-8"; /* CSS Document */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } .contents_section_png{ background:none; border-radius:none; box-shadow:none; padding:0; text-align:center; } .baloon_img{ margin:0 auto; display:block; margin-top:20px; } .m_top20{ margin-top:20px; } .inline_block{ display:inline-block; } .big_font{ font-size:18px; font-weight:bold; color:#d51468; } .brown_area{ background:#2F2725; max-width:100%; padding:20px; } .dl_step_box{ width:50%; padding:10px 5px; } .step_text{ margin-top:10px; padding:0 5%; text-align:left; } .use_text{ text-align:left; list-style:decimal; box-sizing:border-box; width:94%; margin:0 auto; } .use_text li { color:#004898; font-size:16px; font-weight:bold; margin:10px 0 15px 25px; } .gray_text{ color:#111; } .size_13{ margin:5px 0; font-size:13px; font-weight:normal; color:#111; } .use_img{ float:left; margin:0 15px 15px 0; } .use_mainimg{ width:94%; } .kome { text-align:left; width:94%; margin:0 auto; } .contents_inner{ padding:40px; } .for_sp{ display:none; } .yellowline_16{ font-size:16px; font-weight:bold; color:#111; float:left; } .yellowline_12{ font-size:12px; margin-top:4px; font-weight:bold; color:#111; float:right; } .foot_btn{ width:94%; margin:20px auto; } .foot_tab,.foot_sp{ display:none; } @media screen and (max-width:800px){ .contents_inner{ padding:30px; } } @media screen and (max-width:768px){ .foot_sp,.foot_pc{ display:none; } .foot_tab{ display:block; } } @media screen and (max-width:640px){ .for_sp{ display:block; } .for_pc{ display:none; } } @media screen and (max-width:500px){ .contents_inner{ padding:20px; } } @media screen and (max-width:480px){ .dl_step_box{ width:100%; } .use_img{ float:none; display:block; } .use_mainimg{ width:85%; } .use_text li { font-size:13px; margin:10px 0 15px 12%; } .yellowline_16{ font-size:14px; } .foot_tab,.foot_pc{ display:none; } .foot_sp{ display:block; } }