@charset "UTF-8";

@font-face {
	font-family: "mini";
	src: url("../fonts/MINISerif-Medium.woff2") format("woff2");
}

@font-face {
	font-family: "minib";
	src: url("../fonts/MINISerif-Bold.woff2") format("woff2");
}

@font-face {
	font-family: "gen";
	src: url("../fonts/GenEiLateMinP_v2-02.ttf") format("truetype");
}


html {
	overflow-y: scroll;	
	min-height: 100vh;
	height: -webkit-fill-available;
	font-family: "gen","mini";
}

body {
	word-break: break-all;
	min-height: 100vh;
	height: -webkit-fill-available;
	line-height: 1.5;
	font-size: 16px;
}

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

a         { text-decoration: none; }
a:link    {}
a:visited {}
a:hover   {}
a:active  {}

/*=========================================================

20250128追加

=========================================================*/
.formmodel{margin-top: 20px;text-align: center;font-size:1.2em;}
.mini-present{color:#fff;font-weight:600;text-align:center;font-size:2.5em;}
.mini-ikebukuro-outer00{display:block;margin-top: -48px;}
.mini-ikebukuro01{ background: #aa0f1d;  border-bottom: 2px solid #FFFFFF;  border-left: 2px solid #FFFFFF;  border-right: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF; margin: 0 auto;  padding: 10px;  color:#fff;line-height: 1em;font-size:16px;position: absolute;
  left: 50%; top: 50%; transform: translate(-50%,-50%);width:50%;}
.mini-ikebukuro01 h3{font-size:1.5em;}
.mini-ikebukuro02{ background: #44a423;  border-bottom: 2px solid #FFFFFF;  border-left: 2px solid #FFFFFF;  border-right: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF; margin: 0 auto;  padding: 10px;  color:#fff;line-height: 1em;font-size:16px;position: absolute;
  left: 50%; top: 50%; transform: translate(-50%,-50%);width:50%;}
.mini-ikebukuro02 h3{font-size:1.5em;}
.mini-ikebukuro03{ background: #e67127;  border-bottom: 2px solid #FFFFFF;  border-left: 2px solid #FFFFFF;  border-right: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF; margin: 0 auto;  padding: 10px;  color:#fff;line-height: 1em;font-size:16px;position: absolute;
  left: 50%; top: 50%; transform: translate(-50%,-50%);width:50%;}
.mini-ikebukuro03 h3{font-size:1.5em;}
.mini-ikebukuro04{ background: #046a38;  border-bottom: 2px solid #FFFFFF;  border-left: 2px solid #FFFFFF;  border-right: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF; margin: 0 auto;  padding: 10px;  color:#fff;line-height: 1em;font-size:16px;position: absolute;
  left: 50%; top: 50%; transform: translate(-50%,-50%);width:50%;}
.mini-ikebukuro04 h3{font-size:1.5em;}

.mini-ikebukuro-outer1{ height:536px;background:url(http://sojitz-autogroup.com/wordpress/wp-content/uploads/2025/01/gai0-pc.webp) no-repeat;position: relative;
  background-size: cover;
  background-position: center;
 }
.mini-ikebukuro-outer2{ height:536px;background:url(http://sojitz-autogroup.com/wordpress/wp-content/uploads/2025/01/room0-pc.webp) no-repeat;position: relative;
  background-size: cover;
  background-position: center;
 }
.mini-ikebukuro-outer3{ height:536px;background:url(http://sojitz-autogroup.com/wordpress/wp-content/uploads/2025/01/test-car0-pc.webp) no-repeat;position: relative;
  background-size: cover;
  background-position: center;
 }

.mini-ikebukuro-outer4{ height:536px;background:url(http://sojitz-autogroup.com/wordpress/wp-content/uploads/2025/01/service0-pc.webp) no-repeat;position: relative;
  background-size: cover;
  background-position: center;
 }

.mini-ikebukuro-button{width:230px;  justify-content: center;   margin: 0 auto;  padding:10px ;  transition-duration: 300ms;
 }
.mini-ikebukuro-button a {font-weight:600;background: #fff; text-decoration: none; color: #aa0f1d;padding: 15px 20px;   text-align: center; display: block;border-radius: 8px;margin-top: 10px;}
.mini-ikebukuro-button a:hover {text-decoration: none; background: #aa0f1d; color:#fff;border:solid 1px #fff;}

.mini-ikebukuro-button2{width:230px;  justify-content: center;   margin: 0 auto;  padding:10px ;  transition-duration: 300ms;
 }
.mini-ikebukuro-button2 a {font-weight:600;background: #fff; text-decoration: none; color: #44a423;padding: 15px 20px;   text-align: center; display: block;border-radius: 8px;margin-top: 10px;}
.mini-ikebukuro-button2 a:hover {text-decoration: none; background: #44a423; color:#fff;border:solid 1px #fff;}

.mini-ikebukuro-button3{width:230px;  justify-content: center;   margin: 0 auto;  padding:10px ;  transition-duration: 300ms;
 }
.mini-ikebukuro-button3 a {font-weight:600;background: #fff; text-decoration: none; color: #e67127;padding: 15px 20px;   text-align: center; display: block;border-radius: 8px;margin-top: 10px;}
.mini-ikebukuro-button3 a:hover {text-decoration: none; background: #e67127; color:#fff;border:solid 1px #fff;}

.mini-ikebukuro-button4{width:230px;  justify-content: center;   margin: 0 auto;  padding:10px ;  transition-duration: 300ms;
 }
.mini-ikebukuro-button4 a {font-weight:600;background: #fff; text-decoration: none; color: #046a38;padding: 15px 20px;   text-align: center; display: block;border-radius: 8px;margin-top: 10px;}
.mini-ikebukuro-button4 a:hover {text-decoration: none; background: #046a38; color:#fff;border:solid 1px #fff;}

.pre-button{width:200px;  justify-content: center;  margin: 0px 0px 15px 0px;  padding: 10px 1px 10px;  transition-duration: 300ms;
 }
.pre-button a {font-weight:600;background: #fff; text-decoration: none; color: #111;padding: 10px; border:solid 1px #000;  text-align: center; display: block;border-radius: 8px;margin-top: 10px;}
.pre-button a:hover {text-decoration: none; background: #000; color:#fff;}
.line-up h3{font-size: 32px; }
.line-up h4{font-size: 20px;  font-weight: 700;}
.cartest{ display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:968px;border-radius:12px;padding: 20px;margin-top:0px;}
.cartest-inner01 {width:49%;display: block;font-size:20px;line-height: 1em;  margin: 10px; border: 1px solid; align-items: center; padding:25px;text-align: left;}
.cartest-title{font-size: 28px;border-bottom:solid 1px #000; width: 100%;line-height: 1.5em;}

/*=========================================================

20250114追加

=========================================================*/



	
.introductonTitle2{font-size: 1.8rem;text-align:center;  margin-bottom: min(6vw,40px);}
.cusion2 img{max-width: 70%;	height: auto; margin-right: auto;  margin-left: auto;  display: block;}
.spacer0{margin:50px 0px;}
.spacer1{margin:20px 0px;}
.kinen-back{width:100%;background-color:#082d0d;}
.kinen-head{margin-top: -21px;font-size: 24px;color:#fff;font-weight:600;display:block;background-color:#44a423;padding: 15px;text-align: center;}
.kinen-head2{margin-top: -21px;font-size: 24px;color:#fff;font-weight:600;display:block;background-color:#69c9f1;padding: 15px;text-align: center;}
.kinen{ display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:450px;border-radius:12px;padding: 20px;margin-top:0px;}

div#kinen-flex {width:49%; font-size: 1em;padding:5px;margin-bottom:20px;margin-left: 2px;line-height: 1em;text-align: center;color:#222;}
div#kinen-flex img{border: 1px #aaa solid;}
.kinen2{ display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:600px;border-radius:12px;padding: 20px;margin-top:0px;}

div#kinen-flex2 {width:49%; font-size: 1em;margin-right:10px;margin-bottom:20px;margin-left: 2px;line-height: 1em;text-align: center;color:#222;background-color: #fff;padding-bottom: 20px;}
div#kinen-flex2 img{width:90%;}
div#kinen-flex3 {width:49%; font-size: 1em;margin-left:10px;margin-bottom:20px;margin-left: 2px;line-height: 1em;text-align: center;color:#222;background-color: #fff;padding-bottom: 20px;}
div#kinen-flex3 img{width:90%;}
.headtitle{color:#582216ff;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-weight: 600;letter-spacing:-0.05em;}
.boutou{font-size: 3.5em;color: #123f94;  line-height: 0.5em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-weight: 600;}
.boutou1{font-size: 2em;color: #000;  line-height: 0.9em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;font-weight: 600;}
.boutou2{color: #123f94; flex: none; font-family: var(--s-font-ab9a64ae); font-size: 20px;  font-weight: 400;
  height: auto;  line-height:0.8em;  margin: 0px 0px 30px 0px;  text-align: center;}
.boutou2-2{ font-size: 20px;  font-weight: 400;
  height: auto;   margin: 0px 0px 30px 0px;  text-align: center;}
.middle{text-align:left;font-size: 1.2em;}

@media screen and (max-width:65em) {
	.formmodel{font-size:0.9em;}
	.mini-present{font-size:1.5em;}
	.kinen-head {  font-size: 16px;  padding: 5px;}
 .kinen-head2 {  font-size: 16px;  padding: 5px;}
	.mini-ikebukuro01{background: rgba(230, 0, 4, 0.7);text-align: center;
    flex: none;    height: 330px;    padding: 30px;    width: 80%;font-size: 13px;max-width: 100%;}
	.mini-ikebukuro01 h3{font-size:20px;}
	
	.mini-ikebukuro02{background: rgba(68, 164, 35, 0.8);text-align: center;
    flex: none;    height: 330px;    padding: 30px;    width: 80%;font-size: 13px;max-width: 100%;}
	.mini-ikebukuro02 h3{font-size:20px;}
	
	.mini-ikebukuro03{background: rgba(230, 113, 39, 0.8);text-align: center;
    flex: none;    height: 330px;    padding: 30px;    width: 80%;font-size: 13px;max-width: 100%;}
	.mini-ikebukuro03 h3{font-size:20px;}
	.mini-ikebukuro04{background: rgba(4, 106, 56, 0.8);text-align: center;
    flex: none;    height: 330px;    padding: 30px;    width: 80%;font-size: 13px;max-width: 100%;}
	.mini-ikebukuro04 h3{font-size:20px;}
	
	
	.mini-ikebukuro-outer1{height:534px;background:url(http://sojitz-autogroup.com/wordpress/wp-content/uploads/2025/01/gai-mo.webp);background-size: cover;
  background-position: center; }
	.mini-ikebukuro-outer2{ height:534px;background:url(http://sojitz-autogroup.com/wordpress/wp-content/uploads/2025/01/room-mo.webp);background-size: cover;
  background-position: center; }
	.mini-ikebukuro-outer3{ height:534px; background:url(http://sojitz-autogroup.com/wordpress/wp-content/uploads/2025/01/test-car-mo.webp);background-size: cover;
  background-position: center;}
	.mini-ikebukuro-outer4{height:534px; background:url(http://sojitz-autogroup.com/wordpress/wp-content/uploads/2025/01/service-mo.webp);background-size: cover;
  background-position: center; }
	.cartest-title{font-size: 18px;}
	.line-up h3{font-size: 21px; }
	.cartest{ -webkit-flex-direction: column;    flex-direction: column;}	
	.cartest-inner01{width:100%;padding:5px;font-size:15px; margin: 0px;}
	.cusion2 img{max-width: 90%;}
	.boutou{font-size: 2em;line-height: 0.55em;text-align: center;margin: 30px 0px;}
	.boutou1{font-size: 2em;line-height: 0.9em;text-align: center;margin: 30px 0px;}
	.boutou2{line-height: 1em;}
	.boutou2-2{line-height: 1.2em;}
}

.mwform-checkbox-field-text {
	padding-top: 0!important;
}

/*=========================================================

00.共通設定

=========================================================*/

/* ボタンカラー
-----------------------------------------------------*/

.blue {
	background: #972a9e;
}

.purple {
	background: #972a9e;
}

.glay {
	background: #4d4d4d;
}

.black {
	background: #000;
}

.marker.purple {
     background: linear-gradient(transparent 65%, #972a9e 50%);
}

.marker.yellow {
     background: linear-gradient(transparent 65%, #ffed01 50%);
}

.color.purple {
	background: none!important;
	color :#972a9e;
}

/* 見出し
-----------------------------------------------------*/

.heading {
	font-size: 2rem;
	border-left: 20px solid #972a9e;
	line-height: 1;
	padding: min(4vw,20px) 20px;
	margin-bottom: min(4vw,45px);
}

@media screen and (max-width:1024px) {
	.heading {
		font-size: 1.4rem;
		padding: 15px 0;
		margin-bottom: 20px;
	}	
}

/* CTA
-----------------------------------------------------*/

.cta {
	padding: min(5vw,75px) 30px;
	background: #fff;
	text-align: center;
}

.cta .copy {
	margin-bottom: 10px;
}

.cta .btn {
	text-align: center;
}

.cta .btn a {
	display: inline-block;
	color: #fff;
	min-width: 200px;
	padding: 20px 45px;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;	
	border-radius: 1000px;
	background-color: #082d0d;
}

@media screen and (max-width:1024px) {
	
	.cta {
		padding: min(5vw,75px) 15px
	}
	

	.cta .copy {
		margin-bottom: 10px;
		font-size: 0.8rem;
	}

	.cta .btn a {
		padding: 20px 30px;
		font-size: 1rem;
		min-width: auto;
	}	
	
}

/*=========================================================

00.header

=========================================================*/

#header {
	width: 100%;
	height: 50vw;
	position: relative;
	overflow-x: hidden;
}

#header:before {
	content:"";
	display: block;
	padding-top: 49%;
}

#header .inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	display: table;
	height: 100%;
	padding: 0 3vw;
	box-sizing: border-box;
}

#header .information {
	display: table-cell;
	vertical-align: bottom;
	padding-bottom: 20px;
	color: #fff;
	line-height: 1;
}

#header .logo {
	width: 150px;
	height: auto;
	position: absolute;
	bottom: 20px;
	right: 3vw;
}

#header .title {
	font-size: min(4vw, 60px);
	margin-bottom: 1.5vw;
	position: absolute;
	top: max(3.5vw, 40px);
	left: 3vw;
}

#header .copy {
	font-size: min(1.45vw, 24px);
	position: absolute;
	top: 1.5vw;
	left: 3vw;
}

#header .btns {
	display: flex;
}

#header .btns li {
	margin-right: 20px;
}

#header .btns a {
	display: block;
	color: #fff;
	padding: 20px;
	font-size: 1rem;
	text-align: center;
	border-radius: 1000px;
	letter-spacing: 2px;
}

#header .btns li:nth-child(1) a{
	background-color: #082d0d
}

#header .btns li:nth-child(2) a{
	background-color: #4d4d4d;
}

.cusion {
	text-align: center;
}

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

	#header {
		height: 105vw;
	}

	#header:before {
		padding-top: 105%;
	}

	#header .inner {
		padding: 0 3vw;
	}

	#header .information {
		padding-bottom: 3vw;
	}

	#header .logo {
		width: 18vw;
		bottom: 15vw;
	}

	#header .title {
		font-size: 5.5vw;
		top: 7.5vw;
	}

	#header .copy {
		font-size: 3.5vw;
		top: 2.5vw;
	}

	#header .btns a {
		width: 40vw;
		padding: 3.5vw 1vw;
		font-size: 2.7vw;
		letter-spacing: 0;
	}
	
}

/*=========================================================

02.プレゼント

=========================================================*/

#present {
	background: #ffed01;
}

#present .inner {
	max-width: 1280px;
	padding: 3vw 3vw 4vw;
	margin: 0 auto;
}

#present .copy {
	text-align: center;
}

.presentTitle {
	text-align: center;
	margin-bottom: 3vw;
	line-height: 2;
	font-size: 1.4rem;
}

.presentList {
	display: flex;
	width: 100%;
	max-width: 840px;
	margin: 0 auto;
}

.presentList li {
	border: 3px solid #fff;
	background: #fff;
	width: calc(50% - 1.5vw);
	margin-right: 3vw;
	line-height: 1;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.presentList li:nth-child(2n){
	margin-right: 0;
}

.presentList li .box {
	box-sizing: border-box;
	text-align: center;
	color: #000;
	padding: min(2vw,13px);
	padding-left: 20px;
	padding-right: 20px;
	border: 2px solid #972a9e;
}

.presentList .number {
	background: #972a9e;
	color: #fff;
	display: block;
	font-size: 0.6rem;
	position: absolute;
	top: 20px;
	left: -50px;
	width: 150px;
	 transform:rotate(-45deg); 
	letter-spacing: 0;
}

.presentList .name {
	color: #972a9e;
	margin-bottom: 7px;
}

.presentList .value {
	font-size: 2rem;
	margin-bottom: 7px;
	font-family: "minib";
}

.presentList .value span {
	font-size: 1.2rem;
}

.presentList .option {
	font-size: 0.7rem;
}

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

	#present .inner {
		padding: 3vw 3vw 4vw;
	}

	.presentTitle {
		font-size: 3vw;
		margin-bottom: 3vw;
	}

	.presentList {
		display: block;
		width: 100%;
	}

	.presentList li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1vw;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}

	.presentList li:last-child {
		margin-bottom: 0;
	}
	
	.presentList .number {

	}


	.presentList .name {
		margin-bottom: 5px;
		font-size: 3vw;
	}

	.presentList .value {
		font-size: 7vw;
		margin-bottom: 5px;
	}

	.presentList .value span {
		font-size: 4vw;
	}

	.presentList .option {
		font-size: 3vw;
	}

}

/*=========================================================

03.冒頭文章

=========================================================*/

#introducton {
	text-align: center;
	padding: min(6vw,100px) 3vw min(5vw,75px);
}

#introducton .inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.introductonTitle {
	font-size: 1.8rem;
	margin-bottom: min(6vw,40px);
}

