@charset "utf-8";

/* menu */

.menu_price_container {
    padding-top: 50px;
    padding-bottom: 30px;
    background-color: #ffffff;
}
.menu_price_title {
    text-align: center;
}
.menu_price_title img {
    width: 25%;
}
.menu_price_content {
    margin-top: 30px;
    padding: 30px 0 30px 0;
    background-color: #9ed5c4;
}
.oral_care_title,
.body_care_title {
    padding-top: 30px;
    text-align: center;
    font-size: 50px;
    color: #ff69b4;
}
.oral_care_content,
.body_care_content {
    padding: 30px 0 30px 0;
    display: flex;
    justify-content: center;
}
.oral_care_menu,
.body_care_menu {
    width: 30%;
    margin: 0 5px;
}
.menu_name {
    padding-bottom: 10px;
    text-align: center;
    font-size: 22px;
    color: #555555;
}
.menu_img {
    text-align: center;
}
.menu_img img {
    width: 50%;
    border-radius: 10px;
}
.menu_price_time {
    text-align: center;
    font-size: 22px;
    color: #555555;
}
.menu_overview_container {
    padding-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu_overview {
    width: 270px;
    height: auto;
    padding: 5px;
    text-align: left;
    background-color: #f5fffa;
    border-radius: 10px;
}
.menu_overview p {
    padding: 10px;
    color: #01875f;
}
.combination,
.cancellation_policy {
    width: 75%;
    margin: 30px auto 0px auto;
}
.combination p {
    max-width: 890px;
    margin: 0 auto;
}
.combination span {
    color: red;
}
.cancellation_policy p {
     max-width: 890px;
     margin: 0 auto;
}

/* responsive */
@media screen and (max-width: 959px) {
    .oral_care_content,
    .body_care_content {
        padding: 0;
        display: block;
    }
    .oral_care_menu,
    .body_care_menu {
        width: 100%;
    }
    .oral_care_title,
    .body_care_title {
        padding-bottom: 10px;
        font-size: 30px;
    }
    .menu_overview_container {
        padding-bottom: 30px;
    }
}
@media screen and (max-width: 768px) {
    .menu_price_title img {
        width: 45%;
    }
}
@media screen and (max-width: 428px) {
    .menu_img img {
        width: 70%;
    }
}