@charset "utf-8";



/* infection-control */

ul.tourokuten {
    width:85%;
    max-width:900px;
    margin: 50px auto 50px;
    display:flex; flex-flow:row wrap; justify-content:center; align-content:flex-start; align-items:flex-start;
}
ul.tourokuten li {
    width:45%;
    margin: 0;
}
ul.tourokuten li a {
    margin: 0 auto;
    display:block;
}
ul.tourokuten li img {
    max-height:230px;
    margin: auto;
    display:block;
}
ul.tourokuten li p {
    width:70%;
    margin: 15px auto 0;
}

section > div {
    width:85%;
    max-width:900px;
    margin: 0 auto 30px;
    padding: 40px 0;
    border:solid 2px #1e204b;
    border-radius: 15px;
}
section > div h3 {
    width:80%;
    margin: 0 auto 20px;
    font-size: 2rem;
    text-align: center;
}
section > div p {
    width:90%;
    margin: 0 auto;
    text-align: center;
}

.attention {
    border:solid 2px #f54664;
}
.attention h3 {
    color: #f54664;
}
.attention ul {
    width:80%;
    margin: 20px auto 0;
}
.attention ul li {
    width:95%;
    margin-top: 15px;
    padding: 0 0 0 1.5rem;
    color: #f54664;
    line-height: 1.5;
    position: relative;
}
.attention ul li:after {
    content: "";
    width: 1rem;
    height:1rem;
    position:absolute; top:3px; left:0;
    border-radius: 50%;
    background:#f54664;
}

@media only screen and (max-width:640px){
    
    #infection-control h2 span {
        font-size: 2.5rem;
        letter-spacing: 0;
    }
    ul.tourokuten li {
        width:100%;
        margin-top:20px;
    }
    ul.tourokuten li img {
        max-height:300px;
    }
    ul.tourokuten li p {
        width:70%;
    }
    section > div h3 {
        font-size: 1.5rem;
    }
}



/* infection-control-img */

ul.infection-control-img {
    margin: 30px 0;
}
ul.infection-control-img li {
    transition: .3s;
}
ul.infection-control-img li div {
    height:400px;
    margin: 0 auto;
    display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
    border-radius: 10px;
    overflow: hidden;
}
ul.infection-control-img li div img {
    max-height: 100%;
    border-radius: 10px;
}

ul.infection-control-img li:not(.slick-center) {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
ul.infection-control-img li:not(.slick-center) img {
    opacity: .5;
}

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

    .newitem {}
}