/* 
    Created on : 2021/05/10, 10:09:39
    Author     : p-duc
*/
@media(max-width:767px){
    .navbar-toggler span {
        width: 22px;
        height: 1px;
    }
    .navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) {
        transition: -webkit-transform .35s ease-in-out;
        transition: transform .35s ease-in-out;
        transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
    }
    .navbar-toggler:not(.collapsed) span:nth-child(1),
    .navbar-toggler:not(.collapsed) span:nth-child(3) {
        width: 30px;
    }    
    #sm_index nav{
        max-height: 736px;
    }
    #SliderTop ul li:nth-child(1) {    
        background-image: url(../../images/base/sp_h/sp_topv_5.jpg); 
    }
    #SliderTop ul li:nth-child(2) {
        background-image: url(../../images/base/sp_h/sp_topv_4.jpg); 
    }
    #SliderTop ul li:nth-child(3) {
        background-image: url(../../images/base/sp_h/sp_topv_3.jpg); 
    }
    #SliderTop ul li:nth-child(4) {
        background-image: url(../../images/base/sp_h/sp_topv_2.jpg); 
    }
    #SliderTop ul li:nth-child(5) {
        background-image: url(../../images/base/sp_h/sp_topv_1.jpg); 
    }
    nav .sm_nav_text{
        bottom: unset;
        top: 180px;
    }
    .section_1{
        padding-top: 40px;
    }
    .section_1 .left_txt{
        width: 270px;
    }
    .section_1 h3 {
        margin-left: 18px;
/*        margin-right: -3px;*/
        margin-right: 0px;
    }
    .section_1 p{
        line-height: 26px;
    }
    #sm_index .sm_tab_contents{
        width: 375px;
        margin: 0 auto;
    }
    .sc2-img{
        max-width: 100%;
        max-height: 250px;
        height: 250px;
    }
    .sc2-img:after{
        top:-30px;
        width: 360px;
        left: -20px;
/*        left: -25px;*/
        background-image: url(../../images/base/sp_h/sp_p1_1.jpg);
    }
    .sc2-text {
        height: 170px;
        padding-left: 35px;
    }
    .sc2-text .sc2-div {
        width: 305px;
    }
    .sc2-text .sc2-div h2{
        padding-top: 0;
        margin-top: -5px;
        margin-bottom: 15px;
        line-height: 30px;
    }
    .sc2-text .sc2-div p{
        padding-bottom: 20px;
        text-align: justify;
        margin-top: -7px;
    }
    .section_3{
        margin-top:45px;
        height: 200px;
        margin-left: 35px;
/*        margin-left: 40px;*/
    }
    .section_3 img {
        opacity: 1;
        width: 360px;
        height: 200px;
    }
    .section_3:after{
        position: unset;
    }
    .section_4{
        width: 415px;
/*        width: 425px;*/
    }
    .section_4 .sc4-text {
        padding: 30px 0 25px;
/*        top: -30px;*/
        left: 35px;
        left: 40px;
    }
    .sc4-div{
        height: 250px;
/*        margin-left: -25px;*/
        margin-left: -20px;
/*        width: 425px;*/
        width: 415px;
    }
    .sc4-div img{
        width: 100%;
        height: 250px;
    }
    .section_5{
        padding: 0 0 30px;
    }
    .sc5-images h3{
        margin: 0 0 15px;
        padding-top: 5px;        
    }
    .sc5-images .sc5-col img{
        max-height: 200px;
        width: 305px;
    }
    .sc5-images .sc5-button{
        margin-top: 30px;
    }
    .section_6 .sc6_div{
        width: 305px;
    }
    .section_6 .sc6_div .sc6-col-4{
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .section_6 .sc6_div .sc6-col-4 .sc6_img_div{
        margin: 0 auto 15px;
    }
    .section_6 .sc6_div .sc6-col-4 .sc6_img_div:nth-child(1),
    .section_6 .sc6_div .sc6-col-4 .sc6_img_div:nth-child(3){
        margin: 0 auto 15px;
    }
    .sc6-col-5 .sm_br_tab_none{
        display: block;
    }
    .section_8{
        padding-top: 30px;
    }
    .section_10 .sc10-in{
        margin-top: 65px;
    }
    .section_10,.section_10 .sc10-div-ins{
        width: 305px;
    }    
    .sc10-text .sm_br_tab_none{
        display: block;
    }
    footer{
        padding-bottom: 30px;
    }
    footer .ft-div{
        max-width: 340px;
        width: 100%;
    }
    footer .ft-contact p:nth-child(1) {
        line-height: 30px;
        margin-top: -10px;
    }
    footer .ft-contact p:nth-child(1) strong{
        letter-spacing: 0;
        color: #fff;
    }
    footer .ft-contact p:nth-child(1) a:after{
        display: none;
    }
    footer .ft-contact{
        margin-bottom: 30px;
    }
    footer .ft-contact-new{
        margin-bottom: 30px;
    }
    footer .ft-div span{
        letter-spacing: 1px;
    }
    
    footer .ft-contact-new{
        padding: 40px 0 35px;  
    }
    footer .ft-contact-new .ft-table{
        width: 340px;
    }
    footer .ft-contact-new .ft-table tr:nth-child(1){
        height: 165px;
    }
    footer .ft-contact-new .ft-table tr{
        height: 150px;
        border: 0;
    }
    footer .ft-contact-new .ft-table span{
        margin: 0;
    }
    footer .ft-contact-new .ft-table .tel_span_fix{
        font-size: 18px;
        width: 80px;
    }
    footer .ft-contact-new .ft-table th{
        width: 100%;
    }
    footer .ft-contact-new .ft-table td{
        position: absolute;
        margin-top: 7px;
    }
}
@media(max-width:500px){
    #sm_index nav{
        max-height: 667px;
    }    
    .tab_menu_div h5{
        margin-bottom: 30px;
    }
    nav .sm_nav_menu{
        margin-bottom: 60px;
    }
    .tab_menu_div h2{
        margin-bottom: 20px;
    }    
}
@media(max-width:767px){
    .ft_fix_i,.ft_fix_i2{
        display: none;
    }
    footer .ft-contact p:nth-child(1){
        color: #fff;
    }
}

