@media screen and (min-width:641px) {
/* footer用 =====================================================*/
#appFooter {
    background: #FAFAFA;
    padding: 67px 0 60px;
}

#appFooter .appFooter-wrapper {
    width: 1024px;
    margin: 0 auto;
    padding: 2%;
}

/* appFooter-inner -----*/
#appFooter .appFooter-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 26px;
}

#appFooter .appFooter-inner .appFooter-listbox {
    width: 516px;
}

#appFooter .appFooter-inner .appFooter-title {
    margin-bottom: 24px;
}

#appFooter .appFooter-inner .appFooter-list {
    font-size: 0;
}

#appFooter .appFooter-inner .appFooter-list li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin: 0 14px 13px 0;
}

#appFooter .appFooter-inner .appFooter-list li:after {
    content: '';
    position: absolute;
    top: 13%;
    right: 0;
    display: block;
    width: 1px;
    height: 12px;
    background: #C1C1C1;
}

#appFooter .appFooter-inner .appFooter-list li:nth-last-child(-n+2) {
    margin-bottom: 0;
}

#appFooter .appFooter-inner .appFooter-list li>a {
    padding-right: 14px;
    color: #333333;
}

#appFooter .appFooter-inner .appFooter-list li>a img:hover {
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    opacity: 1;
}

/* appFooter-company -----*/
#appFooter .appFooter-company {
    background: url("../../../img/footer_bg01.png") top/cover no-repeat;
    border: 1px solid #C3D4DE;
    border-radius: 4px;
    font-size: 14px;
    padding: 29px 0 33px 24px;
    width: 420px;
    height: 104px;
    box-sizing: border-box;
}

#appFooter .appFooter-company .company-name {
    font-weight: bold;
    margin-bottom: 6px;
}

#appFooter .appFooter-company a {
    color: #333333;
}

#appFooter .appFooter-company a img {
    margin-left: 3px;
}

#appFooter .appFooter-company a img:hover {
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    opacity: 1;
}

/* appFooter-company -----*/
#appFooter .appFooter-aeonlist-wrapper {
    margin-bottom: 14px;
}

#appFooter .appFooter-aeonlist-wrapper .appFooter-aeonlist {
    font-size: 0;
}

#appFooter .appFooter-aeonlist-wrapper .appFooter-aeonlist li {
    display: inline-block;
    font-size: 14px;
    margin-right: 24px;
}

#appFooter .appFooter-aeonlist-wrapper .appFooter-aeonlist li:last-child {
    margin-right: 0;
}

#appFooter .appFooter-aeonlist-wrapper .appFooter-aeonlist li a {
    color: #4D4D4D;
}

#appFooter .appFooter-aeonlist-wrapper .appFooter-aeonlist li:before {
    content: '・';
}

/* appFooter-copyright -----*/
#appFooter .appFooter-copyright .appFooter-copyright-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1px;
}

#appFooter .appFooter-copyright .copyright {
    font-size: 12px;
    color: #808080;
}


}

@media screen and (max-width:640px) {
/* footer用 =====================================================*/
#appFooter {
    background: #FAFAFA;
    padding: 9.067vw 6.4vw 5.867vw;
}

/* appFooter-inner -----*/
#appFooter .appFooter-inner .appFooter-title {
    margin-bottom: 4.533vw;
    width: 14.667vw;
    line-height: 1;
}

#appFooter .appFooter-inner .appFooter-list {
    font-size: 0;
    margin-bottom: 5.6vw;
}

#appFooter .appFooter-inner .appFooter-list li {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin: 0 3.467vw 3.467vw 0;
}

#appFooter .appFooter-inner .appFooter-list li:after {
    content: '';
    position: absolute;
    top: 13%;
    right: 0;
    display: block;
    width: 0.267vw;
    height: 12px;
    background: #C1C1C1;
}

#appFooter .appFooter-inner .appFooter-list li:nth-last-child(-n+2) {
    margin-bottom: 0;
}

#appFooter .appFooter-inner .appFooter-list li>a {
    padding-right: 3.467vw;
    color: #333333;
}

/* appFooter-company -----*/
#appFooter .appFooter-company {
    background: url("../../../img/sp-footer_bg01.png") top/cover no-repeat;
    border: 1px solid #C3D4DE;
    border-radius: 4px;
    font-size: 12px;
    padding: 3.733vw 4.267vw;
    margin-bottom: 5.333vw;
}

#appFooter .appFooter-company .company-name {
    font-weight: bold;
    margin-bottom: 1.867vw;
    color: #333333;
}

#appFooter .appFooter-company a {
    color: #333333;
}


/* appFooter-company -----*/
#appFooter .appFooter-aeonlist-wrapper {
    margin-bottom: 4.533vw;
}

#appFooter .appFooter-aeonlist-wrapper .appFooter-aeonlist {
    font-size: 0;
}

#appFooter .appFooter-aeonlist-wrapper .appFooter-aeonlist li {
    display: inline-block;
    font-size: 11px;
    width: 41.6vw;
    margin-bottom: 1.333vw;
}

#appFooter .appFooter-aeonlist-wrapper .appFooter-aeonlist li:last-child {
    margin-bottom: 0;
}

#appFooter .appFooter-aeonlist-wrapper .appFooter-aeonlist li:before {
    content: '・';
}

#appFooter .appFooter-aeonlist-wrapper .appFooter-aeonlist li a {
    color: #4D4D4D;
}

/* appFooter-copyright -----*/
#appFooter .appFooter-copyright .appFooter-copyright-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4vw;
}

#appFooter .appFooter-copyright .appFooter-copyright-inner .Footer-tree {
    width: 36.267vw;
}

#appFooter .appFooter-copyright .copyright {
    font-size: 10px;
    color: #808080;
    letter-spacing: -0.008em;
    text-align: center;
}


}