@charset "utf-8";

.point { font-weight: 700; }

/* Module Footer Start */
.footer-wrap { background-color: #F7F7F8;}
.footer-wrap .footer-inner {
    max-width: 768px; margin:0 auto; padding:24px 20px 24px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.footer-wrap .footer-content {
    display:flex; justify-content: space-between; padding: 0 0 32px;
}
.footer-terms-list
, .footer-help-list {
    display: flex; flex-wrap: wrap;
}
.footer-help-list { padding-top: 8px; }
.footer-terms-list li { position: relative; }
.footer-terms-list li a { position: relative; font-size:12px; line-height: 16px; color:#000000; padding: 4px 8px; }
.footer-terms-list li:first-child a
, .footer-help-list li:first-child {
    padding-left:0;
}
.footer-terms-list li:last-child a
, .footer-help-list li:last-child {
    padding-right:0;
}
.footer-terms-list li a:after {
    content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 8px; background-color: #CCCCCC;
    -moz-transform: translate3d(0,-50%,0); -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0);
}
.footer-help-list li
, .footer-help-list li a { position: relative; font-size:12px; line-height: 16px; color:#000000; padding: 4px 8px; }
.footer-help-list li a { padding: 0; }
.footer-help-list li:after {
    content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 8px; background-color: #CCCCCC;
    -moz-transform: translate3d(0,-50%,0); -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0);
}
.footer-terms-list li:last-child a:after
, .footer-help-list li:last-child:after {
    display: none;
}
.footer-right ul { display: flex; }
.footer-right ul li { margin-right: 8px; }
.footer-right ul li:last-child { margin-right: 0; }
.footer-right ul li a { display: block;	padding: 4px; text-align: center;	width: 40px; height: 40px; }
.footer-right ul li a em {
    display: block; width: 40px; height: 40px; background: #FFFFFF;
    -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
}
.footer-wrap .footer-content + .footer-content { display: block; border-top: 1px solid #E1E1E1; padding: 32px 0 0; }
.footer-wrap .footer-content dt { position: relative; }
.footer-wrap .footer-content dt a {
    position:relative; display:inline-block; font-size: 12px; line-height: 16px; color:#000000; padding: 4px 0;
}
.footer-wrap .footer-content dl a i { vertical-align: top; top:-1px; left:4px; }
.footer-wrap .footer-content dl.on a i { background-position: -26px -218px; top: 0; }
.footer-wrap .footer-content dd { display:none; font-size: 12px; line-height: 16px; color: #454545; padding: 12px 0;}
.footer-wrap .footer-content dd i { display: block; margin-bottom: 12px; }
.footer-wrap .footer-content dd > ul { display: flex; }
.footer-wrap .footer-content dd > ul > li { width:33.33%; padding: 0 16px 24px 0; }
.footer-wrap .footer-content dd > ul > li:first-child { padding-top: 0;}
.footer-wrap .footer-content dd > ul > li a {
    display: inline-block; font-size: 14px; line-height: 20px; color: #454545; text-decoration: underline;
}
.footer-info-abbr { font-size: 12px; line-height: 16px; color: #454545; padding: 12px 0 24px; }
.footer-info-abbr em { display: block; padding-bottom: 4px; }

@supports (gap:10px) {
    .footer-terms-list, .footer-help-list { gap: 0 16px; }
    .footer-terms-list li a, .footer-help-list li {padding: 4px 0; }
    .footer-terms-list li a:after, .footer-help-list li:after { right: -8px; }

    .footer-wrap .footer-content dd > ul { gap: 24px 16px;}
    .footer-wrap .footer-content dd > ul > li { padding: 0; }
}
/* Module Footer End */


@media (max-width:768px) {
    /* Module Footer Start */
    .footer-wrap .footer-content dd { padding: 0; }
    .footer-wrap .footer-content dd > ul { display: block; }
    .footer-wrap .footer-content dd > ul > li { width:auto; padding: 12px 0 !important; }
    .footer-wrap .footer-content dd > ul > li a { font-size: 12px; line-height: 16px; }
    /* Module Footer End */
}

@media (max-width: 580px) {
    /* footer Start */
    .footer-wrap .footer-content { display:block; }
    .footer-wrap .footer-content .footer-right{ padding-top: 24px; }
    /* footer End */
}