@charset "UTF-8";

@font-face {
	font-family: "AudiType-ExtendedNormal";
	src: url("font/AudiType-ExtendedNormal_4.03.ttf") format("truetype");
	font-display: swap;
}

@font-face {
	font-family: "AudiType-ExtendedBold";
	src: url("font/AudiType-ExtendedBold_4.03.ttf") format("truetype");
	font-display: swap;
}

@font-face {
	font-family: "AudiType-Normal";
	src: url("font/AudiType-Normal_4.03.ttf") format("truetype");
	font-display: swap;
}



html {
	width: 100%;
	height: 100%;
	color: #FFF;
	background-color: #000;
	margin: 0;
	padding: 0;
	font-feature-settings: "palt" 1;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
figure {
	margin: 0;
	padding: 0;
}

body {
	font-size: 14px;
	font-family: 'AudiType-ExtendedNormal', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Verdana", sans-serif;
	line-height: 1.43;
	counter-reset: number;
	height: 100%;
	-webkit-text-size-adjust: none;
}

.auditype-normal {
	font-family: 'AudiType-Normal';
}


table {
	font: 100%;
	font-size: inherit;
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th {
	text-align: left;
}

fieldset,
img {
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

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

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sub {
	vertical-align: text-bottom;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	outline: 0;
}

legend {
	color: #555;
}

select,
input,
button,
textarea {
	font-family: bmwTypeWeb, Arial, Helvetica, "Noto Sans CJK JP", "Noto Sans", sans-serif;
}

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	line-height: 100%;
}

main {
	display: block;
}

a {
	color: #000;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

a:focus {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a img {
	border: none;
}

li img,
dt img,
dd img {
	vertical-align: top;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

html,
body {
	height: 100%;
	text-align: justify;
	text-justify: inter-ideograph;
}

body {
	-webkit-text-size-adjust: 100%;
}

.clear {
	clear: both;
}

.cf:after {
	content: "";
	display: block;
	clear: both;
}

img {
	max-width: 100%;
}

#wrapper {
	/*line-height: 0;*/
	overflow: hidden;
}


#wrapper>header {
	background: url(images/main_bg.jpg);
	background-position: bottom 20% right 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	z-index: -1;
	min-height: 100vh;
}


#cont_inner {
	position: relative;
	z-index: 999;
}



/* pc / tab / sp
============================================================================================================ */
.sp {
	display: none;
}

.pc {
	display: block;
}

.tab {
	display: none;
}

.pc_tab {
	display: bloxk;
	;
}

.tab_sp {
	display: none;
}

@media screen and (max-width:768px) {
	.tab {
		display: none !important;
	}

	.pc {
		display: none !important;
	}

	.sp {
		display: block;
	}

	.pc_tab {
		display: none !important;
	}

	.tab_sp {
		display: block !important;
	}

}



/**********************
mainVis
***********************/

.scrolled:before,
.scrolled #mainVis {
	opacity: 0;
}

.scrolled #wrapper>header {
	z-index: -1;
}

#mainVis {
	position: absolute;
	top: 90px;
	left: 70px;
	width: 50%;
	max-width: 460px;
	z-index: 900;
}

@media screen and (max-width:769px) {
	header {
		position: relative;
	}

	header:before {
		top: 0;
		left: 0;
		content: "";
		display: block;
		position: fixed;
		width: 100%;
		height: 100vh;
		background: url(images/sp/main_bg.jpg) no-repeat center center;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		z-index: -2;
	}

	#mainVis {
		top: 0;
		left: 0;
		padding: 10% 7%;
		text-align: left;
		width: auto;
		position: relative;
		z-index: 900;
	}
}







/**********************
head_logo
***********************/

#head_logo {
	width: 100vw;
	max-width: 1000px;
	margin: 150px auto 0;
}

#head_logo img {
	width: 80vw;
	max-width: 420px;
}



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


	#head_logo {
		margin: 15% 6% 0;
	}

	#head_logo img {
		width: 100%;
	}

}






/**********************
main_copy
***********************/
#main_copy {
	z-index: 2;
	padding: 100px 0 70px;
	position: relative;
}

#main_copy .main_copy {
	width: 100vw;
	max-width: 1000px;
	margin: 0 auto 70px;
}

#main_copy .main_photo {
	width: 100vw;
	height: 400px;
	background-image: url(images/main_photo.jpg);
	background-size: 100%;
	background-position: 50% 50%;
	object-fit: cover;
	object-position: 100% 100%;
}



#main_copy .subtt {
	font-size: 22px;
	letter-spacing: .15em;
}

#main_copy h2 {
	font-family: "AudiType-ExtendedBold";
	font-size: 50px;
	font-weight: 900;
	line-height: 1.583;
	letter-spacing: .15em;
}

#main_copy .copy_day {
	font-family: "AudiType-ExtendedBold";
	font-size: 40px;
	margin-top: 5px;
	letter-spacing: .046em;
}

#main_copy .copy_day span {
	font-family: "AudiType-ExtendedNormal";
	font-size: 26px;
}


#main_copy .sub_copy {
	width: 100vw;
	max-width: 1000px;
	margin: 70px auto 0;
}

#main_copy .sub_copy .copy_tt {
	margin-bottom: 30px;
	font-family: "AudiType-ExtendedBold";
	font-weight: 600;
	font-size: 38px;
	line-height: 41.6px;
	letter-spacing: 0.3rem;
}

#main_copy .sub_copy .copy_txt {
	font-size: 17px;
	line-height: 37px;
	letter-spacing: 0.1rem;
}

#main_copy p {
	margin-top: 30px;
	font-size: 18px;
	line-height: 41.6px;
	letter-spacing: 0.1rem;
}
#main_copy .weekend_reserved {
	margin-top: 60px;
}



.weekend_reserved {
	width: auto;
	margin: 0 auto 0;
	padding: 0 2px 0 0;
}

.weekend_reserved .reserved_block {
	display: flex;
	justify-content: space-between;
}

.weekend_reserved .reserved_btn {
	display: block;
	margin: 0;
	width: calc(100%/2 - 30px);
}

.weekend_reserved .reserved_btn a {
	display: inline-block;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding: 15px 0;
	font-size: 20px;
	color: #000;
	text-align: center;
	background: #FFF;
	letter-spacing: 0.1em;
	vertical-align: middle;
}

.weekend_reserved .reserved_btn.btn_bk a {
	color: #FFF;
	background: #000;
	border: 1px solid #FFF;
}



.weekend_reserved .point_block {
	display: flex;
	gap: 25px;
	margin-top: 40px;
	justify-content: space-between;
}

.weekend_reserved .point_block .point_box {
	flex: 1 0 auto;
	padding: 15px 0;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	background-color: #666666;
	border-radius: 30px;
}

.reserved_bg {
	margin-top: 80px;
	background-image: url(images/flow_img01.jpg);
	background-size: cover;
	background-position: 50%;
	min-height: 450px;
}

@media screen and (max-width: 960px) {
	.reserved_bg {
		margin-top: 60px;
		min-height: calc(220/320 * 100vw);
	}
	.reserved_bg + #bg_black{
		margin-top: 30px;
	}
}






#main_copy .souvenir {
	width: 90vw;
	max-width: 1000px;
	margin: 80px auto;
}

#main_copy .souvenir ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#main_copy .souvenir ul li {
	width: calc(100%/3 - 10px);
	margin-bottom: 14px;
}

#main_copy .souvenir ul li img {
	width: 100%;
}

