@charset "utf-8";

main .use {
    padding: 3.6rem 0 5.6rem;
}
main .use h2 {
    font-size: 2.1rem;
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: red;
    margin-bottom: 5.6rem;
}
main .use h2 a {
    text-decoration-color: red;
}
main .use h2 a:link,
main .use h2 a:visited {
    color:#000;
}
main .use ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
		flex-wrap: wrap;
}
main .use ul li {
    width: 27.9rem;
}
main .use ul li:nth-child(n+4) {
    margin-top: 5rem;
}
main .use .txt {
    font-size: 1.2rem;
    margin: 1rem 0 2rem;
}

@media screen and (max-width: 768px){
    main .use {
        padding: 9rem 0;
    }
    main .use h2 {
        font-size: 4.0rem;
    }
    main .use ul {
        flex-direction: column;
    }
    main .use ul li {
        width: 100%;
    }
    main .use ul li + li,
    main .use ul li:nth-child(n+4) {
        margin-top: 6rem;
    }
    main .use ul li img {
        width: 100%;
    }
    main .use .txt {
        font-size: 2rem;
        margin: 2rem 0 6rem;
    }
}