@charset "utf-8";

#page_covid-19_guideline .img_list {
    display: flex;
    flex-wrap: wrap;
    border-left: solid 1px #b8b8b8;
    border-bottom: solid 1px #b8b8b8;
}

#page_covid-19_guideline .img_list li {
    width: 33.3333333333333333%;
    border-top: solid 1px #b8b8b8;
    border-right: solid 1px #b8b8b8;
    padding: 10px;
}

#page_covid-19_guideline img {
    width: 100%;
}
/*#page_covid-19_guideline .c-mini-title {
    font-weight: normal;
}*/
#page_covid-19_guideline ul.disc_list li::after {
    top: 0.6em;
    left: -1em;
    width: 4px;
    height: 4px;
}
#page_covid-19_guideline .service_head_tit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

#page_covid-19_guideline .service_head_tit img {
    width: 100px;
}

#page_covid-19_guideline .service_head_tit p {
    width: calc(100% - 120px);
}

#page_covid-19_guideline .service_head_list {
    display: flex;
    flex-wrap: wrap;
}

#page_covid-19_guideline .service_head_list li {
    display: flex;
    width: 33%;
}

#page_covid-19_guideline .service_head_list li img {
    max-width: 100px;
    margin-right: 10px;
}

#page_covid-19_guideline .service_head_list li a {
    width: calc(100% - 120px);
}

#page_covid-19_guideline .service_procedure {
    display: flex;
    flex-wrap: wrap;
}

#page_covid-19_guideline .service_procedure li {
    width: 24.3%;
    margin-bottom: 20px;
    position: relative;
    padding-right: 20px;
}

#page_covid-19_guideline .service_procedure li:nth-child(3),#page_covid-19_guideline .service_procedure li:nth-child(7){
    width: 26.8%;
}

#page_covid-19_guideline .service_procedure li:not(:last-child):after {
    color: inherit;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: '\f0da';
    position: absolute;
    right: 5px;
    top: 40%;
    transform: translateY(-50%);
    font-size: 30px;
}

@media(max-width:768px) {
#page_covid-19_guideline .service_head_list li {
    width: 50%;
}
}

@media(max-width:480px) {
#page_covid-19_guideline .img_list li {
    width: 50%;
}
#page_covid-19_guideline .service_head_list li {
    width: 100%;
    margin-bottom: 10px;
}
#page_covid-19_guideline .service_procedure li,#page_covid-19_guideline .service_procedure li:nth-child(3),#page_covid-19_guideline .service_procedure li:nth-child(7) {
    width: 49%;
}

}