.introductonText {
	line-height: 2.5;
}

@media screen and (max-width:1024px) {
	
	#introducton {
		text-align: center;
		padding: min(6vw,100px) 3vw min(5vw,75px);
	}

	#introducton .inner {
		text-align: left;
	}

	.introductonTitle {
		font-size: 1.2rem;
		margin-bottom: min(6vw,15px);
	}

	.introductonText {
		font-size: 0.8rem;
		line-height: 2;
	}	

}

/*=========================================================

04.モデルラインナップ

=========================================================*/

#lineup {
	padding: 0 3vw;
}

#lineup .inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;	
}

#lineup img {
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}

.slider {
	margin: 0 -3vw;
}

.slider li {
	padding: 0 20px;
}

.slick-arrow {
	position: absolute;
	top:50%;
	margin-top: -37px;
	z-index: 200;
	text-indent: -9999;
	font-size: 0;
	line-height: 0;
	border: none;
	filter: drop-shadow(0px 0px 2px #fff);
	cursor: pointer;
}

.slick-arrow:before {
	display: none;
}

.slick-prev {
	display: block;
	width: 45px;
	height: 75px;
	background: url("../images/arrow.png");
	background-size: cover;
	left: 11vw;
}

.slick-next {
	display: block;
	width: 45px;
	height: 75px;
	background: url("../images/arrow.png");
	background-size: cover;
	right: 11vw;	
	transform:rotate(180deg);
}

.noSlider {
	display: flex;
	flex-wrap: wrap;
}

.noSlider li {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
	box-sizing: border-box;
}


.noSlider li:nth-child(2n){
	margin-right: 0;
}

.slick-track {
	display: flex;
}
.slick-slide {
	height: auto !important;
}

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

	.slider li {
		padding: 0 5px;
		font-size: 0.8rem;
	}

	.slick-arrow {
		position: absolute;
		z-index: 200;
		text-indent: -9999;
		font-size: 0;
		line-height: 0;
		border: none;
		cursor: pointer;
		margin-top: -25px;
	}

	.slick-prev {
		width: 30px;
		height: 50px;
		left: 1.3vw;
	}

	.slick-next {
		display: block;
		width: 30px;
		height: 50px;
		right: 1.3vw;	
	}
	
	.noSlider {
		display: flex;
		flex-wrap: wrap;
	}

	.noSlider li {
		width: 100%;
		margin-right: 0;
		font-size: 0.8rem;
	}


	.noSlider li:last-child(){
		margin-bottom: 0;
	}
	
}

