@charset "utf-8";
/* -----------------------------------------------
* center.css
----------------------------------------------- */

/***スマホブレイクポイント768px*********/
@media screen and (max-width:768px){

.centerHead{
width:100%;
margin-bottom: 36px;
}
.centerHead p br{
display: none;
}
.centerHead h2 {
margin-bottom: 30px;
}

.centerImg{
  max-width: 400px;
  margin: 0 auto;
  }
 
 

.centerImg li{
margin: 0 auto 50px;
/* background:url(../center/img/img_waku1.png); */
background-repeat: no-repeat;
background-position: center bottom;
/*! width: 223px; */
/*! height: 400px; */
position: relative;
}

.centerImg li h3{
background: #6a6a6a;
height: 90px;
color: #ffffff;
font-weight: bolder;
font-size: 25px;
border-radius: 10px;
margin: 0 0px 0px ;
line-height: 90px;
text-align:center;
}

.centerImg li .centerImgBox{
margin: 30px auto 0px;
/* background:url(../center/img/img_waku1.png); */
background-repeat: no-repeat;
background-position: center top;
/*! width: 80%; */
max-width: 400px;
/*! height: 400px; */
position: relative;
border: solid 2px #ccc;
border-radius: 15px;
}

.centerImg li .centerImgBox:before{
  content: "";
  position: absolute;
  right: 0;
  top: -14px;
  left: 0;
  width: 19px;
  height: 15px;
  background:url(../center/img/img_waku_sankaku.png);    
  background-size:contain;
  vertical-align:middle;
  margin: auto;
}
.centerImg li p{
padding: 20px;
/*! word-break:  break-all; */
margin: 10px 10px;
/* height: 150px; */
word-wrap: break-word;
}

.centerImg li div.centerImgCar{
position: absolute;
background: url(../center/img/img_car_sp.png);
background-repeat: no-repeat;
background-size:  contain;
width: 80%;
height: 50px;
/*! bottom:-120px; */
left:10%;
z-index: 10;
padding-left:40px;
line-height: 50px;
}

.centerImg li:nth-last-of-type(2) h3{
background: #3f3f3f;
}

.centerCouse .image{
width: 80%;
/*! position: absolute; */
bottom: 20px;
/*! left:23px; */
display: block;
margin: 0 auto 20px;
}

 
 
}

/***スマホend****************************************/


@media screen and (max-width:480px){

}

/***PC      ****************************************/
@media screen and (min-width:769px){
  
.content {
margin-bottom: 80px;
width: 736px;
  text-align: center;
}  


.centerHead{
background-image: url(../center/img/img01_pc.gif);
background-repeat: no-repeat;
background-position: right top;
height: 480px;
width: 736px;
margin-bottom: 36px;
}
.centerHead h2{
margin-top: 33px;
margin-bottom: 35px;
text-align: left;
}
.centerHead h2 img{
width: 330px;
}
.centerHead p{
width: 400px;
text-align: left;
}
/* .centerImg {
padding-bottom: 80px;
} */

.centerImg li{
float: left;
background:url(../center/img/img_waku1.png);
background-repeat: no-repeat;
background-position: center bottom;
width: 245px;
height: 400px;
position: relative;
}

.centerImg li h3{
background: #6a6a6a;
height: 90px;
color: #ffffff;
font-weight: bolder;
font-size: 25px;
border-radius: 10px;
margin: 0 20px 0px;
line-height: 90px;
}

.centerImg li p{
padding: 20px;
margin: 20px 10px;
height: 150px;
word-wrap:break-word
}

.centerImg li div.centerImgCar{
position: absolute;
background: url(../center/img/img_car_pc.png);
background-repeat: no-repeat;
background-size:  contain;
width: 30px;
height: 80px;
top:10px;
right:-15px;
z-index: 10;
padding-top:40px;
}

.centerImg li:nth-last-of-type(2) h3{
background: #3f3f3f;
}

.centerCouse .image{
width: 75%;
position: absolute;
bottom: 20px;
left:30px;
}



}