/*footer_howto*/
.l-pagetop {
    position: relative;
    z-index: 5;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-right: auto;
    margin-left: auto;
    width: 56px;
    text-align: center;
}

.l-pagetop__target {
    -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.l-pagetop__target:hover {
    opacity: 0.6;
}

.l-pagetop img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

@media screen and (max-width: 766px) {
.l-pagetop {
    position: relative;
    z-index: 5;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-right: auto;
    margin-left: auto;
    width: 56px;
    text-align: center;
}
.l-pagetop img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
footer {
   height: auto;
}
#footerSpace {
        background: #3d3e3e;
        padding: 25px 15px 0;
        font-size: 10px;
        line-height: 100%;
        text-align: center;
        font-weight: 300;
}
.footerBox {
        margin: 0 0 0;
        position: relative;
} 
.footerOt {
        background: #3d3e3e;
        height: 100px !important;
        min-height: 100px !important;
        position: relative;
}
.btn-mtg {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
 }
.copyRight {
        text-align: center;
        padding: 0 0 25px;
        color: #c8c9c9;
        font-size: 10px;
    }
}

@media screen and (min-width: 767px) and (max-width: 1279px) {
footer {
   height: auto;
}
#footerSpace {
        background: #3d3e3e;
        padding: 25px 25px 0;
        font-size: 11px;
        line-height: 100%;
 }
.footerBox {
        margin: 0 0 0;
        position: relative;
}
.footerOt {
        background: #3d3e3e;
        min-height: 80px !important;
        position: relative;
} 
.footerLeft {
        float: left;
        position: relative;
 }
.btn-mtg {
        position: absolute;
        top: 5px;
        left: 0px;
        bottom: 0px;
}
.copyRight {
        float: right;
        position: absolute;
        color: #c8c9c9;
        font-size: 11px;
        text-align: right;
        top: 5px;   
    }
}

@media screen and (min-width: 1280px) {
footer {
   height: auto;
}
#footerSpace {
        background: #3d3e3e;
        width: 960px;
        margin: 0 auto;
        padding: 30px 0 0;
        font-size: 11px;
        line-height: 100%;
        font-weight: 300;
}
.footerBox {
        margin: 0 0 0;
        position: relative;
}
.footerOt {
        background: #3d3e3e;
        height: 80px !important;
        position: relative;
}
.footerLeft {
        float: left;
        position: relative;
 }
.btn-mtg {
        position: absolute;
        top: -7px;
        left: 0px;
        bottom: 0px;
}
.copyRight {
        float: right;
        position: absolute;
        color: #c8c9c9;
        font-size: 11px;
        text-align: right;
        top: 0px;   
    }
}