/*=========================================================

05.お客様の声

=========================================================*/

#voice {
	padding: 0 3vw;
}

#voice .inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;	
}

.voiceList {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.voiceList li {
	width: 49%;
	background: #f2f2f2;
	padding: min(2vw,20px);
	margin-right: 2%;
	box-sizing: border-box;
	margin-bottom: 2%;
}

.voiceList li:nth-child(2n){
	margin-right: 0;
}

.voiceList .title {
	font-size: 1.8rem;
	border-bottom: 1px solid #bbb;
	margin-bottom: min(2vw,20px);
}

.voiceList .box {
	display: flex;
}

.voiceList .image {
	width: 40%;
	margin-right: 2.5%;
}

.voiceList .info {
	width: 57.5%;
}

.voiceList .text {
	margin-bottom: 7px;
} 

.voiceList .name {
	text-align: right;
} 

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

	.voiceList .title {
		font-size: 1rem;
	}

	.voiceList .box {
		display: block;
	}

	.voiceList .image {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.voiceList .info {
		width: 100%;
		font-size: 0.8rem;
	}

	.voiceList .text {
		margin-bottom: 0;
	} 
}

/*=========================================================

06.試乗お申し込み方法

=========================================================*/

#howto {
	padding: 0 3vw;
}

#howto .inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;	
}

