@charset "utf-8";

#pageCovid{
}
#pageCovid .pageTitle{
    color:#073456;
    font-weight: bold;
    text-align: center;
}
#pageCovid .topCaption{
}
#pageCovid .listArea{
    border:solid 2px #073456;
    background:rgba(7, 52, 86, 0.1);
}
#pageCovid .listArea .listTitle{
    font-weight: bold;
    color:#d7000f;
}
#pageCovid .listArea .list{
}
#pageCovid .iconArea{
}
#pageCovid .iconArea .icon{
}
#pageCovid .bottomCaption{
}


@media only screen and (max-width: 767px){
    #pageCovid{
    }
    #pageCovid .pageTitle{
        padding:20px 0;
        font-size:1.8em;
        line-height: 150%;
    }
    #pageCovid .topCaption{
        text-align: left;
        line-height:160%;
        font-size: 1.2em;
        padding:0 0 30px 0;
    }
    #pageCovid .listArea{
        padding: 20px 10px 10px 20px;
        text-align:left;
    }
    #pageCovid .listArea .listTitle{
        font-size:1.4em;
        padding:0 0 8px 0;
    }
    #pageCovid .listArea .list{
        font-size:1.15em;
        padding-bottom: 30px;
        line-height:150%;
    }
    #pageCovid .iconArea{
        margin:30px -10px 0 -10px;
    }
    #pageCovid .iconArea .icon{
        width:50%;
        float:left;
        padding:0 10px 20px;
    }
    #pageCovid .bottomCaption{
        text-align: left;
        line-height:160%;
        font-size: 1.2em;
        padding:10px 0 30px 0;
    }
}
@media print, screen and (min-width:768px){
    #pageCovid{
        padding:0 0 0 20px;
    }
    #pageCovid .pageTitle{
        font-size:2.4em;
        padding:60px 0 50px 0;
    }
    #pageCovid .topCaption{
        font-size:1.6em;
        line-height:36px;
        padding-bottom: 40px;
        text-align: center;
    }
    #pageCovid .listArea{
        padding:20px 20px 10px 20px;
        margin-bottom:30px;
    }
    #pageCovid .listArea .listTitle{
        font-size:2.0em;
        padding:0 0 15px 0;
    }
    #pageCovid .listArea .list{
        font-size:1.35em;
        padding:0 0 40px 10px;
        line-height: 30px;
    }
    #pageCovid .iconArea{
        margin: 0 -10px 0 -10px;
    }
    #pageCovid .iconArea .icon{
        width:25%;
        float:left;
        padding:0 10px 0 10px;
    }
    #pageCovid .bottomCaption{
        font-size:1.4em;
        line-height: 36px;
        padding:25px 0 50px 0;
    }
}

/* テキストサイズの調整 */
@media only screen and (max-width: 370px){
    #pageCovid .pageTitle{
        font-size:6.6vw;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    #pageCovid .pageTitle{
        font-size:3.0vw;
    }
    #pageCovid .topCaption{
        font-size:1.2em;
        line-height: 32px;
    }
    #pageCovid .listArea .listTitle{
        font-size:2.7vw;
    }
    #pageCovid .listArea .list{
        font-size:1.2em;
    }
    #pageCovid .bottomCaption{
        font-size:1.2em;
        line-height: 32px;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
}