@charset "UTF-8";

.m-time { font-size: 196px; }
.m-box {
    position: relative;
    float: left;
    width: 455px; height: 455px;
    text-align: center;
    padding-top: 35px;
    font-size: 250px;
    line-height: 250px;
    margin-right: 30px;
    border-radius: 8px;
}

.m-box-label {
    position: relative;
    margin-top: 25px;
    font-size: 48px;
    line-height: 58px;
}

.mh-box {
    position: relative;
    float: left;
    width: 455px; height: 232px;
    text-align: center;
    font-size: 130px;
    line-height: 92px;
    margin-right: 30px;
    border-radius: 8px;
}

.mh-box-label {
    position: relative;
    font-size: 42px;
}

.mt-box {
    position: relative;
    float: left;
    width: 455px; height: 225px;
    text-align: center;
    font-size: 130px;
    line-height: 92px;
    margin-right: 30px;
    border-radius: 8px;
}

.mt-box-label {
    position: relative;
    font-size: 42px;
}

.box-orange {
    background: rgb(52,98,201);
    background: linear-gradient(47deg, rgba(52,98,201,1) 51%, rgba(240,107,144,1) 100%);
}

.box-red {
    background: rgb(224,57,95);
    background: linear-gradient(47deg, rgba(224,57,95,1) 51%, rgba(224,57,167,1) 100%);
}

.box-grey {
    background: rgb(186,186,186);
    background: linear-gradient(47deg, rgba(186,186,186,1) 51%, rgba(222,222,222,1) 100%);
}

.box-green {
    background: rgb(70,136,74);
    background: linear-gradient(47deg, rgba(70,136,74,1) 36%, rgba(166,205,86,1) 100%);
}