body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background: #f0f2f7; color: #2c3e50; max-width: 960px; margin: 40px auto; padding: 0 20px 60px; line-height: 1.65; } h1, h2 { color: #34495e; font-weight: 700; } h1 { font-size: 2.8rem; text-align: center; margin-bottom: 30px; letter-spacing: 1.5px; } h2 { font-size: 1.8rem; margin-bottom: 16px; border-left: 6px solid #8e44ad; padding-left: 12px; margin-top: 40px; } p { font-size: 1.1rem; margin-bottom: 18px; color: #3d4d61; } ul { margin-left: 20px; margin-bottom: 20px; } ul li { margin-bottom: 12px; position: relative; padding-left: 20px; font-weight: 600; color: #5a2ea6; } ul li::before { content: "✔"; position: absolute; left: 0; color: #8e44ad; font-weight: bold; } .image-center { display: block; margin: 30px auto; max-width: 100%; border-radius: 14px; box-shadow: 0 6px 20px rgba(0,0,0,0.12); } .roi-chart { width: 100%; max-width: 700px; margin: 30px auto 40px; border-radius: 16px; box-shadow: 0 8px 25px rgba(142, 68, 173, 0.15); } table { width: 100%; border-collapse: collapse; margin-bottom: 30px; } th, td { padding: 14px 18px; border-bottom: 2px solid #e3d7f0; text-align: left; font-weight: 600; color: #5a2ea6; } th { background: #f7f4fb; } .faq { background: #fff; border-radius: 14px; padding: 20px 25px; box-shadow: 0 6px 18px rgba(142, 68, 173, 0.1); } .faq-item { margin-bottom: 20px; cursor: pointer; border-left: 5px solid transparent; padding-left: 12px; transition: border-color 0.3s ease; } .faq-item:hover { border-color: #8e44ad; } .faq-question { font-weight: 700; color: #8e44ad; margin-bottom: 6px; user-select: none; } .faq-answer { display: none; color: #4a4a4a; font-weight: 400; font-size: 1rem; line-height: 1.4; padding-left: 12px; } .contact-box { text-align: center; background: #8e44ad; color: #fff; padding: 28px 20px; border-radius: 16px; box-shadow: 0 8px 25px rgba(142, 68, 173, 0.4); margin-top: 50px; } .contact-box a { color: #fff; font-weight: 700; text-decoration: underline; }