.howtoList {
	display: flex;
}

.howtoList li {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	list-style: none;
	background: #f2f2f2;
	box-sizing: border-box;
	padding: min(2vw,30px) min(2vw,30px) min(3.5vw,40px);
	position: relative;
}

.howtoList li .step {
	font-size: 1.6rem;
	margin-bottom: min(2vw, 15px);
}

.howtoList li .title {
	color: #972a9e;
	font-size: 1.1rem;
	margin-bottom: 10px;
}

.howtoList li:after {
	content: "▼";
	display: block;
	line-height: 1;
	font-size: 16px;
	position: absolute;
	right: -7%;
	top: 50%;
	margin-top: -10px;
	transform:rotate(-90deg);
}

.howtoList li:nth-child(1),
.howtoList li:nth-child(2),
.howtoList li:nth-child(3),
.howtoList li:nth-child(4) {
	margin-bottom: 0;
}

.howtoList li:nth-child(4n){
	margin-right: 0;
}

.howtoList li:nth-child(4n):after,
.howtoList li:last-child:after {
	display: none;
}

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

	.howtoList {
		display: block;
	}

	.howtoList li {
		width: 100%;
		margin-right: 0;
		padding: 15px;
	}

	.howtoList li .step {
		font-size: 1rem;
		margin-bottom: 5px;
	}

	.howtoList li .title {
		color: #972a9e;
		font-size: 1rem;
		margin-bottom: 5px;
	}
	
	.howtoList li .text {
		font-size: 0.8rem;
	}

	.howtoList li:after {
		font-size: 10px;
		right: auto;
		top: auto;
		left: 50%;
		bottom: -13px;
		margin-top: 0;;
		transform:rotate(0);
	}

	.howtoList li:nth-child(1),
	.howtoList li:nth-child(2),
	.howtoList li:nth-child(3){
		margin-bottom: 20px;
	}
	
}

