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

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

    .outline {
        margin: 0 auto 0 auto;
        width: 100%;
        max-width: 1000px;
        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::before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 10em;
        height: 1px;
        background-color: #004e2b;
    }


    .ol_line::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 10em;
        width: calc(100% - 10em);
        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: 1081px) {


    .reserve_btn_sp{
        display:none;
    }
    
}

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




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

.location-text_right p{
    font-size:16px;
}

.location-text_right h4{
    font-size:24px;
}

.request_txt{
    font-size:16px;
}

.hero-catch p{
    font-size:16px;
}
.value_txt{
    font-size:16px;
}


}





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

:root {
    --view-size: 2000;
  }
  
  
    .location-title{
        top:8%;
    }
    .location-title h3{
        font-size:calc(120 / var(--view-size) * 100vw);
    }


}









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


@media only screen and (max-width: 1240px) {
    
    #location-main{
    width:calc(100% - 4rem);
    max-width: calc(1200px - 4rem);
    margin:0 2rem calc(80 / var(--view-size) * 100vw) 2rem;
}


.vision_wrap{
    width:calc(100% - 4rem);
    max-width: calc(1200px - 4rem);;
    margin:0 2rem;
}

.container{
    width:calc(100% - 4rem);
    max-width: calc(1200px - 4rem);;
    margin:0 2rem;
}


}


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




    .stdc_sec_inner {
        display: block;
        padding-bottom: 1px;
        text-align: center;
    }


    .stdc_left {
        width: 100%;
    }


    .stdc_right {
        width: 100%;
    }

    .style-intro_txt{
        width:100%;
    }

    



}

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


.reserve_btn{
    display:none;
}

.header-nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin:0;
}



}

@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;
    }



 .vision_wrap{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
 }


    .vision-title{
        
        
    }

    .vision-text{
        width:auto;
    }


    .value_mission-inner {
        padding:calc(40 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw);
     }

     .value_wrap, .mission_wrap{
        padding:calc(40 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw);
        margin-bottom:calc(30 / var(--view-size) * 100vw);
     }


    .value_mission_left{
        width:100%;
        
     }

     .value_mission_right{
        width:100%;
     }


     .overview{
        width:100%;
        margin-bottom:5rem;
    }


    .location-text_left{
        width:100%;
        order: 2;
    }
    
    .location-text_right{
        width:100%;
        order: 1;
    }


}



@media only screen and (max-width: 915px) {
    .business-title{
        margin-right:calc(40 / var(--view-size) * 100vw);
        order:1;
        margin-bottom:0rem;
    }
    
    .pamph_btn{
        margin-bottom:3rem;
        order:2;
        margin-right:calc(40 / var(--view-size) * 100vw);
        font-size:1.5rem;
        }

}




@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.7rem;
    }





    .hero-catch{
        padding:5rem 1.5rem;
    }
    .hero-catch p{
        font-size:calc(14 / var(--view-size) * 100vw);
    }

.hero-logo img{
    width:calc(160 / var(--view-size) * 100vw);
    }


    .hero-catch h3{
        font-size:calc(20 / var(--view-size) * 100vw);
        }

.style-intro{
    margin:calc(20 / var(--view-size) * 100vw) auto 0 auto;
}


.styleimg, .styleimg.tate{
    width:100%;
}

.style_midimg_left{
    width:100%;
}

.style_midimg_right{
    width:100%;
    
}



.style_imgs_head .styleimg.s05{
    order: 1;
}
.style_imgs_head .styleimg.s01{
    order: 2;
}
.style_imgs_head .styleimg.s02{
    order: 3;
}
.style_imgs_head .styleimg.s03{
    order: 4;
}
.style_imgs_head .styleimg.s04{
    order: 5;
}
.style_imgs_head .styleimg.s06{
    order: 6;
}
.style_imgs_head .styleimg.s07{
    order: 7;
}
.style_imgs_head .styleimg.s08{
    order: 8;
}
.style_imgs_head .styleimg.s09{
    order: 9;
}
.style_imgs_head .styleimg.s10{
    order: 10;
}


.style_imgs_mid .styleimg.s02{
    order: 1;
}
.style_imgs_mid .styleimg.s01{
    order: 2;
}
.style_imgs_mid .styleimg.s03{
    order: 3;
}


.style_imgs_foot .styleimg.s06{
    order: 1;
}
.style_imgs_foot .styleimg.s01{
    order: 2;
}
.style_imgs_foot .styleimg.s02{
    order: 3;
}
.style_imgs_foot .styleimg.s03{
    order: 4;
}
.style_imgs_foot .styleimg.s04{
    order: 5;
}
.style_imgs_foot .styleimg.s05{
    order: 6;
}
.style_imgs_foot .styleimg.s07{
    order: 7;
}

.styleimg.logo{
    text-align: center;
}
.styleimg.logo img{
    max-width:250px;
}




.style-intro_txt_inner p{
    font-size:calc(14 / var(--view-size) * 100vw);
}


.style-intro_txt h3{
    font-size:calc(30 / var(--view-size) * 100vw);
}



/* 配置 */
#c1 {
    top: -120px;
    right: 50%;
    transform: translateX(50%);
}

