@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP");


.fcon_sp {display:none;}

@media only screen and (max-width: 500px) {
.fcon_sp {display:block;}
}

.l-footer {
    /* position: relative; */
    /* padding: 0 100px; */
    border-top: solid 1px #EBEBEB
}

@media (max-width:1023px) {
    .l-footer {
        padding: 0 50px
    }
}

@media (max-width:767px) {
    .l-footer {
        padding: 0 8%
    }
}

.l-footer__top {
    padding: 100px 0 70px;
}

.l_footer_nav {padding: 20px 0%;position:relative;z-index:1;border-top: #ededed 1px solid;/* border-bottom: #f5f5f5 1px solid; *//* margin-bottom: 30px; */font-size: 15px;}
.l_footer_nav:before { position:absolute; top:-1px; left:5%; right:5%; height:0; content:""; border-top:#ededed 1px solid; z-index:2; }
.l_footer_nav ol { font-size: 0; margin: 0; padding: 0; line-height: 1.8; line-height:1; }
.l_footer_nav li {display: inline-block; *display: inline;*zoom: 1;list-style: none;font-size: 13px;font-weight: normal;margin: 0;padding: 0;letter-spacing: 1px;height:20px;line-height:20px;}
/*#l_footer_nav li:after { font-size: 6px; font-family: 'themify'; content: "\e649"; font-weight: normal; margin: 0 10px; height:20px; line-height:20px; }*/
.l_footer_nav li:after {font-size: 10px;font-family: 'FontAwesome';content: "\f105";font-weight: normal;margin: 0 10px;height:20px;line-height:20px;}


/* .l_footer_nav li:last-child:after { display:none;} */
.l_footer_nav li i { font-size: 16px; padding-right: 5px; font-weight: normal; line-height: 1.3; }
.l_footer_nav li a {/*border-bottom: #999 1px solid;*/position:relative;z-index:1;height:20px;line-height:20px;}
/*.breadcrumb li:first-child a:before {padding-right:5px; font-size: 11px; font-family: 'themify'; content: "\e69b";}*/
.#l_footer_nav li:first-child a:before {padding-right:5px;font-size: 1.2rem;font-family: 'FontAwesome';content: "\f015";}

.l_footer_nav li a:after {position:absolute;top:0;left:0;bottom:0;width:0;content:"";background:transparent;z-index:-1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.l_footer_nav li a:hover:after { width:100%; /*background:#d7e4ed; */}
.l_footer_nav li a:hover { color:#aaa; /*border-bottom: #999 1px solid;*/}

@media only screen and (max-width: 800px) {
.l_footer_nav {padding: 20px 2%;border-top:none;}
.l_footer_nav:before { display:none;}
.l_footer_nav li a {/*border-bottom: #aaa 1px solid;*/font-size: 14px;}
.l_footer_nav li a:hover:after { display:none;}
.l_footer_nav li a:hover { color:#000; }
}

@media only screen and (max-width: 414px) {

.l_footer_nav {width:100%;margin:0;text-align: left;padding-top: 0;display: block;}

.l_footer_nav ol { font-size: 0; margin: -10px auto 0; padding: 0; display:block; text-align:left; }
.l_footer_nav ul { padding:0; }
.l_footer_nav li {font-size: 13px;margin: 10px 0 0;padding: 0;letter-spacing: 1px;display: block;}
.l_footer_nav li:after { margin: 0 5px;}
.l_footer_nav li:last-child {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/* width:10em; */}
.l_footer_nav li:first-child a {/* font-size:0; */width:auto;padding-bottom: 7px;}
.l_footer_nav li:first-child a:before {padding-right:0; font-size: 18px;}
}

@media only screen and (max-width: 320px) {
.l_footer_nav li:last-child {/* width:6em; */}	
}


@media (max-width:767px) {
    .l-footer__top {
        padding: 60px 0 0
    }
}

.l-footer__logo {
    width: 30%;
    /* height: 26.446px; */
    /* margin-bottom: 80px; */
    /* float: left; */
    max-width: 250px;
}

.l-footer__logo svg {
    width: 100%;
    height: auto;
    fill: #000
}

@media (max-width:767px) {
    .l-footer__logo {
        margin-bottom: 50px
    }
}
@media (max-width:414px) {
        .l-footer__logo {
            width: 100%;
            /* height: 26.446px; */
            margin-bottom: 20px;
            /* float: left; */
            /* max-width: 250px; */
        }
    }


.l-footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap */
    display: block;
}

.l-footer__col {
    -ms-flex-preferred-size: 16.666666666666667%;
    /* flex-basis: 16.666666666666667%; */
    max-width: 100%;
}

@media (max-width:1023px) {
    .l-footer__col {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }
}

@media (max-width:767px) {
    .l-footer__col {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}


@media (max-width:414px) {
    .l-footer__col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        display: block;
    }
}




.l-footer__nav-heading {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    padding-bottom: 25px;
    letter-spacing: 0.1em
}

.l-footer__nav-heading a:hover {
    opacity: 0.6
}

@media (max-width:767px) {
    .l-footer__nav-heading {
        font-size: 15px;
        font-size: 1.5rem;
        padding-bottom: 13px
    }
}

@media (max-width:414px) {
    .l-footer__nav-heading {
        font-size: 15px;
        padding-bottom: 0;
        text-align: left;
        display: block;
    }
}

.l-footer__nav {
    position: relative;
    padding-top: 30px
}

.l-footer__nav:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 1px;
    content: '';
    background-color: #EBEBEB
}

@media (max-width:1023px) {
    .l-footer__nav {
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    .l-footer__nav {
        margin-bottom: 40px;
        padding-top: 15px
    }
}

.l-footer__nav-item {
    font-size: 12px;
    /* font-size: 1.2rem; */
    line-height: 1.8;
    margin-bottom: 0.5em;
}

.l-footer__nav-item:last-child {
    /* margin-bottom: 0; */
}

.l-footer__nav-item a {
    color: #999
}

.l-footer__nav-item a:hover {
    opacity: 0.6
}

.l-footer__button {
    margin-top: 35px
}

@media (max-width:767px) {
    .l-footer__button {
        margin-top: 20px
    }
}

.l-footer__bottom {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 80px 0;
    border-top: solid 1px #EBEBEB
}

@media (max-width:767px) {
    .l-footer__bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 40px 0
    }
}

.l-footer__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:767px) {
    .l-footer__link {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%
    }
}

.l-footer__link-item {
    padding-right: 40px
}

.l-footer__link-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0.6
}

.l-footer__link-item a:hover {
    opacity: 1
}

.l-footer__link-item span {
    color: #636262
}

@media (max-width:767px) {
    .l-footer__link-item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        padding: 0 10px
    }
}