/*=========================================================

07.試乗お申し込みフォーム

=========================================================*/

#form {
	background: #f2f2f2;
	padding: 0 3vw 6vw;
}

#form .inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;	
}

#form .heading {
	text-align: center;
	border: none;
	padding: 0;
	font-size: 3rem;
	padding: 7.5vw 0;
	margin-bottom: 0;
}

.formHeading {
	text-align: center;
	font-size: 1.8rem;
	border-bottom: 1px solid #bbb;
	margin: 0 -6vw 45px;
	padding: 2.5vw;
}

.formHeading2 {
	text-align: center;
	font-size: 1.5rem;
	border-bottom: 1px solid #bbb;
	margin: 0 -6vw 45px;
	padding: 2.5vw;
}

#form .box {
	background: #fff;
	padding: 0 6vw 6vw;
	margin-bottom: 6vw;
}

#form .box.mb0 {
	margin-bottom: 0;
}

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

	#form .heading {
		font-size: 1.6rem;
		padding: 45px 0;
		margin: 0;
	}

	.formHeading {
		font-size: 1.1rem;
		margin: 0 -15px 10px;
		padding: 20px;
	}
	
	.formHeading2 {
		font-size: 1.1rem;
		margin: 0 -15px 10px;
		padding: 20px;
	}

	#form .box {
		padding: 0 15px 15px;
	}
	
}

/*ご希望のモデルを選んでください
----------------------------------------*/

.formModelList {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
	margin: 4.5vw 0;
}

.formModelList li {
	width: 16.4%;
	margin-right: 0.1%;
	margin-left: 0.1%;
	margin-bottom: 0.2%;
	text-align: center;
	display: block;
	background: #bbb;
	padding: 15px 5px;
	box-sizing: border-box;
	color: #fff;
	font-size: min(1.4vw,1.2rem);
	cursor: pointer;
}

.formModelList li.current {
	background: #000;
}

.formModelList li:hover {
	opacity: 0.7;
}

.formCars {
	text-align: center;
	padding: 10px 30px 30px;
	border: 1px solid #bbb;
}

.formCars legend {
	margin: 0 auto;
	font-size: 1.8rem;
	padding: 0 20px;
}

.formCarsList {
	display: flex;
	flex-wrap: wrap;
}

.formCarsList .mwform-radio-field {
	width: 21%;
	margin: 0 2%;
}

.formCarsList input[type="radio"] {
    display: none;
}

.formCarsList .mwform-radio-field img {
	margin-bottom: 5px;
	box-sizing: border-box;	
	border: 5px solid #fff;
}

.formCarsList .mwform-radio-field img.choice {
	border: 5px solid #972a9e;
}

