.boxshadow {
    box-shadow: 4px 3px 6px 0px #a35e0a;
    border-radius: 5px;
}

.box {
    border-style: solid;
    border-color: antiquewhite;
}

.MaxWidth {
    width: 40%;
}

.TitleWidth {
    width: 25%;
}

.Font {
    font-size: 1rem;
}

@media (min-width: 300px) and (max-width: 991.98px) {
    .MaxWidth {
        width: 100%;
        font-size: 1.5rem;
    }

    .TitleWidth {
        width: 100%;
    }

    .Font {
        font-size: 1.5rem;
    }

    .h2, h2 {
        font-size: calc(2.5rem + .9vw);
    }
}

.line01 {
    height: 50px;
    width: 80%;
    background-image: url(./../Image/hr_02.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-size: auto 50px;
    margin-top: 0;
    margin-bottom: 20px;
    clear: both;
}