@charset "UTF-8";
/* CSS Document */
#system.conbox{
padding-bottom:40px;
}
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
h5 {
width:100%;
margin: 0 auto 10px;
padding:0;
background: url(img/h5BG.png) center top no-repeat;
background-size: contain;
}
#system p.pic {
width: 60%;
margin: 0 auto 10px;
}
#system p.Ppic {
width: 90%;
margin: 0 auto 10px;
}
#system p.txt {
width: 80%;
margin: 0 auto 10px;
text-align: center;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
h5 {
height:54px;
margin: 0 auto 10px;
background: url(img/h5BG.png) center bottom no-repeat;
background-size: contain;
}
h5  img{
height:54px;
}
#system p.pic {
width: 43.2%;
margin: 0 auto 10px;
}
#system p.Ppic {
width: 84%;
margin: 0 auto 10px;
}
#system p.txt {
margin: 0 auto 10px;
}
#system02 ul{
width:90%;
display: flex;
flex-wrap: wrap;
	margin:0 auto;
}
#system02 ul li {
width: 48%;
margin: 0 auto 10px;
float: left;
}
#system02 ul li p.pic {
width:100%;
}
}