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

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

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

/*ここからニュース*/

.news-container01 {
    text-align: center;
    background: rgba(172, 118, 118, 0.1);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    border-radius: 0 0 20px 20px ;
}


.title01 {
    font-size: 15px;
    padding: 10px;
    border-bottom: solid;
    border-color: #801A33;
    margin: 0%;
    border-width: thin;
}

.text-box01 {
    margin: 0%;
    padding: 15px;
}

.news-container02 {
    text-align: center;
    background: rgba(172, 118, 118, 0.1);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    border-radius: 0 0 20px 20px ;
}


.title02 {
    font-size: 15px;
    padding: 10px;
    border-bottom: solid;
    border-color: #801A33;
    margin: 0%;
    border-width: thin;
}

.text-box02 {
    margin: 0%;
    padding: 15px;
}

.news-container03 {
    text-align: center;
    background: rgba(172, 118, 118, 0.1);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    border-radius: 0 0 20px 20px ;
}


.title03 {
    font-size: 15px;
    padding: 10px;
    border-bottom: solid;
    border-color: #801A33;
    margin: 0%;
    border-width: thin;
}

.text-box03 {
    margin: 0%;
    padding: 15px;
}

.news-container04 {
    text-align: center;
    background: rgba(172, 118, 118, 0.1);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    border-radius: 0 0 20px 20px ;
}


.title04 {
    font-size: 15px;
    padding: 10px;
    border-bottom: solid;
    border-color: #801A33;
    margin: 0%;
    border-width: thin;
}

.text-box04 {
    margin: 0%;
    padding: 15px;
}

.news-container05 {
    text-align: center;
    background: rgba(172, 118, 118, 0.1);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    border-radius: 0 0 20px 20px ;
}


.title05 {
    font-size: 15px;
    padding: 10px;
    border-bottom: solid;
    border-color: #801A33;
    margin: 0%;
    border-width: thin;
}

.text-box05 {
    margin: 0%;
    padding: 15px;
}

.news-container06 {
    text-align: center;
    background: rgba(172, 118, 118, 0.1);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    border-radius: 0 0 20px 20px ;
}


.title06 {
    font-size: 15px;
    padding: 10px;
    border-bottom: solid;
    border-color: #801A33;
    margin: 0%;
    border-width: thin;
}

.text-box06 {
    margin: 0%;
    padding: 15px;
}

.news-container07 {
    text-align: center;
    background: rgba(172, 118, 118, 0.1);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    border-radius: 0 0 20px 20px ;
}


.title07 {
    font-size: 15px;
    padding: 10px;
    border-bottom: solid;
    border-color: #801A33;
    margin: 0%;
    border-width: thin;
}

.text-box07 {
    margin: 0%;
    padding: 15px;
}

.news-container08 {
    text-align: center;
    background: rgba(172, 118, 118, 0.1);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    border-radius: 0 0 20px 20px ;
}


.title08 {
    font-size: 15px;
    padding: 10px;
    border-bottom: solid;
    border-color: #801A33;
    margin: 0%;
    border-width: thin;
}

.text-box08 {
    margin: 0%;
    padding: 15px;
}

.news-container09 {
    text-align: center;
    background: rgba(172, 118, 118, 0.1);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    border-radius: 0 0 20px 20px ;
}


.title09 {
    font-size: 15px;
    padding: 10px;
    border-bottom: solid;
    border-color: #801A33;
    margin: 0%;
    border-width: thin;
}