.formCarsList .mwform-radio-field img:hover {
	opacity: 0.7;
	cursor: pointer;
}


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

	.formModelList {
		margin: 15px 0;
	}

	.formModelList li {
		width: 33%;
		margin-right: 0.5%;
		margin-left: 0;
		margin-bottom: 0.5%;
		padding: 5px;
		font-size: min(2.6vw,1rem);
	}

	.formModelList li:nth-child(3n){
		margin-right: 0;
	}	
	
	.formModelList li:nth-child(6n){
		margin-right: auto
	}

	.formCars {
		text-align: center;
		padding: 5px;
	}

	.formCars legend {
		font-size: 1rem;
		padding: 0 10px;
	}
	
	.formCarsList {
		width: 100%;	
		margin-bottom: -4%;
	}

	.formCarsList .mwform-radio-field {
		width: 49%;
		margin-right: 2%;
		font-size: 1.2rem;
		margin-left: 0!important;
		margin-bottom: 4%;
	}
	
	.formCarsList .mwform-radio-field:nth-child(2n){
		margin-right: 0;
	}

	.formCarsList .mwform-radio-field:nth-child(3n){
		margin-right: auto;
	}

	.formCarsList .mwform-radio-field img {
		border: 4px solid #fff;
	}

	.formCarsList .mwform-radio-field img.choice,
	.formCarsList .mwform-radio-field img:hover {
		border: 4px solid #972a9e;
	}

	.formCarsList .mwform-radio-field span {
		font-size: 0.9rem;
	}	
}

/*お近くの店舗を選んでください
----------------------------------------*/

.formShopList {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;	
	margin-bottom: -4%;
}

.formShopList .mwform-radio-field {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 4%;
	text-align: center;
	display: block;
	box-sizing: border-box;
	font-size: 1.4rem;
	margin-left: 0!important;
}

.formShopList .mwform-radio-field:nth-child(3n){
	margin-right: 0;
}

.formShopList .mwform-radio-field img {
	margin-bottom: 5px;
	box-sizing: border-box;	
	border: 5px solid #fff;
}

.formShopList .mwform-radio-field img.choice {
	border: 5px solid #972a9e;
}

.formShopList .mwform-radio-field img:hover {
	opacity: 0.7;
	cursor: pointer;
}

.formShopList .mwform-radio-field span {
	font-size: 1rem;
}

.formShopList input[type="radio"] {
    display: none;
}

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

	.formShopList {
		width: 100%;	
		margin-bottom: -4%;
	}

	.formShopList .mwform-radio-field {
		width: 49%;
		margin-right: 2%;
		font-size: 1.2rem;
	}
	
	.formShopList .mwform-radio-field:nth-child(2n){
		margin-right: 0;
	}

	.formShopList .mwform-radio-field:nth-child(3n){
		margin-right: auto;
	}

	.formShopList .mwform-radio-field img {
		border: 4px solid #fff;
	}

	.formShopList .mwform-radio-field img.choice,
	.formShopList .mwform-radio-field img:hover {
		border: 4px solid #972a9e;
	}

	.formShopList .mwform-radio-field span {
		font-size: 0.9rem;
	}
	
}

/*以下のフォームに必要事項を記載ください
----------------------------------------*/

.inputTable {
	width: 100%;
	margin-bottom: 50px;
}

.inputTable th {
	padding: 15px 20px 7px 0;
	width: 0;
	white-space: nowrap;
    vertical-align: top;
}

.inputTable th span {
	color: #c00;
	margin-right: 10px;
}

.inputTable td{
	padding: 7px 0 7px 0;
    vertical-align: top;
	line-height: 2;
}

.inputTable td span {
    display: inline-block;
    vertical-align: top;
	padding-top: 7px;
}

