@charset "UTF-8";
.thk-housin {
    padding-inline: 15px;
    max-width: 700px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    padding-top: 20px;
    padding-bottom: 60px;
    & section{
        display: grid;
        justify-content: center;
    }
    & h3 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 15px;

        @media (max-width:768px) {
            font-size: 18px;
        }
    }

    & ul {
        list-style: disc;
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        width: fit-content;

    }

    & li {
        font-size: 20px;

        @media (max-width:768px) {
            font-size: 17px;
        }
    }
}


.sec-koudou {
    & ul {
        list-style: none;
        padding-left: 1em;

        @media (max-width:768px) {
            padding-left: 20px;
        }

        li {
            text-indent: -2em;

            &:nth-of-type(1) h4 {
                color: #ef8200;
            }

            &:nth-of-type(2) h4 {
                color: #003E8C;
            }

            &:nth-of-type(3) h4 {
                color: #11969F;
            }

            & h4 {
                font-size: 22px;

                @media (max-width:768px) {
                    font-size: 17px;
                }

            }
        }
    }
}