.l-footer__sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:767px) {
    .l-footer__sns {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%;
        margin-top: 40px
    }
}



@media (max-width:414px) {
    .l-footer__sns {
        padding-left: 0;
        margin-top: 0;
    }
}


.l-footer__sns-item {
    font-size: 12px;
    font-size: 12px;
    font-weight: 400;
    padding-right: 12px;
    color: #636262;
}

.l-footer__sns-item a {
    display: block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0.6
}

.l-footer__sns-item a:hover {
    opacity: 1
}

.l-footer__sns-item span {
    vertical-align: bottom
}

@media (max-width:767px) {
    .l-footer__sns-item {
        font-size: 15px;
        font-size: 1.5rem;
        padding: 0 12px
    }

    .l-footer__sns-item--heading {
        font-size: 12px;
        font-size: 1.2rem;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        text-align: center
    }
}

@media (max-width:414px) {
    .l-footer__sns-item {
        font-size: 15px;
        font-size: 1.5rem;
        padding: 0 12px
    }

    .l-footer__sns-item--heading {
        font-size: 12px;
        font-size: 15px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 0px;
        text-align: center;
        letter-spacing: 0.1em;
        display: none;
    }
}


.l-footer__copyright {
    font-size: 10px;
    font-size: 12px;
    font-family: futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-align: right;
    opacity: 0.5;
    margin-left: auto;
}

@media (max-width:767px) {
    .l-footer__copyright {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-top: 30px;
        text-align: center;
        margin-left: 0
    }
}