textarea,
input[type="text"],
input[type="email"],
input[type="tel"] { 
	border: 1px solid #ccc;
	padding: 13px;
	font-size: 1rem;
	border-radius: 5px;
	box-sizing: border-box;
    vertical-align: top;
}
.mwform-radio-field-text{color:#333;}
.mwform-radio-field input{margin-top:15px;}
#f_number1 { width: 80%; }
#f_number2 { width: 80%; }
#f_shop { width: 80%; }
#f_course-other{ width: 80%; }
#f_course{ width: 80%; }
#f_nichiji{ width: 80%; }
#f_shiten{ width: 80%; }
#f_name { width: 60%; }
#f_free{ width: 80%; }
#f_soudan{ width: 100%; }
#f_mail { width: 80%; }
#f_tel { width: 200px; }
#f_zip  { width: 120px; margin-left: 5px; }
#f_car { width: 80%; }
#f_regist { width: 55%; }
#f_chassis { width: 55%; }

.f_select {
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 1rem;
	border-radius: 5px;
	background: #fff;
}

.policyBox {
	border: 1px solid #ccc;
	padding: 20px;
	font-size: 1rem;
	margin: 0 0 30px;
	overflow-y: scroll;
	height: 200px;
}

.policyCheck {
	text-align: center;
	margin-bottom: 50px;
}

input[type="checkbox"]{
	position: relative;
	width: 16px;
	height: 16px;
	border: 1px solid #bbb;
	border-radius: 3px;
	vertical-align: -2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-right: 5px;
}

input[type="checkbox"]:checked:before {
	position: absolute;
	top: 1px;
	left: 4px;
	transform: rotate(50deg);
	width: 4px;
	height: 8px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	content: '';
}

.submit {
	text-align: center;
}

.submit input {
	display: inline-block;
	color: #fff;
	min-width: 200px;
	padding: 20px 45px;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;	
	border-radius: 0;
	border: none;
	background: #972a9e;
}

.submit input:disabled {
	background: #999!important;
}

.caution {
	text-align: center;
	font-size: 0.8rem;
}

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

	.inputTable {
		margin-bottom: 30px;
	}

	.inputTable th {
		padding: 5px 0;
		width: 100%;
		display: block;
		box-sizing: border-box;
		font-size: 0.9rem;
		white-space: normal;
	}

	.inputTable th span {
		color: #c00;
		margin-right: 10px;
	}

	.inputTable td{
		padding: 5px 0;
		width: 100%;
		display: block;
		box-sizing: border-box;
	}

	.inputTable td span {
		display: inline-block;
		vertical-align: middle;
		padding-top: 7px;
	}

	textarea,
	input[type="text"],
	input[type="email"],
	input[type="tel"] { 
		padding: 10px;
		font-size: 0.9rem;
		box-sizing: border-box;
		max-width: width: 100%;width: 100%;
	}
	
	#f_name { width: 80%; }
	#f_mail { width: 100%; }
	#f_tel { width: 150px; }
	#f_zip  { width: 120px;}
	#f_car { width: 100%; }
	.f_select {
		border: 1px solid #ccc;
		padding: 10px;
		font-size: 0.8rem;
		border-radius: 5px;
		background: #fff;
	}	

	.policyBox {
		padding: 15px;
		font-size: 0.8rem;
		margin: 0 0 30px;
		height: 100px;
	}

	.policyCheck {
		text-align: center;
		margin-bottom: 20px;
		font-size: 0.8rem;
	}

	input[type="checkbox"]{
		vertical-align: -4px;
	}

	.submit {
		text-align: center;
		margin-bottom: 30px;
	}

	.submit input {
		min-width: auto;
		padding: 20px 25px;
		font-size: 0.9rem;
		margin-bottom: 0;
	}

	.caution {
		font-size: 0.7rem;
	}
}

#formInput {
	overflow-x: hidden;
}

.formInputImageTop img {
	max-width: 100%;
	height: auto;
	margin-bottom: 50px;
}

.formInputImageBottom img {
	max-width: 100%;
	height: auto;
	margin-bottom: 50px;
}

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

	.formInputImageTop img {
		max-width: 100%;
		height: auto;
		margin: 30px 0 30px;
	}

	.formInputImageBottom img {
		max-width: 100%;
		height: auto;
		margin: 20px 0 40px;
	}
	
}

/*=========================================================

08.フッター

=========================================================*/

#footer {
	background: #e6e6e6;
	padding: 0 3vw;
}

#footer .inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;	
	display: flex;
	padding-top: 50px;
	flex-wrap: wrap;
}

.operation {
	width: 50%;
	padding-bottom: 50px;
	box-sizing: border-box;
}

.operation:nth-child(odd){
	padding-right: 3%;
}

.operation:nth-child(even){
	padding-left: 3%;
}

.operation h2 {
	font-size: 1.2rem;
	margin-bottom: 5px;
}

.copyright {
	margin: 0 -3vw;
	padding: 75px 20px;
	color: #fff;
	background: #262626;
	text-align: center;
	line-height: 1;
}

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


	#footer .inner {
		padding-top: 30px;
		display: block;
		padding-bottom: 10px;
	}

	.operation {
		width: 100%;
		padding-bottom: 20px;
	}

	.operation:nth-child(odd){
		padding-right: 0%;
	}

	.operation:nth-child(even){
		padding-left: 0%;
	}

	.operation h2 {
		font-size: 0.9rem;
	}
	
	.operation p {
		font-size: 0.7rem;
	}

	.copyright {
		font-size: 0.9rem;
		padding: 45px 20px;
		color: #fff;
	}	
}

/*=========================================================

09.カレンダー

=========================================================*/

.calendarText {
	text-align: center;
	margin-bottom: 50px;
}

.calendar h4 {
	font-size: 1.4rem;
	margin-bottom: 15px;
}

.calendars {
	display: flex;
	width: 100%;
}

.calendar {
	width: calc(50% - 20px);
	margin-right: 40px;
}

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

.ui-datepicker-calendar {
	width: 100%;	
	border: 1px solid #bbb;
	border-top: none;
	box-sizing: border-box;
}


.ui-datepicker-header {
	position: relative;
	width: 100%;	
	border: 1px solid #bbb;
	border-bottom: none;
	box-sizing: border-box;
}

.ui-datepicker-prev {
	position: absolute;
	top: 5px;
	left: 5px;
	color: #fff;
	cursor: pointer;
}

.ui-datepicker-next {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #fff;
	cursor: pointer;
}

.ui-datepicker-title {
	text-align: center;	
	padding: 0.5rem 1rem;
	background: #888;
	color: #fff;
}

.ui-datepicker-calendar th {
	text-align: center;	
	padding: 0.5rem 1rem;
	background: #888;
	color: #fff;
}

.ui-datepicker-calendar td {
	text-align: center;
}

.ui-state-default,
.ui-datepicker-calendar td a {
	padding: 1rem;
	display: block;
	color: #000;
}

.ui-state-active {
	background: #972a9e;
	color: #fff!important;
}

