@charset "uft-8";


.group {
    padding-top: 80px;
    padding-bottom: 50px;
    width: 80%;
    background-color: #F6EAE7;
}

.group .title {
    font-size: 2.5vw;
}

.personal_text_kenko {
    margin: auto;
    width: 75%;
    text-align: center;
    font-size: 1.2vw;
    line-height: 1.8;
}



.personal_text {
    margin: auto;
    text-align: center;
    font-size: 1.2vw;
    line-height: 1.8;
}

.personal_textp {
    margin: auto;
    text-align: center;
    font-size: 1.2vw;
    line-height: 1.8;
}

.group_photo img {
    border-radius: 20px;
}


/* テーブル */
.group_list {
    width: 80%;
}


.groupbox {
    justify-content: space-around;
    padding-bottom: 50px;
}

.group_table {
    margin-left: 35px;
    width: 51%;
}

.group_table th,
.group_table td {
    border-bottom: 1px rgba(110, 93, 77, 0.2) solid;

}


.group_table th {
    padding: 15px 0;
    width: 24%;
    font-size: 20px;
    font-family: 'Zen Maru Gothic', sans-serif;
}

.group_table td {
    padding: 15px 0 15px 25px;
    line-height: 1.8;
}

.group_table p {
    margin: 5px 0;
}

/* 人気プログラム */
.personal {
    margin-bottom: 60px;
}


.sampleprogram {
    padding-bottom: 50px;
    width: 80%;
    background-color: #F6EAE7;
}

.sampleprogram_list_title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
}

.sampleprogram_list {
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 30px 35px;
    border-radius: 25px;
    background-color: #fff;
}

.sample_list {
    width: 50%;
}

.sampleprogram_listchild {
    justify-content: space-between;
    padding: 30px 35px;
    width: 72%;
    border-radius: 25px;
    background-color: #fff;
}


.sample_list:nth-child(2) {
    margin-left: 60px;
}


.program_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.program_name {
    margin: 5px 0;
}

.sample_listchild {
    margin: auto;
    width: 73%;
}

.program_name::before {
    position: relative;
    top: -3px;
    display: inline-block;
    margin-right: 5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #EDB6EF;
    content: "";

}


/* 企業団体用お問合せ */
.group_contact {
    width: 80%;
}

.group_contact .nami {
    margin-top: -20px;
}

.personal {
    overflow: hidden;
}

.personal_text {
    width: 48%;
}

.open_holiday {
    justify-content: center;
    margin-top: 5px;
    font-size: 18px;
}



.businesshours {
    margin-right: 1.2vw;
}


.open_time {
    font-family: 'Roboto Slab', serif;
}


/* ボタン */

.button_grouparea {
    display: flex;
    justify-content: center;
    padding-bottom: 50px;
}

.button_grouptel {
    display: inline-block;
    margin: 0 10px;
    padding: 32px 110px;
    border: 1px solid #EFD6F0;
    border-radius: 10px;
    background-color: #EFD6F0;
    box-shadow: 3px 4px 6px #6E5D4D;
    text-align: center;
    font-size: 24px;
    font-family: 'Roboto Slab', serif;
}

.button_grouptel:hover {
    box-shadow: none;
    transform: translate(0, 5px);
}

.tel_text {
    font-weight: 300;
}

.contact_telimg {
    margin: 10px 0;
    width: 40px;
    height: 40px;
}

.button_groupmail {
    display: inline-block;
    margin: 0 10px;
    padding: 32px 47px;
    border: 1px solid #EFD6F0;
    border-radius: 10px;
    background-color: #EFD6F0;
    box-shadow: 3px 4px 6px #6E5D4D;
    text-align: center;
    font-size: 24px;
    font-family: 'Roboto Slab', serif;
}

.button_groupmail:hover {
    box-shadow: none;
    transform: translate(0, 5px);
}


/* スマホ */

@media (max-width: 768px) {

    .sp_none {
        display: none;
    }


    .sampleprogram .nami_bottom img {
        vertical-align: 0;
    }

    .group {
        padding: 40px 0;
        width: 100%;
    }

    .group_photo {
        margin: 50px auto;
        width: 80%;
    }

    .group_photo img {
        width: 100%;
    }

    .group_list {
        width: 100%;
    }



    .group_table {
        margin: auto;
        width: 80%;
    }

    .personal_text {
        width: 88%;
    }

    .personal_textp {
        font-size: 2vw;
    }

    .sampleprogram {
        padding-bottom: 30px;
        width: 100%;
    }

    .sample_list:nth-child(2) {
        margin: auto;
    }

    .sample_list {
        flex-wrap: wrap;
        margin: auto;
        width: 80%;
    }

    .sampleprogram_listbox {
        flex-wrap: wrap;
    }

    .sample_listchild {
        margin: auto;
        width: 80%;
    }

    /* 予約ボタン */

    .group_contact {
        width: 100%;
    }

    .button_grouparea {
        flex-direction: column;
    }

    .button_grouptel {
        margin: 0 5px;
    }

    .button_groupmail {
        margin: 20px 5px;
    }

    .open_holiday {
        flex-wrap: wrap;
    }

}

@media (max-width: 500px) {


    .group .personal .title {
        font-size: 16px;
    }

    .personal_text_kenko {
        font-size: 2.7vw;
    }

    .button_form {
        font-size: 16px;
    }

    .groupbox {
        padding-top: 30px;
    }

    .group_photo {
        margin: auto;
        width: 80%;
    }

    .group_photo img {
        width: 100%
    }

    .group_table {
        margin: 20px auto;
    }

    .group_table th {
        font-size: 16px;
    }

    .group_table td {
        padding-bottom: 10px;
        font-size: 3vw;
    }

    .personal {
        margin-bottom: 20px;
    }

    .personal_textp {
        font-size: 3vw;
    }

    .personal_text_none {
        flex: none;
    }

    .title {
        padding: 7vw 0;
        font-size: 6vw;
    }

    .personal_text {
        margin: auto;
        width: 85%;
        font-size: 2.8vw;
    }

    .sampleprogram_list_title {
        margin-bottom: 5vw;
        font-size: 5vw;
    }


    .sampleprogram_list {
        flex-direction: column;
        padding: 15px 10px;
        border-radius: 10px;
    }

    .sample_list {
        width: 90%;
    }

    .sample_listchild {
        margin: auto;
        width: 90%;
    }

    .program_name {
        font-size: 14px;
    }

    .nami_bottom {
        margin-bottom: -5px;
    }

    .businesshours {
        margin-right: 2.4vw;
    }

    .open_holiday {
        font-size: 14px;
    }



    /* ボタン */

    .button_grouptel {
        padding: 15px 87px;
    }

    .button_groupmail {
        padding: 15px 23px;
    }


}