p {
    text-indent: 1rem;
    margin: 3px;
}

.memuContents {
    font-size: var(--font-size-base);
    margin: 2px auto;
    padding: 10px;
}

.diteTitle {
    color: var(--darkgray-color);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.infoArea {
    overflow: hidden;
    margin: 30px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menuBtnArea {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .menuBtnArea > .menuBtnRow {
        margin: 5px 5px 15px 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width:500px;
    }

        .menuBtnArea > .menuBtnRow > button {
            width: 50%;
            height: 80px;
            font-size:larger;
        }

        .menuBtnArea > .menuBtnRow > .msg {
            margin: 10px 5px;
            max-width: 300px;
        }

        .menuBtnArea > .menuBtnRow > .msg >div  {
            margin: 5px 0px;
        }

.manualArea {
    overflow: hidden;
    margin: 30px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .manualArea > .manualMsg {
        padding: 10px 20px;
    }
        .manualArea > .manualMsg > .manualLink {
            display: block;
            font-weight: bold;
            margin: 10px 0px;
            padding: 10px;
            border-radius: 10px;
            background-color: var(--secondary-color);
            box-shadow: var(--tertiary-color) -2px -2px inset;
            text-decoration: none;
            text-align: center;
        }

@media(min-width: 600px) {
    .diteTitle {
        flex-direction: row;
    }

    .menuBtnArea > .menuBtnRow {
        flex-direction: row;
    }
        .menuBtnArea > .menuBtnRow > button {
            width: 180px;
            height: 100px;
        }

        .menuBtnArea > .menuBtnRow > .msg {
            min-width: 300px;
        }
}