@charset "UTF-8";
/* CSS Document */
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#Nav nav ul li.nav05 a {
background:url(../common/img/nav/navSPbg_on.png) center left no-repeat;
background-size:contain;
}
p.box{
margin-bottom:30px;
}
.missionBox ul {
width:100%;
margin:0 auto 30PX;
padding:0;
display: flex; 
flex-wrap: wrap;
}
.missionBox ul li{
margin:0 auto;
float:left;
width:50%;
text-align:center;
}
.missionBox ul img{
margin:0;
padding:0;
max-width:92%;
}
#pageConts #system05 h3{
background:none;
}
p.link{
width:96%;
margin:10px auto 30px;
}
p.link a{
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:0 20px;
}
p.link a:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#Nav nav ul li.nav05 a {
background:url(../common/img/nav/navPC05_on.png) center center no-repeat;
}
p.box{
margin-bottom:30px;
}
#pageConts #pChead nav{
width:800px;
height:140px;
}
#pageConts #system05 h3{
width:1032px;
height:480px;
background:none;
margin:0 auto;
padding:0;
clear:both;
}
#pageConts #system05 h3 img{
display:block;
margin:0 auto;
width:1032px;
height:480px;
}
.missionBox ul {
width:990px;
margin:20px auto 40px;
}
.missionBox ul li {
width:330px;
float:left;
text-align:center;
}
.missionBox ul li img{
width:312px;
}
p.link{
width:800px;
margin:0 auto 30px;
}
p.link a{
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:0 20px;
}
p.link a:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
}