#main_copy .copy_day02 {
	font-family: "AudiType-ExtendedBold";
	font-size: 40px;
	margin-top: 5px;
	letter-spacing: .10em;
}

#main_copy .copy_day03 {
	font-family: "AudiType-ExtendedBold";
	font-size: 50px;
	font-weight: bold;
	margin-top: 5px;
	letter-spacing: .046em;
}



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


	#main_copy {
		padding: 12% 0 0;
	}

	#main_copy .main_photo {
		width: auto;
		height: calc(220/320 * 100vw);
	}

	#main_copy .main_copy {
		width: auto;
		margin: 0 6% 20px;
	}

	#main_copy .subtt {
		font-size: clamp(10px, 2.19vw, 22px);
		letter-spacing: 0.25em;
	}

	#main_copy h2 {
		font-size: clamp(24px, 6vw, 60px);
		line-height: 1.2;
		padding: 3% 0;
	}

	#main_copy .copy_day {
		font-size: clamp(17px, 4.39vw, 44px);
	}

	#main_copy .copy_day span {
		font-size: clamp(11px, 2.9vw, 29px);
	}



	#main_copy .sub_copy {
		width: auto;
		/* text-align: center; */
		margin: 10% 6% 0%;
	}

	#main_copy .sub_copy .copy_tt {
		margin-bottom: 5%;
		font-size: 21px;
		line-height: 36px;
		letter-spacing: 0.1rem;
	}

	#main_copy .sub_copy .copy_txt {
		font-size: 16px;
		line-height: 26px;
	}


	#main_copy p {
		margin-top: 4%;
		font-size: clamp(10px, 1.6vw, 16px);
		line-height: 1.8em;
	}
	#main_copy .weekend_reserved {
		margin-top: 40px;
	}
	#main_copy .reserved_btn a {
		margin: 0 auto 0;
		padding: 12px 0;
		font-size: 14px;
	}


	#main_copy .souvenir {
		width: auto;
		margin: 12% auto;
	}

	#main_copy .souvenir ul li {
		width: calc(100%/2 - 5px);
		margin-bottom: 10px;
	}

	#main_copy .copy_day02 {
		font-size: 20px;
	}

	#main_copy .copy_day03 {
		font-size: 26px;
	}



	.weekend_reserved {
		width: auto;
		margin: 0;
		padding: 0 2px 0 0;
	}

	.weekend_reserved .reserved_block {
		display: block;
	}

	.weekend_reserved .reserved_btn {
		width: auto;
		margin-top: 10px;
	}

	.weekend_reserved .reserved_btn a {
		font-size: 14px;
	}



	.weekend_reserved .point_block {
		display: block;
		margin-top: 10%;
	}

	.weekend_reserved .point_block .point_box {
		flex: 0;
		width: auto;
		margin: 10px 0 0;
		font-size: 14px;
	}

	.weekend_reserved .point_block .point_box:nth-child(even) {
		margin: 10px 0 0;
	}



}





/**********************
event_date
***********************/

#event_date {
	color: #FFF;
	z-index: 2;
	position: relative;
}

#event_date h3 {
	padding: 0;
	margin: 0;
	font-size: 32px;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.1em;
}

.event_info_inner {
	max-width: 1000px;
	display: flex;
	margin: 0 auto auto auto;
	padding: 0;
	box-sizing: border-box;
	position: relative;
	color: #FFF;
}

.event_info_inner .event_img {
	margin: 0;
	padding: 0;
	width: 50%;
	max-width: 480px;

}

.event_info_inner .event_img img {
	object-fit: cover;
	display: block;
	width: 100%;
}

.event_info_inner .event_img img {
	width: 100%;
}

.event_info_inner .text_box {
	margin: 0 0 0 auto;
	padding-left: 40px;
	max-width: 556px;
	width: 54.73%;
	box-sizing: border-box;
}

.event_info_inner .text_box h2 {
	padding-top: 5px;
}

.event_info_inner .text_box .event_time {
	font-size: 16px;
	text-align: left;
	margin: 7px 0 5px;
}

.event_info_inner .text_box .event_bikou {
	font-size: 11px;
	text-align: left;
	margin-bottom: 14px;
}

.event_info_inner .text_box .text {
	font-size: 16px !important;
	line-height: 26px !important;
	text-align: left;
	margin-top: 14px !important;
	padding-bottom: 15px;
	max-width: 430px;
	letter-spacing: -.05em;

}

.event_info_inner .text_box .bikou {
	line-height: normal;
	margin: 0;
	text-align: left;
	font-size: 11px;
	line-height: 1.636;
}

.event_info_inner .btn {
	display: block;
	margin: 0;
	text-align: left;
}

.event_info_inner .btn a {
	color: #000;
	font-weight: bold;
	text-align: center;
	background: #FFF;
	margin: 32px 0 0;
	font-size: 22px;
	padding: 13px 0;
	line-height: 1.75;
	letter-spacing: .05em;
	/* width: 44.16%; */
	width: 100%;
	/* min-width: 530px; */
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.event_info_inner .btn a:after {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin: -5px auto 0 1%;
	vertical-align: middle;
}


@media screen and (min-width:769px) {

	#event_date {
		padding: 100px 30px 0;
	}

	#event_date p {
		font-size: 16px;
		line-height: 32px;
	}

	.event_info_inner .btn {
		margin-top: 0;
	}
}

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

	#event_date h2 {
		font-size: 21px;
		letter-spacing: .02em;
	}

	#event_date p {
		font-size: 12px;
		line-height: 24px;
		text-align: left;
		margin-top: 22px;
		word-break: break-all;
	}

	.event_info_inner p.btn {
		margin-top: 15px !important;
	}

	.event_info_inner .text_box .bikou {
		font-size: 9px;
		line-height: 14px;
	}
}


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

	#event_date {
		padding: 12% 6% 0;
	}

	#event_date h3 {
		font-size: 18px;
	}

	.event_info_inner {
		max-width: inherit;
		display: block;
		width: 100%;
		margin: auto;
		padding: 0;
	}

	.event_info_inner .text_box h2 {
		width: 92%;
	}

	.event_info_inner .event_img img {
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}

	.event_info_inner .text_box {
		margin: 6% auto 0;
		padding-left: 0;
		width: 100%;
		box-sizing: border-box;
	}

	.event_info_inner .event_img {
		position: static;
		width: 100%;
		max-width: inherit;
		padding: 0;
	}

	.event_info_inner .text_box .event_time {
		font-size: 12px;
	}

	.event_info_inner .text_box .event_bikou {
		font-size: 9px;
	}

	.event_info_inner .text_box .text {
		padding-top: 0;
		padding-bottom: 3%;
		font-size: 10px !important;
		line-height: 1.78 !important;
		letter-spacing: 0;
		margin-top: 2% !important;
	}

	.event_info_inner .text_box ul li {
		font-size: 10px;
		transform: scale(0.9);
		transform-origin: left;
		line-height: 1.556;
		width: 108%;
	}

	.event_info_inner .btn a {
		width: 100%;
		font-size: 13px;
		padding: 8px 0 6px;
		margin-top: 10px;
	}

	.event_info_inner .btn a:after {
		content: "";
		width: 6px;
		height: 6px;
		margin: -1px auto 0 1%;
	}
}





/**********************
special
***********************/

#special {
	overflow: hidden;
	color: #FFF;
	margin-top: 120px;
	padding: 50px 0;
	background-color: #e10537;
}

#special .special_inner {
	display: flex;
	justify-content: space-between;
	width: 90vw;
	max-width: 1000px;
	margin: 0 auto;
}

