@charset "utf-8";

.l-footer {
    background-color: unset;
    padding: 0;
}
.l-footer * {
    font-family: 'Noto Sans JP', sans-serif;
    color: #fff;
}
    .footer__inner {
        width: 100%;
        display: block;
    }
        .footer__top {
            background-color: #e6edf1;
            text-align: center;
            padding-block: 70px 74px;
        }
            .footer__top-logo {
                margin-bottom: 36px;
            }
            .footer__top-txt {
                font-size: 18px;
                font-weight: 400;
                letter-spacing: 0.07em;
                color: #333;
                margin-bottom: 17px;
            }
            .footer__more .c-more__link {
                background-color: #007bab;
                border-color: #007bab;
            }
                .footer__more .c-more__link:hover {
                    color: #007bab;
                }
                    .footer__more .c-more__link:hover::after {
                        background: url(/images/top/icon_arrow-blue.webp) no-repeat center center / contain;
                    }
        .footer__bottom {
            background-color: #0d2540;
            padding-block: 42px 70px;
        }
            .footer__list {
                display: flex;
                align-items: flex-end;
                justify-content: space-between;
                width: 1140px;
                margin: 0 auto 44px;
            }
                .footer__item:not(:last-child) {
                    padding-right: 40px;
                }
                .footer__item:nth-child(8) {
                    padding-right: 118px;
                }
                .footer__item.footer__item-logo {
                    padding-right: 85px;
                }
                    .footer__link {
                        font-size: 16px;
                        font-weight: 500;
                        letter-spacing: -1px;
                        position: relative;
                        padding-block: 12px;
                        transition: .3s;
                        display: block;
                    }
                    .footer__link--notice {
                        position: relative;
                        padding-bottom: 6px;
                        transition: .3s;
                        display: block;
                    }
                    .footer__link:hover,
                    .footer__link--notice:hover {
                        opacity: 1;
                    }
                    .footer__link.is-icon:hover {
                        opacity: 0.7;
                    }
                        .footer__link::after,
                        .footer__link--notice::after {
                            background: #fff;
                            content: '';
                            width: 100%;
                            height: 1px;
                            position: absolute;
                            left: 0;
                            bottom: 0;
                            transform-origin: center top;
                            transform: scale(0, 1);
                            transition: transform .3s;
                        }
                        .footer__link:hover::after,
                        .footer__link--notice:hover::after {
                            transform-origin: center top;
                            transform: scale(1, 1);
                        }
                        .footer__item.footer__item-logo .footer__link::after,
                        .footer__link.is-icon::after {
                            content: none;
                        }
            .footer__list--notice {
                display: flex;
                justify-content: center;
                gap: 40px;
                margin-bottom: 20px;
            }
                .footer__link--notice {
                    font-size: 12px;
                }
            .footer__list--license {
                display: flex;
                justify-content: center;
                margin-bottom: 12px;
            }
                .footer__item--license {
                    display: flex;
                    align-items: center;
                    font-size: 12px;
                }
                .footer__item--license:not(:last-of-type)::after {
                    content: '|';
                    font-size: 12px;
                    margin: 0 20px;
                    
                }
            .footer__copy {
                font-size: 12px;
                font-weight: 500;
            }