:root {
	--main-font-color: #1E1E1E;
	--brand-color: #D00000;
	--mincho: "vdl-v7mincho",'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
/** common *****************************************/
html{
	font-size: 62.5%;
	color: var(--main-font-color);
	scroll-behavior: smooth;
}
body{
	font-family: sans-serif;
	color: var(--main-font-color);
	font-size: 1.5rem;
	overflow-x: hidden;
	counter-reset: flownumber; 
}
img{
	max-width: 100%;
	height: auto;
}
p{
	font-weight: 400;
	font-size: 1.6rem;
	margin-bottom: 16px;
	line-height: 1.8;
	letter-spacing: 0.2px;
}
h1.el_head{
	letter-spacing: 2px;
	text-align: center;
	padding: 16px;
	font-weight: 700;
	font-size: 3.2rem;
	margin-bottom: 48px;
	color: #fff;
	background-color: #D00000;
	border: 4px solid #FF0000;
}
h2{
	margin-top: 56px;
	margin-bottom: 24px;

}
h3{
	padding-bottom: 12px;
	margin-bottom: 24px;
	border-bottom: 1px solid var(--brand-color);
}
.ly_sec h1.el_head{
	position: relative;
	letter-spacing: 2px;
	padding-bottom: 24px;
	font-weight: 700;
	font-size: 3.2rem;
	margin-bottom: 48px;
}
.ly_sec h1.el_head:before{
	content: "";
	width: 150px;
	height: 1px;
	background-color: var(--brand-color);
	position: absolute;
	bottom: -12px;
	left: 0;
}
address{
	font-style: normal;
}
small{
	font-size: 90%;
	color: #3a3a3a;
}
.container{
	max-width: 1140px;
	margin: 0 auto;
}
.bl_header{
	background-color: #1E1E1E;
	padding: 16px 0;
}
.el_headLogo a{
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
}
.bl_logo_sec{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 56px;
}
.el_companyName{
	display: inline-block;
	font-family: var(--mincho);
	color: #c0c0c0;
	font-size: 3.6rem;
	letter-spacing: 2px;
}
.bl_headContact{
	padding: 8px;
}
.bl_headContact a{
	display: inline-block;
	padding: 12px 32px 10px;
	 background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
	text-align: center;
	color: #1e1e1e;
	text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 1.4rem;
	letter-spacing: 2px;
}
.ly_top_sec,.ly_sec {
	padding: 96px 0;
}
.bl_headerInner{
	display: flex;
	justify-content: space-between;
}
.bl_headerInner h1{
	display: flex;
	align-items: center;
	font-family: var(--mincho);
	font-size: 2.4rem;
}
.el_foot_logo{
	display: flex;
	align-items: center;
	justify-content: center;
}

.bl_footer{
	background-color: #1E1E1E;
	padding-top: 1.6rem;
}
.bl_footerNav{
	padding-left: 0;
	display: flex;
	margin-bottom: 2.4rem;
}
.bl_footerNav li{
	list-style-type: none;
}
.bl_footerNav li a{
	text-decoration: none;
	color: var(--main-font-color);
	font-size: 1.4rem;
}

.el_copyright{
	margin-top: 2.4rem;
	background-color: #1E1E1E;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	padding: 12px;
	font-size: 1.3rem;
}
@media (min-width: 768px){
	.bl_footerNav li{
		margin-right: 16px;
	}
	.bl_footerNav li:last-child{
	margin-right: 0;
}
}
@media (max-width: 991px){
	.container{
		padding-left: 16px;
		padding-right: 16px;
	}
}
@media (max-width: 767px){
	h2{
		font-size: 1.8rem;
	}
	h1.el_head{
		font-size: 2.2rem;
	}
	.bl_headerInner{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.ly_top_sec,.ly_sec{
	padding: 48px 0;
}
.bl_footerNav{
	flex-direction: column;
}
.bl_footerNav li{
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}
.ly_sec h1.el_head{
	font-size: 2rem;
	line-height: 1.8;
}
.el_companyName{
	font-size: 2.4rem;
}
}

/** layout *****************************************/
.bl_flex{
	display: flex;
	align-items: flex-start;
}
.bl_half_flex{
	display: flex;
}
.bl_inlineFlex{
	display: inline-flex;
	align-items: center;
}
.bl_flex_30{
	justify-content: space-between;
}
.bl_flex_item{
	width: 50%;
	height: auto;
	margin-bottom: 24px;
}

.bl_flex_30 .bl_flex_item{
	width: 65%;
	height: auto;
}
.bl_flex_30 .bl_flex_item:first-child{
	width: 33%;
	height: auto;
}
.bl_flex3{
	flex-wrap: wrap;
}
.bl_flex3 .bl_flex_item{
	width: 30%;
	margin-right: 5%;
}
.bl_flex3 .bl_flex_item:nth-of-type(3n){
	margin-right: 0;
}
.bl_reverse{
	flex-direction: row-reverse;
}
.bl_headLineParallel_sec{
	display: flex;
	align-items: center;
}
.bl_parallelHead{
	width: 40%;
	padding: 24px;
}
.bl_parallelHead h1{
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 0;
}
.bl_parallelHead h1:before{
	content: "";
	width: 150px;
	height: 1px;
	background-color: var(--brand-color);
	position: absolute;
	right: 16px;
	top: 50%;
}
.bl_parallelDesc{
	width: 60%;
	padding: 24px;
}
@media (max-width: 991px){
	.bl_half_flex,.bl_flex,.bl_headLineParallel_sec,.bl_inlineFlex{
		flex-direction: column;
	}
	.bl_flex_item{
		width: 100%;
	}
	.bl_flex_30 .bl_flex_item{
	width: 100%;
}
.bl_flex_30 .bl_flex_item:first-child{
	width: 100%;
}
.bl_parallelHead{
	width: 100%;
	padding: 0;
	margin-bottom: 40px;
}
.bl_parallelDesc{
	width: 100%;
	padding: 0;
}
.bl_parallelHead h1:before{
	width: 120px;
	right: 0px;
}
}
@media (max-width: 767px){
	.bl_flex3{
	flex-direction: row;
}
.bl_flex3 .bl_flex_item{
	width: 45%;
	margin-right: 5%;
}
.bl_flex3 .bl_flex_item:nth-of-type(3n){
	margin-right: 5%;
}
.bl_flex3 .bl_flex_item:nth-of-type(2n){
	margin-right: 0;
}
}
/** lpcontents *****************************************/
.bl_profileTxt{
	max-width: 800px;
	padding: 80px 0;
}
.bl_profileTxt h2{
	color: #fff;
	margin-top: 0;
	margin-bottom: 56px;
	font-size: 3.2rem;
	font-weight: 500;
	letter-spacing: 2px;
	font-family: var(--mincho);
}
.bl_profileTxt p{
	font-size: 2rem;
	letter-spacing: 1px;
}
.bl_conceptBack{
	background: url(../images/concept_back.png) no-repeat right bottom;
	background-size: contain;
}
.bl_brandBox{
	display: flex;
	justify-content: space-between;
}
.el_typeHead{
	margin-bottom: 56px;
	letter-spacing: 2px;
	color: var(--brand-color);
}

.bl_brandLineup {
  max-width: 100%;
  padding: 0;
  margin: 0 0 56px;
}
.bl_brand_ttl {
    position: relative;
    background: #000;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
  }
    .bl_brand_ttl:before,
    .bl_brand_ttl:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translate(0, -50%);
      width: 14px;
      height: 2px;
      background: #fff;
      transition: 0.2s ease transform;
    }
    
    .bl_brand_ttl:after {
      transform: translate(0, -50%) rotate(-90deg);
    }
    
    .bl_brand_ttl .active:after {
        transform: translate(0, -50%) rotate(0deg);
      }

  .bl_brand_cnt {
    padding: 24px 15px 0;
    line-height: 1.5;
    background: #fff;
    max-height: 0;
    overflow: hidden;
    transition: 0.2s ease max-height;
  }
.brandIcon{
	position: relative;
}
.brandIcon:before{
	content: "";
	width: 64px;
	height: 64px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.lexus:before{
	background: url(../images/brand/lexus.jpg) no-repeat center center;
	background-size: contain;
}
.toyota:before{
	background: url(../images/brand/toyota.jpg) no-repeat center center;
	background-size: contain;
}
.nissan:before{
	background: url(../images/brand/nissan.jpg) no-repeat center center;
	background-size: contain;
}
.honda:before{
	background: url(../images/brand/honda.jpg) no-repeat center center;
	background-size: contain;
}
.mitsubishi:before{
	background: url(../images/brand/mitsubishi.jpg) no-repeat center center;
	background-size: contain;
}
.mazda:before{
	background: url(../images/brand/mazda.jpg) no-repeat center center;
	background-size: contain;
}
.subaru:before{
	background: url(../images/brand/subaru.jpg) no-repeat center center;
	background-size: contain;
}
.daihatsu:before{
	background: url(../images/brand/daihatsu.jpg) no-repeat center center;
	background-size: contain;
}
.suzuki:before{
	background: url(../images/brand/suzuki.jpg) no-repeat center center;
	background-size: contain;
}
.isuzu:before{
	background: url(../images/brand/isuzu.jpg) no-repeat center center;
	background-size: contain;
}
.hino:before{
	background: url(../images/brand/hino.jpg) no-repeat center center;
	background-size: contain;
}
.mitsubishifuso:before{
	background: url(../images/brand/fuso.jpg) no-repeat center center;
	background-size: contain;
}
.nissandiesel:before{
	background: url(../images/brand/n_diesel.jpg) no-repeat center center;
	background-size: contain;
}
.bl_redIconList{
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 40px;
}
.bl_redIconList li{
	width: 320px;
	position: relative;
	padding-left: 24px;
	list-style: none;
	margin-left: 24px;
	margin-bottom: 24px;
}
.bl_redIconList li:first-child{
	margin-left: 0;
}
.bl_redIconList li:before{
	content: "";
	width: 16px;
	height: 16px;
	background-color: var(--brand-color);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}
.sampleimg{
	width: 320px;
	height: 198px;
	background-color: #ccc;
	margin: 0 auto;
}
.bl_flowList{
	max-width: 960px;
	margin: 0 auto;
	padding-left: 0;
}
.bl_flowList li{
	padding-left: 72px;
	list-style: none;
	position: relative;
	margin-bottom: 56px;
}
.bl_flowList li:before{
	counter-increment: flownumber 1;
	content: counter(flownumber) " ";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #1e1e1e;
	color: #fff;
	border: 2px solid #0a0a0a;
	position: absolute;
	font-size: 2.4rem;
	left: 0;
	top: -16px;
}
.bl_flowList dt{
	font-size: 2rem;
	font-weight: bold;
	color: var(--brand-color);
	margin-bottom: 16px;
}
	.bl_countryBox{
		justify-content: center;
	display: flex;
}
.bl_countryBox p{
		max-width: 640px;
	}
.bl_countryBox img{
	min-width: 128px;
}
.bl_countryIconList{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-left: 0;
}
.bl_countryIconList li{
	margin-right: 32px;
	margin-bottom: 16px;
	line-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	list-style: none;
}
.bl_countryIconList li img{
	margin-right: 8px;
}
.bl_regionBox{
	max-width: 960px;
	margin: 72px auto 40px;
}
.bl_regionBox h3{
	border: none;
	background-color: #1E1E1E;
	color: #fff;
	text-align: center;
	padding: 16px;
}
.tablePrimary{
	position: relative;
}
.el_price{
	color: #D00000;
	font-size: 1.8rem;
	font-weight: bold;
}
.america{
	background-image: url(../images/flags/wish/US.png);
	background-color:rgba(255,255,255,0.8);
background-blend-mode:lighten;
	background-size: contain;
	background-repeat: no-repeat;
	background-position:  center center;
}

@media (max-width: 767px){
	.bl_profileTxt{
		padding-top: 20px;
		padding-bottom: 140px;
	}
	.bl_profileTxt p{
	font-size: 1.6rem;
}
	.bl_regionBox h3{
		font-size: 1.5rem;
	}
	.bl_countryIconList{
		justify-content: start;
		align-items: flex-start;
	}
	.bl_countryBox p{
		font-size: 1.4rem;
	}
	.bl_brandBox{
	flex-direction: column;
	justify-content: center;
}
.bl_redIconList li{
	width: 100%;
}
.el_typeHead{
	font-size: 2.4rem;
	letter-spacing: 2px;
}
.bl_profileTxt h2{
	margin-bottom: 40px;
	letter-spacing: 6px;
}
}
/** zaiko *****************************************/
.carDataList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-left: 0;
}
.carDataList li{
	display: flex;
	justify-content: space-between;
	list-style: none;
	width: 48%;
	margin-bottom: 56px;
}
.bl_carImg{
	width: 48%;
	height: auto;
}
.bl_carDesc{
	width: 48%;
	height: auto;
	position: relative;
	z-index: 1;
}
.bl_itemTable{
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: none;
	border-spacing: 0;
}
.bl_itemTable th,.bl_itemTable td{
	padding: 8px;
	border-bottom: 1px solid #ccc;
}
.bl_itemTable th{
	border-right: 1px solid #ccc;
	font-size: 1.4rem;
	color: #fff;
	background-color: #1E1E1E;
}
@media (max-width: 767px){
	.bl_carDesc{
		margin-top: 24px;
	}
.carDataList li{
	flex-direction: column;
	width: 100%;
}
.bl_carImg{
	width: 100%;
	height: auto;
}
.bl_carDesc{
	width: 100%;
}
.bl_itemTable th,.bl_itemTable td{
	white-space: nowrap;
}
}
/** component *****************************************/
.bl_p_sec{
	margin-top: 24px;
}
.bl_cardContent{
	padding: 72px;
}
.bl_cardContent p{
	font-size: 1.8rem;
}
.bl_btn_sec{
	padding: 48px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.el_linkBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 24px;
	text-decoration: none;
	font-size: 2.4rem;
	color: #fff;
	width: 320px;
	height: 140px;
	padding: 40px 24px;
	background: rgb(255,0,0);
background: linear-gradient(180deg, rgba(255,0,0,1) 0%, rgba(186,0,0,1) 100%);
}
.bl_appTelNumber{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}
.bl_appTelNumber p{
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
}
.el_whatNum{
	font-size: 2rem;
	color: #25d366;
}
.whatapp{
	background: rgb(37,211,102);
background: linear-gradient(180deg, rgba(37,211,102,1) 0%, rgba(28,161,78,1) 100%);
}
.bl_table{
	width: 100%;
	border: 1px solid #707070;
	border-spacing: 0;
}
.bl_table tr{
	width: 100%;
	display: flex;
	border-bottom: 1px solid #707070;
}
.bl_table tr:last-child{
	border-bottom: none;
}
.bl_table th{
	padding: 24px;
	width: 24%;
	font-weight: 500;
	text-align: left;
	color: #fff;
	background-color: #1E1E1E;
	border-right: 1px solid #707070;
}
.bl_table td{
	padding: 24px;
	width: 76%;
	}
.bl_table span.el_2lines{
	display: block;
	margin-bottom: 8px;
}
.bl_table span.el_2lines:last-child{
	margin-bottom: 0;
}

.el_addressData{
	display: block;
	margin-top: 4px;
}
.el_addressNum{
	display: block;
}
.bl_iconList{
	padding-left: 0;
	
}
.bl_iconList li{
	list-style: none;
	position: relative;
	padding-left: 24px;
	margin-bottom: 16px;
}
.bl_iconList li:before{
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: var(--brand-color);
	position: absolute;
	left: 0;
	top: 2px;
}
@media (min-width: 768px){
	.el_linkBtn:first-child{
		margin-right: 24px;
	}
}
@media (min-width: 992px){
	.el_addressData{
		display: inline-block;
		margin-left: 8px;
		margin-top: 0;
	}
}
@media (max-width: 767px){
	.bl_btn_sec{
	text-align: center;
	flex-direction: column;
}
.bl_cardContent{
	padding: 48px 16px;
}
.bl_cardContent p{
	font-size: 1.6rem;
}
.bl_table th{
	width: 32%;
}
.bl_table td{
	width: 68%;
	}
}

/** 在庫の開閉コンポーネント *****************************************/

.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background:#4f4f4f;
  cursor: pointer;
  position: relative;
}
.Label::before{	
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
	transition: transform 0.3s;
}
.accordcontent {		/*本文*/
	max-height: 0;
	padding:0;
	overflow: hidden;
/*    transition: all 0.3s;*/
    transition: max-height 0.5s ease-in;
    z-index: 2;
}
.accordcontent.show{
	max-height: 620px;
  transition: max-height 0.5s ease-in;
}
/** md *****************************************/
.md_mincho{
	font-family: var(--mincho);
}
.md_text_center{
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.md_actionText{
	color: var(--brand-color);
	font-weight: 700;
}
.md_table_headColor{
	border: 1px solid #707070;
	border-spacing: 0;
}
.md_table_headColor tr{
	padding: 0;
}
.md_table_headColor tr:last-child{
	border:none;
}
.md_table_headColor th,.md_table_headColor td{
	border-right: 1px solid #707070;
	padding: 16px;
	width: 25%;
}
.md_tableHC3 th,.md_tableHC3 td{
	width: 33.3333333333%;
}
.md_table_headColor th:last-child,.md_table_headColor td:last-child{
	border-right: none;
}
.md_table_headColor th{
	background-color: #E3E7FF;
}
.md_mb40{
	margin-bottom: 40px;
}


@media(min-width: 768px){
.md_text_center_pc{
	text-align: center;
}
.md_mr40_pc{
	margin-right: 40px;
}
}
.md_block_center{
	display: flex;
	justify-content: center;
}
.md_p_center{
	max-width: 960px;
	margin: 0 auto;
}
.md_bg_gray{
	background-color: #F6F6F6;
}
.md_pb_reset{
	padding-bottom: 0;
}
.md_pt_reset{
	padding-top: 0;
}
.md_btn_white{
	color: var(--brand-color);
	background-color: #fff;
	border: 1px solid #fff;
}
.md_btn_white:before{
	background-color: var(--brand-color);
}
.md_btn_white:hover{
	color: #fff;
	background: transparent;
}
.md_btn_white:hover:before{
	background-color: #fff;
}
.md_icon_flexRow{
	flex-direction: row;
	flex-wrap: wrap;
}
.md_icon_flexRow li{
	margin-left: 0;
}
.md_bg_black{
	background-color: #000;
}
.md_bg_black p{
	color: #fff;
}
@media (max-width: 767px){
	.spbr{
		display: inline-block;
	}
	.md_vanish_sp{
		display: none;
	}
	.bl_longSentence p{
	font-size: 1.5rem;
	line-height: 1.8;
	margin-bottom: 32px;
}
.md_resizeImg_sp72{
	width: 72%;
	height: auto;
}
}

/** hp *****************************************/
.hp_centerReset{
	justify-content: start;
}

.hp_centerReset li{
	margin-left: 0;
	margin-right: 24px;
}

/** 追従 *****************************************/
.footer_fix_btn {
  width:100%;
  position:fixed;
  bottom:0;
  width:100%;
  padding:5px 0 5px 0;
  text-align: center;
  background-color: #000;
  z-index: 9999;
}