body {
    background-color: #FAF7F5;
    font-family: "M PLUS Rounded 1c";
}

.text-center {
    text-align: center;
    color:#47362E;
}
.text-center h4 {
    margin-top: 10px;
    font-size: 0.67em;
    color: #47362E;
}

.text-center h1{
    font-size: 2em;
    color: #47362E;
}

.view-text-main {
    margin: 20px auto;
    background-color:#FFF ;
    border-radius: 50px;
    border: solid 3px #4e4d4c;
    padding:50px 50px 30px 50px;
    max-width: 600px;
}
.view-text-main p {
    text-align: left;
}

.view-content{
    display: flex;
    border-top: 1px solid #cccccc;
    padding: 20px;
}

.view-text-main :first-of-type{ 
    border-top: none;
}

.view-detail {
    text-align: left;
    max-width: 400px;
    width: 70%;
}

.view-detail li{
    margin-left: 30px;
}

.view-number{
    margin-left: 20px;
}

.view-content h3{
    width: min(120px, 30%);
    font-weight: bold;
}

@media screen and (max-width:800px){
    .text-center{
        margin-top: 90px;
        margin-bottom:20px ;
    }
    .text-main{
        margin: 15px 10%;
        padding:50px 50px 30px 50px;
    }
    .view-text-main {
        margin: 5%;
    }
}



@media screen and (max-width:425px) {
    .text-main {
        margin: 15px 5%;
        padding: 15%;
    }
    .view-text-main {
        margin: 5%;
        padding: 20px;
    }
}