@charset "utf-8";
/* CSS Document */

body,html{
	background-color: #EFEFEF;
	/*min-width:1100px;*/
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.spNone {
	display: block;
}

.pcNone {
	display: none;
}

.top_pcNone {
	display: none;
}

#contanier,
#top_contanier {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:1%;
	margin-top: -68px;
	padding-top: 68px;
}

header{
	background-repeat: repeat-x;
	background-image: url(../img/head.png);
	padding-top: 1%;
}

header h1{
	float: left;
	width: 40%;
}

header div{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1%;
	padding-bottom: 7px;
}

header ul{
	float: right;
	width: 50%;
	color: #FFFFFF;
	text-align: right;
}

header ul li{

}

header ul li a{
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 2%;
	margin-left: 2%;
}

#topimg{
	background-image: url(../img/topimgbg.jpg);
	background-repeat: repeat-x;
}

#topimg h2{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

nav,
#nav {
	background-image: url(../img/navbg.png);
	background-repeat: repeat-x;
}

nav ul,
#nav ul{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

nav ul li,
#nav ul li {
	float: left;
}

/* safariで段落ちする為、追加 ↓↓↓↓ 20180407*/
nav ul li a,
#nav ul li a {
	text-decoration: none;
	margin: 0;
	padding: 0;
}

nav ul li a:hover,
#nav ul li a:hover {
	text-decoration: none;
	margin: 0;
	padding: 0;
}

nav ul li a img,
#nav ul li a img {
	text-decoration: none;
	margin: 0;
	padding: 0;
}

nav ul li a img:hover,
#nav ul li a img:hover {
	text-decoration: none;
	margin: 0;
	padding: 0;
}
/* safariで段落ちする為、追加　↑↑↑↑ 20180407*/


#banner,
#top_banner {
	margin-bottom:3%;
	text-align: center;
}

#top_banner {
	margin-top: 7%;
}

/*#banner a{
	margin-right: 2%;
}*/

#banner a:last-child{
	margin-right: 0px;
}

#news{
	margin-top: 2%;
	margin-bottom: 1%;
	letter-spacing: 1px;
	line-height:130%;
}

/*#news #feed li{
	border-bottom:dotted 1px #333333;
	padding-top:6px;
}

#news .ez-editable{
	border-bottom:dotted 1px #333333;
	padding-top:6px;
}*/

#news dl{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A2A2A2;
	margin-top: 3px;
}

#news dt{
	float:left;
	width:10%;
	padding:5px 0px 5px 0px;
}

#news dd{
	float:left;
	width:90%;
	padding:5px 0px 5px 0px;
}

#tigai_banner{
	margin-top: 4%;
}


#top_voice{
	margin-top: 5%;
	margin-bottom: 7%;
	letter-spacing: 1px;
}

#top_voice dl{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A2A2A2;
	margin-top: 3px;
	margin-left:3%;
	padding-top: 1px;
	line-height:160%;
	width:93%;
}

#top_voice dt{
	float:left;
	width:22%;
	font-size:90%;
}

#top_voice dd{
	float:left;
	width:60%;
}

#voicelink{
	font-size:90%;
	text-align:right;
	margin-top:1%;
}

#top_contents{
	margin-top: 3%;
	font-size: 90%;
}

#top_contents article{
	float: left;
	line-height: 140%;
	margin-right: 5px;
}

#top_contents article:last-child{
	margin-right:0px;
}

#top_contents article p span{
	font-size: 80%;

}

.top_carbox{
	border: 2px solid #999999;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

.top_carbox b{
	font-size: 120%;
}

.top_carbox strong{
	font-size: 140%;
	display: block;
	text-align: right;
	line-height: 170%;
}

.top_carbox strong span{
	color: #000000;
	font-size: 80%;
	font-weight: normal;
}


.red{
	color:#FF0000;
	font-weight: bold;
}

.u_red{
	color:#FF0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	font-weight: bold;
}



footer{
	background-color: #536788;
}

footer section{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1%;

}

footer a{
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 7px;
	font-size: 90%;
}

small{
	text-align: right;
	display: block;
	color: #FFFFFF;
	padding-top: 1%;
	padding-bottom: 1%;
}





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

#subimg{
	background-image: url(../img/subimgbg.jpg);
	background-repeat: repeat-x;
}

#subimg h2{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}


#sub_contents{
	width:980px;
	background-color: #FFFFFF;
	padding-top: 2%;
	padding-right: 2%;
	padding-left: 2%;
	letter-spacing: 1px;
	padding-bottom: 8%;
}

#nagare article{
	margin-top: 2%;
	margin-bottom: 2%;
}

#nagare p{
	float: left;
}

#nagare dl{
	float: left;
}

#nagare dt{
}

#nagare dd{
	background-color: #eaeaea;
	line-height: 160%;
	padding-left: 6%;
	padding-top: 1%;
	padding-bottom: 1%;
	letter-spacing: 1px;
}

#nagare h3{
	text-align:center;
}

#nagare #chui{
	margin-top: 2%;
	margin-left: 5%;
	font-size:120%;
	line-height:140%;
}

#nagare #chui strong{
	display: block;
	font-weight:bold;
}

.center{
	display: block;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#price{
	padding-right: 3%;
	padding-left: 3%;
}

