@charset "utf-8";

#svisual_layout { text-align:center; }
#svisual_layout.topImage1 {background:url(/images/mayor/common/sub01.jpg)no-repeat center / cover;}
#svisual_layout.topImage2 {background:url(/images/mayor/common/sub02.jpg)no-repeat center / cover;}
#svisual_layout.topImage3,
#svisual_layout.topImage6 {background: url(/images/mayor/common/subbg.jpg)no-repeat 60% center / cover;}
#svisual_layout.topImage4 {background: url(/images/mayor/common/sub04.jpg)no-repeat center / cover;}
#svisual_layout.topImage5 {background: url(/images/mayor/common/sub05.jpg)no-repeat center / cover;}
#svisual_layout .subvisual-layout__title {display: block;position: relative;z-index: 1;padding: 67px 0 0;}
#svisual_layout .subvisual-layout__title > div {display:inline-block;line-height:1.3;margin: -7px 0 0;font-size:20px;color:#fff;text-align: left;vertical-align:middle;}
#svisual_layout .subvisual-layout__title span {display:block; line-height:1.3;font-size:20px;color:#fff;text-align: left;vertical-align:middle;}
#svisual_layout .subvisual-layout__title img {margin: 0 10px;vertical-align:middle;}
#svisual_layout .subvisual-layout__title em {display:inline-block; font-weight:bold; font-size:20px; color:#fff; vertical-align:middle; }

@media(max-width:1279px){
    #svisual_layout {background-position:65% center}
}
@media(max-width:1023px){
    #svisual_layout {height:auto;padding: 35px 20px 25px;}
    #svisual_layout.topImage1 {background-position: 65% center;}
    #svisual_layout.topImage2 {background-position: 42% center;}
    #svisual_layout.topImage4 {background-position: 33% center;}
    #svisual_layout.topImage5 {background-position: 33% center;}
    #svisual_layout .subvisual-layout__title {padding:0;}
    #svisual_layout .subvisual-layout__title span,
    #svisual_layout .subvisual-layout__title em {font-size:17px;}
    #svisual_layout .subvisual-layout__title img {width:110px;}
}
@media(max-width:767px){
    #svisual_layout {height: 120px;}
    #svisual_layout.topImage1 {background-position: 35% center;}
    #svisual_layout.topImage2 {background-position: 62% center;}
    #svisual_layout.topImage3,
    #svisual_layout.topImage6 {background-position: 75% center;}
    #svisual_layout.topImage4 {background-position: 62% center;}
    #svisual_layout.topImage5 {background-position: 63% center;}
    #svisual_layout .subvisual-layout__title {display:none;}
    
}

@media(max-width:450px){
    #svisual_layout .subvisual-layout__title img {width:60px;margin: 0 5px;}
}