@charset "utf-8";
@media(max-width: 1320px) {
    .case_result_body.left {
        transform: translateX(0px);
    }
    .case_result.reverse {
        transform: translateX(0)
    }
}

@media(max-width: 1000px) {
    .case_result_body h5 {
        font-size: 18px;
    }
    .case_result.reverse {
        transform: translateX(0);
    }
    .result_base {
        padding: 0 0 15vw;
    }
    .case_result_body,
    .case_result.reverse .case_result_body {
        padding: 0 3% 10px;
        width: 94%;
        margin: 0 auto;
    }
    .case_result_body .figure {
        width: calc(42% - 15px);
        margin-right: 15px;
    }
    .case_result.reverse .case_result_body .figure {
        margin-left: 15px;
    }
    .case_result_body .caption {
        width: 56%;
    }
    .case_result_body .figure img {
        width: 100%;
        height: auto;
    }
}

@media(max-width: 768px) {
    .case_flex .caption h5 {
        font-size: 14px;
    }
}

@media(max-width: 767px) {
    h2 {
        font-size: 18px;
    }
    .case_result_body h5 {
        font-size: 16px;
    }
    .case_flex .caption h5 {
        font-size: 14px;
    }
    h2 {
        letter-spacing: 2px;
    }
    .lead_caption {
        text-align: left;
    }
    .youtube_col {
        margin-bottom: 60px;
    }
    .case_flex {
        display: block;
    }
    .case_flex .col {
        width: 80%;
        margin: 0 auto 60px;
    }
    .section_top_figure {
        width: 34%;
        margin: 0 auto 30px;
    }
    .section_top_figure img {
        width: 100%;
        height: auto;
    }
    .case_result_body .caption {
        width: auto;
    }
    .case_result_body h5 {
        text-align: center;
        margin: 0 0 20px;
    }
    .task ul {
        margin-left: 20px;
        margin-right: 20px;
    }
    .task:after {
        height: 40px;
        bottom: -40px;
    }
    h3.result {
        margin-bottom: 120px;
    }
    .service_case.type2,
    .service_case.type3 {
        padding-top: 80px;
    }
    .case_result_body_inner {
        display: block;
        transform: translateY(0px);
        margin-bottom: 0;
    }
    .result_container {
        padding: 0 20px;
        margin-bottom: 50px;
    }
    .case_result_body .figure {
        width: 90%;
        margin: 0 auto 10px;
    }
    .case_result_body .figure img {
        width: 100%;
        height: auto;
    }
    .case_result_body {
        padding: 0px 20px;
    }
    .case_result_body:before,
    .case_result_body:after {
        height: 50px;
    }
    .case_result_body:before {
        top: -50px;
    }
    .case_result_body:after {
        bottom: -50px;
    }
    .case_result.reverse {
        transform: translateX(0);
        margin: 130px 0;
    }
    .case_result.reverse .case_result_body_inner {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .case_result_body .linkbtn {
        margin-left: auto;
        margin-right: auto;
    }
    .separate {
        height: 0px;
    }
    .result_base.wide {
        padding: 0 0 100px;
    }
}