#price article{
	background-image: url(../img/price/price_bg.jpg);
	margin-top: 3%;
	padding-bottom: 2%;
	margin-bottom: 5%;
}

#price article p{
	text-align: center;
	padding-top: 2%;
}

#price article table{
	width: 94%;
	text-align: center;
	border: 1px solid #bbbbbb;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5%;
}

#price article table th{
	background-color: #3f3f3f;
	color: #FFFFFF;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbbbbb;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bbbbbb;
	padding-top: 3px;
	padding-bottom: 3px;
}

#price article table td{
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbbbbb;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 2px;
}


#tokuyaku{
	padding-right: 3%;
	padding-left: 3%;
	margin-top: 3%;
	letter-spacing: 1px;
}

#tokuyaku ul li{
	float: left;
	margin-bottom: 3%;
	margin-right: 7%;
}

#tokuyaku article{
	margin-bottom: 8%;
}

#tokuyaku div{
	background-color: #ececec;
	width: 910px;
}

#tokuyaku p{
	float: left;
	width: 65%;
	padding-top: 2%;
	padding-left: 2%;
	line-height: 160%;
	letter-spacing: 1px;
}

#tokuyaku span{
	float: right;
	width: 30%;
	text-align: right;
	margin-top: 4%;
	margin-right: 3%;
	margin-bottom: 2%;
}

#company{
	margin-top: -20px;

}

#company p{
	text-align: center;
	margin-top: 2%;
}

#company article{
	margin-left: 14%;
}

#company dl{
	margin-top: 2%;
	line-height: 140%;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	width: 90%;
	font-size: 95%;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

#company dt{
	background-image: url(../img/company/icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 2%;
}

#company dd{
	margin-left: 3%;
}

#company dl:nth-of-type(11) dd br:nth-of-type(1),
#company dl:nth-of-type(11) dd br:nth-of-type(3),
#company dl:nth-of-type(11) dd br:nth-of-type(5),
#company dl:nth-of-type(11) dd br:nth-of-type(7) {
	display: none;
}

#hoken{
	margin-bottom: 8%;
	margin-right: 3%;
	margin-left: 3%;
}

#hoken h3{
	font-size: 140%;
	color: #FF0000;
	font-weight: bold;
	line-height: 200%;
}

#hoken p{
	line-height: 140%;
}

#tigai{
}

#tigai strong{
	text-align: center;
	display: block;
	margin-top: 4%;
}

#contact{
	margin-top: -20px;
}

#contact strong{
	text-align: center;
	display: block;
	margin-top: 3%;
}

#contact table{
	width: 72%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #333333;
}

#contact th{
	background-color: #eaeaea;
	font-size: 90%;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}

#contact td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
}

#contact aside{
	display: block;
	width: 72%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1%;
}

#yakkan{
	margin-top: -20px;
	letter-spacing: 1px;
	line-height: 130%;
}

#yakkan article{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

#yakkan .deco2{
	color: #506686;
	font-size: 140%;
	font-weight: bold;
	line-height: 160%;
	margin-top: 2%;
}

#yakkan b{
	margin-top: 1%;
	display: block;

}


#voice_mainimg{
	background-color: #ffffb9;
}

#voice_mainimg h2{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

.acbottan:hover{
	cursor:pointer;
}

.accordion li{
	margin-bottom: 5%;
}

.accordion li ul{
	border: 1px solid #76879f;
	width:947px;
	padding-bottom: 3%;
}

.voice_textbox{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	font-size: 85%;
	line-height: 140%;
}

.voice_textbox strong{
	font-size: 120%;
	font-weight: bold;
}

.voice_textbox strong a{
	text-decoration: none;
}

.voice_textbox strong a:hover{
	text-decoration: underline;
}

.voice_textbox p{
	float: left;
	margin-right: 5%;
	margin-top: 3%;
}

.voice_textbox p:nth-child(even){
	margin-right:0px;
}

.voice_textbox aside{
	margin-top: 3%;
}


.voice_textbox .text{
	width: 55%;
}

.voice_textbox .voice{
	width: 40%;
}

#thanks{
	width: 65%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
}


.mini_voice{
	clear:both;
	margin-bottom:3%;
}

.mini_voice li{
	float: left;
	width: 30%;
	margin-right: 1%;
	margin-left: 2%;
}

#qa_box{
	width:95%;
	margin:2% auto 0 auto;
	letter-spacing:2px;
}

#qa_box h3{
	font-weight:bold;
	display:block;
	margin-bottom:1%;
	font-size:120%;
}

.faq_mida{
	background:url(../img/qa/faq_midasi.png) left center no-repeat;
	padding-left:3%;
	border-bottom:solid 2px #516888;
	font-size:120%;
	line-height:140%;
	margin-bottom:1%;
}

#qa_box form .qaForm tr th br {
	display: none;
}

#situmon{
	background: url(../img/qa/icon_q3.png) left top no-repeat;
	padding-left: 3%;
	line-height:160%;
	display:block;
	margin-top:2%;
}

#answer{
	background: url(../img/qa/icon_a.png) left top no-repeat;
	padding-left: 3%;
	height:auto;
	line-height:140%;
}

#pankuzu{
	width:980px;
	background-color: #FFFFFF;
	padding-top: 2%;
	padding-right: 2%;
	padding-left: 2%;
	letter-spacing: 1px;
}


