@charset "utf-8";
/* CSS Document */
/*----------------------
----------------------*/
div#title{
display:table;
width: 100%;
height: 600px;
padding: 100px 0;
float: left;
background: url("../image/vehicle/title.jpg") no-repeat 50% 0;
text-align:center;
}

div#title div#title_box{
display:table-cell;
vertical-align:middle;
width:400px;
height: 400px;
margin: 0 auto;
background: url("../image/common/title_line.png") no-repeat 50% 50%;
color: #fff;
}

/*-----------------
-----------------*/

div#area_h2{
width: 100%;
float: left;
padding: 60px 0;
background: url("../image/vehicle/h2_bg.gif") no-repeat 50% 50%;
background-size: contain;
text-align: center;
}

@media screen and (max-width:680px) {
div#area_h2{
width: calc(100% - 20px) ;
margin: 0 10px;
padding:20px 0;
}
}


/*-----------------
-----------------*/

div#area_vehicle{
width: 100%;
float: left;
padding: 60px 0;
}

div#area_vehicle div#area_vehicle_box{
width:100%;
max-width:1600px;
margin:0 auto;
}

@media screen and (max-width:680px) {
div#area_vehicle div#area_vehicle_box{
overflow: auto;
}
}

div#area_vehicle div#area_vehicle_box table{
width:100%;
font-size: 0.925rem;
}

div#area_vehicle div#area_vehicle_box th{
width:200px;
padding: 10px;
border: solid 1px #ccc;
}
div#area_vehicle div#area_vehicle_box th img{
width:100%;
height: auto;
}

@media screen and (max-width:680px) {
div#area_vehicle div#area_vehicle_box th img{
min-width:200px;
}
}

div#area_vehicle div#area_vehicle_box td{
padding: 10px;
border: solid 1px #ccc;
vertical-align: middle;
text-align: center;
white-space: nowrap;
}

@media screen and (max-width:680px) {
div#area_vehicle div#area_vehicle_box td{
}
}

div#area_vehicle div#area_vehicle_box .th1{
font-weight: bold;
background-color: #eee;
}

div#area_vehicle div#area_vehicle_box .td1{
text-align: left;
white-space: normal;
}

@media screen and (max-width:680px) {
div#area_vehicle div#area_vehicle_box .td1{
white-space: nowrap;
}
}