/*
Template:ystandard
Theme Name:dunklease2026
*/
/*reset*/
html, body, div, span, object, iframe
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
	vertical-align:baseline;
    background:transparent;
}

img{  margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;}

ol li, ul li {
   padding: 0;
	list-style: none;
}

body{margin:0;padding:0;width:100%;	font-size:16px;font-family:'Noto Sans JP', sans-serif,"游ゴシック体", "Yu Gothic", YuGothic,-apple-system, BlinkMacSystemFont,"Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;  line-height:1.8;}
.wrap{overflow:hidden;
}

.h-nav.rwd {
    display: none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;    color: #000000;
}

a:hover{color:#dfdfdf;}


/* change colours to suit your needs */

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align: middle;
}

/*お問い合わせ*/
select{display: inline-block;
    width: 15%;
    margin-left: 1em;}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0;
	vertical-align: 0px;}

.wrap{overflow:hidden;}

.grecaptcha-badge { visibility: hidden; }
.recaptcha_policy{font-size:10px;text-align:center;}
.site__content {
    margin-bottom: 0rem;
}

.video{width:100%;margin:2em auto 0;}

h2.cmtitle{  align-items: center; /* 線を上下中央 */
  display: flex; /* 文字と線を横並び */
  justify-content: center; /* 文字を中央寄せ */
background: none;
color:#000000;
border-bottom: none;
    margin-bottom: -24px;
    font-weight: 800;
    font-size: 3em;}

h2.cmtitle::before,
h2.cmtitle::after {
  background-color: #000000; /* 線の色 */
  content: "";
  height: 6px; /* 線の高さ */
  width: 50px; /* 線の長さ */
}
h2.cmtitle::before {
  margin-right: 10px; /* 文字との余白 */
  transform: rotate(60deg); /* 傾ける */
}
h2.cmtitle::after {
  margin-left: 10px; /* 文字との余白 */
  transform: rotate(-60deg); /* 傾ける */
}


/* 共通 */

.onlypc{display:none;}
.onlypc2{display:none;}
.onlymob{display:block;}
.footer-poweredby {display: none;}

.header__row.-center:before {
    display:none;
}

.header__title, .header__title a {
    margin-left: 8px;
}
.header__title img{width:100%;max-width:240px;}
.h-nav__main {
   background-color: #ff5000;
    z-index: 11;
    opacity: 0.9!important;
}

ul.newmenu{margin-top: 5em;
    text-align: left;}

#about,#voice,#question,#form,#difference,#flowchart{ padding-top: 70px;
    margin-top: -70px;}


.headflex{display:flex;justify-content: center;}
.headflexin{display:flex;}
.headflexin a{color:#ffffff;}

.global-nav__toggle .ys-icon, .global-nav__toggle svg {
    width: 50px;
    height: 50px;
	    margin-top: 0.3em;
	
}

.site-header button {margin-right:1em;}

.global-nav__toggle:after {
    font-size: .8em;
}

h2{ color: #ffffff;
	font-size:24px;
	font-weight:bold;
 padding: 0.3em;
  background: #e3007f;
  border-bottom: solid 3px #ffa3d4;/*下線*/
	margin-bottom:40px;
	text-align:center;
}

h1.singular__title{display:none;}

.content__wrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.no-title .content__main {
    max-width: 100%;
}

.breadcrumbs {
    max-width: 1000px;
    margin: 0 auto;
	padding-left: 1em;
}

h2.sectitle{
position: relative;
    padding: 10px 20px;
    font-size: 20px;
    color: #FFF;
    width: 95%;
    box-sizing: border-box;
    margin: 0 auto 24px;
    background: #ff5000;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
h2.sectitle:before, h2.sectitle:after{
content: "";
	position: absolute;
	top:10px;
	height: 0;
	width: 0;
	z-index:-1;
}

h2.sectitle:before {right: -40px;
	border-right-color: transparent;}
h2.sectitle:after {left: -40px;
	border-left-color: transparent;}

h2.sectitle span{
	display:block;
}
h2.sectitle span:before,
h2.sectitle span:after{
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #66003A;
}
h2.sectitle span:before{
	right: 0;
	border-left: 5px solid #66003A;
}
h2.sectitle span:after{
	left: 0;
	border-right: 5px solid #66003A;
}

.topb{background-image: url("https://dunk-komikomi.com/wp-content/uploads/2024/02/240213_dunklease_eye2.webp"), linear-gradient(to right, rgba(255, 99, 0, 1), rgba(255, 99, 0, 1));
background-size: 85%, contain;
	background-position:center,center;
	background-repeat: no-repeat, no-repeat;
padding-top: 56.25%;
    width: 100%;}
.circle{ background: #00aeff;
    height: 50%;
    width: 100%;
    border-radius: 0 0 50% 50% /0 0 100% 100%;
    -moz-border-radius: 0 0 50% 50% /0 0 100% 100%;
    -webkit-border-radius: 0 0 50% 50% /0 0 100% 100%;}

.circle img{margin:0 auto;
width:100%;
max-width:720px;
display:block;
padding:16px;}

.circle img.c2{margin-top:-48px;}


.mainb{padding:0px 0 0px;}

.topmain{position:relative;
    top: 50%;}

.topmain .topbackground { z-index: 0; }

.topmain .mainimage {
  z-index: 10;
    position: absolute;
    top: 50%;
    left: 45%;
    -webkit-transform: translate(-52%,-50%);
    transform: translate(-52%,-50%);
}
     
.topmain .mainimage img {
    width: 115%;
    max-width: 1280px;
    height: auto;
}

.mainb2{padding:0px 0 40px;}
.topmain2{position:relative;
    top: 50%;}

.topmain2 .topbackground2 { z-index: 0; }

.topmain2 .mainimage2 {
   z-index: 10;
    position: absolute;
    top: 50%;
    left: 10%;
    -webkit-transform: translate(-15%,-50%);
    transform: translate(-6%,-50%);
}
     
.topmain2 .mainimage2 img {
    width: 100%;
    max-width: 1000px;
    height: auto;
}

.tbt1 {
    text-align: center;
    font-size: 30px;
    line-height: 1.5;
    padding: 0.5em 0 0.2em;
}

.ud-shin-gont-b {
   font-family: 'Noto Sans JP', sans-serif;
	font-weight:900;
}

.tbt1 span.brown {
    font-size: 32px;
    color: #927226;
}

.tbt1 span {
    font-size: 24px;
}

.tbt1 span.red {
    font-size: 50px;
    color: #ff0012;
}



.tbt2 {
    text-align: center;
    font-size: 32px;
    line-height: 1.5;
    padding: 0 0 1.5em;
    color: #ff0012;
}

.tbt2 span {
    background: linear-gradient(transparent -10%,#ff0 -10%);
    padding: 8px 10px;
    line-height: 1.5;
    display: inline-block;
}

.container {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
	    overflow: hidden;
}

.containerin{width:100%;
max-width:1000px;
margin:0 auto;}

.section{margin:40px auto;}
.sectionc{margin:24px auto;}
.sectionc2{margin:24px 8px;}
.sectioneven{background:#dfdfdf;margin:20px auto;}
.s-even{background:#F7F6F1;padding: 16px 16px 32px;}

img.trouble{width:100%;max-width:640px;margin:0 auto -8px; display: block;}


#newnavi nav{
    position: fixed;
    top: 0;
    right: -300px;
    width: 240px;
    height: 100%;
    padding-top: 50px;
   background: #ff5500;
    opacity: 0.9;
    font-size: 16px;
    box-sizing: border-box;
    z-index: 2;
}
#newnavi nav ul li{
    display:block;
    padding: 20px 28px;
}
#newnavi nav ul li a {
    text-decoration: none;
    color: #fff;
}
#newnavi .btn-gnavi {
    position: fixed;
	top:5.75%;
    right: 6%;
    width: 30px;
    height: 24px;
    z-index: 3;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
#newnavi .btn-gnavi span {
    position: absolute;
    width: 40px;
    height: 3px;
    background: #666;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
#newnavi .btn-gnavi span:nth-child(1) {
    top: 0;
}
#newnavi .btn-gnavi span:nth-child(2) {
    top: 12px;
}
#newnavi .btn-gnavi span:nth-child(3) {
    top: 24px;
}
#newnavi .btn-gnavi.open span {
    background: #fff;
}
#newnavi.btn-gnavi.open span {
    width: 24px;
}
#newnavi .contents section p {
    position: absolute;
    top: 50%;
    width: 30%;
    line-height: 1.4;
    font-size: 20px;
    color: #fff;
}
#newnavi .contents section:nth-child(odd) p {
    left: 10%;
}
#newnavi .contents section:nth-child(even) p {
    right: 10%;
}

h2.pointh2{background:#ffa500;border-radius:10px;padding-bottom: 0.8em;
    margin-bottom: 0.5em;}
h2.pointh2rea{background:none;border:none;font-weight:900;font-size:1.5em;color:#ff0000;border-bottom:3px dotted;margin: 0 auto;
    width: 100%;padding-bottom:0.2em;
    max-width: 960px;}

/*おすすめ画像*/
.topcomic img{width:100%;text-align:center;}
.recowrap{
display: block;
width:100%;margin:0px auto 66px;max-width:1000px;}
.recowrap:empty{display:none;border:none;}
.recoimgwrap{    width: 100%;
    margin: 0%;
	padding:2% 2% 1%;
    display: inline-block;}

.recowrapinimg{margin-bottom:2em;}
.recowrapinimg2{margin:auto;}