#price_contanier{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
	padding-top:1%;
}

#foot_banner{
	margin-top:4%;
}

#foot_banner .left{
	float:left;
	margin-right:2%;
}

#foot_banner .right{
	float:right;
}


#jirei{
	line-height:140%;
}

#jirei h2{
	margin-bottom:4%;
	text-align:center;
}

#jirei h3{
	font-size: 110%;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

#jirei strong{
	display: block;
	font-weight: bold;
	margin-bottom: 7px;
}

#jirei .youbo{
	padding-top: 2%;
	padding-left: 4%;
	padding-bottom: 2%;
}


#jirei .teian{
	background-color: #e2ebfc;
	padding-top: 2%;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 2%;
	border: 1px solid #999;
	background-image: url(../img/jirei/icon_yubi.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

#jirei section{
	margin-bottom: 4%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #00006C;
	padding-bottom: 4%;
}

#voice2015 section{
	margin:0px auto 5% auto;
	padding-bottom:4%;
	border-bottom:1px dashed #0054ff;
	width:90%;
}

#voice2015 h3{
	padding-left: 10px;
	line-height: 160%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0054ff;
	border-bottom:1px #CCCCCC solid;
	font-size: 140%;
	color: #0054FF;
	font-weight: bold;
	margin-bottom:2%;
}

#voice2015 .left{
	width: 65%;
	float: left;
	padding-left: 15px;
}

#voice2015 .left p{
	margin-bottom:2%;
}

#voice2015 .left dl{
	line-height:120%;
}

#voice2015 .left dt{
	color:#003299;
	font-weight:bold;
	margin-bottom:3px;
	font-size:95%;
}

#voice2015 .left dd{
	margin-bottom:10px;
}

#voice2015 .right{
	width: 270px;
	float: right;
}

.banner_box {
	text-align: center;
	width: 100%;
}

.banner_box img {
	display: inline;
	margin-top: 10px;
	margin-right: 2%;
	width: 48%;
}

.banner_box img:nth-child(2n) {
	margin-right: 0;
}

/*.line_box {
	float: right;
	text-align: center;
	width: 50%;
}

.line_box img {
	width: 100%;
}

.line_box p {
	width: 40%;
	margin: 0 auto;
}*/

#nav {
  position: absolute;
  background-color: #fff;
  overflow: hidden;
	width: 100%;
}

/*humberger menu fin*/
#navToggle {
	background-color: #333;
	border: 8px solid #333;
  display: none; /*通常時は非表示にしておきます*/
  position: absolute; /*bodyに対しての絶対位置指定です*/
  right: 13px;
  top: 30px;
  width: 35px;
  height: 25px;
  cursor: pointer;
}

#navToggle div {
	position: relative;
} /*spanの絶対位置指定の親にします*/

#navToggle span {
  display: block;
  position: absolute; /*#navToggle div に対して*/
  width: 100%;
  border-bottom:solid 3px #fff;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}

#navToggle span:nth-child(1) {
	top: 0;
}

#navToggle span:nth-child(2) {
	top: 13px;
}

#navToggle span:nth-child(3) {
	top: 26px;
}

/*header footer*/
header {
  z-index: 1000;
  /*position: fixed;*/
  display: table;
  font-size: 0; /*ul,liが親のfont-sizeを継承して隙間が空くのをリセット*/
  line-height: 0;
	height: 68px;
}
/*humberger menu fin*/

/* 20180205追加 */
body {
	text-align: center;
}

header {
	background-color: #EFEFEF;
	padding-top: 1%;
	width: 100%;
}

header nav {
	width: 100%;
}

header nav ul {
	background-color: #EFEFEF;
	float: none;
	padding-right: auto;
	padding-left: auto;
	width: 1024px;
}

header nav ul li a {
	margin-left: 0;
}

.spNone {
	display: block;
}

.pagetop {
	border: 1px solid #fff;
	border-radius: 50%;
  display: none;
  position: fixed;
  bottom: 30px;
  right: 2px;
  width: 3.8%;
}

.pagetop a {
	border-radius: 50%;
	border-left: none;
  display: block;
  background-color: #1b2d64;
  text-align: center;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
	margin-right: 0;
  padding: 17px 15px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

#contanier,
#top_contanier {
	padding: 0 0 5% 0;
	margin-top: 0;
	text-align: left;
}

#price_contanier {
	padding: 0;
}

#hoken,
#yakkan article,
#company,
#voice2015,
#jirei {
	text-align: left;
}

#yakkan article {
	margin-top: 3%;
}


/* リースアップ車 */
#leaseupcar div p {
	float: left;
	margin-right: 1%;
}

#leaseupcar div p:nth-of-type(1) {
	float: left;
	margin-right: 1%;
	width: 50%;
}

#leaseupcar div p:nth-of-type(1) img {
	margin-top: 5%;
	margin-bottom: 5%;
	width: 100%
}

#leaseupcar div p:nth-of-type(2) {
	text-align: left;
	font-size: 3.5em;
	font-weight: bold;
	margin-right: 0;
	padding-top: 6%;
	padding-left: 4%;
	padding-bottom: 5%;
	width: 45%;
}

