/* responsive */
.box_sp,
.box_tl {
    display: none;
}

.box_pc {
    display: block;
}

.slider_sp {
    display: none;
}

/*responsive TL */










@media screen and (min-width: 920px) {
    .list_depl_out {
        height: 660px;
        position: relative;
    }

    .list_depl_ab {
        position: absolute;
        width: 2325px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .list_voice_out {
        height: 315px;
        position: relative;
    }

    .list_voice_ab {
        position: absolute;
        width: 2480px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }


}

@media screen and (max-width: 1500px) {
    #header {
        background: url("../images/bg_header_pc.jpg") top right no-repeat;

        background-size: 1920px auto;
    }

    .list_prob_img {
        padding: 20px;
    }

    .list_prob_img img,
    .list_prob_ct:nth-child(2n+2) .list_prob_img img {

        max-width: 100%;
        right: auto;
        left: auto;
        position: inherit;
    }

    .list_prob_ct {

        margin-bottom: 60px;

    }


}

@media screen and (max-width: 1220px) {
    .header_link {
        display: none;
    }

    .inner {
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .header_top_left {
        padding-left: 20px;
    }

    #header {}





}

@media screen and (max-width: 1104px) {}

@media screen and (max-width: 1100px) {
    .list_price {
        justify-content: center;
    }

    .list_price_ct {
        margin-right: 0;
        width: 181px;
        padding: 0 10px;
    }

    .list_price {}

    .compatb td:first-child {
        font-size: 17px;
        padding-left: 20px;
    }

    /*  .txt_cpr h2 {
font-size: 28px;
margin-bottom: 35px;
} */

}

@media screen and (max-width: 960px) {
    .list_pickup_ttl {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 30px;
    }

    #header {
        height: 700px;
    }

    .txt_cpr {
        padding-top: 20px;
    }

    #header {
        background: url("../images/bg_header_sp.jpg") top center no-repeat;
        background-size: cover;
    }

    .txt_cpr h2 {
        font-size: 40px;
        /*  text-align: center; */
    }

    .txt_cpr h2 span {
        font-size: 22px;
    }

    .hmain {
        /* width: auto; */
    }

    .main_price {
        width: 100%;


        top: 315px;
        /* 
overflow: hidden; */
    }

    .list_main_price {
        width: 300px;
        transform: scale(0.8);
    }

    .ttl_sp02 {
        display: block;
    }

    .ttl_prb {
        line-height: 1.4em;
    }

    .pkdate {
        margin-right: 0;
    }

    .list_pickup_ttl_ct {
        font-size: 7.5vw;
    }

    .list_pickup_ttl .pk01 {
        font-size: 8.5vw;
    }

    .box_prob_01 p {
        font-size: 17px;
    }

    .prob_ttl01 {
        font-size: 20px;
        text-align: center;
    }

    .list_bx01 {
        flex-wrap: wrap;
        max-width: 650px;
        margin: 0 auto;
    }

    .list_bx01_list {
        width: 40%;
        margin: 0 5% 8%;
    }

    .list_prob_info {
        padding: 30px 20px;
    }


    .list_prob_ttl {
        margin-bottom: 25px;
    }

    .list_perf_ttl {
        background: url(../images/icon_quote.png) 0 0 no-repeat;
        background-size: 50px auto;
        font-size: 20px;

    }

    .list_perf_ct {
        padding: 40px;
    }



}

@media screen and (max-width: 851px) {


    .compatb th,
    .compatb td {
        font-size: 13px;

    }


    /* 
#header {
background-size: 1500px auto;
background-position: right -380px bottom;
height: 650px;
} */

    /*  .txt_cpr h2 {
font-size: 24px;
margin-bottom: 20px;
} */

    .head_info_bl {
        bottom: 9px;
    }

    .btn_head01 a {
        min-width: 260px;
    }

    .txt_cpr {}
}

@media screen and (max-width: 900px) {
    .list_step {
        max-width: 500px;
    }

    .list_step_ct {
        width: 100%;
        margin-bottom: 40px;
    }

    .list_step_ct:last-child {
        margin-bottom: 0;
    }

    .list_step_des {
        font-size: 13px;
    }

    .list_step_ct:before {
        transform: rotate(90deg);
        left: calc(50% - 8px);
        right: auto;
        top: auto;
        bottom: -22px;
    }

    .list_service {
        max-width: 700px;
        justify-content: center;

    }

    .list_service_ct,
    .list_service_ct:nth-child(3n+3) {
        width: 48%;
        max-width: 242px;
        margin-right: 4%;
        margin-bottom: 40px;
    }

    .list_service_ct:nth-child(2n+2) {
        margin-right: 0;
    }


}

@media screen and (max-width: 850px) {

    .list_case {
        padding-right: 0;
    }


    .access_map {
        width: calc(100% - 35%);
    }

}

@media screen and (max-width: 800px) {

    .list_merit {
        max-width: 550px;
        margin: 0 auto;
    }

    .list_merit_ct {
        margin-bottom: 75px;
    }

    .list_merit_info {
        min-height: auto;
        width: 100%;
        left: 0 !important;
        ;
        order: 1 !important;
    }

    .img_case_zoom {

        bottom: -7vw;
        width: 50%;
    }

    .img_case_df:before {
        right: -6vw;

    }

    .list_merit_ct {
        flex-wrap: wrap;
    }

    .list_merit_img {
        width: 100%;
        left: 0 !important;
        top: 0 !important;
        order: 2 !important;
    }

    .list_merit_ct:nth-child(2n+2) .list_merit_num {
        left: 20px;
        right: auto;
    }

    .list_problem_ct {
        width: 100%;
        margin-right: 0;
    }

    .list_problem {

        max-width: 600px;

    }

    .list_voice_ct {

        padding: 20px 30px;
    }


    .list_depl_ct {
        margin: 0 55px;
        padding: 20px;
    }

    .list_prob_img {
        order: 2;
        width: 100%;
    }

    .list_prob_info {
        width: 100%;
        order: 1;
    }

    .list_prob_img {}

    .list_perf {
        flex-wrap: wrap;
    }

    .list_perf_info,
    .pers02 .list_perf_info {
        width: 100%;
        margin-bottom: 30px;
        padding: 0;
    }

    .list_perf_img {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .list_perf_ct .list_perf_img {
        order: 2;
    }

    .list_perf_ttlim {
        position: relative;
        width: 100%;
        transform: translateY(0);
    }
}