@charset "UTF-8";

/* h1textカスタマイズ（A-01） */
.page-title-mobility {
margin-bottom: 30px;
border-bottom: solid #5bbbeb 5px;
box-sizing: border-box;
}

.box02{
background: #dfeffb;
text-align: center;
padding: 25px 40px;
}

.box02 dl{margin: 0;}

.box02 dt{
font-size: 167%;
line-height: 1.4;
font-weight: bold;
color: #0074a4;
}

.box02 dd{
margin: 0;
font-size: 123.1%;
line-height: 1.4;
}

.box02 .title {
padding: 15px 0;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}

.box02 ul{
margin: 20px 0 0;
list-style: none;
}

.box02 ul li{
width: 30%;
float: left;
margin-right: 5%;
padding: 0 5px;
box-sizing: border-box;
}

.box02 ul li:last-of-type{margin-right: 0;}


.box02 ul li img{
width: 70%;
display: block;
margin: 0 auto 15px;
}

.box02 ul dt{
font-size: 90%;
padding: 0;
color: #0074a4;
}

.box02 ul dd{
margin-top: 10px;
font-size: 75%;
line-height: 1.4;
text-align: left;
}

@media only screen and (max-width: 480px) {
.box02{
margin: 10px 0 40px;
}

.box02 dt,
.box02 dd{
font-size: 120%;
}

.box02 ul li{
width: 96%;
float: none;
margin: 30px 2% 0;
}

.box02 ul li:first-of-type{margin-top: 0;}

.box02 ul li img{
width: 50%;
max-width: 160px;
margin: 0 auto 10px;
}

}