@charset "UTF-8";
/* CSS Document */
#intro0101 .innerBoxBG{
background: url(img/introBG.jpg) center top no-repeat;
background-size: cover;
}
#intro h4{
background: none;
margin-bottom:0;
}
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#intro p.txt{
width:90%;
margin:0 auto 20px;
}
#intro ul.picList{
width:80%;
margin:0 auto 10px;
text-align: center;
}
#intro .infoBox{
width:90%;
margin:10px auto;
background: #fff;
padding:10px 0;
border-radius: 10px;
}
#intro p.btn{
text-align: center;
margin:0 auto 40px;
}

}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#intro p.txt,
#intro p.pic{
width: 720px;
text-align: center;
margin: 0 auto 10px;
}
#intro .infoBox{
width:800px;
margin:10px auto;
background: #fff;
padding:10px 0;
border-radius: 10px;
}
#intro  ul.picList{
width:800px;
margin:0 auto 10px;
text-align: center;
display: flex;
flex-wrap: wrap;
}
#intro ul.picList li{
width:380px;
float: left;
margin:0 auto 10px;
}
#intro ul.picList li p.pic{
max-width:100%;
}
#intro p.btn{
margin-bottom:30px;
}
}