@charset "UTF-8";
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#system p.pic {
width: 90%;
margin: 10px auto 0;
}
#system p.pic img{
border:none;
}
#system .innerBox ul {
width: 100%;
margin: 10px auto 20px;
display: flex;
flex-wrap: wrap;
}
#system .innerBox li {
width:60%;
margin: 0 auto 10px;
float: none;
}
#system .innerBox li p.pic {
position: relative;
width:100%;
}
#system .innerBox li p.pic img {
border:1px solid #fff;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#system p.pic {
width: 820px;
margin: 0 auto 20px;
}
#system p.pic img{
border:none;
}
#system .innerBox ul {
width: 830px;
margin: 20px auto;
display: flex;
flex-wrap: wrap;
}
#system .innerBox li {
margin: 0 auto 20px;
float: left;
}
#system .innerBox li p.pic {
position: relative;
width: 400px;
margin:0;
}
#system .innerBox li p.pic img{
border:1px solid #fff;
}
}