#special .special_box {
	width: 50%;
	text-align: left;
	position: relative;
}

#special .special_box h2 {
	font-size: 40px;
}

#special .special_box .special_tt {
	font-size: 46px;
	font-weight: bold;
	margin: 30px 0;
	letter-spacing: 0.05em;
}

#special .special_box .special_tt p {
	font-size: 25px;
}

#special .special_box .special_txt p {
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 10px;
}

#special .special_box .btn {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	max-width: 470px;
	text-align: left;
}

#special .special_box .btn a {
	color: #000;
	text-align: center;
	background: #FFF;
	font-size: 20px;
	padding: 13px 0;
	line-height: 1.75;
	letter-spacing: .05em;
	width: 100%;
	max-width: 470px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

#special .special_box .btn a:after {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin: -5px auto 0 1%;
	vertical-align: middle;
}


#special .special_img {
	width: 45%;
}

#special .special_img img {
	width: 100%;
	max-height: 670px;
	object-fit: cover;
}



@media screen and (max-width:768px) {
	/*特別条件の車両をご用意 #conditions sp*/

	#special {
		margin-top: 12%;
		flex-direction: column;
		padding: 50px 0 20px;
	}

	#special .special_inner {
		display: block;
	}

	#special .order1 {
		order: 2;
	}

	#special .order2 {
		order: 1;
	}

	#special .special_box {
		width: auto;
		padding: 8% 0;
	}

	#special .special_box .special_inner {
		width: auto;
	}

	#special .special_box h2 {
		font-size: 19px;
	}

	#special .special_box .special_tt {
		font-size: 28px;
		margin: 4% 0;
	}

	#special .special_box .special_tt p {
		font-size: 16px;
	}

	#special .special_box .special_txt p {
		font-size: 12px;
	}

	#special .special_box .btn {
		position: static;
		margin: 10% 0 0;
	}

	#special .special_box .btn a {
		font-size: 14px;
	}

	#special .special_img {
		width: auto;
	}



}






/**********************
car block
***********************/


#bg_black {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	background: #000;
	padding: 60px 0;
	color: #FFF;
}

#bg_white {
	background: #FFF;
	padding: 0 0 0;
}


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

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt100 {
	margin-top: 100px;
}

.mt140 {
	margin-top: 140px;
}

.mt150 {
	margin-top: 150px;
}

.mb30 {
	margin-bottom: 50px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb150 {
	margin-bottom: 150px;
}


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

	#bg_black {
		width: auto;
		padding: 0 6% 0;
		margin: 12% 0 0;
	}

	#bg_white {
		padding: 12% 6% 0;
	}

	#bg_black.pd00,
	#bg_white.pd00 {
		padding: 12% 0;
	}


	.mt30 {
		margin-top: 0;
	}

	.mt40 {
		margin-top: 0;
	}

	.mt50 {
		margin-top: 0;
	}

	.mt100 {
		margin-top: 0;
	}

	.mt140 {
		margin-top: 0;
	}

	.mt150 {
		margin-top: 0;
	}

	.mb30 {
		margin-bottom: 20px;
	}

	.mb50 {
		margin-bottom: 40px;
	}

	.mb100 {
		margin-bottom: 70px;
	}

	.mb150 {
		margin-bottom: 100px;
	}


	.spmt05 {
		margin-top: 5px;
	}


}





/**********************
こんな気持ち、ありませんか。
***********************/

.store_head {
	margin-bottom: 60px;
	font-family: "AudiType-ExtendedBold";
	font-weight: bold;
	font-size: 38px;
	letter-spacing: .10em;
}
.store_head + .store_txt02 {
	margin-top: -40px;
	margin-bottom: 60px;
	font-size: 17px;
}

.cl_left .store_txt01 ,
.cl_right .store_txt01 {
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 24px;
	letter-spacing: .10em;
}

.cl_left .store_txt02 ,
.cl_right .store_txt02 {
	font-size: 18px;
	letter-spacing: .10em;
}


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


	.store_head {
		margin-bottom: 8%;
		font-size: 20px;
	}

	.store_head + .store_txt02 {
		margin-top: -4%;
		margin-bottom: 8%;
		font-size: 12px;
	}


	.cl_left .store_txt01 ,
	.cl_right .store_txt01 {
		margin-top: 4%;
		margin-bottom: 0.5%;
		font-size: 18px;
	}

	.cl_left .store_txt02 ,
	.cl_right .store_txt02 {
		margin-bottom: 4%;
		font-size: 14px;
		letter-spacing: 0em;
	}



}


/**********************
car block parts
***********************/



/*　タイトル中央寄せ　*/
.car_title_center {
	text-align: center;
	margin-bottom: 60px;
}

.car_title_center .subtt {
	font-size: 28px;
	font-weight: bold;
	line-height: 37px;
}

.car_title_center h3 {
	font-family: "AudiType-ExtendedBold";
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 62px;
}

.car_title_center .txt {
	font-size: 17px;
	margin-top: 50px;
	line-height: 37px;
}





.ttbox_h3 h3 {
	padding: 20px 0;
	font-family: "AudiType-ExtendedBold";
	font-size: 45px;
	font-weight: 900;
	line-height: 1.583;
	letter-spacing: .01em;
}

.ttbox_h3 .subtt {
	padding-bottom: 50px;
	font-size: 16px;
	line-height: 2;
}


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

	.car_title_center {
		margin-top: 0;
		margin-bottom: 0;
	}

	.car_title_center.pcm {
		margin-top: 20%;
	}

	.car_title_center .subtt {
		font-size: clamp(15px, 1.5vw, 20px);
		margin-bottom: 0;
		line-height: 20px;
		margin-top: 6%;
	}

	.car_title_center h3 {
		font-size: clamp(21px, 3.4vw, 34px);
		font-weight: bold;
		line-height: 30px;
	}

	.car_title_center .txt {
		font-size: 14px;
		margin-top: 6%;
		line-height: 26px;
	}


	.ttbox_h3 h3 {
		padding: 0 0 10px;
		font-size: clamp(20px, 4.5vw, 45px);
	}

	.ttbox_h3 .subtt {
		padding-bottom: 25px;
		font-size: clamp(12px, 1.6vw, 16px);
	}

}




/*　車のメイン画像とタイトル　*/
.car_box.car_image {
	display: flex;
	justify-content: center;
}

.car_box.car_txt {
	text-align: left;
}

.car_box .car_subtt {
	font-size: 20px;
	margin-top: 50px;
}

.car_box .car_title {
	font-size: 34px;
	line-height: 1.8;
	font-family: "AudiType-ExtendedBold";
	font-weight: 900;
}


.car_box .car_column02 .car_tt {
	font-size: 32px;
	line-height: 1.8;
	font-family: "AudiType-ExtendedNormal";
	font-weight: 300;
}

.car_box .car_txt {
	font-size: 14px;
	line-height: 26px;
}

.car_box .car_txt.txt01 {
	margin: 30px 0 70px;
}

.car_box .car_txt.txt02 {
	margin: 30px 0 0;
}



#bg_black .car_subtt {
	font-size: 22px;
	color: #FFF;
}