/*This will work for firefox*/
@-moz-document url-prefix() {
    .section_4 .sc4-text p{
/*        line-height: 35px;*/
        line-height: 43px;
    }
    @media(max-width:1400px){
       .section_4 .sc4-text p{
/*            line-height: 22px;*/
            line-height: 26px;
        } 
        .section_1 h3 {
            margin-right: -6px;
        }
    }
    @media(max-width:500px){
        .section_1 h3 {
            margin-right: -3px;
        }
    }
}

@media(max-width:600px){
    nav .sm_nav_text {
        bottom: unset;
        top: 180px;
        margin-left: -40px;
        font-size: 30px;
        line-height: 40px;
    }
}
.tab_menu_div_text{
    display: none;
}
@media(max-width:767px){
    .sm_tab_menu section button.tab_menu_div{
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .navbar-toggler:not(.collapsed){
        display: none;        
    }
    .sp_banner_fix{
        width: 100%;
        background-color: rgb(255 255 255 / 90%);
        position: fixed;
        top: 0;
        height: 40px;
        z-index: 2000;        
        box-shadow: 0px 2px 10px 1px rgb(52 58 64 / 50%);
    }
    nav .sm_nav_home{
        display: none;
    }
    .tab_menu_div_text{
        display: block;
        position: absolute;
        top: 10px;
        left: 20px;
    }
    .tab_menu_div_text a{
        color: #891a20;       
        line-height: 14px;
        font-weight: 600;
        margin-bottom: 5px;
        letter-spacing: -0.5px;
    }
    .tab_menu_div_text a:hover{
       color: #891a20;
       text-decoration: none;
    }
    .navbar-toggler {
        top: 9px;
        right: 55px;
    }
    .navbar-toggler span{
        background-color: #891a20;
    }
    .sm_tab_menu{
        top: 0;
        right: 20px;
    }    
    .sm_tab_menu.show{
        top: 40px;
    }
}
@media(max-width:500px){    
    .sm_tab_menu{
        transition: unset;
    }
    .collapse:not(.show){
        width: 100%;
    }
    .navbar-toggler{
        right: 30px;
    }    
    .sm_tab_menu{
        right: unset;
    }
    .sm_tab_menu.show{
        width: 100%;
        background-color: unset;
        box-shadow: unset;
        right: unset;
        top: 0;
        z-index: 2000;
    }
    .sm_tab_menu.show section{
        padding: 50px 50px 50px 50px;
        margin: 39px auto 0!important;
        width: 335px;
        background-color: rgb(255 255 255 / 90%);
        box-shadow: 0px 2px 10px 1px rgb(52 58 64 / 50%);
    }
    .sm_tab_menu:not(.show) section{
        width: 0px;
        position: absolute;
        left: -100px;
    }
    .sm_tab_menu:not(.show) section .sm_nav_menu .left_txt{
        width: 0px;
    }
    .sm_tab_menu:not(.show) section .sm_nav_menu .tab_menu_div{
        display: none;
    }
    
}
@media(max-width:374px){
    .sc2-text{
        padding-left: 10px;
    }            
    footer .ft-contact-new .ft-table{
        width: 320px;
    }
    footer .ft-div p,.sc2-text .sc2-div p{
        font-size: 11px;
    }
    footer .ft-contact-new .ft-table tr{
        height: 140px;
    }
    .sm_tab_menu.show section{
        width: 310px;
    }    
}