@media only screen and (min-width: 468px) {}

@media only screen and (min-width: 501px) {
    #foot3Menu{
        display:none;
    }
}



@media only screen and (min-width: 768px) {

    .outline {
        margin: 0 auto 0 auto;
        width: 100%;
        max-width: 700px;
        padding: 0;

        padding: 3rem 3rem 2rem 3rem;

    }


    .ol_line {
        display: flex;
        width: 100%;
        align-items: start;
        padding: 40px 0 40px 40px;
        position: relative;

    }



    


    .ol_line::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #aaa;
    }



    .ol_subject {
        width: 130px;
        font-size: 16px;
        margin-right: 70px;
        line-height: 30px;
    }

    .ol_detail {
        font-size: 16px;
        line-height: 30px;
    }


}

@media only screen and (min-width: 992px) {}

@media only screen and (min-width: 1024px) {

    .h_line {
        display: flex;
        width: 100%;
        align-items: start;
        padding: 40px 0 40px 40px;
        position: relative;

    }



    .h_line::before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 17em;
        height: 1px;
        background-color: #0168B7;
    }


    .h_line::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 17em;
        width: calc(100% - 17em);
        height: 1px;
        background-color: #aaa;
    }



    .h_subject {
        width: 300px;
        font-size: 16px;
        margin-right: 70px;
        line-height: 30px;
    }

    .h_detail {
        font-size: 16px;
        line-height: 30px;
    }

}

@media only screen and (min-width: 1085px) {}

@media only screen and (min-width: 1200px) {
    .service_list__item_txt {
        padding-left: 7rem;
        padding-right: 7rem;
    }
}

@media only screen and (min-width: 1800px) {
    .stdc_sec {
        max-width:700px;
    }

}









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

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




    .stdc_sec_inner {
        padding: 3rem 2rem 3.5rem 2rem;
    }


    .stdc_left {
        width: 100%;
    }


    .stdc_right {
        width: 100%;
    }


}

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

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

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


    .strength_list__item {
        width: 100%;
    }


    .service_list__item_img img {
        display: block;
    }


    .strengthblock01 {
        order: 1;
    }

    .strengthblock02 {
        order: 2;
    }

    .strengthblock03 {
        order: 4;
    }

    .strengthblock04 {
        order: 3;
    }

    .strengthblock05 {
        order: 5;
    }

    .strengthblock06 {
        order: 6;
    }

    .strengthblock07 {
        order: 8;
    }

    .strengthblock08 {
        order: 7;
    }


}



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

    .hero-content img {
        max-width: 600px;
    }

}




@media only screen and (max-width: 800px) {
    .mission_two {
        margin-left: 0px;
    }

    .mission_three {
        margin-left: 0px;
    }

    .stdc_img {
        justify-content: center;
        margin-bottom: 3rem;
    }




}



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

    .brpc {
        display: none;
    }


    form#mailformpro dl dt {
        width: 100%;
        text-align: left;
    }


    form#mailformpro dl dd {
        margin: 0px;
        padding: 10px 5px 10px 0px;
        font-size: 1.6rem;
        line-height: 1.5em;
        text-align: left;
    }



    .reason-link_btn {

        padding: 1.5rem;
        font-size: 1.8rem;
    }




}

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

    .brsp {
        display: block;
    }


    .service_list__item {
        width: 100%;
    }


    .contact_title img {
        position: absolute;
        right: -20px;
        top: -1.4rem;
    }


    .hero-content h1 .small {
        font-size: 1.7rem;

    }

    .reason-link_btn {
        height: 32vw;
    }


.hero-outer:after {
    background-size:auto 130px;
}




.hero-outer:before {
    height:600px;
    background: url(../images/leaf_bottom_sp.png) no-repeat left 0 bottom 0;
    background-size:100% auto;
}


.bosyuyokou{
    display:flex;
    justify-content:center;
}

.bosyuyokou .inner{
    display:flex;
    flex-flow: column;
    align-items: flex-start;
}

.bosyuyokou span{
    padding-right:0;
}



}




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

.greeting_txt{
    margin-left:15px;
    margin-right:15px;
}

.greeting_name{
    margin-left:15px;
    margin-right:15px;
}

.mov_sec{
}

.stdc_sec {
    max-width: 340px;
}

.flow-title{
    margin-bottom:4rem;
}

.flow-wrap{
    margin-bottom:3rem;
}

#area{
    padding-top:3rem;
}

.s-vision {
    padding-top: 3rem;
    padding-bottom: 0rem;
}

.s-company {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.outline {
    padding-top: 0;
    margin-bottom: 2rem;
}

.exterior img {
    margin: 4rem auto 3rem auto;
}

.s-footer {
    padding-top: 3rem;
}

.s-footer__main .column {
    font-size:1.4rem;
}

.contact_title h3 {
    font-size: 1.6rem;
    padding: 1rem 2rem .8rem 2rem;
    line-height:100%;
}

.form-area {
    padding: 6rem 3rem 5rem 3rem;
    margin: -2rem 15px 0 15px;
    width:auto;
}


.join{
    padding:2rem 1rem;
}




}



@media only screen and (max-width: 468px) {
    .onayami_title h3 {
        width: 100%;
        display: block;
    }

    .onayami_title .onayamai_l {
        width: 40%;
        order: 2;
    }

    .onayami_title .onayamai_c {
        order: 1;
    }

    .onayami_title .onayamai_r {
        order: 3;
        width: 40%;
    }






}

@media only screen and (min-width:469px) and (max-width:766px) {}

@media only screen and (min-width:767px) and (max-width:992px) {}

@media only screen and (min-width:767px) and (max-width:1024px) {}