.text-box09 {
    margin: 0%;
    padding: 15px;
}
@media (min-width:600px) {

    .news-line01 {
        display: flex;
    }

    .news-container01 {
        background: rgba(172, 118, 118, 0.1);;
        margin-left: 15px;
        width: 33.3%;
        border-radius: 0 20px 20px 0 ;
    }
    
    .news-container02 {
        background: rgba(172, 118, 118, 0.1);
        margin-left: 5px;
        margin-right: 5px;
        width: 33.3%;
        border-radius: 0 20px 20px 0 ;
    }
    
    .news-container03 {
        background: rgba(172, 118, 118, 0.1);
        margin-right: 15px;
        width: 33.3%;          
        border-radius: 0 20px 20px 0 ;
    }

    .news-container02 {
        text-align: center;
        background: rgba(172, 118, 118, 0.1);
        margin-left: 15px;
        margin-right: 15px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    }
    
    .title02 {
        font-size: 15px;
        padding: 10px;
        border-bottom: solid;
        border-color: #801A33;
        margin: 0%;
        border-width: thin;
    }
    
    .text-box02 {
        margin: 0%;
        padding: 15px;
    }
    
    .news-container03 {
        text-align: center;
        background: rgba(172, 118, 118, 0.1);
        margin-left: 15px;
        margin-right: 15px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    }
    
    .title03 {
        font-size: 15px;
        padding: 10px;
        border-bottom: solid;
        border-color: #801A33;
        margin: 0%;
        border-width: thin;
    }
    
    .text-box03 {
        margin: 0%;
        padding: 15px;
    }

    .news-line02 {
        display: flex;
    }

    .news-container04 {
        background: rgba(172, 118, 118, 0.1);;
        margin-left: 15px;
        width: 33.3%;
        border-radius: 0 20px 20px 0 ;
    }
    
    .news-container05 {
        background: rgba(172, 118, 118, 0.1);
        margin-left: 5px;
        margin-right: 5px;
        width: 33.3%;
        border-radius: 0 20px 20px 0 ;
    }
    
    .news-container06 {
        background: rgba(172, 118, 118, 0.1);
        margin-right: 15px;
        width: 33.3%;          
        border-radius: 0 20px 20px 0 ;
    }

    .news-container04 {
        text-align: center;
        background: rgba(172, 118, 118, 0.1);
        margin-left: 15px;
        margin-right: 15px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    }
    
    .title05 {
        font-size: 15px;
        padding: 10px;
        border-bottom: solid;
        border-color: #801A33;
        margin: 0%;
        border-width: thin;
    }
    
    .text-box05 {
        margin: 0%;
        padding: 15px;
    }
    
    .news-container06 {
        text-align: center;
        background: rgba(172, 118, 118, 0.1);
        margin-left: 15px;
        margin-right: 15px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    }
    
    .title06 {
        font-size: 15px;
        padding: 10px;
        border-bottom: solid;
        border-color: #801A33;
        margin: 0%;
        border-width: thin;
    }
    
    .text-box06 {
        margin: 0%;
        padding: 15px;
    }

    .news-line03 {
        display: flex;
    }

    .news-container07 {
        background: rgba(172, 118, 118, 0.1);;
        margin-left: 15px;
        width: 33.3%;
        border-radius: 0 20px 20px 0 ;
    }
    
    .news-container08 {
        background: rgba(172, 118, 118, 0.1);
        margin-left: 5px;
        margin-right: 5px;
        width: 33.3%;
        border-radius: 0 20px 20px 0 ;
    }
    
    .news-container09 {
        background: rgba(172, 118, 118, 0.1);
        margin-right: 15px;
        width: 33.3%;          
        border-radius: 0 20px 20px 0 ;
    }

    .news-container08 {
        text-align: center;
        background: rgba(172, 118, 118, 0.1);
        margin-left: 15px;
        margin-right: 15px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    }
    
    .title08 {
        font-size: 15px;
        padding: 10px;
        border-bottom: solid;
        border-color: #801A33;
        margin: 0%;
        border-width: thin;
    }
    
    .text-box08 {
        margin: 0%;
        padding: 15px;
    }
    
    .news-container09 {
        text-align: center;
        background: rgba(172, 118, 118, 0.1);
        margin-left: 15px;
        margin-right: 15px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.22);
    }
    
    .title09 {
        font-size: 15px;
        padding: 10px;
        border-bottom: solid;
        border-color: #801A33;
        margin: 0%;
        border-width: thin;
    }
    
    .text-box09 {
        margin: 0%;
        padding: 15px;
    }

}

@media (max-width:600px) {
    .news-container08 {
        display: none;
    }

    .news-container09 {
        display: none;
    }
}