/* 鎵€鏈夐〉闈㈢殑濯掍綋鏌ヨ */



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

}


/* 
1201-----------1410    澶у睆鐢佃剳
*/
@media screen and (min-width: 1201px) and (max-width: 1410px) {
   
    





}


/* 
1025-----------1200    涓瓑灞忓箷
*/
@media screen and (min-width: 1025px) and (max-width: 1200px) {

    .d21_menu_dl{
        display: none;
    }

   


    

















}


/* 
768------------1024    ipad
*/
@media screen and (min-width: 768px) and (max-width: 1024px) {


   

    .header_box{
        height: 0;
    }

    .header{
        height: 51px;
    }
    .header_logo{
        height: 50px;
    }

    .d21_menu_dl{
        display: none;
    }
   
    .m21_banner_con{
        padding-top: 50px;
    }

    .bgfixed{
        background-attachment: local;
    }
    
    
    .m21_box2_list1_item{
        width: calc((100% - clamp(1.25rem, 0.564rem + 2.93vw, 3.125rem)) / 2);
    }
    
    .m21_box4_list .item{
        width: 50%;
    }


    .m21_box5_l,
    .m21_box6_l{
        width: 100%;
        margin-bottom: 30px;
    }
    .m21_box5_r,
    .m21_box6_r{
        width: 100%;
    }


    .d21_footer_t_item{
        width: calc((100% - clamp(1.25rem, 0.564rem + 2.93vw, 3.125rem)) / 2);
    }
   
   













}


/* 
1--------------767      鎵嬫満
*/
@media screen and (min-width: 1px) and (max-width: 767px) {
    
    .p15{
        padding-left: 15px;
        padding-right: 15px;
    }

    .wrapper{
        width: 100%;
    }

    .header{
        height: 51px;
        padding: 0 15px;
    }
    .header_logo{
        width: 150px;
        height: 50px;
    }

    .d21_menu_dl{
        display: none;
    }
    
    .m21_banner_con{
        padding-top: 50px;
    }

    .bgfixed{
        background-attachment: local;
    }

    .m21_box1_list_item{
        width: 100%;
    }

    .m21_box2_list1_item{
        width: 100%;
    }
    .m21_box3_list{
        row-gap: 20px;
    }
    .m21_box3_list .item{
        width: 50%;
    }
    .m21_box3_list .item:nth-child(2n) .tt::after{
        display: none;
    }
    .m21_box4_list .item{
        width: 50%;
    }

    .m21_box5_l_clm .item .item_l{
        width: 26%;
    }
    .m21_box5_l_clm .item .item_r{
        width: 62%;
    }

    
    


    .m21_box5_l,
    .m21_box6_l{
        width: 100%;
        margin-bottom: 30px;
    }
    .m21_box5_r,
    .m21_box6_r{
        width: 100%;
    }


    .m21_box6_r_con{
        width: 200px;
    }

    .m21_box7_list_item{
        width: 100%;
    }


    .d21_footer_t_item{
        width: 100%;
    }

    

    .bgfixed{
        background-attachment: local;
    }


    


    .popup_inquiry_form_l{
        display: none;
    }
    .popup_inquiry_form_r{
        width: 100%;
    }
    














}