html {
    font-family: 'Noto Sans JP', sans-serif;
    color: #231815;
}

main {
    font-family: 'Noto Sans JP', sans-serif;
    color: #231815;
}

h3 {
    font-family: 'Ms Madi', cursive;
    text-align: center;
    color: #801A33;
    font-size: 40px;
    padding-bottom: 25px;
}


.text-box {
    background-color: rgba(172, 118, 118, 0.1);
    display: block;
    margin: 15px;
}

.text-box h4 {
    text-align: center;
    padding-top: 15px;
}

.text-box h5 {
    text-align: center;
}

.attention-box {
    padding: 10px;
}

.text-center {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.main ul {
    text-align: center;
    color: #fa8213;
}

.main li a {
    color: #fa8213;
    border-bottom: solid;
    border-width: thin;
}

@media (min-width:600px) {
    .text-box {
        margin-right: 100px;
        margin-left: 100px;
        padding: 100px;
    }
}

@media (min-width:1050px) {
    .text-box {
        margin-right: 100px;
        margin-left: 100px;
        padding-left: 300px;
        padding-right: 300px;
    }
}