#leaseupcar a:nth-of-type(3),
#leaseupcar img:nth-of-type(8),
#leaseupcar img:nth-of-type(10),
#leaseupcar img:nth-of-type(12),
#leaseupcar a:nth-of-type(6) {
	margin-bottom: 7%;
}

#leaseupcar img:nth-of-type(5) {
	margin-bottom: 5%;
}

#leaseupcar a {
	display: block;
	margin-bottom: 3%;
}

/* リースアップ車 問い合わせ*/
#contact {
	text-align: left;
	margin-top: 0;
	font-size: 1em;
}

#contact h2 {
	/*background-color: #1b2d64;*/
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: -3%;
	margin-right: -3%;
	padding: 1% 3% 0;
}

#contact form p:nth-child(1) {
	background-color: #EFEFEF;
	color: #000;
	font-size: 1em;
	padding: 1%;
	text-align: center;
}

#contact form p:nth-child(2) {
	color: #f00;
	font-size: .8em;
	padding: 3%;
}

#contact dl dt {
	background-color: #b3bcda;
	color: #1b2d64;
	float: left;
	margin-left: 1%;
	margin-right: 0;
	margin-bottom: 2%;
	padding: 1%;
	width: 20%;
}

#contact form p:nth-child(2) .bgRed,
#contact dl dt .bgRed {
	background-color: #f00;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	margin-bottom: 1%;
	padding: 0.3% 2%;
	margin-left: 2%;
	width: 10%;
}

#contact dl dd {
	color: #fff;
	font-weight: bold;
	margin-left: 2%;
	margin-right: 2%;
	padding: 1% 0 1% 22%;
}

#contact dl dd input {
	background-color: #ddd;
	border: 1px solid #1b2d64;
	width: 100%;
}

#contact dl:nth-of-type(4) dd p {
	font-size: 1em;
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  width: 50%;
}

#contact form dl dd {
	color: #000;
}

#contact form dl:nth-of-type(4) dd p:nth-child(1) {
	background-color: #fff;
	color: #000;
	font-size: 1em;
	font-weight: normal;
}

#contact dl:nth-of-type(4) dd p:nth-child(2) {
	color: #000;
	font-size: 1em;
	font-weight: normal;
}

#contact section dl:nth-of-type(4) dd p input {
    width: 10%;
}

#contact section dl dd p input {
    margin-top: 0;
}

#contact section p input {
	margin: 0 auto;
  width: 100%;
}

#jirei h3 br {
	display: none;
}

#tigai strong img {
	margin: 0 auto;
}

/*#sentaku dl dt {
	float: left;
	width: 20%;
}

#sentaku dl dd {
	float: left;
}

#sentaku dl:nth-child(2) dd:nth-child(1) {
	width: 15%;
}

#sentaku dl:nth-child(2)  dd:nth-child(2) {
	width: 25%;
}

#sentaku dl {
	margin-bottom: 5%;
	padding-left: 3%;
}

#sentaku dl:nth-child(2)  dd:nth-child(2) {
	width: 30%;
}

#sentaku dl:nth-child(2) dd:nth-child(3) {
	width: 70%;
}

#sentaku dl:nth-child(3)  dd:nth-child(2) {
	width: 30%;
}

#sentaku dl:nth-child(3) dd:nth-child(3) {
	width: 70%;
}

.ryoukin h3 {
	background-color: #0054ff;
	color: #fff;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2%;
}

.ryoukin dl {
	font-size: 1.1em;
	margin-bottom: 5%;
	padding-left: 3%;
}

.ryoukin dl dt {
	float: left;
	font-weight: bold;
}

.ryoukin dl dd {
	color: #f00;
	display: block;
	font-size: 1.1em;
	text-align: right;
	width: 100%;
}

.ryoukin section dl dt {
	padding-top: 5%;
}

.ryoukin section dl dd {
	font-size: 1.8em;
	float: none;
}

.ryoukin section:nth-of-type(2) dl dt {
	font-size: 2.2em;
	float: none;
}

.ryoukin section:nth-of-type(2) dl dd {
	font-size: 3.5em;
	font-weight: bold;
}

.hoken_shosai p {
	font-weight: bold;
	margin-left: 3%;
}

.hoken_shosai p span {
	color: #f00;
}

.hoken_shosai p span:nth-of-type(6) {
	color: #000;
}*/

#nagare #chui {
	text-align: left;
}

#news {
	text-align: left;
}

#jirei h2 img {
	margin: 0 auto;
}

/*#news #feed li{
	border-bottom:dotted 1px #333333;
	padding-top:6px;
}

#news .ez-editable{
	border-bottom:dotted 1px #333333;
	padding-top:6px;
}*/

/*#news dl{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A2A2A2;
	margin-top: 3px;
}

#news dt{
	float:left;
	width:10%;
	padding:5px 0px 5px 0px;
}*/

/* 404error */
#error404 {
	text-align: left;
}

#error404 img {
	margin-top: 5%;
}

#error404 div h3 {
	color: #d8543a;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 3%;
}

#error404 div p {
	color: #4d4d4d;
	margin-top: 2%;
}

#error404 div a {
	color: #c83012;
	display: block;
	margin-top: 5%;
	margin-left: 3%;
	transition: .5s;
}

#error404 div a span {
	font-weight: bold;
}

#error404 div a:hover {
	margin-left: 4%;
	opacity: .8;
	text-decoration: none;
}