#bg_black .car_title {
	font-size: 36px;
	line-height: 1.8;
	font-weight: 300;
	color: #FFF;
}



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

	.car_box .car_subtt {
		font-size: clamp(12px, 1.2vw, 20px);
		margin-top: 0;
		line-height: 1.6;
		margin-top: 6%;
	}

	.car_box .car_title {
		font-size: clamp(16px, 3.4vw, 34px);
		margin-top: 3%;
	}

	.car_box .car_column02 .car_tt {
		font-size: 16px;
		line-height: 1.4;
	}

	.car_box .car_txt {
		font-size: 10px;
		line-height: 17px;
	}

	.car_box .car_txt.txt01 {
		margin: 10% 0;
	}

	.car_box .car_txt.txt02 {
		margin: 30px 0 0;
	}



	#bg_black .car_subtt {
		font-size: 12px;
		margin-bottom: 5px;
	}

	#bg_black .car_title {
		font-size: 16px;
		line-height: 1.6;
	}

}




/*　車のメイン画像とタイトル　*/
.text_column02 {
	display: flex;
	justify-content: space-between;
	margin: 40px auto 0;
}

.car_column02 {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.car_list_block {
	width: 48%;
	font-size: 12px;
}

.car_list_block .car_list_image {
	margin-bottom: 20px;
}

.car_list_block ul {
	width: 100%;
	display: inline-grid;
	column-gap: 2em;
	grid-template-columns: repeat(2, auto);
	line-height: 1.8;
}

.car_list_block ul li:nth-child(2n) {
	text-align: right;
}

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

	.text_column02 {
		display: block;
		margin: 10% auto 16%;
	}

	.car_column02 {
		display: block;
		margin: 3% auto 0;
	}

	.car_column02 .car_list_block {
		margin-bottom: 5%;
	}

	.car_list_block {
		width: auto;
		font-size: 10px;
		line-height: 13px;
	}

	.car_list_block .car_list_image {
		margin-bottom: 0;
	}

	.car_list_block ul {
		width: 100%;
		display: block;
		line-height: 1.3;
	}

	.car_list_block ul li:nth-child(2n) {
		text-align: left;
		margin-bottom: 4px;
	}

}




