.areaContact {
    padding-top: 61px;
}

.areaContact .boxContact {
    margin-bottom: 193px;
}

.areaContact .areaTitle {
    margin-bottom: 91px;
}

.areaContact .boxContact .listNote {
    padding: 0 102px;
}

.areaContact .boxContact .listNote .itemNote {
    display: flex;
    margin-bottom: 26px;
    background-color: #EFDDB2;
    border-radius: 18px;
    padding: 21px 27px 23px;
    align-items: center;
}

.areaContact .boxContact .listNote .itemNote .headingNote {
    font-size: 24px;
    font-weight: bold;
    min-width: 145px;
    letter-spacing: 1.3px;
}

.areaContact .boxContact .listNote .itemNote .headingNote .futura {
    display: inline-block;
    font-weight: 500;
    font-size: 28px;
    line-height: 1;
}

.areaContact .boxReser .titleReser .futura {
    display: inline-block;
    font-weight: 500;
    font-size: 35px;
}

.areaContact .boxContact .listNote .itemNote .textNote {
    font-size: 18px;
    font-weight: 500;
}

/* end-boxContact*/

.areaContact .boxReser {
    background-color: #EFDDB2;
    text-align: center;
    padding: 45px 0 75px;
    margin-bottom: 35px;
}

.areaContact .boxReser .titleReser {
    margin-bottom: 46px;
    font-size: 32px;
    font-weight: bold;
}

.areaContact .boxReser .textReser {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.8;
}

.areaContact .boxReser .phoneReser {}

.areaContact .boxReser .phoneReser a {
    display: inline-block;
    padding-left: 69px;
    font-size: 60px;
    font-weight: bold;
    background: url(../images/contact/photo-icon-phone.svg) no-repeat left center;
    background-size: 52px 68px;
    cursor: pointer;
    color: #604C3F;
}

/* end-boxReser */

.areaContact .boxReser.line {
    background-color: #FFFFFF;
}

.areaContact .boxReser.line .textReser {
    margin-bottom: 45px;
}

.areaContact .boxReser.line .lineQR {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.areaContact .boxReser.line .lineQR .noteQR {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 23px;
    font-weight: bold;
}

.areaContact .boxReser.line .lineQR .linkQR {
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 46px;
}


.areaContact .boxReser.line .lineQR .linkQR a {
    color: #604C3F;
}

.areaContact .boxReser.line .lineQR .photoQR {
    display: inline-block;
    background-color: #EFDDB2;
    padding: 36px;
    width: 323px;
    height: 323px;
}

/* end-boxReserLine*/

@media(min-width: 769px) {
    .areaContact .boxReser .phoneReser a {
        pointer-events: none;
    }

    .areaContact .boxReser.line .lineQR .linkQR a:hover {
        color: #73999e;
    }
}

@media(max-width: 1400px) {
    .areaContact .boxContact .listNote {
        padding: 0;
    }
}

@media(max-width: 768px) {

    .areaContact .boxContact {
        margin-bottom: 75px;
    }

    .areaContact .areaTitle {
        margin-bottom: 35px;
    }

    .areaContact .boxContact .listNote {
        padding: 0;
    }

    .areaContact .boxContact .listNote .itemNote {
        padding: 4%;
        margin-bottom: 12px;
    }

    .areaContact .boxContact .listNote .itemNote .headingNote {
        font-size: 16px;
        min-width: 99px;
        padding-right: 10px;
    }

    .areaContact .boxContact .listNote .itemNote .textNote {
        font-size: 14px;
    }

    .areaContact .boxReser .titleReser {
        margin-bottom: 26px;
        font-size: 20px;
    }

    .areaContact .boxReser .textReser {
        font-size: 16px;
        line-height: 1.75;
    }

    .areaContact .boxReser .phoneReser a {
        padding-left: 40px;
        font-size: 30px;
        letter-spacing: 1px;
        background-size: 29px 31px;
    }

    .areaContact .boxReser {
        padding: 45px 0 58px;
        margin-bottom: 18px;
    }

    .areaContact .boxReser.line .lineQR .linkQ {
        margin-bottom: 15px;
    }

    .areaContact .boxReser.line .lineQR .linkQR a {
        margin-bottom: 15px;
        font-size: 16px;
    }

    .areaContact .boxReser.line .textReser {
        margin-bottom: 20px;
    }

    .areaContact .boxReser.line .lineQR .noteQR {
        font-size: 16px;
        margin-bottom: 0;
    }

    .areaContact .boxContact .listNote .itemNote .headingNote .futura {
        font-size: 18px;
        transform: translateY(1px);
    }

    .areaContact .boxReser .titleReser .futura {
        font-size: 21px !important;
    }

}
/*fix MAC*/
.MacOS .areaContact .boxReser .titleReser .futura {
    font-size: 32px;
}