.site_map-main .page-title {
    background-image: url(/crystal/wp-content/themes/original/images/site-map/site_map-fv.jpg);
    color: #fff;
    padding: 119px 60px 123px;
}

.site_map__link-box {
    /* background-color: #E6E6E6; */
    margin-top: 33px;
    border: 2px solid #000;
    max-width: 1100px;
    margin: 60px auto 0;
}

.site_map__link-box--container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 990px;
    max-width: 100%;
    margin: 0 auto;
    padding: 52px 20px 20px;
}

.site_map__link-item {
    width: 31%;
}


.site_map__link-item a {
    font-weight: var(--font-w-bold);
    position: relative;
    color: #000;
    display: block;
    padding-left: 40px;
}

.site_map__link-item a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    background-image: url(/crystal/wp-content/themes/original/images/common/btn-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 18px;
}

.site_map__link-item>a {
    font-size: .20rem;
    margin-bottom: 35px;
}

.site_map__link-item ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -18px;
    width: 87%;
    margin-left: auto;
}

.site_map__link-item li {
    margin-bottom: 9px;
}

.site_map__link-item li a {
    font-size: .18rem;
}

.site_map__link-item li a::before {
    width: 16px;
    height: 14px;
}

.site_map__link-item a img {
    width: 18px;
    vertical-align: baseline;
    filter: brightness(0) saturate(100%);
    margin-left: 5px;
}

.site_map-info {
    width: 26%;
}

.site_map-info .site_map__link-item {
    width: 100%;
}

.site_map-oem-odm {
    width: 36%;
}

.site_map-recruit {
    width: 60%;
    margin-top: -177px;
}


.site_map-recruit ul {
    width: 92%;
}

.site_map-recruit li {
    width: 55%;
}

.site_map-recruit li:nth-of-type(even) {
    width: 45%;
}

/* 1150px以下の場合 */
@media screen and (max-width: 1150px) {
    .site_map__link-box {
        border-left: 0;
        border-right: 0;
    }
}
	
/* 800px以下の場合 */
@media screen and (max-width: 800px) {
	.site_map-main .page-title {
		background-image: url(/crystal/wp-content/themes/original/images/site-map/sp-site_map-fv.jpg);
		padding: 101px 20px 103px;
	}
	.site_map__link-box--container {
        padding: 30px 40px 20px;
        justify-content: flex-start;
        width: 600px;
    }
    .site_map__link-box {
        margin-top: 37px;
        border-left: 0;
        border-right: 0;
    }
	.site_map__link{
		margin-top: 50px;
	}
    .site_map__link-item li {
        margin-bottom: 5px;
    }

    .site_map__link-item a {
        width: fit-content;
        padding-left: 25px;
    }

    .site_map__link-item > a {
        font-size: .18rem;
        margin-bottom: 0px;
    }

    .site_map__link-item li a {
        font-size: .16rem;
        padding-left: 25px;
    }

    .site_map-recruit li:nth-of-type(even),
    .site_map-recruit li {
        width: 100%;
    }

    .site_map__link-item a::before {
        width: 16px;
        height: 15px;
    }

    .site_map__link-item a img {
        width: 15px;
    }


    .site_map__link-item {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

        .site_map-info {
        width: 50%;
    }

    .site_map-recruit {
        margin-top: 0px;
    }

    .site_map__link-item ul {
        margin-top: 0px;
        flex-direction: column;
        width: 93%;
    }

    .site_map-recruit ul {
        width: 93%;
        margin-top: -50px;
    }

}


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

    .site_map__link-item {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .site_map-recruit {
        margin-top: 0px;
    }

    .site_map__link-item ul {
        margin-top: 0px;
        flex-direction: column;
        width: 93%;
    }

    .site_map-recruit ul {
        width: 93%;
    }

    .site_map__link-item li {
        margin-bottom: 0px;
    }

    .site_map__link-item li a {
        font-size: .16rem;
        padding-left: 25px;
    }

    .site_map-recruit li:nth-of-type(even),
    .site_map-recruit li {
        width: 100%;
    }

    .site_map-info {
        width: 100%;
    }
}