/*　車2カラム/試乗申込み　*/
.car_reserved_block {
	width: 100%;
	max-width: 1000px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.car_reserved_block + .car_reserved_block {
	margin-top: 100px;
}

.car_reserved_block.reverse{
	flex-direction: row-reverse;
}

.car_reserved_block .cl_left {
	width: 470px;
}

.car_reserved_block .cl_right {
	width: 470px;
	text-align: left;
	position: relative;
	display: flex;
	flex-direction: column;
}
.car_reserved_block .cl_right .reserved_btn{
	margin-top: auto;
}




.car_reserved_block .cl_right .cl_right_txt {
	margin: 50px 0 0;
}

.car_reserved_block .cl_right .cl_right_txt.mt0 {
	margin: 0;
}

.car_reserved_block .cl_right .cl_right_txt .subtt {
	font-size: 17px;
	line-height: 26px;
}

.car_reserved_block .cl_right .cl_right_txt .title {
	font-size: 40px;
	font-weight: bold;
	margin: 10px 0 30px;
}

.car_reserved_block .cl_right .cl_right_txt .title.sht {
	margin: 5px 0 20px;
}

.car_reserved_block .cl_right .car_list_block {
	width: auto;
}

.car_reserved_block .cl_right .car_list_block .special_offer_txt_tt {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0.02em;
	font-weight: bold;
}

.car_reserved_block .cl_right .car_list_block .special_offer {
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.025em;
	white-space: nowrap;
}

.car_reserved_block .cl_right .car_list_block.sht .special_offer {
	margin-bottom: 10px;
}

.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_main {
	padding-left: 20px;
	position: relative;
}

.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_main::before {
	position: absolute;
	content: "";
	top: 13px;
	left: 0;
	background-color: #000;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.car_reserved_block .cl_right .car_list_block .special_offer.fs20 {
	margin: 20px 0 5px;
	font-size: 18px;
	line-height: 1.0;
}

.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_main.lh01 {
	line-height: 1.0;
}

.car_reserved_block .cl_right .car_list_block .special_offer_pd {
	padding-left: 20px;
}

.car_reserved_block .cl_right .car_list_block .special_offer_pds {
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.025em;
	padding-left: 20px;
	margin-bottom: 5px;
}

.car_reserved_block .cl_right .car_list_block .special_offer_sub {
	font-size: 20px;
	font-weight: bold;
	padding-left: 20px;
}


.car_reserved_block .cl_right .car_list_block .special_offer span {
	font-size: 17px;
}

.car_reserved_block .cl_right .car_list_block .special_offer span.en {
	font-size: 20px;
}

.car_reserved_block .cl_right .car_list_block .special_offer span span {
	vertical-align: super;
	font-size: 12px;
}

.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_txt {
	font-size: 17px;
	letter-spacing: 0.04em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 5px;
}

.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_txt span {
	vertical-align: baseline;
	font-size: 10px;
}

.car_reserved_block .cl_right .car_list_block .special_offer sup {
	font-size: 12px;
	vertical-align: baseline;
}

.car_reserved_block .cl_right .car_list_block .spt_bikou {
	font-size: 15px;
	padding-left: 20px;
}




.car_reserved_block .cl_right .car_list_block.ls00 .special_offer_txt_tt {
	margin-bottom: 20px;
	font-size: 34px;
}

.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_main.fs36 {
	font-size: 36px;
}

.car_reserved_block .cl_right .car_list_block .ws_no {
	white-space: nowrap;
}

.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_txt.ls_ms {
	letter-spacing: -0.1em;
}





.special_offer .etron_txt {
	margin: 10px 0 0;
	font-size: 12px;
	font-weight: 300;
	text-align: left;
	line-height: 18px;
	white-space: normal;
}


.car_reserved_block .cl_right .cl_right_txt p.pdl30 {
	padding-left: 15px;
}



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

.car_etron_block .reserved_btn.etron_btn {
	width: 100%;
	max-width: 1000px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}


.car_reserved_block .reserved_btn {
	width: 100%;
	display: block;
}

.car_reserved_block .reserved_btn a,
.car_etron_block .reserved_btn.etron_btn a {
	display: inline-block;
	width: 100%;
	margin: 8px 0 0;
	padding: 15px 0;
	font-size: 16px;
	color: #000;
	text-align: center;
	background: #FFF;
	border: 1px solid #000;
	letter-spacing: 0.15em;
	vertical-align: middle;
}

.car_etron_block .reserved_btn.etron_btn a {
	width: calc(100%/2 - 30px);
}

.car_bikou {
	width: 1000px;
	font-size: 11px;
	margin: 20px auto 0;
	text-align: left;
}



@media screen and (max-width:960px) {
	.car_reserved_block {}


	.car_reserved_block + .car_reserved_block {
		margin-top: 60px;
	}

	.car_reserved_block.reverse{
		flex-direction: unset;
		flex-direction: column;
	}

	.car_reserved_block .cl_left ,
	.car_reserved_block .cl_right {
		width: auto;
	}

	.car_reserved_block .cl_left img {
		width: 100%;
		max-width: 560px;
		margin: 0 auto;
	}

	.car_reserved_block .cl_right {
		width: auto;
		margin-top: 8%;
	}

	.car_reserved_block .cl_right .cl_right_txt {
		margin: 6% 0 0;
	}

	.car_reserved_block .cl_right .cl_right_txt.mt0 {
		margin: 0;
	}

	.car_reserved_block .cl_right .cl_right_txt .title.sht {
		margin: 5px 0 20px;
	}



	.car_reserved_block .cl_right .cl_right_txt .subtt {
		font-size: 12px;
		line-height: 20px;
	}

	.car_reserved_block .cl_right .cl_right_txt .title {
		font-size: clamp(22px, 3.2vw, 32px);
		margin: 10px 0 20px;
	}

	.car_reserved_block .cl_right .car_list_block {
		margin-bottom: 0;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer_txt_tt {
		margin-bottom: 5%;
		font-size: 15px;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer {
		margin-top: 10px;
		font-size: 16px;
		margin-bottom: 20px;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_main {
		font-size: 25px;
		line-height: 0.8;
		margin-bottom: 6px;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_main::before {
		top: 8px;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer_pd {
		font-size: 25px;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer_sub {
		font-size: 12.6px;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer span {
		font-size: 12.6px;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer span.en {
		font-size: 18px;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer span~span {
		font-size: 12px;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer span span {
		font-size: 10px;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_txt {
		font-size: 12px;
		font-weight: normal;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_txt span {
		font-size: 7px;
	}


	.car_reserved_block .cl_right .car_list_block .special_offer sup {
		font-size: 10px;
	}

	.car_reserved_block .cl_right .car_list_block .spt_bikou {
		font-size: 10px;
		padding-left: 10px;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_main.lh12 {
		line-height: 1.2;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer.fs20 {
		margin: 20px 0 0;
		font-size: 13px;
	}


	.car_reserved_block .cl_right .car_list_block.ls00 .special_offer_txt_tt {
		margin-bottom: 20px;
		font-size: 19px;
	}

	.car_reserved_block .cl_right .car_list_block .special_offer .special_offer_main.fs36 {
		font-size: 18px;
	}


	.car_reserved_block {
		flex-direction: column;
	}

	.car_reserved_block .order1 {
		order: 2;
	}

	.car_reserved_block .order2 {
		order: 1;
	}


	.car_etron_block .reserved_btn.etron_btn {
		display: block;
	}



	.car_reserved_block .reserved_btn {
		position: static;
		margin-bottom:0;
	}

	.car_reserved_block .reserved_btn a,
	.car_etron_block .reserved_btn.etron_btn a {
		width: 100%;
		margin: 2% 0 0;
		padding: 13px 0;
		font-size: 14px;
	}



	.car_bikou {
		width: auto;
	}
}







/*　車2カラム/赤/プロダクト　*/
#bg_red {
	background: #000;
	padding: 70px 0;
	color: #FFF;
}

#bg_red.red_narrow {
	padding: 50px 0;
}

.car_prodact_block {
	width: 100%;
	max-width: 1000px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.car_prodact_block .cl_left {
	width: 46%;
}

#bg_red.red_narrow .car_prodact_block .cl_left {
	padding: 20px 0;
}

.car_prodact_block .cl_right {
	width: 49%;
	text-align: left;
	position: relative;
}

.car_prodact_block .cl_right .car_list_block {
	width: auto;
}

.car_prodact_block .cl_right .car_list_block .special_offer_txt_tt {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0.02em;
	font-weight: bold;
}

.car_prodact_block .cl_right .car_list_block .special_offer {
	margin-bottom: 20px;
	white-space: nowrap;
}

#bg_red.red_narrow .car_prodact_block .cl_right .car_list_block .special_offer {
	margin-top: 0;
}

.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_main {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.025em;
	padding-left: 20px;
	position: relative;
}

.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_main::before {
	position: absolute;
	content: "";
	top: 18px;
	left: 0;
	background-color: #FFF;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_main.lh01 {
	line-height: 1.0;
}

.car_prodact_block .cl_right .car_list_block .special_offer_pd {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.025em;
	padding-left: 20px;
}

.car_prodact_block .cl_right .car_list_block .special_offer_sub {
	font-size: 20px;
	font-weight: bold;
	padding-left: 20px;
}


.car_prodact_block .cl_right .car_list_block .special_offer span {
	font-size: 20px;
}

.car_prodact_block .cl_right .car_list_block .special_offer span.en {
	font-size: 28px;
}

.car_prodact_block .cl_right .car_list_block .special_offer span span {
	vertical-align: super;
	font-size: 12px;
}

.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_txt {
	font-size: 20px;
	letter-spacing: 0.04em;
	padding-left: 20px;
}

.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_txt span {
	vertical-align: baseline;
	font-size: 10px;
}

.car_prodact_block .cl_right .car_list_block .special_offer sup {
	font-size: 16px;
	vertical-align: baseline;
}

.car_prodact_block .cl_right .car_list_block .spt_bikou {
	font-size: 15px;
	padding-left: 20px;
}




.car_prodact_block .cl_right .car_list_block.ls00 .special_offer_txt_tt {
	margin-bottom: 20px;
	font-size: 34px;
}

.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_main.fs36 {
	font-size: 36px;
}

.car_prodact_block .cl_right .car_list_block .ws_no {
	white-space: nowrap;
}

.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_txt.ls_ms {
	letter-spacing: -0.1em;
}


.car_prodact_block .reserved_btn {
	display: block;
	width: 100%;
	margin: auto;
}

/* .car_prodact_block .reserved_btn.prodact_btn {
	position: absolute;
	bottom: 0;
} */

.car_prodact_block .reserved_btn a {
	display: inline-block;
	width: 100%;
	margin: 10px 0 0;
	padding: 16px 0;
	font-size: 20px;
	color: #FFF;
	text-align: center;
	background: #000;
	letter-spacing: 0.15em;
	vertical-align: middle;
}

.cl_right .reserved_btn.prodact_btn a:nth-of-type(even){
	background: transparent;
	border: solid 1px #fff;
	color: #fff;
	box-sizing: border-box;
}

#bg_red .car_prodact_block .reserved_btn a {
	color: #000;
	background: #FFF;
}



.car_prodact_block .cl_right.right_max {
	width: 100%;
}

.car_prodact_block .cl_right.right_max .hojyo_sub {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.02em;
	border-top: 1px solid #FFF;
	padding-top: 30px;
}

.car_prodact_block .cl_right.right_max .hojyo_tt {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.025em;
}

.car_prodact_block .cl_right.right_max .hojyo_tt span {
	font-size: 28px;
}

.car_prodact_block .cl_right.right_max .hojyo_bikou {
	font-size: 11px;
	margin: 20px 0 30px;
}

.car_prodact_block .right_max .reserved_btn.prodact_btn {
	position: static;
	bottom: 0;
	display: flex;
	justify-content: space-between;
}

.car_prodact_block .right_max .reserved_btn.prodact_btn a {
	width: 49%;
}







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

	#bg_red {
		padding: 13% 20px;
	}

	#bg_red.red_narrow {
		padding: 13% 20px;
	}

	.car_prodact_block {
		display: block;
	}

	.car_prodact_block .cl_left {
		width: auto;
	}

	.car_prodact_block .cl_left img {
		width: 100%;
		max-width: 560px;
		margin: 0 auto;
	}

	.car_prodact_block .cl_right {
		width: auto;
		margin-top: 6%;
	}

	.car_prodact_block .cl_right .cl_right_txt .title {
		font-size: clamp(16px, 3.2vw, 32px);
	}

	.car_prodact_block .cl_right .cl_right_txt .txt {
		font-size: clamp(14px, 1.4vw, 20px);
	}

	.car_prodact_block .cl_right .cl_right_txt p {
		font-size: clamp(9px, 1.1vw, 11px);
	}


	.car_prodact_block .cl_right .car_list_block {
		margin-bottom: 5%;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer_txt_tt {
		margin-bottom: 5%;
		font-size: 15px;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer {
		margin-top: 10px;
	}

	#bg_red.red_narrow .car_prodact_block .cl_right .car_list_block .special_offer {
		margin-top: 10px;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_main {
		font-size: 25px;
		line-height: 0.8;
		margin-bottom: 6px;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_main::before {
		top: 8px;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer_pd {
		font-size: 25px;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer_sub {
		font-size: 12.6px;
	}





	.car_prodact_block .cl_right .car_list_block .special_offer span {
		font-size: 12.6px;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer span.en {
		font-size: 18px;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer span~span {
		font-size: 12px;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer span span {
		font-size: 10px;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_txt {
		font-size: 12px;
		padding-left: 10px;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_txt span {
		font-size: 7px;
	}


	.car_prodact_block .cl_right .car_list_block .special_offer sup {
		font-size: 8px;
	}

	.car_prodact_block .cl_right .car_list_block .spt_bikou {
		font-size: 10px;
		padding-left: 10px;
	}


	.car_prodact_block .cl_right .car_list_block.ls00 .special_offer_txt_tt {
		margin-bottom: 20px;
		font-size: 19px;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_main.fs36 {
		font-size: 18px;
	}




	.car_prodact_block .reserved_btn.prodact_btn {
		position: static;
	}

	.car_prodact_block .reserved_btn a {
		width: 100%;
		margin: 3% 0 0;
		padding: 13px 0;
		font-size: 14px;
	}




	.car_prodact_block .cl_right.right_max {
		margin-top: 0;
	}

	.car_prodact_block .cl_right.right_max .car_list_block .special_offer .special_offer_main {
		line-height: 1.0;
		margin-bottom: 8px;
	}

	.car_prodact_block .cl_right .car_list_block .special_offer .special_offer_main.lh16 {
		line-height: 1.2;
	}

	.car_prodact_block .cl_right.right_max .hojyo_sub {
		margin-bottom: 3%;
		font-size: 14px;
		padding-top: 8%;
		line-height: 1.4;
	}

	.car_prodact_block .cl_right.right_max .hojyo_tt {
		font-size: 25px;
		line-height: 1.4;
	}

	.car_prodact_block .cl_right.right_max .hojyo_tt span {
		font-size: 18px;
	}

	.car_prodact_block .cl_right.right_max .hojyo_bikou {
		line-height: 1.6;
	}

	.car_prodact_block .right_max .reserved_btn.prodact_btn {
		display: block;
	}

	.car_prodact_block .right_max .reserved_btn.prodact_btn a {
		width: 100%;
	}


}





/*　Offer　*/

.car_offer_block {
	width: 90vw;
	max-width: 1000px;
	margin: 0 auto;
	font-weight: bold;
}

.car_offer_block .car_offer_tt {
	font-size: 40px;
}

.car_offer_block .car_offer_column {
	display: flex;
	justify-content: center;
	margin: 40px 0;
	padding: 40px 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.car_offer_block .car_offer_column .offer_box {
	width: 30%;
}

.car_offer_block .car_offer_column .offer_plus {
	width: 16%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.car_offer_block .car_offer_column .offer_plus .tasu {
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 40px;
	background-color: #FFF;
	position: relative;
}

.car_offer_block .car_offer_column .offer_plus .tasu::before {
	content: '';
	position: absolute;
	top: 17px;
	left: -17px;
	width: 40px;
	height: 5px;
	background-color: #FFF;
}



.car_offer_block .car_offer_column .offer_plus .tasu {
	position: relative;
}

.car_offer_block .car_offer_column .txt01 {
	font-size: 50px;
}

.car_offer_block .car_offer_column .txt02 {
	font-size: 30px;
}

.car_offer_block .car_offer_column .txt03 {
	font-size: 30px;
}

.car_offer_block .car_offer_column .txt04 {
	font-size: 50px;
}

.car_offer_block .car_offer_column sub {
	font-size: 16px;
}

.car_offer_block .car_offer_model {
	font-size: 40px;
}

.car_offer_block .car_offer_model .txt05 {
	font-size: 30px;
}





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


	.car_offer_block .car_offer_tt {
		font-size: 20px;
	}

	.car_offer_block .car_offer_column {
		display: block;
		margin: 8% 0;
		padding: 8% 0;
	}

	.car_offer_block .car_offer_column .offer_box {
		width: auto;
		text-align: center;
	}

	.car_offer_block .car_offer_column .offer_plus {
		width: auto;
		margin: 8% 0;
	}

	.car_offer_block .car_offer_column .offer_plus .tasu {
		height: 30px;
	}

	.car_offer_block .car_offer_column .offer_plus .tasu::before {
		top: 12px;
		left: -12px;
		width: 30px;
	}



	.car_offer_block .car_offer_column .offer_plus .tasu {
		position: relative;
	}

	.car_offer_block .car_offer_column .txt01 {
		font-size: 30px;
	}

	.car_offer_block .car_offer_column .txt02 {
		font-size: 18px;
	}

	.car_offer_block .car_offer_column .txt03 {
		font-size: 18px;
	}

	.car_offer_block .car_offer_column .txt04 {
		font-size: 30px;
	}

	.car_offer_block .car_offer_column sub {
		font-size: 12px;
	}

	.car_offer_block .car_offer_model {
		font-size: 19px;
	}

	.car_offer_block .car_offer_model .txt05 {
		font-size: 17px;
	}



}










.bikou {
	margin-top: 30px;
	text-align: justify;
	line-height: 1.6;
	font-size: clamp(9px, 1.1vw, 11px);
}

.bikou span {
	font-size: clamp(10px, 1.3vw, 13px);
	font-weight: bold;
}


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


	.bikou {
		margin-top: 0;
	}
	.bikou + .bikou{
		margin-top: 1em;
	}


}





/**********************
流れ
***********************/


#flow {
	margin: 100px 0;
}

#flow .flow_photo {
	width: 100vw;
	height: 400px;
	object-fit: cover;
	object-position: 100% 100%;
}

#flow .flow_photo.pt01 {
	background-image: url(images/flow_img01.jpg);
	background-size: 100%;
	background-position: center center;
}

#flow .flow_photo.pt02 {
	background-image: url(images/flow_img02.jpg);
	background-size: 100%;
	background-position: center center;
}

#flow .flow_photo.pt03 {
	background-image: url(images/flow_img03.jpg);
	background-size: 100%;
	background-position: center center;
}

#flow .flow_txtbox {
	width: 100vw;
	max-width: 1000px;
	margin: 80px auto 120px;
}

#flow .flow_txtbox .flow_tt {
	margin-bottom: 50px;
	font-family: "AudiType-ExtendedBold";
	font-weight: 600;
	font-size: 38px;
	line-height: 41.6px;
	letter-spacing: 0.3rem;
}

#flow .flow_txtbox .flow_txt {
	font-size: 22px;
	line-height: 40px;
}

#flow .flow_txtbox .flow_txt .txt_list {
	margin-top: 40px;
}

#flow .flow_txtbox .flow_txt li {
	margin-bottom: 20px;
}

#flow .flow_txtbox .flow_txt .qa_q {}

#flow .flow_txtbox .flow_txt .qa_a {
	font-size: 18px;
	margin-bottom: 30px;
}





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


	#flow {
		margin: 30% 0;
	}

	#flow .flow_photo {
		width: auto;
		height: 220px;
	}

	#flow .flow_photo.pt01 {
		background-size: 160%;
	}

	#flow .flow_photo.pt02 {
		background-size: 130%;
	}

	#flow .flow_photo.pt03 {
		background-size: 140%;
	}

	#flow .flow_txtbox {
		width: auto;
		margin: 10% 6% 20%;
	}

	#flow .flow_txtbox .flow_tt {
		margin-bottom: 5%;
		font-size: 18px;
		letter-spacing: 0.1rem;
		line-height: 26px;
	}

	#flow .flow_txtbox .flow_txt {
		font-size: 12px;
		line-height: 20px;
	}

	#flow .flow_txtbox .flow_txt .txt_list {
		margin-top: 8%;
		line-height: 30px;
	}

	#flow .flow_txtbox .flow_txt li {
		margin-bottom: 10px;
	}

	#flow .flow_txtbox .flow_txt .qa_q {
		font-size: 14px;
	}

	#flow .flow_txtbox .flow_txt .qa_a {
		font-size: 12px;
		margin-bottom: 20px;
	}



}



