@charset "utf-8";

@media screen and (min-width:1px) and ( max-width:640px) {
div#ilstconts1{
display: -webkit-flex;
    display: flex;
    height: auto;
    max-width:1200px;
    width:90%;
    margin:0 auto;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:25px 0 50px 0;
}

div#ilstconts1 div{
padding:0 0 25px 0;
border-radius:5px;
background-color:#fff;
margin:0 auto 30px auto;
width:100%;
box-shadow: 0px 0px 15px -5px #777777;
}

div#ilstconts1 div h4{
padding:15px 0 0 0;
margin:0;
font-size:1em;
text-align:center;
font-weight:bold;
color:#000;
}

div#ilstconts1 div h5{
padding:0;
margin:0;
font-size:0.9em;
text-align:center;
font-weight:normal;
color:#000;
}

div#ilstconts1 div p{
padding:25px 0 25px 0;
margin:0;
width:70%;
margin:0 auto;
font-size:1em;
text-align:center;
font-weight:normal;
color:#000;
}

div#ilstconts1 div p#kuwsiku{
width:55%;
height:auto;
margin:0 auto 0 auto;
font-size:0.8em;
border:1px solid #333;
border-radius:10px;
text-align:center;
padding:10px 0;
}

a#ilstconts1linkers{
text-decoration:none;
color:#333;
}

a#ilstconts1linkers:hover{
opacity: 0.5;
transition: all 0.5s;
}

img#ilstconts1imgs{
border-radius:5px;
}

}





@media screen and (min-width:641px) and ( max-width:980px) {
div#ilstconts1{
display: -webkit-flex;
    display: flex;
    flex:1;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    height: auto;
    max-width:1200px;
    width:90%;
    margin:0 auto;
    padding:3%;
    background-color:#ffffff;
}

div#ilstconts1 div{
padding:0;
border-radius:5px;
background-color:#fff;
width:24%;/*---width:31%;---*/
box-shadow: 0px 0px 15px -5px #777777;
}

div#ilstconts1 div h4{
padding:15px 0 0 0;
margin:0;
font-size:0.9em;
text-align:center;
font-weight:bold;
color:#000;
}

div#ilstconts1 div h5{
padding:0;
margin:0;
font-size:0.7em;
text-align:center;
font-weight:normal;
color:#000;
}

div#ilstconts1 div p{
padding:25px 0 25px 0;
margin:0;
width:70%;
margin:0 auto;
font-size:0.8em;
text-align:center;
font-weight:normal;
color:#000;
}

div#ilstconts1 div p#kuwsiku{
width:65%;
height:auto;
margin:0 auto 25px auto;
font-size:0.8em;
border:1px solid #333;
border-radius:10px;
text-align:center;
padding:10px 0;
}

a#ilstconts1linkers{
text-decoration:none;
color:#333;
}

a#ilstconts1linkers:hover{
opacity: 0.5;
transition: all 0.5s;
}

img#ilstconts1imgs{
border-radius:5px;
}

}





@media screen and (min-width:981px) {
div#ilstconts1{
display: -webkit-flex;
    display: flex;
    flex:1;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    height: auto;
    max-width:1200px;
    width:90%;
    margin:0 auto;
    padding:3%;
    background-color:#ffffff;
}

div#ilstconts1 div{
padding:0;
border-radius:5px;
background-color:#fff;
width:24%;/*---width:31%;---*/
box-shadow: 0px 0px 15px -5px #777777;
}

div#ilstconts1 div h4{
padding:15px 0 0 0;
margin:0;
font-size:1em;
text-align:center;
font-weight:bold;
color:#000;
}

div#ilstconts1 div h5{
padding:0;
margin:0;
font-size:0.8em;
text-align:center;
font-weight:normal;
color:#000;
}

div#ilstconts1 div p{
padding:25px 0 25px 0;
margin:0;
width:70%;
margin:0 auto;
font-size:0.9em;
text-align:center;
font-weight:normal;
color:#000;
}

div#ilstconts1 div p#kuwsiku{
width:55%;
height:auto;
margin:0 auto 25px auto;
font-size:0.8em;
border:1px solid #333;
border-radius:10px;
text-align:center;
padding:10px 0;
}

a#ilstconts1linkers{
text-decoration:none;
color:#333;
}

a#ilstconts1linkers:hover{
opacity: 0.5;
transition: all 0.5s;
}

img#ilstconts1imgs{
border-radius:5px;
}

}