@charset "utf-8";

.top_com{
    margin:30px auto 0 auto;
    width:700px;
    max-width:100%;
    text-align: left;
}

#pv{
    margin:30px auto 0 auto;
    > div{
        width:min(580px,100%);
                margin:0 auto;
    }
    > div,ul li{
        border:3px solid rgb(var(--mainColor));
        border-radius:10px;
        overflow: hidden;
        iframe{
            width:100%;
        }
        h3{
            padding:15px 10px 10px 10px;
            text-align: left;
            font-family: var(--font-family-minchou);
            background:rgb(var(--mainColor));
            color:white;
        }
        
    }
    ul{
			margin:20px auto 0 auto;
        display:grid;
        grid-template-columns: repeat(auto-fill,minmax(min(350px,100%),1fr));
        gap:20px;
    }
}