.main_title_box{
margin-bottom: -200px!important; 
padding-bottom:30px;
}


.section_menu{
margin:  0 auto 0px auto;            /* 中央寄せ */
max-width:1180px;
padding-left:15px!important;
padding-right:15px!important;
}

.flex-box{
padding-left:15px!important;
padding-right:15px!important;
}

.top_flex{
margin-top:50px!important;
}



/*===============================================
●画面の横幅が1000pxまで
===============================================*/
@media screen and (max-width: 1000px){

.main_title_box{
margin-bottom: -250px!important; 
}

.section_menu{
margin:  -50px auto 50px auto;            /* 中央寄せ */
}


}



/*===============================================
●画面の横幅が980pxまで
===============================================*/
@media screen and (max-width: 980px){

.main_title_box{
margin-bottom: -200px!important; 
}

.section_menu{
margin:  0px auto 50px auto;            /* 中央寄せ */
}


}


/*===============================================
●画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){


.main_title_box{
margin-top:-20px;	
margin-bottom: -150px!important; 
}




.section_menu{
margin:  -150px auto 100px auto;            /* 中央寄せ */
}



.flex-box{
padding-top:0px;
margin-bottom:0px;
padding-left:5px!important;
padding-right:5px!important;
}

}