.holiday,
.holiday .ui-state-default,
.ui-datepicker-other-month .ui-state-default,
.ui-datepicker-other-month {
	background: #eee;
	color: #cfcfcf!important;
}

.error {
	display: block;
	text-align: center;
	margin: 20px 0 0;
}

.inputTable .error {
	text-align: left;
	margin: 0;
	padding-top: 3px;
}

.policyArea .error {
	margin: -20px auto 60px;
}

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

	.calendarText {
		margin-bottom: 20px;
		font-size: 0.8rem;
	}

	.calendar h4 {
		font-size: 1rem;
		margin-bottom: 10px;
	}

	.calendars {
		display: block;
	}

	.calendar {
		width: 100%;
		margin-right: 0;
	}

	.calendar:nth-child(2n){
		margin-top: 20px;
	}

	.ui-datepicker-calendar {
		width: 100%;	
	}

	.ui-datepicker-header {
		width: 100%;	
	}

	.ui-datepicker-title {
		text-align: center;	
		padding: 0.3rem 0.3rem;
		background: #888;
		color: #fff;
		font-size: 0.9rem;
	}

	.ui-datepicker-calendar th {
		text-align: center;	
		padding: 0.3rem 0.3rem;
		background: #888;
		color: #fff;
		font-size: 0.9rem;
	}

	.ui-datepicker-calendar td {
		text-align: center;
		font-size: 0.6rem;
	}

	.ui-state-default,
	.ui-datepicker-calendar td a {
			padding: 0.3rem 0.3rem;
	}

	.ui-state-active {
		background: #972a9e;
		color: #fff!important;
	}

	.holiday,
	.ui-datepicker-other-month {
		background: #eee;
		color: #cfcfcf
	}
	
}

/*=========================================================

10.確認画面

=========================================================*/

.submit input {
	cursor: pointer;
}

.submit input:disabled {
	cursor: default;
}

.submit input:hover {
	opacity: 0.7;
}

.submit input:disabled:hover {
	opacity: 1;
}

.f_date_txt {
	display: block;
	text-align: center;
}
.f_date_val {
	display: block;
	text-align: center;	
}


.back {
	text-align: center;
}

.back button,
.back input {
  display: inline-block;
  color: #fff;
  min-width: 200px;
  padding: 15px 30px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  border-radius: 0;
  border: none;
  background: #999;
  margin-top: 30px;
  cursor: pointer;
}

.back button:hover,
.back input:hover {
	opacity: 0.7;
}

.checkMessage {
	text-align: center;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 7.5vw;
	padding: 75px 20px;
	background: #e6e6e6;
	box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
	.back button,
	.back input {
	  padding: 10px 30px;
	  font-size: 0.8rem;
	 	 margin-top: -10px;
		margin-bottom: 20px;
		min-width: 150px;
	}

	
	.checkMessage {
		text-align: left;
		margin: 0 auto 30px;
		font-size: 0.9rem;
		padding: 15px;
	}
}

.f_date_val input {
	width: 100%;
	box-sizing: border-box;
}

.mw_wp_form_input .c {
	display: none;
}

.mw_wp_form_confirm .f {
	display: none;
}
.mw_wp_form_confirm .formCars {
	padding: 0;
	border: none;
}
.mw_wp_form_confirm .formCars legend {
	display: none;
}
.mw_wp_form_confirm .formCarsList {
	display: block;
	text-align: center;
	font-size: 1.6rem;
}
.mw_wp_form_confirm .formShopList {
	display: block;
	text-align: center;
	font-size: 1.6rem;
}
.mw_wp_form_confirm .policyBox {
	display: none;
}
.mw_wp_form_confirm .policyArea {
	display: none;
}
.mw_wp_form_confirm .calendarText {
	display: none;
}
.mw_wp_form_confirm .inputTable {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.mw_wp_form_confirm #calendar_01,
.mw_wp_form_confirm #calendar_02 {
	font-size: 1.6rem;		
}
.formmodel {
	overflow: hidden;
}
.mw_wp_form_confirm .f_date_txt {
	padding-right: 15px;
	float: left;		
}
.mw_wp_form_confirm .f_date_val {
	float: left;		
}
.mw_wp_form_confirm .formShopList {
	margin-bottom: 0;
}
@media screen and (max-width:1024px) {
	.mw_wp_form_confirm .formCarsList {
		font-size: 1.3rem;
	}
	.mw_wp_form_confirm .formShopList {
		font-size: 1.3rem;
	}
	.mw_wp_form_confirm #calendar_01,
	.mw_wp_form_confirm #calendar_02 {	
		font-size: 1.3rem;		
	}
}
	
.mw_wp_form_confirm .inputTable th,
.mw_wp_form_confirm .inputTable td {
	vertical-align: middle;
	padding: 15px 30px;
}

@media screen and (max-width:1024px) {
	.mw_wp_form_confirm .inputTable  {
		padding: 0;
		width: 100%;
	}
	.mw_wp_form_confirm .inputTable th {
		padding: 0;
		width: 100%;
	}
	.mw_wp_form_confirm .inputTable td {
		padding: 0 0 15px;
		width: 100%;
	}
}


.sml {
	font-size: 0.9rem;
	color: #787878;
	line-height: 1.5;
	padding-top: 5px;
}

@media screen and (max-width:1024px) {
	.sml {
		font-size: 0.8rem;
		margin-bottom: 10px;
	}	
}