@charset "utf-8";


#gensen{
    margin:30px auto 0 auto;
    width:960px;
    max-width:100%;
    h2{
        font-family: var(--font-family-minchou);
        font-size: 1.4em;
        font-weight: 500;
    }
    p{
        text-align: left;
        margin:10px auto 0 auto;
    }
    @media (max-width: 480px) {
        h2{
            text-align: left;
        }
    }
}

.kodawari{
    max-width:100%;
    margin:60px auto 0 auto;
    display:grid;
    grid-template-columns: repeat(2,1fr);
    gap:30px;
    align-items: center;
    > div{
        h2{
            font-family: var(--font-family-minchou);
            font-size: 1.5em;
            font-weight: 500;
        }
        p{
            margin:10px auto 0 auto;
            text-align: left;
        }
    }
    @media (max-width: 768px) {
        display:block;
        figure{
            margin:20px auto 0 auto;
        }
    }
}

#mizu{
    > div{
        h2{
            color:#1291cd;
        }
    }
}

#daizu{
    grid-template-areas: "B A";
    > div{
        grid-area: A;
        h2{
            color:#7c6712;
        }
    }
    > figure{
        grid-area: B;
    }
}

#nigari{
    > div{
        h2{
            color:#357086;
        }
    }
}