#error404 div:nth-of-type(2) {
	text-align: right;
	margin-top: -20%;
}
/* 404error fin */



@media screen and (max-width: 500px) {
body {
	font-size: 1.5em;
	text-align: left;
	width: 100%;
}

img {
	height: auto;
	width: 100%;
}

.spNone {
	display: none;
}

.pcNone {
	display: block;
}

.top_pcNone {
	display: block;
}

header {
	background-color: #EFEFEF;
	background-repeat: repeat-x;
	background-image: url(../img/head.png);
	padding-top: 1%;
	position: fixed;
	width: 100%;
}

header div:nth-child(1) {
	width: 80%;
	padding-top: 5%;
	padding-bottom: 2%;
	margin-left: 0;
}

header div:nth-child(1) h1 {
	float: left;
	width: 50%;
}

header div:nth-child(1) h1 img {
	margin-top: 4%;
}

header div:nth-child(1) ul {
	padding-left: 0;
	color: normal;
	text-align: left;
	width: 50%;
}

header div:nth-child(1) ul li img {
	margin-top: 3%;
}

header div:nth-child(1) ul li a {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 2%;
	margin-left: 2%;
}

header div:nth-child(1) img {
	padding-top: 1%;
	padding-bottom: 1%;
}

header div:nth-child(2) div {
	width: 100%;
	padding-top: 5%;
	padding-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
}

/*header menu*/
/*nav要素は絶対位置指定にして、ビューの外側に置いて見えなくします。
　　nav の中の ul li は横並びを解除して縦組みにレイアウトし直します。*/
header nav {
  position: absolute; /*bodyに対しての絶対位置*/
  right: 0;
  top: -700px; /*通常時はビュー外*/
  background: rgba(27, 45, 100, 1);
  width: 40%;
  padding: 0 10px;
  -webkit-transition: .5s ease-in-out; /*transitionで動きを*/
  -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  text-align: left;
}

header nav ul {
	margin: 0;
	background-color: #1b2d64;
	color: #4d4d4d;
	float: none;
	width: 100%;
}

header nav ul li {
  display: block;
	float: none;
  margin: 0;
	padding-top: 3%;
	padding-top: 3%;
	text-align: center;
  border-bottom: dotted 1px #fff;
  line-height: 3;
	width: 100%;
}

header nav ul li a {
	color: #fff;
	display: block;
	font-size: 1rem;
	font-weight: 5em;
}

header nav ul li::after {
	content: '';
}

header nav ul li:last-child {
	border-bottom: none;
}

/*ナビ画像をテキストに*/
nav ul li img {
  display: none;
}

nav li a:before {
  content: attr(data-label);
}

/* Toggle(Button) */
/*display:noneだったボタンを display:blockにして表示します*/
#navToggle {
	display: block;
}

/* Click Toggle(Button) */
/*ここから jQueryで header要素に付けた「.openNav」を利用します*/
/*.openNavが付いた要素内のボタン（#navToggle）内のspanへの指定*/
/*最初のspanをマイナス45度に*/
.openNav #navToggle span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*2番目と3番目のspanを45度に*/
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*header menu*/
/*.openNavが付いた要素の中のnavを 縦方向に351px移動（=表示される）*/
.openNav nav {
  -moz-transform: translateY(793px);
  -webkit-transform: translateY(793px);
  transform: translateY(793px);
}
/*humberger menu fin*/

nav ul li img {
	display: none;
}

#contanier,
#top_contanier {
	width: 94%;
	margin-right: 2%;
	margin-left: 2%;
	background-color:#FFF;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 23%;
}

#top_contanier {
	padding-top: 0;
}

#top_contanier section h3 {
	background-color: #1b2d64;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2%;
	margin-top: 12%;
}

footer{
	width: 100%;
	background-color: #536788;
}

footer section {
	margin-right: auto;
	margin-left: auto;
	padding-top: 1%;
	width: 94%;
}

footer a {
	color: #FFF;
	border-left: 4px solid #1b2d64;
	display: block;
	text-decoration: none;
	font-size: .7em;
	float: left;
	padding: 1% 2%;
	margin-right: 0;
	margin-top: 2%;
	margin-bottom: 2%;
	width: 44%;
}

small {
	text-align: center;
	display: block;
	color: #FFFFFF;
	font-size: 0.5em;
	padding-top: 1%;
	padding-bottom: 3%;
	width: 100%;
}

#banner{
	margin-bottom: 3%;
	text-align: center;
}

.banner_box img {
	margin-top: 2%;
	margin-right: 0;
	width: 98%;
}

.banner_box a:nth-of-type(2) img,
.banner_box a:nth-of-type(3) img {
	margin-top: 0;
}

#sub_contents {
	font-size: 1em;
	letter-spacing: 1px;
	margin-left: 0;
	margin-right: 0;
	width:96%;
}

#yakkan h2,
#company h2,
#sub_contents h2 {
	background-color: #516888;
	box-shadow: 2px 2px 5px #333;
	color: #FFF;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 1%;
	margin: auto -3%;
	text-shadow: 2px 2px #333;
	line-height: 1em;
}

#yakkan article,
#company  {
	margin-top: 5%;
}

#yakkan .deco2{
	color: #506686;
	font-size: 120%;
	font-weight: bold;
	line-height: 160%;
	margin-top: 2%;
}

