@charset "utf-8";




@media print,
screen and (min-width: 813px) {

   
    .pickup{
        margin-top: 150px;
        width: 1032px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .pickup h2{
        font-size: 32px;
        font-weight: bold;
        line-height: 1.75em;
        text-align: center;
    }

    .pickup .items{
        margin-top: 50px;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .pickup .items dl{
        
        font-size: 16px;
        line-height: 1.35em;
        display: flex;
        margin-bottom: 20px;
    }

    .pickup .items dt{
        font-family: 'Roboto', sans-serif;
        margin-right: 20px;
     }

     .pickup .items dd a{
        color: #fc348e;
        text-decoration: underline;
     }

     
    

}



@media only screen and (max-width: 812px) {

  
  
    .pickup{
        padding-top: 12vw;
        margin-top: 12vw;
        margin-left: 6vw;
        margin-right: 6vw;
        padding-bottom: 12vw;
    }
    
    .pickup h2{
        font-size: 32px;
        font-weight: bold;
        line-height: 1.75em;
        text-align: center;
    }

    .pickup .items{
        margin-top: 6vw;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .pickup .items dl{
        font-size: 14px;
        line-height: 1.35em;
        margin-bottom: 6vw;
    }

    .pickup .items dt{
        font-family: 'Roboto', sans-serif;
     }

     .pickup .items dd a{
        color: #fc348e;
        text-decoration: underline;
     }


     
    

}