@charset "UTF-8";
https://movabletype.net/sites/18140/blogs/58744/templates/
@-ms-viewport {
width: device-width;}

#wrap{min-width:1010px}

@media only print {

}

dl, dt, dd, ul, li, dl dt, dl dd, ul li ul, ul li ol {
    margin: 0;
    padding: 0;
}

/* Nurse */
div#nurse-section {
    width: 100%;
    margin: 0 auto 50px auto;
    max-width: 1002px;
}
div#nurse-section > div {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 0 0 1.4em;
}
div#nurse-section > div > h3 {
    position: relative;
    padding: 0 0 0 calc(20px + 0.4em);
    margin: 0 0 35px 0;
    font-size: 20px;
    line-height: 150%;
    font-weight: bold;
    color: #008cba;
}
div#nurse-section > div > h3:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0.25rem;
    font-size: 0;
    line-height: 0;
    background-color: #008cba;
    border-radius: 50%;
}
div#nurse-section > div > ul {
    list-style: none;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 0 calc(20px + 0.4em);
    margin: 0;
    font-size: 0;
    line-height: 0;
}
div#nurse-section > div > ul > li {
    width: calc((100% - 20px * 2) / 3);
    margin: 0 20px 50px 0;
}
div#nurse-section > div > ul > li:nth-child(3n) {
    margin-right: 0;
}
div#nurse-section > div > ul > li > a > h4 {
    position: relative;
/*    width: max-content;*/
    padding: 0 0 0 calc(32px + 0.2em);
    margin: 0 0 10px 0;
    font-size: 17px;
    line-height: 150%;
    font-weight: normal;
    color: #333;
}
div#nurse-section > div > ul > li > a > h4:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0;
    top: -0.25rem;
    font-size: 0;
    line-height: 0;
}
div#nurse-section > div > ul > li > a > h4.pdf:before {
    background-image: url(../../../to-patients/information-for-patients/img/ico-pdf.png);
}
div#nurse-section > div > ul > li > a > h4.movie:before {
    background-image: url(../../../to-patients/information-for-patients/img/ico-movie.png);
}
div#nurse-section > div > ul > li > a > img {
    width: 145px;
    height: auto;
}


/* For Smartphone */
@media only screen and (max-width: 1001px) {

    h2 {
        width: 94vw!important;
        margin: 0 3vw 8vw 3vw!important;
        padding: 2vw 0 2vw 3vw!important;
    }
    div#nurse-section {
        width:100%;
        padding: 0 3vw;
    }
    div#nurse-section > div {
        width: 100%;
        margin: 0 0 10vw 0;
        padding: 0 0 0 0;
    }
    div#nurse-section > div > h3 {
        position: relative;
        padding: 0 0 0 calc(5.0vw + 0.2em);
        margin: 0 0 5vw 0;
        font-size: 5.0vw;
    }
    div#nurse-section > div > h3:before {
        width: 5.0vw;
        height: 5.0vw;
        left: 0;
        top: 0.20rem;
    }
    div#nurse-section > div > ul {
        list-style: none;
        display: block;
        -webkit-flex-wrap: unset;
        -moz-flex-wrap: unset;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
        padding: 0 0 0 calc(5.0vw + 0.2em);
        margin: 0 0 10vw 0;
    }
    div#nurse-section > div > ul > li {
        width: 100%;
        margin: 0 0 5vw 0;
    }
    div#nurse-section > div > ul > li:nth-child(3n) {
        margin-right: 0;
    }
    div#nurse-section > div > ul > li > a > h4 {
        position: relative;
        width: max-content;
        padding: 0 0 0 calc(6.4vw + 0.2em);
        margin: 0 0 2vw 0;
        font-size: 4.2vw;
        line-height: 150%;
        font-weight: normal;
        color: #333;
    }
    div#nurse-section > div > ul > li > a > h4:before {
        width: 7vw;
        height: 7vw;
        left: 0;
        top: -0.1rem;
        background-size: 7vw 7vw;
    }
    div#nurse-section > div > ul > li > a > h4.pdf:before {
        
    }
    div#nurse-section > div > ul > li > a > h4.movie:before {
        
    }
    div#nurse-section > div > ul > li > a > img {
        display: none;
    }

}