#hoken {
	margin-left: 0;
	margin-right: 0;
}

#hoken h2,
#tigai h2 {
	background-color: #59893f;
	box-shadow: 2px 2px 5px #333;
	color: #FFF;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 1%;
	margin: auto -3%;
	text-shadow: 2px 2px #333;
	line-height: 1em;
}

#hoken h3 {
	font-size: 1.1em;
	line-height: 1.2em;
	margin-top: 5%;
	margin-bottom: 5%;
}

#tigai div strong {
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	text-align: left;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 1%;
	text-shadow: 2px 2px 1px #fff, -2px -2px 1px #fff;
}

#tigai div:nth-of-type(1) strong {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#989898+0,c5c5c5+50,989898+100 */
	background: rgb(152,152,152); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(152,152,152,1) 0%, rgba(197,197,197,1) 50%, rgba(152,152,152,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(152,152,152,1) 0%,rgba(197,197,197,1) 50%,rgba(152,152,152,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(152,152,152,1) 0%,rgba(197,197,197,1) 50%,rgba(152,152,152,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#989898',GradientType=0 ); /* IE6-9 */
}

#tigai div:nth-of-type(2) strong {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad872c+0,cba958+50,ad872c+100 */
background: rgb(173,135,44); /* Old browsers */
background: -moz-linear-gradient(top, rgba(173,135,44,1) 0%, rgba(203,169,88,1) 50%, rgba(173,135,44,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(173,135,44,1) 0%,rgba(203,169,88,1) 50%,rgba(173,135,44,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(173,135,44,1) 0%,rgba(203,169,88,1) 50%,rgba(173,135,44,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad872c', endColorstr='#ad872c',GradientType=0 ); /* IE6-9 */
}

#tigai div:nth-of-type(1) b {
	background-color: #f3f3f3;
	display: block;
	text-align: left;
	font-size: 1em;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 1%;
}

#tigai div:nth-of-type(1) b:nth-of-type(2n) {
	background-color: #d9d9d9;
}

#tigai div:nth-of-type(1) b span {
	display: block;
	text-align: left;
	font-size: .9em;
	font-weight: normal;
	padding-left: 1em;
	padding-right: 2%;
}

#tigai div:nth-of-type(2) b {
	background-color: #f6f1e4;
	display: block;
	text-align: left;
	font-size: 1em;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 1%;
}

#tigai div:nth-of-type(2) b:nth-of-type(2n) {
	background-color: #e2d5b7;
}

#tigai div:nth-of-type(2) b span {
	display: block;
	text-align: left;
	font-size: .9em;
	font-weight: normal;
	padding-left: 1em;
	padding-right: 2%;
}

#company article{
	margin-left: 0;
}

#company dl{
	margin-top: 5%;
	width: 100%;
}

#company dt{
	padding-left: 5%;
}

#company dd{
	margin-left: 5%;
}

#thanks{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
}

#price_contanier{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	background-color:none;
	padding-top: 90px;
}

#price_contanier p,
#jirei h2 {
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 5%;
	padding-bottom: 5%;
}

#price_contanier .point {
	padding-left: 1%;
	padding-right: 1%;
	margin-bottom: 10%;
}

#price_contanier .point dl {
	margin-top: 5%;
}

#price_contanier .point dl dt {
	border: 4px solid #2451fd;
	color: #002673;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2%;
}

#price_contanier .point dl dd {
	color: #2d2d2d;
	font-weight: bold;
}

#price_contanier .point dl dd span {
	font-size: 1.2em;
}

#price_contanier .point dl:nth-child(1) dd span,
#price_contanier .point dl:nth-child(2) dd span,
#price_contanier .point dl:nth-child(3) dd span,
#price_contanier .point dl:nth-child(4) dd span {
	color: #0054ff;
	font-weight: bold;
}

#price_contanier .point dl:nth-child(1) dd span span,
#price_contanier .point dl:nth-child(2) dd span span {
	font-size: 1.3em;
}

#price_contanier .point dl:nth-child(1) dd span span:nth-of-type(2) {
	color: #ff0000;
}

#price_contanier .point dl:nth-child(1) dd span span:nth-of-type(2) span,
#price_contanier .point dl:nth-child(2) dd span span:nth-of-type(2),
#price_contanier .point dl:nth-child(3) dd span span:nth-of-type(1),
#price_contanier .point dl:nth-child(4) dd span span:nth-of-type(1) {
	color: #ff0000;
	font-size: 1.3em;
}

#price_contanier .point dl:nth-child(3) dd span span:nth-of-type(2) {
	color: #0054ff;
	font-size: 1.3em;
}

#price_contanier .point dl:nth-child(3) dd span:nth-of-type(2),
#price_contanier .point dl:nth-child(3) dd span:nth-of-type(3),
#price_contanier .point dl:nth-child(3) dd span:nth-of-type(4) {
	color: #ff0000;
	font-size: 1em;
}

#price_contanier .point dl:nth-child(4) dd span:nth-of-type(2) {
	color: #000;
	font-size: 1.2em;
}

#price_contanier .point dl:nth-child(4) dd span span:nth-of-type(2) {
	color: #0054ff;
	font-size: 1.3em;
}

