@charset "utf-8";

#salon_connent {
    padding: 7em 0 0 0;
}

#menu {
    padding: 5em 0 0 0;
    margin: 0 0 6em 0;
    flex-direction: column;
}

#menu h2 {
    margin: 0 0 1.4em 0;
}


#menu .box_01 {
    justify-content: space-between;
    margin: 0 0 4em 0;
}

#menu .box_01 .img_area {
    width: 24%;
}

#menu .box_01 p {
    width: 72%;
    color: #BCA859;
}

#menu .price ul li {
    border-bottom: dotted 1px #BCA859;
    padding: 1.4em 0;
}

#menu .price ul li dl {
    width: 100%;
    justify-content: space-between;
}

#menu .price ul li dt {
    width: 70%;
}

#menu .price ul li dd {
    width: 26%;
}

.btnbd {
    background: rgb(0 12 43 / 80%);
    width: 50%;
    margin: 0 auto;
}

#menu .bg_navy {
    margin: 2em 0;
}

.info {
    width: 100%;
    justify-content: space-between;
}

.info .text {
    width: 49%;
}

.info .school_gmap {
    width: 45%
}

.info ul li {
    border-bottom: dotted 1px #fff;
    padding: 1.4em 0;
}

.info ul li dl {
    width: 100%;
    justify-content: space-between;
}

.info ul li dt {
    width: 25%;
}

.info ul li dd {
    width: 75%;
}

.btnbd {
    width: 50%;
    margin: 0 auto;
}

@media (max-width: 999px) {}


@media (max-width: 799px) {}

@media (max-width: 599px) {
    .sub_page #title h2 {
        line-height: 1.1;
    }

    #menu .box_01 {
        justify-content: space-between;
        margin: 0 0 2em 0;
        flex-direction: column;
    }

    #menu .box_01 .img_area {
        width: 100%;
        margin: 0 0 2em 0;
        text-align: center;
    }

    #menu .box_01 p {
        width: 100%;
        color: #BCA859;
    }

    #menu .price ul {
        width: 100%;
    }

    #menu .price ul li dt {
        width: 100%;
        margin: 0 0 1em 0;
    }

    #menu .price ul li dd {
        width: 100%;
    }

    #menu {
        margin: 0 0 3em 0;
    }

    .bg_navy {
        padding: 2em 3%;
    }

    .info .text {
        width: 100%;
        margin: 0 0 3em 0;
    }

    .info ul li dt {
        width: 100%;
        margin: 0 0 1em 0;
    }

    .info ul li dd {
        width: 100%;
    }

    .info .school_gmap {
        width: 100%;
    }

    .btnbd {
        width: 90%;
    }

}


.price .sh3{background: rgb(0 12 43 / 70%);margin:0;font-size: 120%;padding: 0.25em;}
@media (max-width: 499px) {
	#menu .price ul{margin-bottom: 10vw;}
}