/******************************/
/********************** 共通 **/
/******************************/
.sitemap-area .page-title{
    border-left: 10px solid var(--baseBlack);
}

/******************************/
/************************ mb **/
/******************************/
@media (max-width:1300px){

.page-img{
    background-image: url(../img/sitemap-img01.png);
}

.sitemap-inner{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1rem;
    margin-bottom: 3rem;
}
.col-inner{
    display: flex;
    flex-direction: column;
}
.sitemap-item a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 0 1rem;
    margin: 1rem 0;
    border-bottom: 1px solid var(--baseWhite);
    transition: 0.5s;
}
.sitemap-item:hover a{
    background-color: var(--baseWhite);
}
.sitemap-name{
    border-left: 3px solid;
    height: 18px;
    padding-left: 1rem;
}
.sitemap-name-ja{
    font-size: 0.75rem;
}
.sitemap-name-en{
    display: none;
}
.sitemap-name-en:before{
    content: "/";
    padding-right: 0.5rem;
}
.sitemap-item img{
    width: 20px;
    height: 20px;
}

}

/******************************/
/************************ pc **/
/******************************/
@media (min-width:1300px){

.page-img{
    background-image: url(../img/sitemap-img01.png);
}


.sitemap-inner{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem;
    margin-bottom: 5rem;
}
.col-inner{
    display: flex;
    flex-direction: column;
}
.sitemap-item a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    padding: 0 1rem;
    margin: 1rem 0;
    border-bottom: 1px solid var(--baseWhite);
    transition: 0.5s;
}
.sitemap-item:hover a{
    background-color: var(--baseWhite);
}
.sitemap-name{
    border-left: 3px solid;
    height: 18px;
    padding-left: 1rem;
}
.sitemap-name-ja{
    font-size: 1rem;
}
.sitemap-name-en{
    font-size: 0.85rem;
    text-transform: uppercase;
}
.sitemap-name-en:before{
    content: "/";
    padding-right: 0.5rem;
}
.sitemap-item img{
    width: 20px;
    height: 20px;
}
}

/***********/
.blue{
    border-color: #46bfdf;
}
.red{
    border-color: #e0504d;
}
.yellow{
    border-color: #cbd537;
}