@charset "utf-8";

/* ===== 仕組み図 ===== */
.system_diagram_sec { position: relative; }
.system_diagram_sec::before { content: ''; position: absolute; top: 30px; left: calc(50% - 50vw); display: block; width: calc(20% + 50vw); height: 100%; border-top-right-radius: 40px; border-bottom-right-radius: 40px; background: #ECE5DC; z-index: -1; }
.system_diagram_title { margin-bottom: 24px; }
.system_diagram_lead { margin-bottom: 24px; }
.system_diagram_img { width: 100%; max-width: 320px; margin: 0 auto; }
@media ( min-width: 768px ) {
    .system_diagram_sec::before { top: 60px; }
    .system_diagram_title { margin-bottom: 32px; font-size: 20px; }
    .system_diagram_lead { margin-bottom: 40px; }
    .system_diagram_img { max-width: 840px; }
}

/* ===== 結び ===== */
.system_closing_sec { text-align: center; }
.system_highlight { color: #CB4524; }