/**********************
動画
***********************/


.movie_box {
	width: 100%;
	max-width: 800px;
	margin: 50px auto 0;
}


.js-modal-btn {
	width: 100%;
	height: 45vw;
	max-width: 1000px;
	max-height: 450px;
	transition: 0.3s;
}

.js-modal-btn:hover {
	opacity: 0.8;
}


.js-modal-btn.movie01 {
	background: url(images/movie_audi_01.jpg) no-repeat;
	background-size: contain;
	background-position: center center;
}

.js-modal-btn.movie02 {
	background: url(images/movie_audi_02.jpg) no-repeat;
	background-size: contain;
	background-position: center center;
}

.js-modal-btn.movie03 {
	background: url(images/movie_audi_03.jpg) no-repeat;
	background-size: contain;
	background-position: center center;
}

.js-modal-btn.movie04 {
	background: url(images/movie_audi_04.jpg) no-repeat;
	background-size: contain;
	background-position: center center;
}

.js-modal-btn.movie05 {
	background: url(images/movie_audi_05.jpg) no-repeat;
	background-size: contain;
	background-position: center center;
}




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

	.movie_box {
		margin: 6% auto 0;
	}

	.js-modal-btn {
		height: 50vw;
	}

}






/**********************
used
***********************/


#used .used_main {
	margin-top: 250px;
}

