@charset "utf-8";
:root{
    --white: #ffffff;
    --black: #333333;
    --orange: #f46e45;
    --orangeOff: #ea8a59;
    --navy: #2a315b;
    --gray: #717070;
    --gray-b3: #b3b3b3;
    --warm-gray: #e1d8d1;
    --cream: #fdf5e8;
    --info-title: #f9ebd7;

    --Caslon: 'Libre Caslon Text', serif;
    --ZenKakuGothicNew: "Zen Kaku Gothic New","Yu Gothic","Meiryo","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
    --NotoSansJP: "Noto Sans JP","Yu Gothic","Meiryo","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
}

.icons{
    width: 150px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    margin: 0 1rem;
    img{
        width: 40px;
        aspect-ratio: 1;
    }
}

footer{
    width: 100%;
    height: auto;
    background: var(--navy);
    
    #footer-sp{display: none;}
    
    #footer-pc{
        background: var(--navy);
        position: relative;
        
        .footer-pc-inner{
            width: 950px;
            margin: 0 auto;
            color: var(--white);
            background: var(--navy);
            padding: 5rem 1.5rem 3rem;


            .global-menu-inner-top{
                display: flex;
                justify-content: space-between;
                margin-bottom: 2rem;

                .top-left{
                    .menu-logo{
                        width: 100%;
                        margin-bottom: 1rem;
                        img{
                            width: 340px;
                        }
                    }

                    address{
                        width: 382px;
                        .icons{
                            margin: 0 1rem 0 0;
                        }
                    }
                }
    
                .top-right{
                    width: 480px;
                    .chack-time{
                        width: 260px;
                        text-align: center;
                        margin: 0 auto 1.5rem;
                        display: flex;
                        justify-content: space-between;
    
                        .border{
                            width: 100%;
                            height: 1px;
                            background: var(--white);
                            margin: 0.25rem 0;
                        }
                    }
    
                    .wave-line-white{
                        margin: 2rem 0;
                    }
    
                    nav{
                        width: 100%;
        
                        .global-menu-ul{
                            width: 100%;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
        
                            li{
                                width: fit-content;
                                height: 3rem;
                                font-weight: normal;
                                border: none;
                                list-style: none;
        
                                a{
                                    width: fit-content;
                                    display: block;
                                    font-size: 1rem;
                                    line-height: 3rem;
                                    text-align: left;
                                    white-space: nowrap;
                                }
                            }
                        }
        
                        .global-menu-ul:first-of-type{
                            flex: 0 0 140px;
                        }
        
                        .global-menu-ul:first-of-type li{
                        }
                    }
                }
            }
    
            .link-btn3{
                width: 86%;
                display: flex;
                justify-content: space-between;
                margin: 0 auto 2rem;
    
                a{
                    width: 30%;
                    height: 6rem;
                    text-align: center;
                    border: 1px solid var(--white);
                    display: flex;
                    flex-direction: column;
                    justify-content: space-around;
                    align-items: center;
                }
            }

            button{
                width: 22px;
                aspect-ratio: 35/168;
                background: var(--navy);
                border: none;
                position: absolute;
                bottom: 17.5rem;
                right: 4%;
            }
        }
    }
    .links{
        width: 100%;
        background: var(--cream);
        color: var(--navy);
        padding: 2rem 0;

        .links-inner{
            width: 850px;
            margin: 0 auto;
            display: flex;
            justify-content: flex-start;
            gap: 3rem;

            a{
                width: fit-content;
                height: 3rem;
                font-size: 15px;
                font-weight: normal;
                color: var(--navy);
                white-space: nowrap;
                display: flex;
                align-items: center;

                img{
                    width: 14px;
                    height: 14px;
                }
            }
        }
    }

}

@media screen and (max-width:960px){
    footer{
        #footer-pc{display: none;}
        #footer-sp{
            display: block;
            width: 100%;
            height: auto;
            background: var(--navy);
            position: relative;

            .global-menu-sp{
                width: 100%;
                height: auto;
                margin: 0 auto;
                color: var(--white);
                padding: 55px 6% 40px;
/* 以下は、header.cssのバーガーメニューsp全画面メニューのCSSと同じ */
                nav{
                    width: 276px;
                    margin: 0 auto 2rem;
                    display: flex;
                    justify-content: space-between;

                    .global-menu-ul{
                        display: flex;
                        flex-direction: column;
                        text-align: left;

                        li{
                            width: 118px;
                            height: 3rem;
                            font-weight: normal;
                            border: none;
                            list-style: none;

                            a{
                                display: block;
                                font-size: 1rem;
                                line-height: 3rem;
                                text-align: left;
                            }
                        }
                    }

                    .global-menu-ul:first-of-type{
                        width: 118px;
                        flex: 0 0 118px;
                    }

                    .global-menu-ul:first-of-type li{
                        width: 118px;
                    }
                }

                .link-btn3{
                    width: 272px;
                    margin: 0 auto 2rem;

                    a{
                        width: 288px;
                        height: 6rem;
                        margin: 0 auto 1.5rem;
                        text-align: center;
                        border: 1px solid var(--white);
                        display: flex;
                        flex-direction: column;
                        justify-content: space-around;
                        align-items: center;
                    }
                }

                .wave-line-white{
                    width: 80%;
                    margin: 2.5rem auto;
                }

                .global-menu-sp-head{
                    width: fit-content;
                    margin: 0 auto 2rem;

                    img{
                        display: block;
                        width: min(281px,70%);
                        height: auto;
                        margin: 0 auto;
                    }
                }

                address{
                    width: fit-content;
                    font-style: normal;
                    line-height: 1.8;
                    margin: 0 auto 1.5rem;

                    a{
                        width: fit-content;
                    }
                }

                .chack-time{
                    width: 260px;
                    text-align: center;
                    margin: 0 auto 1.5rem;
                    display: flex;
                    justify-content: space-between;

                    .border{
                        width: 100%;
                        height: 1px;
                        background: var(--white);
                        margin: 0.25rem 0;
                    }
                }

                button{
                    width: 20px;
                    aspect-ratio: 35/168;
                    background: var(--navy);
                    border: none;
                    position: absolute;
                    top: 64rem;
                    right: 5%;
                }

                .icons{
                    width: 150px;
                    height: 40px;
                    display: flex;
                    justify-content: space-between;
                    margin: 0 auto 1.5rem;
                }
            }

            .links{
                width: 100%;
                background: var(--cream);
                color: var(--black);
                padding: 1.5rem 0 2rem;
                
                .links-inner{
                    width: 306.89px;
                    margin: 0 auto;
                    flex-direction: column;
                    padding: 1rem 0;
                    gap: 0;

                    a{
                        height: 3rem;
                        font-size: 14px;
                        font-weight: normal;
                        color: var(--navy);
                        white-space: nowrap;
                        display: flex;
                        align-items: center;

                        img{
                            width: 14px;
                            height: 14px;
                        }
                    }
                }
            }
        }
    }
}