@media screen and (max-width: 576px){
        #section_banner .carousel-item{
        height: 200px;
    }
	#section_index_main .index_main_inner .main_title h3::before{
		max-width: 212px
	}
	#header img{
		max-height: 83px;
	}
	#header h2{
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 768px){
    #index_section_photo::before{
    height: 85%;
    }
    #header .top-menu{
        padding: 1rem;
    }
    #index_section_photo .index_h2{
        margin-top: 15px;
    }
    #section_content::after{
        display: none;
    }
	#index_section_menu .menu_button{
		padding: 6px;
	}
	#index_section_menu .menu_button>a{
		padding: 10px 6px;
	}
	
}
@media screen and (max-width: 992px){
    #section_content #left_menu{
        position: absolute;
    }
}
@media screen and (max-width: 1200px){
    #index_section_photo::before{
	width: calc(100%);
    }

}




@media screen and (min-width: 576px){
    #section_banner .carousel-item{
        height: 400px;
    }
	#right_content .modal-dialog{
		max-width: 720px;
		height: auto;
	}
}
@media screen and (min-width: 768px){
}
@media screen and (min-width: 992px){
    #section_banner .carousel-item{
        height: 450px;
    }
    #section_content #left_menu.open{
        padding: 30px 15px 0px 50px;
    }
	#section_content #left_menu .l_menu_top{
	min-height: 400px
}
}
@media screen and (min-width: 1400px){
    .container.container2{
        max-width: 1320px;
    }

}
@media screen and (min-width: 1920px){
    .container.container2{
        max-width: 1500px;
    }
}


