@charset "utf-8";


#eco{
    margin:30px auto 0 auto;
    width:960px;
    max-width:100%;
    background:#f5f4eb;
    padding:20px;
    border-radius:10px;
    h2{
        font-family: var(--font-family-minchou);
        font-size: 1.3em;
        font-weight: 500;
        color:#68471a;
    }
    p{
        text-align: left;
        margin:10px auto 0 auto;
    }
    
}

#tigai{
    width:min(800px,100%);
    margin:60px auto 0 auto;
    h2{
        font-family: var(--font-family-minchou);
        font-size: 1.4em;
        font-weight: 500;
    }
    ul{
        margin:20px auto 0 auto;
        display:grid;
        grid-template-columns: repeat(auto-fill,minmax(min(300px,100%),1fr));
        gap:30px;
        li{
            border-radius:10px;
            overflow: hidden;
            border:1px solid silver;
            p{
                padding:20px;
                text-align: left;
                font-family: var(--font-family-minchou);
                strong{
                    font-weight: 500;
                    color:red;
                }
            }
        }
    }
}

#koutei{
    ul{
        display:grid;
        grid-template-columns: repeat(auto-fill,minmax(min(200px,100%),1fr));
        gap:10px;
        a{
            img{
                border-radius: 5px;
            }
            &:hover{
                img{
                    opacity: .75;
                }
            }
        }
    }
}