#price_contanier .point dl dd img {
	border: 6px solid #fff;
	box-shadow: 2px 2px 4px #555;
	margin: 7% auto 15%;
	width: 90%;
}

#voice2015 section{
	margin: 0 auto 7% auto;
	padding-bottom: 7%;
	border-bottom: 1px dashed #0054ff;
	width:100%;
}

#voice2015 h3{
	padding: 1%;
	line-height: 1.2em;
	border-left: 5px solid #0054ff;
	border-bottom:1px solid #CCCCCC;
	font-size: 1.2em;
	margin-bottom: 3%;
}

#voice2015 .left{
	float: none;
	width: 100%;
	padding-left: 0;
}

#voice2015 .left p {
	font-size: .8em;
	float: none;
	margin-bottom:2%;
}

#voice2015 .left dt{
	color: #003299;
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 95%;
}

#voice2015 .left dd{
	padding-left: 1em;
	margin-bottom: 5%;
}

#voice2015 .right{
	width: 100%;
	float: none;
}

#foot_banner .left,
#foot_banner .right {
	float: none;
}

#foot_banner a img {
	margin-bottom: 5%;
}


#jirei{
	line-height: 1.2em;
}

#jirei h2 {
	background-color: #fff;
	box-shadow: none;
	color: #0054ff;
	text-shadow: none;
	margin-bottom: 4%;
	text-align: left;
}

#jirei h3{
	font-size: 1.1em;
	padding-bottom: 2%;
}

#jirei h3 br {
	display: block;
}

#jirei .youbo{
	padding-top: 5%;
	padding-left: 0;
}

#jirei .teian {
	margin-top: 5%;
	padding-bottom: 6%;
}

#jirei .teian strong {
	padding-top: 4%;
	padding-left: 12%;
	margin-bottom: 5%;
}

#jirei section{
	margin-bottom: 10%;
}

#qa_box .faq_mida{
	padding-left: 10%;
	border-bottom:solid 2px #516888;
	font-size: 1.2em;
}

#qa_box dl {
	margin-bottom: 10%;
}

#qa_box form .qaForm table {
	width: 100%;
}

#qa_box form .qaForm tr th br {
	display: block;
}

#qa_box form .qaForm tr th {
	padding-top: 5%;
}

#qa_box form .qaForm tr:nth-of-type(1) th {
	padding-top: 0;
}

#qa_box form .qaForm tr td input {
	width: 100%;
}

#qa_box form .qaForm tr th textarea {
	width: 100%;
}

#qa_box form p {
	padding-top: 10%;
}

#qa_box form p input {
	width: 100%;
}

#situmon{
	padding-left: 8%;
}

#answer{
	padding-left: 8%;
}

#nagare .nagare_step h3 {
	color: #2451fd;
	border-bottom: 3px solid #2451fd;
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 5%;
	padding-left: 2%;
	text-align: left;
}

#nagare .nagare_step div {
	border-bottom: 1px dashed #2451fd;
	margin-top: 5%;
	padding-left: 2%;
}

#nagare .nagare_step div:nth-of-type(3) {
	border-bottom: 3px solid #2451fd;
	margin-top: 5%;
	padding-left: 2%;
}

#nagare .nagare_step div strong {
	font-size: 1.1em;
	font-weight: bold;
	display: block;
}

#nagare .nagare_step div strong span {
	color: #2451fd;
}

#nagare .nagare_step div img {
	border: 6px solid #fff;
	box-shadow: 2px 2px 4px #555;
	margin: 7% auto 15%;
	width: 95%;
}

#nagare #chui {
	margin-top: 10%;
	margin-left: 0;
	margin-bottom: 10%;
	font-size: 100%;
}

#news {
	margin: 10% 0;
	letter-spacing: normal;
}

#news h3 {
	border-bottom: 2px solid #000;
	border-left: 5px solid #2451fd;
 	font-weight: bold;
	padding-left: 3%;
}

#news dl {
	margin: 3% 2% 0;
}

#news dt {
	float: none;
	width: 100%;
	padding: 2% 0;
}

#news dd {
	float: none;
	width: 100%;
	padding: 0 0 5%;
}

#top_voice a:nth-of-type(1) img {
	margin-bottom: 10%;
}

#voicelink {
	font-size: 100%;
	margin-top: 10%;
}

#company dl:nth-of-type(11) dd br {
	display: block;
}

/* アップカー 告知*/
#leaseupcar {
	margin-left: -3%;
	margin-right: -3%;
}

#leaseupcar section {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#757575+0,adadad+34,e5e5e5+51,adadad+75,9f9f9f+100 */
	background: rgb(117,117,117); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(117,117,117,1) 0%, rgba(173,173,173,1) 34%, rgba(229,229,229,1) 51%, rgba(173,173,173,1) 75%, rgba(159,159,159,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(117,117,117,1) 0%,rgba(173,173,173,1) 34%,rgba(229,229,229,1) 51%,rgba(173,173,173,1) 75%,rgba(159,159,159,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(117,117,117,1) 0%,rgba(173,173,173,1) 34%,rgba(229,229,229,1) 51%,rgba(173,173,173,1) 75%,rgba(159,159,159,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#9f9f9f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 10px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .8) inset;
	color: #ff0;
	padding: 2%;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, .8);
}

#leaseupcar img:nth-of-type(5),
#leaseupcar a:nth-of-type(3),
#leaseupcar img:nth-of-type(8),
#leaseupcar img:nth-of-type(10),
#leaseupcar img:nth-of-type(12),
#leaseupcar a:nth-of-type(6) {
	margin-bottom: 7%;
}

