section.news div.container {
    width: 60vw;
    margin: 0 auto;
    padding: 0.75rem 0 2rem;
}

section.news div.container p {
    font-size: 1.2rem;
}

section.news div.container h2 {
        font-size: 2.0rem;
}

section.news div.container h2 span {
    display: block;
    font-size: 1.25rem;
    color: var(--text);
    opacity: 0.5;
    font-weight: 500;
}

/* お知らせセクション */
section.news div.container ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

section.news div.container ul li p {
    background-color: var(--aquabg);
    border: solid 1px var(--bluebg);
    padding: 1rem;
    border-radius: 30px;
}

section.news div.container ul li p a {
    color: var(--text);
    text-decoration: none;
}

section.news div.container ul li {
    padding: 0.5rem 0;
}

@media (width >= 0px) and (width < 479px){
    section.news div.container {
        width: 90vw;
        margin: 0 auto;
        padding: 0.75rem 0 2rem;
    }

    section.news div.container ul {
        padding: 0.5rem 0;
    }

    section.news div.container ul li {
        padding: 0.5rem 0;
    }

    section.news div.container ul li p {
            font-size: 0.8rem;
    }
}

@media (width >= 480px) and (width < 767px){
    section.news div.container {
        width: 80vw;
        margin: 0 auto;
        padding: 0.75rem 0 2rem;
    }

    section.news div.container ul li p {
        font-size: 1rem;
    }
}

@media (width >= 768px) and (width < 1199px){
    section.news div.container {
        width: 70vw;
        margin: 0 auto;
        padding: 0.75rem 0 2rem;
    }
}

@media (width >= 1200px){
    section.news div.container {
        width: 60vw;
        margin: 0 auto;
        padding: 0.75rem 0 2rem;
    }
}