.map_wrapper {
    margin-top: 50px;
    padding: 3% 5% 100px;
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.map {
    width: 52%;
}

.course {
    width: 46%;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.course div {
    width: 50%;
    padding-left: 10px;
    box-sizing: border-box;
}

.course>div>ul {
    margin-bottom: 20px;
    text-align: left;
}

.course>div>ul>li {
    font-weight: bold;
}

.map_wrapper ul>li>ul>li {
    padding-left: 1em;
    font-weight: normal;
}

.akita::before {
    content: "秋田";
    background-color: #bbbfe0;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.iwate::before {
    content: "岩手";
    background-color: #bbbfe0;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.yamagata::before {
    content: "山形";
    background-color: #bbbfe0;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.tochigi::before {
    content: "栃木";
    background-color: #edde67;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.gunma::before {
    content: "群馬";
    background-color: #edde67;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.niigata::before {
    content: "新潟";
    background-color: #b1d360;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.nagano::before {
    content: "長野";
    background-color: #b1d360;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.yamanashi::before {
    content: "山梨";
    background-color: #b1d360;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.toyama::before {
    content: "富山";
    background-color: #b1d360;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.gifu::before {
    content: "岐阜";
    background-color: #b1d360;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.mie::before {
    content: "三重";
    background-color: #fbca6d;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.hyogo::before {
    content: "兵庫";
    background-color: #fbca6d;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.shimane::before {
    content: "島根";
    background-color: #6fc9f3;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.okayama::before {
    content: "岡山";
    background-color: #6fc9f3;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.yamaguchi::before {
    content: "山口";
    background-color: #6fc9f3;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}

.miyazaki::before {
    content: "宮崎";
    background-color: #f19586;
    font-size: 0.9em;
    padding: 0 0.5em;
    margin-right: 0.2em;
}


@media screen and (max-width:980px) {
    .map {
        width: 100%;
    }

    .course {
        width: 100%;
    }

    .map_wrapper ul>li>ul>li {
        padding-bottom: 1em;
    }
}

@media screen and (max-width: 768px) {
    .map_wrapper {
        padding: 3% 3% 100px;
    }

    .course>div:first-child {
        padding-left: 0;
    }
}


@media screen and (max-width: 480px) {
    .course>div>ul>li a {
        display: block;
        line-height: 1.2;
    }
}