/*チラシ*/
.recentflyer{width: 98%;
	max-width:1000px;
    margin: 0 auto 16px;
   padding-bottom: 16px;
}
.rewrap{border-left: 2px solid #ff0000;
    border-right: 2px solid #ff0000;}
.rewrap2{border-left: 2px solid #ff0000;
    border-right: 2px solid #ff0000;
    border-bottom: 2px solid #ff0000;}
.rewrap:empty{border:none;}
h2.kokokuh2{display:block;width:100%;background:#ff0000;font-size:24px;font-weight:bold;color:#ffffff;padding:8px;margin-bottom:0px;}
.recentflyer:empty{display:none;border:none;margin:0;}	
.kokoku{width: 100%;
    max-width: 880px;
    margin: 0 auto;}
.kokoku2{ width: 100%;
    max-width: 880px;
    margin: 0 auto;}

.lb-outerContainer{margin-top:5%!important;}


.flexdl{display:flex;
flex-wrap:wrap;
justify-content:space-evenly;}

.flexdl img:first-child{align-items: start;
    width: 100%;
    max-width: 160px;
    margin: 8px auto 0px;}

.flexdl img{align-items:start;width:100%;max-width:376px;margin:16px auto;}

.flexdl2{display:flex;flex-wrap:wrap;justify-content:space-around;padding: 0 8px;}
.dl2l{width:100%;text-align:justify;margin-bottom: 24px;}
.dl2r{width:100%;text-align:justify;}

.dl2l h4,.dl2r h4{font-size:24px;font-weight:bold;text-align:center;margin:16px auto;}

h2.sectitleo{background:#ff9900;border:none;    margin-bottom: -0px;margin-top:-1px;}
.numtitleo {
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #ff9900;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;
	
}


h2.sectitleg{background:#55c234;border:none;    margin-bottom: -0px;margin-top:-1px;}
.numtitleg{
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #55c234;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;	
}

h2.sectitlere{background:#C41D28;border:none;    margin-bottom: -0px;margin-top:-1px;}
.numtitlere{
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #C41D28;
    text-align: center;
    line-height:80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;	
}

h2.sectitlep{background:#A890F0;border:none;    margin-bottom: -0px;margin-top:-1px;}
.numtitlep{
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #A890F0;
    text-align: center;
    line-height:80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;	
}


h2.sectitler{background:#e84152;}

.tb{position: relative;}

.tb p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
 color:#ffffff;
	font-size:14px;
	text-align:center;
	width: 100%;
  }

.tb img {
  width: 100%;
  }

span.large{font-weight:bold;font-size:18px;}

.center{text-align:center;margin:0 auto;}

.utriangle{
 width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-top: 45px solid #ff0000;
    margin: -15px auto 0;
}

.utriangle2{
width: 0;
    height: 0;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #ff0000;
    margin: 0px auto 40px;
}

.backinbeige{background:#FFF0D8;padding:24px;text-align: justify;
    font-weight: bold;
    font-size: 14px;}
.komiflex{display: flex;
    justify-content: space-between;
    margin: 40px auto 8px;
    flex-wrap: wrap;}
.hiyoimg{width:100%;max-width:128px;margin-bottom: 24px;}
.hiyotxt{background:#ff9900;border-radius:16px;border:#ff9900 1px solid;font-size:12px;color:#ffffff;padding:1px;margin-top:16px;text-align:center;}


/* 表*/

table.leasetable {
	width: 95%;
    border-right: #dfdfdf solid 1px;
    border-collapse: collapse;
    margin: 0 auto;
}
table.leasetable thead th {
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}
table.leasetable thead th:last-child {
	border-right:#dfdfdf solid 1px;
}
table.leasetable tbody th {
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-bottom:#dfdfdf solid 1px;
	vertical-align:top;
}
table.leasetable tbody tr:last-child th {
	border-bottom:#dfdfdf solid 1px;
}
table.leasetable tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#dfdfdf solid 1px;
	border-bottom:#dfdfdf solid 1px;
	vertical-align:top;
}
table.leasetable thead {
	display:none;
}
table.leasetable tbody th {
	display:block;
}
table.leasetable tbody td {
	display:block;
}
table.leasetable tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.leasetable tbody td p {
	padding-left:0em;
}

	span.red{color:red;}
	span.pink{color:#e3007f;}

table.leasetable tbody td.beige {
      background: #FFF4F4;
    border: 2px solid #e3007f;
}

table.leasetable tbody td.beige2 {
    background: #FFF4F4;
    border: 2px solid #e3007f;
}

table.leasetable td h4 {
    font-size: 24px;
    text-align: center;
}

/**/
table.leasetable thead {
	display:table-header-group;
}
table.leasetable tbody th {
    display: table-cell;
}
table.leasetable tbody td {
	    display: table-cell;
}
table.leasetable tbody td::before {
	content: attr(label);
	float:none;
	font-weight:bold;
}
table.leasetable tbody td p {
	padding-left:0;
	font-size: 75%;
    text-align: justify;
}	

	
table.leasetable {
	width:100%;
	border-right:#dfdfdf solid 1px;
	border-collapse: collapse;
}
table.leasetable thead th {
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
	vertical-align: middle;
}
	
table.leasetable thead th.bo{
	background:#dfdfdf;
	color:#000000;
	padding:8px;
	border-top:2px solid #e3007f;
	border-right:#e3007f solid 2px;
   border-left:2px solid #e3007f;
	border-bottom:#ffffff solid 1px;
	vertical-align: middle;
}	
	
	
table.leasetable thead th:last-child {
	border-right:#dfdfdf solid 1px;
}
table.leasetable tbody th {
	background:#dfdfdf;
	color:#000000;
	padding:12px;
	border-bottom:#ffffff solid 1px;
	width: 16%;
    vertical-align: middle;
}
table.leasetable tbody tr:last-child th {
	border-bottom:#ffffff solid 1px;
}
table.leasetable tbody td {
	background:#ffffff;
	padding:10px 15px;
	border-left:#dfdfdf solid 1px;
	border-bottom:#dfdfdf solid 1px;
	vertical-align:top;
}	

	table.leasetable td h4{font-size:40px;text-align:center;}
	table.leasetable th h4{font-size:18px;text-align:center;font-weight:bold;}	
	
	table.leasetable tbody td.beige{background:#FFF4F4;
	border-left:2px solid #e3007f;
	border-right:2px solid #e3007f;}	
	
	table.leasetable tbody td.beige2{background:#FFF4F4;
	border-left:2px solid #e3007f;
	border-right:2px solid #e3007f;
	border-bottom:2px solid #e3007f;}


.mobflex{display:flex;justify-content:space-evenly;font-weight:bold;font-size: 12px;
    text-align: center;}

.leasep{background: #FFF4F4;
    border: 2px solid #e3007f;width:100px;height: 24px;}

.leasew{background: #ffffff;
    border: 1px solid #dfdfdf;width:100px;height: 24px;}

/*新車定額*/	
.backinpur{background: #DED8F0;
    padding: 24px;
    text-align: justify;
    font-weight: bold;
    font-size: 14px;}

/*ポイント*/
.pointflex{    display: flex;
    justify-content: space-between;flex-wrap: wrap;}
.pointl,.pointr{width: 100%;
    margin-bottom: 1.5em;
    padding: 0 4%;}
.pointl:last-child,.pointr:last-child{margin-bottom:0;}


/* カスタマイズ*/
.customflex{display:flex;justify-content: space-evenly;margin:40px auto;line-height: 2.5em;
    align-items: center;flex-direction: column;}
.customflex ul{text-align:left;}
.customflex ul li{font-weight:bold;font-size:20px;color:#55c234;}

.cufl{margin-bottom:40px;}
.cufr img{width:100%;max-width:400px;}

.backingreen{background: #edfdf0;
    padding: 24px;
    text-align: justify;
    font-weight: bold;
    font-size: 14px;}

/* 車がもらえる*/
.backinpink{background:#F9EBE3;padding: 24px;
    text-align: justify;
    font-weight: bold;
    font-size: 14px;}

.imgmargin{margin-top:40px;}
.imgmargin2{margin:40px;}

.att{font-weight:normal;
	margin-top:8px;
font-size:90%;}

/* おすすめ*/

.osusumeb h3{
position: relative;
    color: #000000;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 1.5em;
    padding: 0;
}

.fa-check-square{padding-right: 0.3em;
    font-size: 2em;
    color: red;
    vertical-align: sub;
    height: 100%;
}

.osusumeb p{text-indent:2em;}

h2.osusume{background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffdfef 0%) repeat scroll 0 0;
    color: black;
    line-height: 1em;
    border: none;
    font-weight: bold;
    font-size: 24px;
}

.note_wrap{
     background: #fff;
    padding: 0em 1em;
    width: 100%;
    max-width: 880px;
    margin: auto;
}
.note{
    border-bottom: 2px dotted #dfdfdf;
    margin-bottom: 2em;
}
.note p{
	margin-bottom:2em;}



/* お客様の声*/

h2.customer{color: #6cb4e4;
  text-align: center;
  padding: 0.25em;
  border-top: solid 3px #6cb4e4;
  border-bottom: solid 3px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
 z-index: 0;
font-size:40px;}




.voicesub{font-size:20px;display:block;}

.backinblue{background:#e9f4ff;padding:24px;}
.cusb{     display: flex;
    justify-content: space-between;
    width: 100%;
    background: #ffffff;
    padding: 24px;
    margin-bottom: 40px;
    flex-direction: column-reverse;}

.cusb:last-child{margin-bottom:0px;}
.cusbl{width: 100%;
    font-size: 18px;
    padding-right: 0%;}
.cusbr{width:100%;}
.cusbr img{border:1px solid #dfdfdf;display:none;}
span.cusadd{ color: #000000;/*文字色*/
 padding: 0.7em 0 0;
font-size:16px;
display:block;}

.cusblin{width: 100%;
    margin: -24px auto 0;}
.cusblin h4{font-size:20px;font-weight:bold;color:#6cb4e4;text-align: justify;}
.cusblin img{width: 100%;
    max-width: 100px;
    margin: -32px 137px 0px;
}

.custxt{position: relative;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    margin-top: 16px;
    border-radius: 10px;	font-size: 16px;}

.custxt::before{
  content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 20px;
    top: -14px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #dfdfdf;
    border-left: 15px solid transparent;
}

.custxt::after{
  content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 20px;
    top: -13px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid transparent;
}


/* 納車の流れ*/
span.redb{background: #ff0000;
    border-radius: 3px;
    color: #ffffff;
    padding: 4px;
    margin-right: 8px;
    font-size: 16px;
    display: inline;
    vertical-align: bottom;}

.flowflex{display:flex;justify-content:space-between;flex-direction: column;}
.ffl{width:100%;}
.ffr{width:100%;padding-left:0%;margin: 24px auto;}

.ffr h3{font-size: 16px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 1em;    margin-top: 0;}


/* Q&A*/

.cp_qa{padding: 0 8px;}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #000000;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
    line-height: 1.6em;
    position: relative;
    display: block;
    margin: 0 0 0 0;
    padding: 1em 3em 1em 2.5em;
    cursor: pointer;
    text-indent: 1em;
    border-radius: 0.5em;
    background: rgba(254,220,204,0.1);
    border: 2px solid #ff5000;
    font-size: 12px;
}
.cp_qa .cp_actab label::before {
	font-weight:bold;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q.';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #ff5000;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '\2b';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
		font-weight:normal;
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.1s;
	        transition: max-height 0.1s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A.';
	color:#ff0000;
	font-weight:bold;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em;
}

.cp_actab-content h4{font-size: 1.5em;font-weight:bold;margin-left: 0.2em;    margin-top: 0.6em;}

/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 50em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #ff5000;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}


/*Contact Form 7カスタマイズ*/

table.inquiry{margin-bottom:16px;border: solid 1px #d7d7d7;}
div.wpcf7 {
    margin: 0;
    padding: 0 8px!important;
}

.submitwrap{margin:1em auto;text-align:center;}

/*スマホContact Form 7カスタマイズ*/
.inquiry th,.inquiry td {
 display:block;
 width:100%;
 border-top:none;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7;
}

.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 background:#f7f7f7;
padding: 2%;
	 border:solid 1px #d7d7d7;
}

.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
padding:2%;
}


input[type=tel]{
    display: block;
    width: 100%;
	-webkit-appearance: none;}


/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}

/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff0000;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}


/*横の行とテーブル全体*/
 .inquiry tr{
 border:none;
}

/*送信ボタンのデザイン変更*/
#formbtn{
    background: none;
    color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    border-radius: 10px;
    border: none;
    text-align: center;
	    padding: 0 1.5rem 0.5rem 1rem;
}

#formbtn:hover{box-shadow:none;}


.btnfmb2 ,
a.btnfmb2 ,
button.btnfmb2  {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #ff0000;
  border-radius: 0.5rem;
}

.btn-wrap {
  margin: 30px 0;
	    text-align: center;
}

.btn-c {
    font-size: 1.25rem;
    position: relative;
        padding: 2.5rem 1rem 1.25rem 2.5rem;
    color: #fff;
    background: #ff0000;
    -webkit-box-shadow: 0 5px 0 #d44114;
    box-shadow: 0 5px 0 #d44114;
    width: 100%;
}

.btn-c span {
    font-size: 1rem;
    position: absolute;
    top: -1rem;
    left: calc(50% - 150px);
    display: block;
    padding: 0.6rem 16px;
    color: #ff0000;
    border: 2px solid #ff0000;
    border-radius: 100vh;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.btn-c span:before,
.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);

  content: "";
}

.btn-c span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #ff0000 transparent transparent transparent;
}

.btn-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.btn-c i {
  margin-right: 1rem;
}

.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #eb5b30;
  -webkit-box-shadow: 0 2px 0 #d44114;
	box-shadow: 0 2px 0}


/* 会社案内*/

.tablebox{  display:block;
  width:100%;margin:40px auto;padding: 0 8px;}

.annai{
    width: 100%;
    max-width: 400px;
   margin: 0px auto;}

.annai2{
    width: 100%;
    max-width: 400px;
margin: 0px auto;}

.annai tr,.annai2 tr{border-bottom:2px dotted #dfdfdf;}

.annai th,.annai2 th{text-align:left;padding:8px;    font-size: 12px;}
.annai td,.annai2 td{text-align:left;padding:8px;    font-size: 12px; font-weight:normal;}
.annai h4{display:inline-block;font-weight:bold;margin-right:8px;}

.annai td{text-indent:0em;}
.annai2 td{text-indent:2em;}


/* フッター*/
.site__footer {
	background-color: #ff5000;}


#PageTopBtn {
   position: fixed;
    bottom: 0px;
    right: 10px;
	    z-index: 10001;
	    font-size: 90%;
}
#PageTopBtn a {
   display: block;
    text-decoration: none;
    color: #ff5000;
    background: #ffffff;
    border: 1px solid #ff5000;
    text-align: center;
    border-radius: 5% 5% 0% 0%;
    outline: none;
}
#PageTopBtn a:hover {
    text-decoration: none; 
    background: #ffffff;
	color:#ff5000;
}

#PageTopBtn a {
    width: 80px;
    height: 56px;
    padding: 16px 0;
}



#page_top{
  width: 100%;
  position: fixed;
  right: 0;
  bottom: 0;
	display:flex;
	z-index:10000;
}
#page_top a{
  position: relative;
  display: block;
  text-decoration: none;
}
#page_top a::before{
  margin: auto;
  text-align: center;
}




.btnfoot{display: inline-block;
    padding: 0.8em;
    text-decoration: none;
    background: rgb(24,44,124);
    background: -moz-linear-gradient(top, rgb(24,44,124) 5%, rgb(41,92,209) 60%, rgb(41,137,216) 100%);
    background: -webkit-linear-gradient(top, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    background: linear-gradient(to bottom, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c7c', endColorstr='#2989d8',GradientType=0 );
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 10px;
    width: 100%;
    max-width: 300px;
    margin: 24px 4px;}

.btnfoot h3{color:#ffffff;font-size:14px;}
.btnfoot h4{margin-top: 0rem;}


/* 告知バナー*/
.bnbox{-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
background-size: 4px 4px;
background-color: #ff6300;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #ff7800), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #ff7800),
            color-stop(.75, #ff7800), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
    padding: 30px 0;
    width: 100%;
    color: #ffffff;
    text-align: center;
}
.bncatch {
    font-size: 18px;
    font-weight: bold;
}

.bntel {
    position: relative;
    padding-left: 0px;
    font-size: 32px;
    font-weight: bold;
    margin: 0px auto 0;
    display: inline-block;
    color: #ffffff;
}

.bntime {
      font-size: 14px;
    }
 .bnbtn {
      width: 80%;
      margin: 20px auto;
    }

.bntext a{color:#ffffff;}

.bntextb {
      width: auto;
      margin: 0 auto;
      text-align: center;
    }

.btn-square-shadow {
  display: inline-block;
    padding: 0.8em;
    text-decoration: none;
    background: rgb(24,44,124);
    background: -moz-linear-gradient(top, rgb(24,44,124) 5%, rgb(41,92,209) 60%, rgb(41,137,216) 100%);
    background: -webkit-linear-gradient(top, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    background: linear-gradient(to bottom, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c7c', endColorstr='#2989d8',GradientType=0 );
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 10px;
    width: 100%;
    max-width: 300px;
    margin: 24px auto;
}
.btn-square-shadow:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-square-shadow span.yellow{color:#ffff00;}
.btn-square-shadow h3{font-size: 14px;
    font-weight: bold;
    color: #ffffff;letter-spacing:normal;}

.fa-envelope{font-size: 2em;
    color: #ffffff;
    margin-right: 16px;}
.fa-phone-volume{margin-right: 0px;}

.bntext{font-weight:bold;}
.bntext2{font-weight:bold;font-size:12px;text-align:justify;padding: 0 16px;}

.buttonflex{display:flex;justify-content:space-evenly;}

.bnwrap{margin:40px auto;text-align:center;}
.bnwrap2{margin:40px auto 0px;text-align:center;}

img.staff{width:100%; max-width:400px;}

.footer-copy {
    margin-top: 1rem;
    font-size: 10px;
}

.footer-copy p {
    margin-bottom: 0;
    font-size: 10px;
}

/*審査申し込みボタン*/
.red-button {    margin: 1em auto;padding: 0 1em;
        
        }
.red-button img{}

        .red-button img:hover {
            transform: translateY(10px);
	transition:0.3s;
        }

        .red-button:active {
            transform: translateY(0);
        }


        /* 装飾的な要素 */
        .red-button::before {
     
        }

        .red-button img:hover::before {
            opacity: 1;
            animation: shine 0.6s ease-in-out;
        }

        @keyframes shine {
            0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
            100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
        }

.policywrap{    text-align: center;
    margin: 3em auto;
    font-size: 1.2em;}

.policywrap a{    border: 1px solid #000000;
    padding: 0.25em 1em;}

.policywrap .intxt{display:block;padding-top:0.5em;}

.flowbnimg{    margin: 40px auto;
    text-align: center;
    width: 100%;}

.flowbnimg img{    width: 100%;
    max-width: 80%;}



/* 321px〜479px：SP横
------------------------------ */
@media screen and (min-width:321px) and (max-width:479px) {
	.topmain2 .topbackground2 { z-index: 0; }

.topmain2 .mainimage2 {
   z-index: 10;
    position: absolute;
    top: 50%;
    left: 10%;
    -webkit-transform: translate(-15%,-50%);
    transform: translate(-6%,-50%);
}
     
.topmain2 .mainimage2 img {
    width: 100%;
    max-width: 1000px;
    height: auto;
}

.flexdl img:first-child {
    align-items: start;
    width: 100%;
    max-width: 160px;
    margin: 8px auto 0px;
}	
	

	
}

/* 480px〜599px：SP横
------------------------------ */
@media screen and (min-width:480px) and (max-width:599px) {

.flexdl img:first-child {
    align-items: start;
    width: 100%;
    max-width: 224px;
    margin: 8px auto 0px;
}

	
	
	
	
}

/* 600px〜767px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:767px) {

	
/* 表 */	

table.leasetable thead {
	display:table-header-group;
}
table.leasetable tbody th {
    display: table-cell;
}
table.leasetable tbody td {
	    display: table-cell;
}
table.leasetable tbody td::before {
	content: attr(label);
	float:none;
	font-weight:bold;
}
table.leasetable tbody td p {
	padding-left:0;
}	

	
table.leasetable {
	width:100%;
	border-right:#dfdfdf solid 1px;
	border-collapse: collapse;
}
table.leasetable thead th {
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
	vertical-align: middle;
}
	
table.leasetable thead th.bo{
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-top:2px solid #e3007f;
	border-right:#e3007f solid 2px;
   border-left:2px solid #e3007f;
	border-bottom:#ffffff solid 1px;
	vertical-align: middle;
}	
	
	
table.leasetable thead th:last-child {
	border-right:#dfdfdf solid 1px;
}
table.leasetable tbody th {
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-bottom:#ffffff solid 1px;
	width: 20%;
    vertical-align: middle;
}
table.leasetable tbody tr:last-child th {
	border-bottom:#ffffff solid 1px;
}
table.leasetable tbody td {
	background:#ffffff;
	padding:10px 15px;
	border-left:#dfdfdf solid 1px;
	border-bottom:#dfdfdf solid 1px;
	vertical-align:top;
}	

	table.leasetable td h4{font-size:40px;text-align:center;}
	table.leasetable th h4{font-size:28px;text-align:center;font-weight:bold;}	
	
	table.leasetable tbody td.beige{background:#FFF4F4;
	border-left:2px solid #e3007f;
	border-right:2px solid #e3007f;}	
	
	table.leasetable tbody td.beige2{background:#FFF4F4;
	border-left:2px solid #e3007f;
	border-right:2px solid #e3007f;
	border-bottom:2px solid #e3007f;}

table.leasetable tbody td p {
    font-size: 100%;
}
	
.flexdl img:first-child {
    align-items: start;
    width: 100%;
    max-width: 340px;
    margin: 16px auto;
}	
	
.att{font-weight:normal;text-align:right;
margin-top:8px;
font-size:90%;}	
	
	
	
	
	
}

/* 768px〜959px：タブレット
------------------------------ */
@media screen and (min-width:768px) and (max-width:959px) {
h2.pointh2rea{font-size:3em;}
	
.onlypc{display:inline-block;}
.onlypc2{display:block;}	
.onlymob{display:none;}	
	
.h-nav.rwd .h-nav__main a {
    color: #ffffff;
}	
	
.h-nav.rwd {
 background-color: #ff5000; 
}	
	
.header__title img {
    width: 100%;
    max-width: 400px;
}	

.header__title, .header__title a {
    margin-left:0px;
}	

.h-nav.rwd .h-nav__main {
    display: block;
    position: relative;
    padding: 0;
    opacity: 1;
    margin-top: 16px;
    visibility: visible;
    color: #ffffff;
    font-weight: bold;
    background: #ff5000;
}	
	
.h-nav.rwd .h-nav__main>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    max-width: fit-content;
    overflow-y: visible;
}	

.h-nav li, .h-nav ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
}	
	
.h-nav.rwd li {
    position: relative;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
}
	
.flex--nowrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}	

.h-nav label {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: none;
}	
	
.h-nav.-center a {
    padding: 1rem 2rem;
}	

.h-nav.rwd .h-nav__main a {
    color: inherit;
    font-size: .9rem;
}	

	
	
.text--center {
    text-align: center;
    width: 100%;
}	
	
.btn-square-shadow2 {
display: inline-block;
    padding: 8px;
    text-decoration: none;
    background: rgb(24,44,124);
    background: -moz-linear-gradient(top, rgb(24,44,124) 5%, rgb(41,92,209) 60%, rgb(41,137,216) 100%);
    background: -webkit-linear-gradient(top, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    background: linear-gradient(to bottom, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c7c', endColorstr='#2989d8',GradientType=0 );
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 10px;
    width: 264px;
    max-width: 100%;
margin: 0 0em 0em 0.5em;
}
.btn-square-shadow2:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-square-shadow2 span.yellow{color:#ffff00;}
.btn-square-shadow2 h3{font-size: 24px;
    font-weight: bold;
    color: #ffffff;letter-spacing:normal;}	
	.btn-square-shadow2 h4{font-size:12px;margin-top: 0;}
	
	
	
.btn-square-shadow3 {
display: inline-table;
    padding: 16px;
    text-decoration: none;
    background: rgb(24,44,124);
    background: -moz-linear-gradient(top, rgb(24,44,124) 5%, rgb(41,92,209) 60%, rgb(41,137,216) 100%);
    background: -webkit-linear-gradient(top, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    background: linear-gradient(to bottom, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c7c', endColorstr='#2989d8',GradientType=0 );
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 10px;
    width: 100%;
    max-width: 68px;
    margin: 0 0em 0em 0.5em;
    text-align: center;
}
.btn-square-shadow3:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-square-shadow3 span.yellow{color:#ffff00;}
	
.btn-square-shadow3 .fa-envelope {
  font-size: 1em;
    color: #ffffff;
    margin-right: 0px;
}	
	
	
	
	
.header__title, .header__title a {
    color: #ffffff;vertical-align: top;
}	
	
	
/* チラシ*/		
.recentflyer{margin:0 auto 0px;}		
.recentflyer:empty{display:none;}	
.rewrap2{margin-bottom:80px;}		
	
/* 表 */	

table.leasetable thead {
	display:table-header-group;
}
table.leasetable tbody th {
    display: table-cell;
}
table.leasetable tbody td {
	    display: table-cell;
}
table.leasetable tbody td::before {
	content: attr(label);
	float:none;
	font-weight:bold;
}
table.leasetable tbody td p {
	padding-left:0;
}	

	
table.leasetable {
	width:100%;
	border-right:#dfdfdf solid 1px;
	border-collapse: collapse;
}
table.leasetable thead th {
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
	vertical-align: middle;
}
	
table.leasetable thead th.bo{
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-top:2px solid #e3007f;
	border-right:#e3007f solid 2px;
   border-left:2px solid #e3007f;
	border-bottom:#ffffff solid 1px;
	vertical-align: middle;
}	
	
	
table.leasetable thead th:last-child {
	border-right:#dfdfdf solid 1px;
}
table.leasetable tbody th {
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-bottom:#ffffff solid 1px;
	width: 20%;
    vertical-align: middle;
}
table.leasetable tbody tr:last-child th {
	border-bottom:#ffffff solid 1px;
}
table.leasetable tbody td {
	background:#ffffff;
	padding:10px 15px;
	border-left:#dfdfdf solid 1px;
	border-bottom:#dfdfdf solid 1px;
	vertical-align:top;
}	

	table.leasetable td h4{font-size:40px;text-align:center;}
	table.leasetable th h4{font-size:32px;text-align:center;font-weight:bold;}	
	
	table.leasetable tbody td.beige{background:#FFF4F4;
	border-left:2px solid #e3007f;
	border-right:2px solid #e3007f;}	
	
	table.leasetable tbody td.beige2{background:#FFF4F4;
	border-left:2px solid #e3007f;
	border-right:2px solid #e3007f;
	border-bottom:2px solid #e3007f;}

	
	
	
/* 共通 */

h2{ color: #ffffff;
	font-size:36px;
	font-weight:bold;
 padding: 0.3em;/*文字周りの余白*/
  background: #e3007f;/*背景色*/
  border-bottom: solid 3px #ffa3d4;/*下線*/
	margin-bottom:40px;
	text-align:center;
}

h2.sectitle{
position: relative;
	padding:10px 20px;
	font-size:40px;
	color:#FFF;
	width: calc(100% - 80px);
	box-sizing: border-box;
	margin-left: 40px;
	margin-bottom: 40px;
	background: #ff5000;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
}
h2.sectitle:before, h2.sectitle:after{
content: "";
	position: absolute;
	top:10px;
	height: 0;
	width: 0;
	z-index:-1;
}

h2.sectitle:before {right: -40px;
	border-right-color: transparent;}
h2.sectitle:after {left: -40px;
	border-left-color: transparent;}

h2.sectitle span{
	display:block;
}
h2.sectitle span:before,
h2.sectitle span:after{
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #66003A;
}
h2.sectitle span:before{
	right: 0;
	border-left: 5px solid #66003A;
}
h2.sectitle span:after{
	left: 0;
	border-right: 5px solid #66003A;
}





.mainb{padding:0px 0 50px;}

.topmain{position:relative;
    top: 50%;}

.topmain .topbackground { z-index: 0; }

.topmain .mainimage {
    z-index: 10;
    position: absolute;
    top: 60%;
    left: 35%;
    -webkit-transform: translate(-27%,-55%);
    transform: translate(-27%,-55%);
}
     
.topmain .mainimage img {
    width: 100%;
    max-width: 1280px;
    height: auto;
}

.mainb2{padding:0px 0 160px;}
.topmain2{position:relative;
    top: 50%;}

.topmain2 .topbackground2 { z-index: 0; }

.topmain2 .mainimage2 {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
     
.topmain2 .mainimage2 img {
    width: 100%;
    max-width: 1000px;
    height: auto;
}

.tbt1 {
    text-align: center;
    font-size: 43px;
    font-weight: bold;
    line-height: 1.5;
    padding: 0.5em 0 0.2em;
}

.ud-shin-gont-b {
   font-family: 'Noto Sans JP', sans-serif;
	font-weight:bold;
}

.tbt1 span.brown {
    font-size: 43px;
    color: #927226;
}

.tbt1 span {
    font-size: 35px;
}

.tbt1 span.red {
    font-size: 43px;
    color: #ff0012;
}

.tbt1 span {
    font-size: 35px;
}

.tbt2 {
    text-align: center;
    font-size: 43px;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 0 1.5em;
    color: #ff0012;
}

.tbt2 span {
    background: linear-gradient(transparent -10%,#ff0 -10%);
    padding: 0px 10px;
    line-height: 1;
    display: inline-block;
}



.container {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
	    overflow: hidden;
}

.containerin{width:100%;
max-width:1000px;
margin:0 auto;}

.section{margin:160px auto;}
.sectionc{margin:80px auto;}
.sectioneven{background:#dfdfdf;margin:20px auto;}
.s-even{background:#F7F6F1;padding: 36px;}

img.trouble{width:100%;max-width:640px;margin:0 auto -36px; display: block;}

.flexdl{display:flex;
flex-wrap:wrap;
justify-content:space-evenly;}

.flexdl img{align-items:start;width:100%;max-width:376px;margin:36px;}

	
.flexdl img:first-child {
    align-items: start;
    width: 100%;
    max-width: 376px;
    margin: 16px auto 0px;
}	
	
	
.flexdl2{display:flex;flex-wrap:wrap;justify-content:space-around;}
.dl2l{width:100%;text-align:justify;}
.dl2r{width:100%;text-align:justify;}

.dl2l h4,.dl2r h4{font-size:24px;font-weight:bold;text-align:center;margin:16px auto;}

.dl2rt,.dl2lt{text-align:center;}
	
	
h2.sectitleo{background:#ff9900;border:none;    margin-bottom: 0px;}
.numtitleo {
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #ff9900;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;
	
}


h2.sectitleg{background:#55c234;border:none;    margin-bottom: 0px;}
.numtitleg{
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #55c234;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;	
}

h2.sectitlere{background:#C41D28;border:none;    margin-bottom: 0px;}
.numtitlere{
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #C41D28;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;	
}

h2.sectitlep{background:#A890F0;border:none;    margin-bottom: 0px;}
.numtitlep{
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #A890F0;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;	
}



h2.sectitler{background:#e84152;}

.tb{position: relative;}

.tb p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
 color:#ffffff;
	font-size:20px;
	text-align:center;
  }

.tb img {
  width: 100%;
  }

span.large{font-weight:bold;font-size:24px;}

.center{text-align:center;margin:0 auto;}

.utriangle{
 width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-top: 45px solid #ff0000;
    margin: -15px auto 0;
}

.utriangle2{
width: 0;
    height: 0;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #ff0000;
    margin: 0px auto 40px;
}

.backinbeige{background:#FFF0D8;padding:40px;text-align: center;
    font-weight: bold;
    font-size: 20px;}
.komiflex{display:flex;justify-content:space-around;margin:40px auto 8px;}
.hiyoimg{width:100%;max-width:150px;}
.hiyotxt{background:#ff9900;border-radius:16px;border:#ff9900 1px solid;font-size:14px;color:#ffffff;padding:1px;margin-top:16px;}

	
	
/* フォーム */		
	
table.inquiry{width: 100%;
    max-width: 800px;
    display: table;
    margin: 0 auto 16px;}	
	
	.inquiry th,.inquiry td {
 border-top:none;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
	display:table-cell;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7;
}

.inquiry th{
width:25%;
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 background:#f7f7f7;
padding: 2%;
border:solid 1px #d7d7d7;
}

.inquiry td{
 font-size:14px;
 border:solid 1px #d7d7d7;	
padding:2%;
	width:75%;flex-direction: row;

}
/*新車定額*/	
.backinpur{background: #DED8F0;
    padding:40px;text-align: center;
    font-weight: bold;
    font-size: 20px;}	
	
.att{font-weight:normal;text-align:right;
margin-top:8px;
font-size:90%;}	
	
/*ポイント*/
.pointflex{    display: flex;
    justify-content: space-between;flex-wrap: wrap;}
.pointl,.pointr{width:50%;margin-bottom: 2em;padding:0 2%;}
.pointl:last-child,.pointr:last-child{margin-bottom:0;}		
	
/* カスタマイズ*/
.customflex{display:flex;justify-content: space-evenly;margin:40px auto;line-height: 2.5em;
    align-items: center;flex-direction: row;}
.customflex ul{text-align:left;}
.customflex ul li{font-weight:bold;font-size:24px;color:#55c234;}

.cufr img{width:100%;max-width:400px;}

.backingreen{background:#edfdf0;padding:40px;text-align: center;
    font-weight: bold;
    font-size: 20px;}

/* 車がもらえる*/
.backinpink{background:#F9EBE3;padding:40px;text-align: center;
    font-weight: bold;
    font-size: 20px;}
.imgmargin{margin-top:40px;}
.imgmargin2{margin:40px;}

/* おすすめ*/

.osusumeb h3{
position: relative;
    color: #000000;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 2em;
    padding: 0;
}

.fa-check-square{padding-right: 0.3em;
    font-size: 2em;
    color: red;
    vertical-align: sub;
    height: 100%;
}

.osusumeb p{text-indent:2em;}

h2.osusume{background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffdfef 0%) repeat scroll 0 0;
    color: black;
    line-height: 1em;
    border: none;
    font-weight: bold;
    font-size: 40px;
}

.note_wrap{
     background: #fff;
    padding: 0em 2em;
    width: 100%;
    max-width: 880px;
    margin: auto;
}
.note{
    border-bottom: 2px dotted #dfdfdf;
    margin-bottom: 2em;
}
.note p{
	margin-bottom:2em;}



/* お客様の声*/

h2.customer{color: #6cb4e4;
  text-align: center;
  padding: 0.25em;
  border-top: solid 3px #6cb4e4;
  border-bottom: solid 3px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
 z-index: 0;
font-size:40px;}




.voicesub{font-size:24px;display:block;}

.backinblue{background:#e9f4ff;padding:40px;}
.cusb{    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #ffffff;
    padding: 24px;
    margin-bottom: 40px;flex-direction: row;}

.cusb:last-child{margin-bottom:0px;}
.cusbl{width: 70%;
    font-size: 18px;
    padding-right: 5%;}
.cusbr{width:30%;}
.cusbr img{border:1px solid #dfdfdf;align-self: flex-start;display:block;}
span.cusadd{ color: #000000;/*文字色*/
 padding: 0.7em 0 0;
font-size:16px;
display:block;}

.cusblin{display:flex;justify-content:space-evenly;align-items:flex-start;margin:24px auto 0px;}
.cusblin h4{font-size:24px;font-weight:bold;color:#6cb4e4;}
.cusblin img{width:100%;max-width:100px;margin: 0;align-self: flex-start;}

.custxt{position: relative;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    margin-top: 16px;
    border-radius: 10px;}

.custxt::before{
  content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 20px;
    top: -14px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #dfdfdf;
    border-left: 15px solid transparent;
}

.custxt::after{
  content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 20px;
    top: -13px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid transparent;
}


/* 納車の流れ*/
span.redb{background: #ff0000;
    border-radius: 3px;
    color: #ffffff;
    padding: 4px;
    margin-right: 8px;
    font-size: 16px;
    display: inline;
    vertical-align: bottom;}

.flowflex{display:flex;justify-content:space-between;flex-direction: row;}
.ffl{width:30%;}
.ffr{width:70%;padding-left:5%;}

.ffr h3{font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 1em;}
	
/* 質問の流れ*/	
.cp_qa .cp_actab label {
    font-weight: bold;
    line-height: 1.6em;
    position: relative;
    display: block;
    margin: 1em 0 0 0;
    padding: 1em 3em 1em 2.5em;
    cursor: pointer;
    text-indent: 1em;
    border-radius: 0.5em;
    background: rgba(254,220,204,0.1);
    border: 2px solid #ff5000;
    font-size: 20px;
}	
	
.cp_qa {
    padding: 0;
}	
	
	
	
	
/* 会社案内*/

.tablebox{  display: table;
  width: 800px;margin:40px auto;padding: 0;}

.annai{
    width: 50%;
    max-width: 400px;
    margin: 40px auto;
display: table-cell;}

.annai2{
    width: 50%;
    max-width: 400px;
    margin: 40px auto;
display: table-cell;}

.annai tr,.annai2 tr{border-bottom:2px dotted #dfdfdf;}

.annai th,.annai2 th{text-align:left;padding:8px;font-size: 16px;}
.annai td,.annai2 td{text-align:left;padding:8px;font-size: 16px;}
.annai h4{display:inline-block;font-weight:bold;margin-right:8px;}	

.annai td {
    text-indent: 0em;
}	
	
.annai2 td{text-indent:0em;}		
	
/* 告知バナー*/
.bnbox{-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
background-size: 4px 4px;
background-color: #ff6300;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #ff7800), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #ff7800),
            color-stop(.75, #ff7800), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
    padding: 30px 0;
    width: 100%;
    color: #ffffff;
    text-align: center;
}

.bncatch {
    font-size: 24px;
    font-weight: bold;
}

.bntel {
    position: relative;
    padding-left: 50px;
    font-size: 50px;
    font-weight: bold;
    margin: 15px auto 0;
    display: inline-block;
	color:#ffffff;
}

.bntime {
      font-size: 14px;
    }
 .bnbtn {
      width: 80%;
      margin: 20px auto;
    }

.bntext a{color:#ffffff;
    margin-left: 16px;}

.bntextb {
      width: auto;
      margin: 0 auto;
      text-align: center;
    }

.btn-square-shadow {
   display: inline-block;
 padding: 2em 1em;
  text-decoration: none;
background: rgb(24,44,124); /* Old browsers */
background: -moz-linear-gradient(top, rgb(24,44,124) 5%, rgb(41,92,209) 60%, rgb(41,137,216) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c7c', endColorstr='#2989d8',GradientType=0 ); /* IE6-9 */
color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 10px;
    width: 100%;
    max-width: 656px;
    margin: 24px auto;
}
.btn-square-shadow:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-square-shadow span.yellow{color:#ffff00;}
.btn-square-shadow h3{font-size: 32px;
    font-weight: bold;
    color: #ffffff;letter-spacing:normal;}

.fa-envelope{font-size: 5em;
    color: #ffffff;
    margin-right: 16px;}
.fa-phone-volume{margin-right: 0px;}


.buttonflex{display:flex;justify-content:space-evenly;}

.bnwrap{margin:160px auto;text-align:center;}
.bnwrap2{margin:160px auto 0px;text-align:center;}

img.staff{width:100%; max-width:400px;    margin-bottom: -8px;}	

.bntext2 {
    font-weight: bold;
    font-size: 20px;
    padding: 0 16px;
    text-align: center;
}
	
.footer-copy p {
    font-size: 12px;
}	
}


/* 960px〜1279px：小型PC
------------------------------ */
@media screen and (min-width:960px) and (max-width:1279px) {

h2.pointh2rea{font-size:4em;}	
	
.onlypc{display:inline-block;}
.onlypc2{display:block;}	
.onlymob{display:none;}	

.h-nav.rwd .h-nav__main a {
    color: #ffffff;
}	
	
.h-nav.rwd {
 background-color: #ff5000; 
}	
	
.header__title img {
    width: 100%;
    max-width: 400px;
}	

.header__title, .header__title a {
    margin-left:0px;
}	

.h-nav.rwd .h-nav__main {
    display: block;
    position: relative;
    padding: 0;
    opacity: 1;
    margin-top: 16px;
    visibility: visible;
    color: #ffffff;
    font-weight: bold;
    background: #e3007f;
}	
	
.h-nav.rwd .h-nav__main>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    max-width: fit-content;
    overflow-y: visible;
}	

.h-nav li, .h-nav ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: flex;
}	
	
.h-nav.rwd li {
    position: relative;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
}
	
.flex--nowrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}	

.h-nav label {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: none;
}	
	
.h-nav.-center a {
    padding: 1rem 2rem;
}	

.h-nav.rwd .h-nav__main a {
    color: inherit;
    font-size: .9rem;
}	
	
	
.text--center {
    text-align: center;
    width: 100%;
	padding-bottom: 0;
}	
	
	
	
.header__title img {
    width: 100%;
    max-width: 400px;
}	

.header__title, .header__title a {
    margin-left:0px;
}	

.h-nav.rwd .h-nav__main {
    display: block;
    position: relative;
    padding: 0;
    opacity: 1;
    margin-top: 16px;
    visibility: visible;
    color: #ffffff;
    font-weight: bold;
	background:#ff5000;
}	
	
	
.btn-square-shadow2 {
display: inline-block;
    padding: 8px;
    text-decoration: none;
    background: rgb(24,44,124);
    background: -moz-linear-gradient(top, rgb(24,44,124) 5%, rgb(41,92,209) 60%, rgb(41,137,216) 100%);
    background: -webkit-linear-gradient(top, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    background: linear-gradient(to bottom, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c7c', endColorstr='#2989d8',GradientType=0 );
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 10px;
   width: 264px;
    max-width: 100%;
margin: 0 0em 0em 0.5em;
}
.btn-square-shadow2:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-square-shadow2 span.yellow{color:#ffff00;}
.btn-square-shadow2 h3{font-size: 24px;
    font-weight: bold;
    color: #ffffff;letter-spacing:normal;}	
	.btn-square-shadow2 h4{font-size:12px;margin-top: 0;}
	
	
	
.btn-square-shadow3 {
display: inline-table;
    padding: 24px;
    text-decoration: none;
    background: rgb(24,44,124);
    background: -moz-linear-gradient(top, rgb(24,44,124) 5%, rgb(41,92,209) 60%, rgb(41,137,216) 100%);
    background: -webkit-linear-gradient(top, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    background: linear-gradient(to bottom, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c7c', endColorstr='#2989d8',GradientType=0 );
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 10px;
    width: 100%;
    max-width: 68px;
    margin: 0 0em 0em 0.5em;
    text-align: center;
    vertical-align: middle;
    align-self: center;
    font-size: 1em;
}
.btn-square-shadow3:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-square-shadow3 span.yellow{color:#ffff00;}
	
.btn-square-shadow3 .fa-envelope {
 font-size: 2em;
    color: #ffffff;
    margin-right: 0px;
    vertical-align: bottom;
}	
	
.header__title, .header__title a {
    color: #ffffff;vertical-align: top;
}	
	
	
	
/* チラシ*/		
.recentflyer{margin:0 auto 0px;}		
.recentflyer:blank{display:none;border:none;margin:0;}	
.rewrap2{margin-bottom:80px;}	
	
/* 表 */	

table.leasetable thead {
	display:table-header-group;
}
table.leasetable tbody th {
    display: table-cell;
}
table.leasetable tbody td {
	    display: table-cell;
}
table.leasetable tbody td::before {
	content: attr(label);
	float:none;
	font-weight:bold;
}
table.leasetable tbody td p {
	padding-left:0;
}	

	
table.leasetable {
	width:100%;
	border-right:#dfdfdf solid 1px;
	border-collapse: collapse;
}
table.leasetable thead th {
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
	vertical-align: middle;
}
	
table.leasetable thead th.bo{
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-top:2px solid #e3007f;
	border-right:#e3007f solid 2px;
   border-left:2px solid #e3007f;
	border-bottom:#ffffff solid 1px;
	vertical-align: middle;
}	
	
	
table.leasetable thead th:last-child {
	border-right:#dfdfdf solid 1px;
}
table.leasetable tbody th {
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-bottom:#ffffff solid 1px;
	width: 20%;
    vertical-align: middle;
}
table.leasetable tbody tr:last-child th {
	border-bottom:#ffffff solid 1px;
}
table.leasetable tbody td {
	background:#ffffff;
	padding:10px 15px;
	border-left:#dfdfdf solid 1px;
	border-bottom:#dfdfdf solid 1px;
	vertical-align:top;
}	

	table.leasetable td h4{font-size:40px;text-align:center;}
	table.leasetable th h4{font-size:32px;text-align:center;font-weight:bold;}	
	
	table.leasetable tbody td.beige{background:#FFF4F4;
	border-left:2px solid #e3007f;
	border-right:2px solid #e3007f;}	
	
	table.leasetable tbody td.beige2{background:#FFF4F4;
	border-left:2px solid #e3007f;
	border-right:2px solid #e3007f;
	border-bottom:2px solid #e3007f;}

	
	
	
/* 共通 */

h2{ color: #ffffff;
	font-size:36px;
	font-weight:bold;
 padding: 0.3em;/*文字周りの余白*/
  background: #e3007f;/*背景色*/
  border-bottom: solid 3px #ffa3d4;/*下線*/
	margin-bottom:40px;
	text-align:center;
}

h2.sectitle{
position: relative;
	padding:10px 20px;
	font-size:40px;
	color:#FFF;
	width: calc(100% - 80px);
	box-sizing: border-box;
	margin-left: 40px;
	margin-bottom: 40px;
	background: #ff5000;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
}
h2.sectitle:before, h2.sectitle:after{
content: "";
	position: absolute;
	top:10px;
	height: 0;
	width: 0;
	z-index:-1;
}

h2.sectitle:before {right: -40px;
	border-right-color: transparent;}
h2.sectitle:after {left: -40px;
	border-left-color: transparent;}

h2.sectitle span{
	display:block;
}
h2.sectitle span:before,
h2.sectitle span:after{
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #66003A;
}
h2.sectitle span:before{
	right: 0;
	border-left: 5px solid #66003A;
}
h2.sectitle span:after{
	left: 0;
	border-right: 5px solid #66003A;
}





.mainb{padding:0px 0 50px;}

.topmain{position:relative;
    top: 50%;}

.topmain .topbackground { z-index: 0; }

.topmain .mainimage {
    z-index: 10;
    position: absolute;
    top: 60%;
    left: 35%;
    -webkit-transform: translate(-27%,-55%);
    transform: translate(-27%,-55%);
}
     
.topmain .mainimage img {
    width: 100%;
    max-width: 1280px;
    height: auto;
}

.mainb2{padding:0px 0 160px;}
.topmain2{position:relative;
    top: 50%;}

.topmain2 .topbackground2 { z-index: 0; }

.topmain2 .mainimage2 {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
     
.topmain2 .mainimage2 img {
    width: 100%;
    max-width: 1000px;
    height: auto;
}

.tbt1 {
    text-align: center;
    font-size: 43px;
    font-weight: bold;
    line-height: 1.5;
    padding: 0.5em 0 0.2em;
}

.ud-shin-gont-b {
   font-family: 'Noto Sans JP', sans-serif;
}

.tbt1 span.brown {
    font-size: 43px;
    color: #927226;
}

.tbt1 span {
    font-size: 35px;
}

.tbt1 span.red {
    font-size: 43px;
    color: #ff0012;
}

.tbt1 span {
    font-size: 35px;
}

.tbt2 {
    text-align: center;
    font-size: 43px;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 0 1.5em;
    color: #ff0012;
}

.tbt2 span {
    background: linear-gradient(transparent -10%,#ff0 -10%);
    padding: 0px 10px;
    line-height: 1;
    display: inline-block;
}



.container {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
	    overflow: hidden;
}

.containerin{width:100%;
max-width:1000px;
margin:0 auto;}

.section{margin:160px auto;}
.sectionc{margin:80px auto;}
.sectioneven{background:#dfdfdf;margin:20px auto;}
.s-even{background:#F7F6F1;padding: 36px;}

img.trouble{width:100%;max-width:640px;margin:0 auto -36px; display: block;}

.flexdl{display:flex;
flex-wrap:wrap;
justify-content:space-evenly;}

.flexdl img{align-items:start;width:100%;max-width:376px;margin:36px;}

.flexdl img:first-child {
    align-items: start;
    width: 100%;
    max-width: 376px;
    margin: 36px;
}	
	
.flexdl2{display:flex;flex-wrap:wrap;justify-content:space-around;}
.dl2l{width:100%;text-align:justify;}
.dl2r{width:100%;text-align:justify;}

.dl2l h4,.dl2r h4{font-size:24px;font-weight:bold;text-align:center;margin:16px auto;}

.dl2rt,.dl2lt{text-align:center;}	
	
h2.sectitleo{background:#ff9900;border:none;    margin-bottom: 0px;}
.numtitleo {
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #ff9900;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;
	
}


h2.sectitleg{background:#55c234;border:none;    margin-bottom: 0px;}
.numtitleg{
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #55c234;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;	
}

h2.sectitlere{background:#C41D28;border:none;    margin-bottom: 0px;}
.numtitlere{
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #C41D28;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;	
}

h2.sectitlep{background:#A890F0;border:none;    margin-bottom: 0px;}
.numtitlepur{
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #A890F0;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;	
}



h2.sectitler{background:#e84152;}

.tb{position: relative;}

.tb p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
 color:#ffffff;
	font-size:20px;
	text-align:center;
  }

.tb img {
  width: 100%;
  }

span.large{font-weight:bold;font-size:24px;}

.center{text-align:center;margin:0 auto;}

.utriangle{
 width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-top: 45px solid #ff0000;
    margin: -15px auto 0;
}

.utriangle2{
width: 0;
    height: 0;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #ff0000;
    margin: 0px auto 40px;
}

.backinbeige{background:#FFF0D8;padding:40px;text-align: center;
    font-weight: bold;
    font-size: 20px;}
.komiflex{display:flex;justify-content:space-around;margin:40px auto 8px;}
.hiyoimg{width:100%;max-width:150px;}
.hiyotxt{background:#ff9900;border-radius:16px;border:#ff9900 1px solid;font-size:14px;color:#ffffff;padding:1px;margin-top:16px;}

	
	
/* フォーム */		
	
table.inquiry{width: 100%;
    max-width: 800px;
    display: table;
    margin: 0 auto 16px;}	
	
	.inquiry th,.inquiry td {
 border-top:none;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
	display:table-cell;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7;
}

.inquiry th{
width:25%;
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 background:#f7f7f7;
padding: 2%;
border:solid 1px #d7d7d7;
}

.inquiry td{
 font-size:14px;
 border:solid 1px #d7d7d7;	
padding:2%;
	width:75%;flex-direction: row;

}
	
/*新車定額*/	
	.backinpur{background:#DED8F0;padding:40px;text-align: center;
    font-weight: bold;
    font-size: 20px;}
	
/*ポイント*/
.pointflex{    display: flex;
    justify-content: space-between;flex-wrap: wrap;}
.pointl,.pointr{width:50%;margin-bottom: 2em;padding:0 2%;}
.pointl:last-child,.pointr:last-child{margin-bottom:0;}		
	
	
/* カスタマイズ*/
.customflex{display:flex;justify-content: space-evenly;margin:40px auto;line-height: 2.5em;
    align-items: center;flex-direction: row;}
.customflex ul{text-align:left;}
.customflex ul li{font-weight:bold;font-size:24px;color:#55c234;}

.cufr img{width:100%;max-width:400px;}

.backingreen{background:#edfdf0;padding:40px;text-align: center;
    font-weight: bold;
    font-size: 20px;}

/* 車がもらえる*/
.backinpink{background:#F9EBE3;padding:40px;text-align: center;
    font-weight: bold;
    font-size: 20px;}
.imgmargin{margin-top:40px;}
.imgmargin2{margin:40px;}
	
.att{font-weight:normal;text-align:right;
margin-top:8px;
font-size:90%;}
	
	
/* おすすめ*/

.osusumeb h3{
position: relative;
    color: #000000;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 2em;
    padding: 0;
}

.fa-check-square{padding-right: 0.3em;
    font-size: 2em;
    color: red;
    vertical-align: sub;
    height: 100%;
}

.osusumeb p{text-indent:2em;}

h2.osusume{background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffdfef 0%) repeat scroll 0 0;
    color: black;
    line-height: 1em;
    border: none;
    font-weight: bold;
    font-size: 40px;
}

.note_wrap{
     background: #fff;
    padding: 0em 2em;
    width: 100%;
    max-width: 880px;
    margin: auto;
}
.note{
    border-bottom: 2px dotted #dfdfdf;
    margin-bottom: 2em;
}
.note p{
	margin-bottom:2em;}



/* お客様の声*/

h2.customer{color: #6cb4e4;
  text-align: center;
  padding: 0.25em;
  border-top: solid 3px #6cb4e4;
  border-bottom: solid 3px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
 z-index: 0;
font-size:40px;}




.voicesub{font-size:24px;display:block;}

.backinblue{background:#e9f4ff;padding:40px;}
.cusb{    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #ffffff;
    padding: 24px;
    margin-bottom: 40px;flex-direction: row;}

.cusb:last-child{margin-bottom:0px;}
.cusbl{width: 70%;
    font-size: 18px;
    padding-right: 5%;}
.cusbr{width:30%;}
.cusbr img{border:1px solid #dfdfdf;display:block;}
span.cusadd{ color: #000000;/*文字色*/
 padding: 0.7em 0 0;
font-size:16px;
display:block;}

.cusblin{display:flex;justify-content:space-evenly;margin: 24px auto 0;}
.cusblin h4{font-size:24px;font-weight:bold;color:#6cb4e4;}
.cusblin img{width:100%;max-width:100px;margin: 0;}

.custxt{position: relative;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    margin-top: 16px;
    border-radius: 10px;}

.custxt::before{
  content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 20px;
    top: -14px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #dfdfdf;
    border-left: 15px solid transparent;
}

.custxt::after{
  content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 20px;
    top: -13px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid transparent;
}


/* 納車の流れ*/
span.redb{background: #ff0000;
    border-radius: 3px;
    color: #ffffff;
    padding: 4px;
    margin-right: 8px;
    font-size: 16px;
    display: inline;
    vertical-align: bottom;}

.flowflex{display:flex;justify-content:space-between;flex-direction: row;}
.ffl{width:30%;}
.ffr{width:70%;padding-left:5%;}

.ffr h3{font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 1em;}
	
/* 質問の流れ*/	
.cp_qa .cp_actab label {
    font-weight: bold;
    line-height: 1.6em;
    position: relative;
    display: block;
    margin: 1em 0 0 0;
    padding: 1em 3em 1em 2.5em;
    cursor: pointer;
    text-indent: 1em;
    border-radius: 0.5em;
    background: rgba(254,220,204,0.1);
    border: 2px solid #ff5000;
    font-size: 20px;
}	
	
.cp_qa {
    padding: 0;
}	
	
	
	
	
/* 会社案内*/

.tablebox{  display: table;
  width: 800px;margin:40px auto;padding: 0;}

.annai{
    width: 50%;
    max-width: 400px;
    margin: 40px auto;
display: table-cell;}

.annai2{
    width: 50%;
    max-width: 400px;
    margin: 40px auto;
display: table-cell;}

.annai tr,.annai2 tr{border-bottom:2px dotted #dfdfdf;}

.annai th,.annai2 th{text-align:left;padding:8px;font-size: 16px;}
.annai td,.annai2 td{text-align:left;padding:8px;font-size: 16px;}
.annai h4{display:inline-block;font-weight:bold;margin-right:8px;}	

.annai td {
    text-indent: 0em;
}	
	
.annai2 td{text-indent:0em;}	
	
	
/* 告知バナー*/
.bnbox{-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
background-size: 4px 4px;
background-color: #ff6300;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #ff7800), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #ff7800),
            color-stop(.75, #ff7800), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
    padding: 30px 0;
    width: 100%;
    color: #ffffff;
    text-align: center;
}

.bncatch {
    font-size: 24px;
    font-weight: bold;
}

.bntel {
    position: relative;
    padding-left: 50px;
    font-size: 50px;
    font-weight: bold;
    margin: 15px auto 0;
    display: inline-block;
	color:#ffffff;
}

.bntime {
      font-size: 14px;
    }
 .bnbtn {
      width: 80%;
      margin: 20px auto;
    }

.bntext a{color:#ffffff;
    margin-left: 16px;}

.bntextb {
      width: auto;
      margin: 0 auto;
      text-align: center;
    }

.btn-square-shadow {
   display: inline-block;
 padding: 2em 1em;
  text-decoration: none;
background: rgb(24,44,124); /* Old browsers */
background: -moz-linear-gradient(top, rgb(24,44,124) 5%, rgb(41,92,209) 60%, rgb(41,137,216) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c7c', endColorstr='#2989d8',GradientType=0 ); /* IE6-9 */
color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 10px;
    width: 100%;
    max-width: 656px;
    margin: 24px auto;
}
.btn-square-shadow:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-square-shadow span.yellow{color:#ffff00;}
.btn-square-shadow h3{font-size: 32px;
    font-weight: bold;
    color: #ffffff;letter-spacing:normal;}

.fa-envelope{font-size: 5em;
    color: #ffffff;
    margin-right: 16px;}
.fa-phone-volume{margin-right: 0px;}


.buttonflex{display:flex;justify-content:space-evenly;}

.bnwrap{margin:160px auto;text-align:center;}
.bnwrap2{margin:160px auto 0px;text-align:center;}

img.staff{width:100%; max-width:400px;}	

.bntext2 {
    font-weight: bold;
    font-size: 20px;
    padding: 0 16px;
    text-align: center;
}
	
.footer-copy p {
    font-size: 12px;
}	
	
}

/* 1280px〜：大型PC
------------------------------ */
@media screen and (min-width:1280px) {

h2.pointh2rea{font-size:4em;}	
	
.onlypc{display:inline-block;}
.onlypc2{display:block;}	
.onlymob{display:none;}	
	
.h-nav.rwd .h-nav__main a {
    color: #ffffff;
}
	
.header__title img {
    width: 100%;
    max-width: 400px;
}	

.header__title, .header__title a {
    margin-left:0px;
}	
	
	
.btn-square-shadow2 {
display: inline-block;
    padding: 8px;
    text-decoration: none;
    background: rgb(24,44,124);
    background: -moz-linear-gradient(top, rgb(24,44,124) 5%, rgb(41,92,209) 60%, rgb(41,137,216) 100%);
    background: -webkit-linear-gradient(top, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    background: linear-gradient(to bottom, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c7c', endColorstr='#2989d8',GradientType=0 );
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 10px;
   width: 264px;
    max-width: 100%;
margin: 0 0em 0em 0.5em;
}
.btn-square-shadow2:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-square-shadow2 span.yellow{color:#ffff00;}
.btn-square-shadow2 h3{font-size: 24px;
    font-weight: bold;
    color: #ffffff;letter-spacing:normal;}	
	.btn-square-shadow2 h4{font-size:12px;margin-top: 0;}
	
	
	
.btn-square-shadow3 {
display: inline-table;
    padding: 24px 16px;
    text-decoration: none;
    background: rgb(24,44,124);
    background: -moz-linear-gradient(top, rgb(24,44,124) 5%, rgb(41,92,209) 60%, rgb(41,137,216) 100%);
    background: -webkit-linear-gradient(top, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    background: linear-gradient(to bottom, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c7c', endColorstr='#2989d8',GradientType=0 );
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 10px;
    width: 100%;
    max-width: 68px;
    margin: 0 0em 0em 0.5em;
    text-align: center;
	align-self: center;
    vertical-align: middle;
}
.btn-square-shadow3:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-square-shadow3 span.yellow{color:#ffff00;}
	
.btn-square-shadow3 .fa-envelope {
  font-size: 2em;
    color: #ffffff;
    margin-right: 0px;
}	
.header__title, .header__title a {
    color: #ffffff;vertical-align: top;
}	
	
/* チラシ*/		
.recentflyer{margin:0 auto 0px;}	
.rewrap:empty{display:none;}
.rewrap2{margin-bottom:80px;}	
	
	
/* 表 */	

table.leasetable thead {
	display:table-header-group;
}
table.leasetable tbody th {
    display: table-cell;
}
table.leasetable tbody td {
	    display: table-cell;
}
table.leasetable tbody td::before {
	content: attr(label);
	float:none;
	font-weight:bold;
}
table.leasetable tbody td p {
	padding-left:0;
}	

	
table.leasetable {
	width:100%;
	border-right:#dfdfdf solid 1px;
	border-collapse: collapse;
}
table.leasetable thead th {
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
	vertical-align: middle;
}
	
table.leasetable thead th.bo{
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-top:2px solid #e3007f;
	border-right:#e3007f solid 2px;
   border-left:2px solid #e3007f;
	border-bottom:#ffffff solid 1px;
	vertical-align: middle;
}	
	
	
table.leasetable thead th:last-child {
	border-right:#dfdfdf solid 1px;
}
table.leasetable tbody th {
	background:#dfdfdf;
	color:#000000;
	padding:10px 15px;
	border-bottom:#ffffff solid 1px;
	width: 20%;
    vertical-align: middle;
}
table.leasetable tbody tr:last-child th {
	border-bottom:#ffffff solid 1px;
}
table.leasetable tbody td {
	background:#ffffff;
	padding:10px 15px;
	border-left:#dfdfdf solid 1px;
	border-bottom:#dfdfdf solid 1px;
	vertical-align:top;
}	

	table.leasetable td h4{font-size:40px;text-align:center;}
	table.leasetable th h4{font-size:32px;text-align:center;font-weight:bold;}	
	
	table.leasetable tbody td.beige{background:#FFF4F4;
	border-left:2px solid #e3007f;
	border-right:2px solid #e3007f;}	
	
	table.leasetable tbody td.beige2{background:#FFF4F4;
	border-left:2px solid #e3007f;
	border-right:2px solid #e3007f;
	border-bottom:2px solid #e3007f;}

	
	
	
/* 共通 */

h2{ color: #ffffff;
	font-size:36px;
	font-weight:bold;
 padding: 0.3em;/*文字周りの余白*/
  background: #ff5000;/*背景色*/
  border-bottom: solid 3px #ffa3d4;/*下線*/
	margin-bottom:40px;
	text-align:center;
}

h2.sectitle{
position: relative;
	padding:10px 20px;
	font-size:40px;
	color:#FFF;
	width: calc(100% - 80px);
	box-sizing: border-box;
	margin-left: 40px;
	margin-bottom: 40px;
	background: #ff5000;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
}
h2.sectitle:before, h2.sectitle:after{
content: "";
	position: absolute;
	top:10px;
	height: 0;
	width: 0;
	z-index:-1;
}

h2.sectitle:before {right: -40px;
	border-right-color: transparent;}
h2.sectitle:after {left: -40px;
	border-left-color: transparent;}

h2.sectitle span{
	display:block;
}
h2.sectitle span:before,
h2.sectitle span:after{
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top: 5px solid #66003A;
}
h2.sectitle span:before{
	right: 0;
	border-left: 5px solid #66003A;
}
h2.sectitle span:after{
	left: 0;
	border-right: 5px solid #66003A;
}





.mainb{padding:0px 0 50px;}

.topmain{position:relative;
    top: 50%;}

.topmain .topbackground { z-index: 0; }

.topmain .mainimage {
    z-index: 10;
    position: absolute;
    top: 60%;
    left: 35%;
    -webkit-transform: translate(-27%,-55%);
    transform: translate(-27%,-55%);
}
     
.topmain .mainimage img {
    width: 100%;
    max-width: 1280px;
    height: auto;
}

.mainb2{padding:0px 0 160px;}
.topmain2{position:relative;
    top: 50%;}

.topmain2 .topbackground2 { z-index: 0; }

.topmain2 .mainimage2 {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
     
.topmain2 .mainimage2 img {
    width: 100%;
    max-width: 1000px;
    height: auto;
}





.container {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
	    overflow: hidden;
}

.containerin{width:100%;
max-width:1000px;
margin:0 auto;}

.section{margin:160px auto;}
.sectionc{margin:80px auto;}
.sectioneven{background:#dfdfdf;margin:20px auto;}
.s-even{background:#F7F6F1;padding: 36px;}

img.trouble{width:100%;max-width:640px;margin:0 auto -36px; display: block;}

.flexdl{display:flex;
flex-wrap:wrap;
justify-content:space-evenly;}

.flexdl img{align-items:start;width:100%;max-width:376px;margin:36px;}

.flexdl img:first-child {
    align-items: start;
    width: 100%;
    max-width: 376px;
    margin: 36px auto;
}	
	
	
.flexdl2{display:flex;flex-wrap:wrap;justify-content:space-around;}
.dl2l{width:100%;text-align:justify;}
.dl2r{width:100%;text-align:justify;}

.dl2l h4,.dl2r h4{font-size:24px;font-weight:bold;text-align:center;margin:16px auto;}

.dl2rt,.dl2lt{text-align:center;}	
	
h2.sectitleo{background:#ff9900;border:none;    margin-bottom: 0px;}
.numtitleo {
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #ff9900;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;
	
}


h2.sectitleg{background:#55c234;border:none;    margin-bottom: 0px;}
.numtitleg{
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #55c234;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;	
}

h2.sectitlere{background:#C41D28;border:none;    margin-bottom: 0px;}
.numtitlere{
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #C41D28;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;	
}

h2.sectitlep{background:#A890F0;border:none;    margin-bottom: 0px;}
.numtitlepur{
 display: inline-block;
    width: 120px;
    height: 60px;
    border-radius: 50% / 100% 100% 0 0;
    background: #A890F0;
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: -1px;	
}

h2.sectitler{background:#e84152;}

.tb{position: relative;}

.tb p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
 color:#ffffff;
	font-size:20px;
	text-align:center;
  }

.tb img {
  width: 100%;
  }

span.large{font-weight:bold;font-size:24px;}

.center{text-align:center;margin:0 auto;}

.utriangle{
 width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    border-top: 45px solid #ff0000;
    margin: -15px auto 0;
}

.utriangle2{
width: 0;
    height: 0;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #ff0000;
    margin: 0px auto 40px;
}

.backinbeige{background:#FFF0D8;padding:40px;text-align: center;
    font-weight: bold;
    font-size: 20px;}
.komiflex{display:flex;justify-content:space-around;margin:40px auto 8px;}
.hiyoimg{width:100%;max-width:150px;}
.hiyotxt{background:#ff9900;border-radius:16px;border:#ff9900 1px solid;font-size:14px;color:#ffffff;padding:1px;margin-top:16px;}

	
	
/* フォーム */		
	
table.inquiry{width: 100%;
    max-width: 800px;
    display: table;
    margin: 0 auto 16px;}	
	
	.inquiry th,.inquiry td {
 border-top:none;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
	display:table-cell;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7;
}

.inquiry th{
width:25%;
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 background:#f7f7f7;
padding: 2%;
border:solid 1px #d7d7d7;
}

.inquiry td{
 font-size:14px;
 border:solid 1px #d7d7d7;	
padding:2%;
	width:75%;flex-direction: row;

}

/*新車定額*/	
	.backinpur{background:#DED8F0;padding:40px;text-align: center;
    font-weight: bold;
    font-size: 20px;}
	
/*ポイント*/
.pointflex{    display: flex;
    justify-content: space-between;flex-wrap: wrap;}
.pointl,.pointr{width:50%;margin-bottom: 2em;padding:0 2%;}
.pointl:last-child,.pointr:last-child{margin-bottom:0;}	
	
/* カスタマイズ*/
.customflex{display:flex;justify-content: space-evenly;margin:40px auto;line-height: 2.5em;
    align-items: center;flex-direction: row;}
.customflex ul{text-align:left;}
.customflex ul li{font-weight:bold;font-size:24px;color:#55c234;}

.cufr img{width:100%;max-width:400px;}

.backingreen{background:#edfdf0;padding:40px;text-align: center;
    font-weight: bold;
    font-size: 20px;}

/* 車がもらえる*/
.backinpink{background:#F9EBE3;padding:40px;text-align: center;
    font-weight: bold;
    font-size: 20px;}
.imgmargin{margin-top:40px;}
.imgmargin2{margin:40px;}

.att{font-weight:normal;text-align:right;
margin-top:8px;
font-size:90%;}	
	
/* おすすめ*/

.osusumeb h3{
position: relative;
    color: #000000;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 2em;
    padding: 0;
}

.fa-check-square{padding-right: 0.3em;
    font-size: 2em;
    color: red;
    vertical-align: sub;
    height: 100%;
}

.osusumeb p{text-indent:2em;}

h2.osusume{background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffdfef 0%) repeat scroll 0 0;
    color: black;
    line-height: 1em;
    border: none;
    font-weight: bold;
    font-size: 40px;
}

.note_wrap{
     background: #fff;
    padding: 0em 2em;
    width: 100%;
    max-width: 880px;
    margin: auto;
}
.note{
    border-bottom: 2px dotted #dfdfdf;
    margin-bottom: 2em;
}
.note p{
	margin-bottom:2em;}



/* お客様の声*/

h2.customer{color: #6cb4e4;
  text-align: center;
  padding: 0.25em;
  border-top: solid 3px #6cb4e4;
  border-bottom: solid 3px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
 z-index: 0;
font-size:40px;}




.voicesub{font-size:24px;display:block;}

.backinblue{background:#e9f4ff;padding:40px;}
.cusb{    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #ffffff;
    padding: 24px;
    margin-bottom: 40px;flex-direction: row;}

.cusb:last-child{margin-bottom:0px;}
.cusbl{width: 70%;
    font-size: 18px;
    padding-right: 5%;}
.cusbr{width:30%;}
.cusbr img{border:1px solid #dfdfdf;display:block;}
span.cusadd{ color: #000000;/*文字色*/
 padding: 0.7em 0 0;
font-size:16px;
display:block;}

.cusblin{display:flex;justify-content:space-evenly;margin: 24px auto 0 ;}
.cusblin h4{font-size:24px;font-weight:bold;color:#6cb4e4;}
.cusblin img{width:100%;max-width:100px;margin: 0;}

.custxt{position: relative;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    margin-top: 16px;
    border-radius: 10px;}

.custxt::before{
  content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 20px;
    top: -14px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #dfdfdf;
    border-left: 15px solid transparent;
}

.custxt::after{
  content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: 20px;
    top: -13px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid transparent;
}


/* 納車の流れ*/
span.redb{background: #ff0000;
    border-radius: 3px;
    color: #ffffff;
    padding: 4px;
    margin-right: 8px;
    font-size: 16px;
    display: inline;
    vertical-align: bottom;}

.flowflex{display:flex;justify-content:space-between;flex-direction: row;}
.ffl{width:30%;}
.ffr{width:70%;padding-left:5%;}

.ffr h3{font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 1em;}
	
/* 質問の流れ*/	
.cp_qa .cp_actab label {
    font-weight: bold;
    line-height: 1.6em;
    position: relative;
    display: block;
    margin: 1em 0 0 0;
    padding: 1em 3em 1em 2.5em;
    cursor: pointer;
    text-indent: 1em;
    border-radius: 0.5em;
    background: rgba(254,220,204,0.1);
    border: 2px solid #ff5000;
    font-size: 20px;
}	
	
.cp_qa {
    padding: 0;
}	
	
	
	
	
/* 会社案内*/

.tablebox{  display: table;
  width: 800px;margin:40px auto;padding: 0;}

.annai{
    width: 50%;
    max-width: 400px;
    margin: 40px auto;
display: table-cell;}

.annai2{
    width: 50%;
    max-width: 400px;
    margin: 40px auto;
display: table-cell;}

.annai tr,.annai2 tr{border-bottom:2px dotted #dfdfdf;}

.annai th,.annai2 th{text-align:left;padding:8px;font-size: 16px;}
.annai td,.annai2 td{text-align:left;padding:8px;font-size: 16px;}
.annai h4{display:inline-block;font-weight:bold;margin-right:8px;}	

.annai td {
    text-indent: 0em;
}	
	
.annai2 td{text-indent:0em;}		
	
/* 告知バナー*/
.bnbox{-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
background-size: 4px 4px;
background-color: #ff6300;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #ff7800), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #ff7800),
            color-stop(.75, #ff7800), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #ff7800 25%, transparent 25%,
          transparent 50%, #ff7800 50%, #ff7800 75%,
          transparent 75%, transparent);
    padding: 30px 0;
    width: 100%;
    color: #ffffff;
    text-align: center;
}

.bncatch {
    font-size: 24px;
    font-weight: bold;
}

.bntel {
    position: relative;
    padding-left: 50px;
    font-size: 50px;
    font-weight: bold;
    margin: 15px auto 0;
    display: inline-block;
	color:#ffffff;
}

.bntime {
      font-size: 14px;
    }
 .bnbtn {
      width: 80%;
      margin: 20px auto;
    }

.bntext a{color:#ffffff;
    margin-left: 16px;}

.bntextb {
      width: auto;
      margin: 0 auto;
      text-align: center;
    }

.btn-square-shadow {
   display: inline-block;
 padding: 2em 1em;
  text-decoration: none;
background: rgb(24,44,124); /* Old browsers */
background: -moz-linear-gradient(top, rgb(24,44,124) 5%, rgb(41,92,209) 60%, rgb(41,137,216) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(24,44,124) 5%,rgb(41,92,209) 60%,rgb(41,137,216) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c7c', endColorstr='#2989d8',GradientType=0 ); /* IE6-9 */
color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 10px;
    width: 100%;
    max-width: 656px;
    margin: 24px auto;
}
.btn-square-shadow:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-square-shadow span.yellow{color:#ffff00;}
.btn-square-shadow h3{font-size: 32px;
    font-weight: bold;
    color: #ffffff;letter-spacing:normal;}

.fa-envelope{font-size: 5em;
    color: #ffffff;
    margin-right: 16px;}
.fa-phone-volume{margin-right: 0px;}


.buttonflex{display:flex;justify-content:space-evenly;}

.bnwrap{margin:160px auto;text-align:center;}
.bnwrap2{margin:160px auto 0px;text-align:center;}

img.staff{width:100%; max-width:400px;}	

.bntext2 {
    font-weight: bold;
    font-size: 20px;
    padding: 0 16px;
    text-align: center;
}
	
.footer-copy p {
    font-size: 12px;
}	
	
.btn-c {
  font-size: 2.2rem;
  padding: 3.25rem 2rem 1.5rem 3.5rem;
	width: auto;
}

.btn-c span {
  font-size: 1.5rem;
    position: absolute;
    top: -1.25rem;
    left: calc(50% - 220px);
    display: block;
    width: 460px;
    padding: 0.6rem 0;
    color: #ff0000;
    border: 2px solid #ff0000;
    border-radius: 100vh;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.btn-c span:before,
.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);

  content: "";
}

.btn-c span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #ff0000 transparent transparent transparent;
}

.btn-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}	
	
/*送信ボタンのデザイン変更*/
#formbtn{
    font-size: 2.2rem;
}	
	
}