#leaseupcar a {
	display: block;
	margin-bottom: 3%;
}

#leaseupcar div p {
	float: left;
	margin-right: 1%;
}

#leaseupcar div p:nth-of-type(1) {
	float: left;
	margin-right: 1%;
	width: 40%;
}

#leaseupcar div p:nth-of-type(1) img {
	margin-top: 27%;
	width: 100%
}

#leaseupcar div p:nth-of-type(2) {
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	margin-right: 0;
	padding-top: 5%;
	padding-bottom: 5%;
	width: 55%;
}


/* アップカー 問い合わせ*/
#contact {
	text-align: left;
	margin-top: 0;
	font-size: 1em;
}

#contact h2 {
	/*background-color: #1b2d64;*/
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: -3%;
	margin-right: -3%;
	padding: 1% 3% 0;
}

#contact form p:nth-child(1) {
	background-color: #EFEFEF;
	color: #000;
	font-size: .8em;
	padding: 2% -3%;
	text-align: left;
}

#contact form p:nth-child(2) {
	color: #f00;
	font-size: .8em;
	padding: 3%;
}

#contact dl dt {
	background-color: #b3bcda;
	color: #1b2d64;
	float: none;
	margin-left: -3%;
	margin-right: -3%;
	padding: 1% 3% 0;
	width: 100%;
}

#contact form p:nth-child(2) .bgRed,
#contact dl dt .bgRed {
	background-color: #f00;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	margin-bottom: 1%;
	padding: 0.3% 2%;
	margin-left: 2%;
	width: 10%;
}

#contact dl dd {
	color: #fff;
	font-weight: bold;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 0;
	padding: 5% 0;
	width: 96%;
}

#contact dl dd input {
	background-color: #ddd;
	border: 1px solid #1b2d64;
	width: 100%;
}

#contact dl:nth-of-type(4) dd p {
	font-size: 1em;
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  width: 50%;
}

#contact form dl dd {
	color: #000;
}

#contact form dl:nth-of-type(4) dd p:nth-child(1) {
	color: #000;
	font-size: 1em;
	font-weight: normal;
}

#contact dl:nth-of-type(4) dd p:nth-child(2) {
	color: #000;
	font-size: 1em;
	font-weight: normal;
}

#contact section dl:nth-of-type(4) dd p input {
    width: 10%;
}

#contact section dl dd p input {
    margin-top: 10%;
}

#contact section p input {
	margin: 10% auto;
  width: 100%;
}

#yakkan {
	margin-top: 0;
}

.pagetop {
	border: 1px solid #fff;
	border-radius: 50%;
  display: none;
  position: fixed;
	margin-top: 0;
	margin-bottom: 0;
  bottom: 30px;
  right: 15px;
  width: 13%;
}

footer .pagetop {
	margin-top: 0;
	margin-bottom: 0;
}

.pagetop a {
	border-radius: 50%;
	border-left: none;
  display: block;
  background-color: #1b2d64;
  text-align: center;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  padding: 17px 15px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

/* 404error */
#error404 img {
	margin-top: 5%;
}

#error404 div h3 {
	font-size: 1.1em;
	margin-top: 5%;
}

#error404 div p {
	margin-top: 1%;
	font-weight: normal;
}

#error404 div a {
	margin-top: 3%;
	margin-left: 0;
	transition: 0;
}

#error404 div a:hover {
	margin-left: 0;
}

#error404 div:nth-of-type(2) {
	text-align: center;
	margin-top: 4%;
	margin-bottom: 4%;
}
/* 404error fin */
}

@media screen and (max-width: 400px) {
/***** header *****/
header div:nth-child(1) h1 img {
	margin-top: 6%;
}

header div:nth-child(1) ul li img {
	margin-top: 6%;
}

#navToggle {
  right: 3px;
}

.openNav nav {
  -moz-transform: translateY(788px);
  -webkit-transform: translateY(788px);
  transform: translateY(788px);
}

/***** contnier *****/
#contanier,
#top_contanier {
	width: 96%;
	margin-right: 1%;
	margin-left: 1%;
}

/***** price *****/
#price_contanier .point dl dd span {
	font-size: 1.2em;
}

#price_contanier .point dl:nth-child(1) dd span span,
#price_contanier .point dl:nth-child(2) dd span span {
	font-size: 1.2em;
}

/***** pagetop *****/
.pagetop {
  width: 13.7%;
}
}

@media screen and (max-width: 320px) {
/***** header *****/
header div:nth-child(1) h1 img {
	margin-top: 12%;
}

header div:nth-child(1) ul li img {
	margin-top: 12%;
}

#navToggle {
	top: 27px;
}

.openNav nav {
  -moz-transform: translateY(779px);
  -webkit-transform: translateY(779px);
  transform: translateY(779px);
}

/***** price *****/
#price_contanier .point dl dd span {
	font-size: 1.0em;
}

/***** nagare *****/
#nagare .nagare_step h3 {
	font-size: 1.2em;
}

/***** pagetop *****/
.pagetop {
  width: 17.5%;
}
}