@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      style.css
Created:        2016-6-16
Style Info:     レンタカー紹介　CSS
----------------------------------------------------------- */

/* common */
#rentalcars a:active,
#rentalcars a:focus {outline:none;}

/* for PC
----------------------------------------*/
.container {
  width: 100%;
}
#rentalcars {
  width:100%;
  margin:0 auto;
}

#rentalcars .mainphoto {
  text-indent:-9999px;
  background:url(../images/mainphoto.jpg) no-repeat center top;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -ms-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  height:439px;
}
#rentalcars .contents {
  width:100%;
  margin:0 auto 12px;
}
#rentalcars .title {
  text-align:center;
  font-size:36px;
  line-height:1.4;
  font-weight:bold;
  color:#54629c;
  margin:60px 0 80px;
}
#rentalcars .title01 {
  text-align:center;
  font-size:36px;
  line-height:1.4;
  font-weight:bold;
  color:#54629c;
  margin:60px 0 50px;
}
#rentalcars .boxwrap {
  overflow:hidden;
  background:#fafafa;
  padding:0 0 45px;
}
#rentalcars .boxwrap02 {
  padding: 0 0 60px;
  text-align: center;
}
#rentalcars .box-inner {
  width:1140px;
  margin:0 auto;
}
#rentalcars .box {
  float:left;
  width:50%;
  text-align:left;
}
#rentalcars ul,
#rentalcars li {
  margin:0;
  padding:0;
  list-style:none;
}
#rentalcars .logo {
  text-align:center;
  margin:10px 0 30px;
}
#rentalcars .logo .img-logo {
  margin-right:20px;
}
#rentalcars .logo ul li {
  display:inline-block;
  vertical-align:middle;
  font-size:36px;
  font-weight:bold;
  color:#1a124c;
}
#rentalcars ul.rent-list li {
  font-size:14px;
  margin:0 0 10px;
  padding:0 0 0 24px;
  background:url(../images/arrow.png) no-repeat left center;
}
#rentalcars .box1 {
  border-right:1px solid #e1e1e1;
}
#rentalcars .box2 {
  padding:0 0 0 50px;
}
#rentalcars .rent-btn {
  margin:60px auto 30px;
  text-align:center;
}
#rentalcars .rent-btn a:hover {
  filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;
}
#rentalcars ul.rent-list02 {
  width: 700px;
  margin: 0 auto;
}
#rentalcars ul.rent-list02 li {
  display:block;
  font-size:18px;
  margin:0 0 7px;
  padding:0 0 0 24px;
  font-weight: bold;
}
#rentalcars ul.rent-list02 li.r-list1 {
  background:url(../images/list01.png) no-repeat left center;
}
#rentalcars ul.rent-list02 li.r-list2 {
  background:url(../images/list02.png) no-repeat left center;
}
#rentalcars ul.rent-list02 li.r-list3 {
  background:url(../images/list03.png) no-repeat left center;
}
#rentalcars ul.rent-list02 li.r-list4 {
  background:url(../images/list04.png) no-repeat left center;
}
#rentalcars ul.rent-list02 li.r-list5 {
  background:url(../images/list05.png) no-repeat left center;
}
#rentalcars ul.rent-list02 li.r-list6 {
  background:url(../images/list06.png) no-repeat left center;
}


/* for SP
----------------------------------------*/
@media screen and (max-width:767px) {
  #rentalcars .container {margin-top:50px;}
  #rentalcars .contents {margin-bottom:10px;}
  #rentalcars .mainphoto {
    width:100%;
    height:0;
    padding-top:78.125%;
    background:url(../images/sp_mainphoto.jpg) no-repeat center top;
    -webkit-background-size: 100% auto;
    -moz-background-size:100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
  }
  #rentalcars .title {
    font-size:28px;
    margin:20px 10px;
    line-height:1.5;
  }
  #rentalcars .title span {
    display:block;
  }
#rentalcars .title01 {
  font-size:28px;
  margin:20px 0 20px;
}
  #rentalcars .boxwrap {
    padding:0 10px 0;
  }
  #rentalcars .boxwrap02 {
    padding:0 10px 0;
  }
  #rentalcars .box-inner {
    width:100%;
  }
  #rentalcars .box {
    float:none;
    width:auto;
    margin-bottom:20px;
  }
  #rentalcars .logo {
    margin:0 0 20px;
  }
  #rentalcars .logo ul li {
    font-size:24px;
  }
  #rentalcars ul.rent-list li {
    background:url(../images/arrow.png) no-repeat 0 5px;
  }
  #rentalcars .box1 {
    border-right:none;
    border-bottom:1px solid #e1e1e1;
    padding:0 0 10px;
  }
  #rentalcars .box2 {
    padding-left:0;
  }
  #rentalcars .rent-btn {
    margin:20px auto;
  }
  #rentalcars .rent-btn img {
    width:100%;
    display:block;
  }
#rentalcars .rent-img img {
  width: 100%;
}
#rentalcars ul.rent-list02 {
  width: auto;
  margin: 0 auto 20px;
}
#rentalcars ul.rent-list02 li {
  margin:0 0 5px;
  font-size:16px;
}
#rentalcars ul.rent-list02 li.r-list1 {
  background:url(../images/list01.png) no-repeat 0 5px;
}
#rentalcars ul.rent-list02 li.r-list2 {
  background:url(../images/list02.png) no-repeat 0 5px;
}
#rentalcars ul.rent-list02 li.r-list3 {
  background:url(../images/list03.png) no-repeat 0 5px;
}
#rentalcars ul.rent-list02 li.r-list4 {
  background:url(../images/list04.png) no-repeat 0 5px;
}
#rentalcars ul.rent-list02 li.r-list5 {
  background:url(../images/list05.png) no-repeat 0 5px;
}
#rentalcars ul.rent-list02 li.r-list6 {
  background:url(../images/list06.png) no-repeat 0 5px;
}
}



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

  #rentalcars .title,
  #rentalcars .title01 {
    font-size:17px;
  }
  #rentalcars .logo ul li {
  display:block;
  }
  #rentalcars .logo .img-logo {
    margin:0 0 10px 0;
  }

}