@charset "utf-8";

#sitemap {
    .wrap {
        .contents {
            a {
                text-decoration:none!important;
            }
            .menu-sitemap-container{
                & > ul {
                    & > li {
                        & > a {
                            font-size:1.8rem;
                            color:var(--color_main);
                            font-weight:600;
                        }
                        & > .sub-menu {
            				display:grid;
            				grid-template-columns:repeat(3,auto);
            				grid-gap:50px;
            				justify-content:center;
            				align-items:start;
                            padding-left:0;
                            margin-top:50px;
            				.none {
            					display:none;
            				}
            				a {
            					line-height:1.3;
            				}
            				& > li {
            					& > a {
            						font-size:1.8rem;
            						color:var(--color_main);
            						font-weight:600;
            					}
            					& > ul {
            						padding-top:.66em;
            						display:grid;
            						grid-row-gap:.33em;
            						li {
            							text-indent:-1em;
            							padding-left:1em;
            							&::before {
            								content:'・';
            							}
                                        a {
                                            color:#000000;
                                            font-size:1.5rem;
                                        }
            						}
            					}
            					&.other {
            						a {
            							font-size:1.7rem;
            							color:var(--color_main);
            							font-weight:500;
            						}
            						& > ul {
            							padding-left:0;
            							padding-top:.33em;
            							li {
            								text-indent:0em;
            								padding-left:0em;
            								&::before {
            									content:none;
            								}
            							}
            						}
            					}
            				}
            			}
                    }
                }
            }
        }
    }
}

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

}

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

    #sitemap {
        .wrap {
            .contents {
                .menu-sitemap-container{
                    & > ul {
                        & > li {
                            & > a {
                            }
                            & > .sub-menu {
                				grid-template-columns:repeat(2,auto);
                				grid-gap:30px;
                                margin-top:30px;
                			}
                        }
                    }
                }
            }
        }
    }
    
}

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

    .home {
        #main {
            #sitemap {
                display:none;
            }
        }
    }
    
    #sitemap {
        .wrap {
            .contents {
                .menu-sitemap-container{
                    & > ul {
                        & > li {
                            & > a {
                                font-size:1.5rem;
                            }
                            & > .sub-menu {
                				grid-template-columns:1fr;
                				grid-gap:20px;
                                margin-top:20px;
                				& > li {
                					& > a {
                						font-size:1.5rem;
                					}
                					& > ul {
                						li {
                                            a {
                                                font-size:1.4rem;
                                            }
                						}
                					}
                					&.other {
                						a {
                							font-size:1.4rem;
                						}
                                        &:last-child {
                                            margin-top:-.66em;
                                        }
                					}
                				}
                			}
                        }
                    }
                }
            }
        }
    }
    
}