#used .used_main {
	padding: 130px 0 100px;
	color: #FFF;
	text-align: center;
	background-color: #e10537;
}

#used .used_main .used_subtt {
	margin: 50px 0 30px;
	font-size: 22px;
	letter-spacing: 0.3em;
}

#used .used_main h2 {
	font-size: 60px;
	font-weight: bold;
}


/*All used car*/
#used .used {
	text-align: center;
	padding: 80px 0;
}

#used .used .used_nintei_main {
	width: 1000px;
	margin: 40px auto 60px;
	position: relative;
}

#used .used .used_nintei_main img {
	width: 100%;
	vertical-align: bottom;
}

#used .used .used_nintei_main .used_nintei_tt {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 368px;
	height: 83px;
}

#used .used .used_nintei_main .used_nintei_tt img {
	width: 100%;
}

#used .used_tt01 {
	font-size: 22px;
	letter-spacing: 0.2em;
}

#used .used_tt02 {
	font-size: 48px;
	font-weight: bold;
	margin-top: 20px;
}

#used .used_tt03 {
	font-size: 18px;
	line-height: 2;
	letter-spacing: 0.1em;
}

#used .used a {
	color: #000;
	background-color: #FFF;
	font-size: 20px;
	display: block;
	width: 500px;
	height: 54px;
	line-height: 2.8;
	margin: 35px auto 40px;
}

@media (max-width: 960px) {


	#used .used_main {
		margin-top: 0;
		padding: 14% 6%;
	}

	#used .used_main img {
		width: 100%;
	}

	#used .used_main .used_subtt {
		margin: 8% 0 5%;
	}

	#used .used_main h2 {
		font-size: 40px;
	}


	#used .recommend {
		padding: 0 6%;
	}

	#used {
		margin: 20% 20px 0;
	}

	#used .used {
		margin-bottom: 0;
		padding: 0;
	}

	#used .used .used_nintei_main {
		width: auto;
		margin: 6% 0 8%;
	}

	#used .used .used_nintei_main .used_nintei_tt {
		position: absolute;
		top: 20px;
		left: 20px;
		width: 60%;
		max-width: 230px;
		height: auto;
	}


	#used .used h2 img {
		margin: auto;
		padding-bottom: 7%;
	}

	#used .used a {
		width: auto;
		height: 46px;
		font-size: 16px;
		line-height: 46px;
		font-weight: normal;
		margin: 24px 0 20px;
		letter-spacing: .1em;
	}

	#used .used a::after {
		width: 8px;
		height: 8px;
	}

	/*Pickup Used cars*/
	#used .recommend_main01 h2 img {
		width: 84.06%;
		margin: auto;
	}


	#used .used_tt01 {
		font-size: 10px;
	}

	#used .used_tt02 {
		font-size: 20px;
		margin-top: 20px;
	}

	#used .used_tt03 {
		font-size: 10px;
	}


}

@media (max-width: 760px) {


	#used .used_main .used_subtt {
		font-size: 12px;
	}

	#used .used_main h2 {
		font-size: 20px;
	}

}






/**********************
online-service
***********************/

#online-service {
	text-align: center;
	margin-top: 100px;
}

#online-service h2 {
	padding: 20px 0;
	font-family: "AudiType-ExtendedBold";
	font-size: 45px;
	font-weight: 900;
	line-height: 1.583;
	letter-spacing: .01em;
}

#online-service .os_subtt {
	padding-bottom: 50px;
	font-size: 16px;
	line-height: 2;
}

#online-service .os_contact {
	color: #000;
	background: #FFF;
	position: relative;
	padding: 67px 48% 75px 0;
	margin-right: 6.25%;
	margin-left: 6.25%;
	width: 87.5%;
	box-sizing: border-box;
	margin: auto;
}

#online-service .os_contact:before {
	top: 0;
	right: 0;
	bottom: 0;
	width: 55%;
	content: "";
	display: block;
	position: absolute;
	background: url(images/online-service_bg.jpg) no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}

#online-service .os_contact .text {
	width: 90%;
	margin: 0 auto 1em;
	font-size: 20px;
	line-height: 35px;
	text-align: left;
	letter-spacing: -0.05em;
	max-width: 380px;
}

#online-service .os_contact .link a {
	color: #FFF;
	width: 90%;
	display: block;
	margin: 0 auto;
	font-size: 24px;
	background: #000;
	line-height: 70px;
	max-width: 380px;
}


@media (max-width: 960px) {


	#online-service {
		padding: 0 6% 0;
		margin-top: 100px;
	}

	#online-service h2 {
		padding: 0 0 10px;
		font-size: clamp(20px, 4.5vw, 45px);
	}

	#online-service .os_subtt {
		padding-bottom: 25px;
		font-size: clamp(12px, 1.6vw, 16px);
	}

	#online-service h2 img {
		margin: auto;
	}

	#online-service .os_contact {
		padding: 0;
		width: 100%;
	}

	#online-service .os_contact:before {
		width: auto;
		position: static;
		padding-top: 55%;
	}

	#online-service .os_contact .text {
		width: auto;
		padding: 25px 25px 0;
		font-size: 14px;
		line-height: 1.857;
	}

	#online-service .os_contact .link {
		padding: 2px 20px 28px;
	}

	#online-service .os_contact .link a {
		width: 95%;
		font-size: 18px;
		line-height: 50px;
	}


}







/**********************
店舗一覧
***********************/

#shops {
	padding: 10% 20px 76px;
}

#shops p {
	font-size: 26px;
	font-weight: 600;
	line-height: 42px;
	text-align: center;
}