#c2 { 
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#c3 {
    top: -120px;
    right: 50%;
    transform: translateX(50%);
}


.right_img01 img, .right_img02 img{
    width:100%;
}
.style_imgs_mid{
    margin-top:10rem;
}
.style_imgs_foot{
    margin-top:10rem;
}

#location{
    margin-bottom:calc(50 / var(--view-size) * 100vw);
}

.location-head{
    display:none;
}
.location-head-sp{
    display:block;
    padding:0 1.5rem;
}
.sp01_img{
    margin-bottom:1.3rem;
}


.location-title{
    top:3%;
}
.location-title h3{
    color:#fff;
    font-size:calc(90 / var(--view-size) * 100vw);
    line-height: 1.1;
}
.location-title p{
    margin-top:0;
    color:#fff;
    font-size:calc(20 / var(--view-size) * 100vw);
    font-weight: 700;
    line-height: 1.4;
}

.location-title{
    align-items: flex-start;
}

.brtab {
    display: block;
}


.circle {
    width: calc(130 / var(--view-size) * 100vw);
    height: calc(130 / var(--view-size) * 100vw);
    

    font-weight: 400;
    font-size:calc(20 / var(--view-size) * 100vw);
  }




.location-img_box{
    width:100%;
}

#vision{
    height:auto;
    display:block;
 }

.vision_wrap{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
 }

.vision_wrap{
    gap:0;
    padding:10rem 0;
 }


 
 .vision-title{
        width:100%;
        max-width:100%;
 }
 .vision-title h3{
    font-size:calc(50 / var(--view-size) * 100vw);
}

.vision-title p{
    font-size:calc(18 / var(--view-size) * 100vw);
}


.vision-text p{
    font-size:calc(14 / var(--view-size) * 100vw);
    width:100%;
}


.value_mission{
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content:center;
    gap:0;
}


.value_mission_left h3{
    font-size:calc(70 / var(--view-size) * 100vw);
 }
 .value_mission_left p{
    font-size:calc(18 / var(--view-size) * 100vw);
}
.value_txt{
    font-size:calc(15 / var(--view-size) * 100vw);
}


#business{
    margin-bottom:calc(80 / var(--view-size) * 100vw);
 }


.business-title h3{
    font-size:calc(50 / var(--view-size) * 100vw);
}





.business_wrap{
    width:calc(100% - 6rem);
    max-width: 1000px;
    margin:0 auto;
    padding-left:6rem;
    display:flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap:2rem;

}

.business_box{
    width:calc(50% - 1rem);
}

.business-inner{
    padding-top:3rem;
 }


.business-inner:before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background: url(../images/business_slogun.svg) no-repeat left top;
    left:2%;
    top:3rem;
    background-size: 5rem auto;
 }




.kasimo-title h3{
    font-size:calc(50 / var(--view-size) * 100vw);
}



.value_txt{
    font-size:calc(14 / var(--view-size) * 100vw);
}
.value_txt span{
    font-size:calc(18 / var(--view-size) * 100vw);
}


.hero-catch h2{
    font-size:calc(28 / var(--view-size) * 100vw);
    }
    .hero-catch h3{
        font-size:calc(20 / var(--view-size) * 100vw);
        }
    
        .hero-catch p{
        font-size:calc(12 / var(--view-size) * 100vw);
        }


.location-text_right p{
    font-size:calc(13 / var(--view-size) * 100vw);
}

.location-text_right h4{
    font-size:calc(18 / var(--view-size) * 100vw);
    margin-top:0;
}

.request_txt{
    font-size:calc(14 / var(--view-size) * 100vw);
    align-items: flex-start;
}

.request_list{
    padding:2rem 1rem;
}



.gallery {
    column-count: 2; /* 列数 */
    column-gap: 16px; /* 列間の余白 */
  }
  

  #search-bar{
    margin:calc(50 / var(--view-size) * 100vw) auto 0 auto;
}



#facilities{
    margin-bottom:calc(10 / var(--view-size) * 100vw);
 }

#facilities .outline {
    padding: 3rem 0rem 2rem 0rem;
}

.add_title{
    width:100%;
}

.transport{
    margin-bottom:1rem;
}

.facility_map_img{
    width:100%;
    margin-bottom:2rem;
}
.facility_map{
    width:100%;
}


#company-outline .outline {
    padding-top:0;
}


.business_head_wrap{
    gap:0 5rem;
 }




.s-footer__main{
    margin-top:calc(40 / var(--view-size) * 100vw);
}

.footer-contact-block__logo {
    flex-direction: column;
    align-items: flex-start;   
}
.footer-contact-block__add {
    margin: 0 0 0 0;
}





}




@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;
    }


    





.reason-link_btn {

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



}





@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%;
    }


    .reason-link_btn {

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


    .pamph_btn{
        margin-bottom:3rem;
        order:2;
        margin-right:0;
        font-size:1.4rem;
    }

    .pamph_btn a{
            width:100%;
    }
    .business_head_wrap{
        
        margin-right:2rem;
        gap:1rem 0;
    }

    .business-title{
        margin-right:0;
        order:1;
        margin-bottom:0rem;
        justify-content: center;
        align-items: flex-end;
    }



}

@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) {}