/* footer css */

#footer {
    width:100%;
    background-color:#9e0206;
    background-repeat:no-repeat;
    background-position:right bottom;
    background-image:url("../images/common/bg_footer.jpg");
    background-size:contain;
}
#footerInner {
    position:relative;
    width:90%;
    max-width:1016px;
    margin:0 auto;
    padding:70px 0 60px;
    font-size:1.3em;
    color:#ffffff;
}
#footerInner img {
    max-width:100%;
    height:auto;
}

.footerLeft {
    float:left;
    width:52%;
}
.footerRight {
    float:right;
    width:48%;
}


/* left side */
.footerLeft ul.nav {
    float:left;
    width:48%;
    margin-right:2%;
    margin-bottom:60px;
    padding-left:3em;
    border-left:1px solid #b84b4e;
    text-align:left;
    box-sizing:border-box;
}
.footerLeft ul.nav li {
    margin-bottom:1.5em;
    line-height:1.0;
}
.footerLeft ul.nav li.news {
    margin-bottom:4.0em;
}
.footerLeft ul.nav li:last-child {
    margin-bottom:0;
}

.footerLeft ul.nav li a,
.footerLeft ul.nav li a:visited {
    color:#ffffff;
    text-decoration:none;
    transition:all .3s ease-in;
}
.footerLeft ul.nav li a:hover,
.footerLeft ul.nav li a:active {
    color:#ffffff;
    text-decoration:underline;
}

.footerLeft ul.group {
    width:100%;
    text-align:left;
    letter-spacing:-0.5em;
}
.footerLeft ul.group li {
    display:inline-block;
    width:46%;
    margin-right:4%;
    letter-spacing:normal;
}
.footerLeft ul.group li:last-child {
    margin-right:0;
}
.footerLeft ul.group li a,
.footerLeft ul.group li a:visited {
    display:block;
    border:1px solid #ffffff;
    text-align:center;
    line-height:2.4;
    color:#ffffff;
    text-decoration:none;
    transition:all .3s ease-in;
}
.footerLeft ul.group li a:hover,
.footerLeft ul.group li a:active {
    background:#aaaaaa;
    color:#000000;
}


/* right side */
.footerRight {
    text-align:right;
}

.footerRight .btn_contact {
    display:inline-block;
    width:80%;
    max-width:244px;
    margin-bottom:30px;
}
.footerRight .btn_contact a,
.footerRight .btn_contact a:visited {
    display:block;
    width:100%;
    background:#201011;
    padding:2.5em 0;
    font-family:'Abel',sans-serif;
    text-align:center;
    line-height:1.0;
    font-size:1.6em;
    color:#ffffff;
    text-decoration:none;
}
.footerRight .btn_contact a:hover,
.footerRight .btn_contact a:active {
    background:#aaaaaa;
    color:#000000;
    transition:all .3s ease-in;
}

.footerRight .logo {
    display:block;
    margin-bottom:8px;
    text-align:right;
}
.footerRight .logo img {
    width:162px;
}

.footerRight address {
    font-size:0.9em;
}



/* - 1400px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1400px) {







}
/* - 1400px end */




/* - 900px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 900px) {

.footerLeft {
    width:58%;
}
.footerRight {
    width:42%;
}

.footerLeft ul.nav {
    padding-left:1.5em;
}

.footerRight address {
    font-size:0.8em;
}





}
/* - 900px end */




/* - 768px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {



}
/* - 768px end */




/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {

#footer {
    width:100%;
    background-color:#9f0307;
    background-image:url("../images/common/bg_footer_sp.jpg");
    background-size:cover;
}
#footerInner {
    width:86%;
    padding:5em 0 3em;
}

.footerLeft {
    float:none;
    width:100%;
    margin-bottom:6em;
}
.footerRight {
    float:none;
    width:100%;
    text-align:center;
}


.footerLeft ul.nav {
    padding-left:2.5em;
}



.footerRight .logo {
    text-align:center;
}
.footerRight .logo img {
    width:inherit;
}


.footerRight .btn_contact {
    width:54%;
    max-width:400px;
}
.footerRight .btn_contact a {
    padding:1.5em 0;
    font-size:2.0em;
}


}
/* - 750px end */




/* - 480px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 480px) {



#footerInner {
    font-size:1.1em;
}

.footerLeft ul.nav {
    padding-left:1.0em;
}





}
/* - 480px end */