#shops ul {
	width: 100%;
	max-width: 850px;
	margin: 40px auto 0;
}

#shops li {
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px solid #FFF;
}

#shops li:last-child {
	border-bottom: none;
}

#shops .shop {
	display: flex;
	justify-content: space-between;
	width: 63%;
	margin: 12px 0 0;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}

#shops .shop .shop_name {
	width: 40%;
}

#shops .shop .shop_tel a {
	color: #FFF;
}

#shops .btn {
	float: right;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	margin-top: 5px;
	/*width: 290px;*/
	grid-gap: 5px;
	font-size: 15px;
}

#shops .btn a {
	width: 130px;
	line-height: 40px;
	text-align: center;
}

#shops .btn a.btn_contact {
	margin-right: 7px;
	border: 1px solid #FFF;
	color: #FFF;
}

#shops .btn a.btn_reserve {
	color: #000;
	background-color: #FFF;
}

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

	#shops {
		padding: 12.5vw 6.25vw 7.875vw;
	}

	#shops p {
		font-size: clamp(14px, 2.6vw, 26px);
		line-height: 24px;
	}

	#shops ul {
		margin: 5% auto 0;
	}

	#shops li {
		display: block;
		padding: 0 0 14px;
	}

	#shops .shop {
		display: flex;
		justify-content: space-between;
		width: 100%;
		font-size: 14px;
	}

	#shops .shop .shop_name {
		width: auto;
	}

	#shops .btn {
		float: none;
		justify-content: space-between;
		font-size: 14px;
		margin-top: 10px;
	}

	#shops .btn a {
		width: 48%;
		line-height: 35px;
	}

	#shops .btn a.btn_contact {
		margin-right: 0;
	}

}





/* footer
================================== */

footer {
	padding: 0;
}

.bg_black {
	background: #000000;
}

.bg_white {
	background: #FFFFFF;
}

footer .foot_area_bottom {
	padding: 1.5em 1vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

footer .foot_area_bottom p.footer_logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 342px;
}

.copyright {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 12px;
	font-size: .75rem;
	text-align: right;
	margin: 0;
	padding: 0;
}

.bg_black .copyright {
	color: #FFFFFF;
}

.bg_white .copyright {
	color: #000000;
}


@media screen and (max-width:960px) {
	footer .foot_area_bottom {
		padding: 0.7em 1vw 0.7em 7.1875%;
		display: block;
	}

	footer .foot_area_bottom p.footer_logo {
		width: 46.56%;
	}

	.copyright {
		font-size: 1rem;
		text-align: left;
		letter-spacing: -0.02em;
		padding-top: 5px;
	}
}


@media screen and (max-width:768px) {
	.copyright {
		font-size: 0.6rem;
	}

}








/**********************
固定バナー
***********************/

.kotei_column_bnr {
	position: fixed;
	bottom: 60px;
	right: 20px;
	max-width: 238px;
	width: 100%;
	z-index: 10000;
}

.kotei_column_bnr_close {
	position: absolute;
	top: -5px;
	left: -5px;
	max-width: 24px;
	width: 100%;
	cursor: pointer;
}

@media(min-width:1px) and (max-width:640px) {

	.kotei_column_bnr {
		max-width: 742px;
		width: 95%;
		bottom: 10px;
		right: 0;
		left: 0;
		margin: auto;
	}

	.kotei_column_bnr_close {
		top: -7px;
		left: -7px;
	}
}








/**********************
スライダー
***********************/

#slide_black {
	overflow: hidden;
	background: #000;
	margin: 70px 0 0;
	padding: 90px 0 70px;
}

#slide_white {
	overflow: hidden;
	background: #FFF;
	margin: 0;
	padding: 0;
}

.slide_width {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}


.slide {
	margin-bottom: 0;
}

.slide_text {
	padding: 25px 0 0 0;
	color: #000;
	line-height: 1.8;
}

.slide_text .ttl {
	font-size: 26px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 10px;
}

.slide_text .justify {
	display: block;
	font-size: 16px;
	text-align: justify;
	text-align-last: left;
	line-height: 32px;
}

.slide_text .justify .fs12 {
	font-size: 0.6rem;
}


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


	#slide_black {
		margin: 50px 0 0;
		padding: 20% 7%;
	}

	.slide_width {
		width: auto;
	}

	.slide_text {
		padding: 0;
	}

	.slide_text .ttl {
		font-size: 16px;
	}

	.slide_text .ttl+.justify {
		font-size: 12px;
		line-height: 21px;
	}
}



/* slick
--------------------------- */
.slide {
	position: relative;
}

.slider li {
	width: 420px;
	margin-right: 60px;
	position: relative;
}

.slider .slide_inner {
	width: 420px;
}

.slider .slide_inner img {
	width: 100%;
}

.slider li+li {
	padding-left: 0;
}

.slick-slider {
	margin-bottom: 0 !important;
}

@media screen and (max-width: 960px) {
	.slide {
		position: relative;
	}

	.slider li {
		width: 100vw;
		margin-right: 0;
		position: relative;
	}

	.slider .slide_inner {
		width: 88vw;
		height: auto;
		margin: 0 auto;
	}

	.slider .slide_inner img {
		padding-bottom: 5%;
	}
}



/*矢印*/

/*スライド矢印
------------------------------------*/
.slide-arrow2 {}

/*矢印リセット*/
.slick-prev:before,
.slick-next:before {
	font-size: 0px;
	opacity: 0;
}

.slick-prev,
.slick-next {
	top: 0;
	height: 100%;
	z-index: 2;
	/*-webkit-transform: translate(-0%, -50%);
	-moz-transform: translate(-0%, -50%);
	-ms-transform: translate(-0%, -50%);
	-o-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);*/
}

.slick-prev {
	left: 0;
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) !important;
}

.slick-next {
	right: 0;
	background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;
}

/*矢印画像*/
.slick-prev:after,
.slick-next:after {
	content: "";
	background: url("shared/images/arrow_bk_02.svg") no-repeat;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 225px;
}

.txt_wh .slick-prev:after,
.txt_wh .slick-next:after {
	background: url("shared/images/arrow.svg") no-repeat;
}

.slick-prev:after {
	transform: rotate(90deg);
	left: 5px;
}

.slick-next:after {
	transform: rotate(-90deg);
	right: 5px;
}




/* Dots */
.dots-wrap {
	display: flex;
	margin-top: 60px;
	justify-content: center;
}

.width1060 .slider .dots-wrap li,
.dots-wrap li {
	width: 10px;
	height: 10px;
	margin: 0 10px;
	padding: 0;
	background: #7f7f7f;
	border-radius: 50%;
	cursor: pointer;
}

.width1060 .slider .dots-wrap li.slick-active,
.dots-wrap li:hover,
.dots-wrap li.slick-active {
	background: #000;
}

.dots-wrap li button {
	display: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	padding: 0;
	border: none;
	background-color: transparent;
}


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

	/*矢印画像*/
	.slick-prev:after,
	.slick-next:after {
		width: 30px;
		height: 30px;
		top: 20vw;
		background: url("shared/images/arrow_bk.svg") no-repeat;
	}

	/* Dots */
	.dots-wrap {
		margin-top: 10%;
	}

	.dots-wrap li {
		width: 12px;
		height: 12px;
		margin: 0 13px;
		padding: 0;
		background: #7f7f7f;
		border-radius: 50%;
		cursor: pointer;
	}
}



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

	/*矢印画像*/
	.slick-prev:after,
	.slick-next:after {
		top: 45vw;
	}

}