/*タブレット向けレイアウト*/
@media all and (max-width: 1000px){
    html{
        font-size:2vw;
    }

    .list a{
    width:25vw;
    max-width:25%;
} 
   .container h5{
        font-size:1rem;
    }
}

/*モバイル向けレイアウト*/
@media all and (max-width: 670px){
    html{
        font-size:3.4vw;
    }
    header{
        height:70px;
    }
    .logo{
        max-width:350px;
        margin:0 auto;
        padding-top:0 auto;
        text-align:center;
        display:block;
    }
    
    .list a{
        width:50vw;
        max-width:25%;
        padding:15px 0 10px 0;
    }
   .container h5{
        font-size:0.5rem;
    }
   .activity-photo{
        max-width:100vw;
        max-height:100vw;
    }
}