.guide{background:#f4f8fc}
.guide-list{display:grid;gap:28px}
.guide-visual{max-width:1080px;margin:0 auto 28px;padding:12px;border:1px solid #dfe8f1;border-radius:24px;background:#fff;box-shadow:0 20px 50px #092b5a12}
.guide-visual img{display:block;width:100%;border:0;border-radius:15px}
.guide-list.compact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1080px;margin:auto}
.guide-list.compact article{display:block;padding:30px}
.guide-list article{display:grid;grid-template-columns:340px 1fr;align-items:center;gap:42px;padding:34px;border:1px solid #dfe8f1;border-radius:24px;background:#fff;box-shadow:0 16px 40px #092b5a0c}
.guide-list article.reverse{grid-template-columns:1fr 340px}
.guide-list article.reverse .guide-copy{order:2}
.guide-copy>span{color:#0785ae;font-size:12px;font-weight:950;letter-spacing:1px}
.guide-copy h3{margin:10px 0 22px;font-size:28px}
.guide-copy ol{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.guide-copy li{display:flex;align-items:center;gap:10px;color:#526176;line-height:1.5}
.guide-copy li b{display:grid;flex:0 0 28px;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7f5fb;color:#0674ad;font-size:12px}
.notice{margin:20px 0 0;padding:13px 15px;border-radius:10px;background:#fff5f4;color:#a64945;font-size:12px;line-height:1.6}
.guide figure{margin:0}
.guide figure img{width:100%;border:1px solid #e5eaf0;border-radius:15px}
.guide figcaption{margin-top:10px;color:#77859a;font-size:12px;text-align:center}
@media(max-width:900px){.guide-list article,.guide-list article.reverse{grid-template-columns:1fr}.guide-list article.reverse .guide-copy{order:0}.guide-list.compact{grid-template-columns:1fr}}
@media(max-width:600px){.guide-visual{padding:7px;border-radius:15px}.guide-list article{gap:24px;padding:20px;border-radius:17px}.guide-copy h3{font-size:24px}.guide-copy li{font-size:14px}.guide figure img{border-radius:10px}}
.faq{background:#f4f8fc}.faq-list{display:grid;gap:13px;max-width:920px;margin:auto}.faq details{overflow:hidden;border:1px solid #dce6f0;border-radius:16px;background:#fff;box-shadow:0 8px 24px #0b376b0a}.faq summary{display:flex;align-items:center;gap:15px;padding:23px 25px;cursor:pointer;font-size:17px;font-weight:900;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span,.faq-answer>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#e8f2ff;color:var(--blue);font-size:15px;font-weight:950}.faq summary i{margin-left:auto;color:#7a8da3;font-size:24px;font-style:normal;transition:.2s}.faq details[open] summary i{transform:rotate(45deg);color:var(--blue)}.faq-answer{display:flex;gap:15px;padding:0 25px 24px 74px;color:#53657a;line-height:1.8}.faq-answer>span{flex-basis:30px;width:30px;height:30px;background:#e3f9f5;color:#079b84}.faq-answer p{margin:1px 0 0}.process{background:#fff}
@media(max-width:600px){.faq summary{align-items:flex-start;padding:19px 17px;font-size:15px;line-height:1.5}.faq summary>span{flex-basis:30px;width:30px;height:30px}.faq-answer{padding:0 17px 20px;gap:10px;font-size:14px}.faq-answer>span{flex-basis:28px;width:28px;height:28px}}