@charset "utf-8";
.guidance_lead_wrap {
    position: relative;
}

.guidance_lead_wrap::after {
    content: "";
    display: block;
    background: url("../img/guidance_figure.png") no-repeat center;
    background-size: contain;
    position: absolute;
}

.guidance_after_lead {
    position: relative;
}

.guidance_after_lead::after {
    content: "";
    display: block;
    background: url("../img/after_figure.png") no-repeat center;
    background-size: contain;
    position: absolute;
}

.guidance_after_wrap section {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 640px) {
    .guidance_lead_wrap {
        padding-bottom: 70px;
    }
    
    .guidance_lead_wrap::after {
        width: 136px;
        height: 112px;
        right: 0;
        bottom: -40px;
    }
    
    .guidance_checksheet_wrap .guidance_checksheet_img img {
        width: 32vw;
    }
    
    .guidance_after_lead {
        padding-bottom: 80px;
    }
    
    .guidance_after_lead::after {
        width: 110px;
        height: 113px;
        right: 0;
        bottom: -10px;
    }
    
    .guidance_after_wrap section {
        align-items: center;
    }
    
    .guidance_after_wrap section div {
        margin-right: 20px;
    }
    
    .guidance_after_wrap section div img {
        width: 110px;
        height: auto;
    }
}

@media (min-width: 641px) {
    .guidance_lead_wrap::after {
        width: 272px;
        height: 225px;
        right: 0;
        bottom: -80px;
    }
    
    .guidance_submit_wrap {
        display: flex;
        justify-content: space-between;
    }
    
    .guidance_checksheet_wrap {
        display: flex;
        justify-content: space-between;
    }
    
    .guidance_checksheet_wrap .guidance_checksheet_img {
        width: 240px;
    }
    
    .guidance_checksheet_wrap .guidance_checksheet_body {
        width: 800px;
    }
    
    .guidance_chart_wrap {
        display: flex;
        justify-content: space-between;
    }
    
    .guidance_chart_wrap .guidance_chart_img {
        width: 360px;
    }
    
    .guidance_chart_wrap .guidance_chart_body {
        width: 680px;
    }
    
    .guidance_after_lead::after {
        width: 220px;
        height: 226px;
        left: 0;
        bottom: -50px;
    }
    
    .guidance_after_wrap {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }
    
    .guidance_after_wrap section {
        width: 590px;
        box-sizing: border-box;
    }
    
    .guidance_after_wrap section p {
        width: 250px;
    }
}