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

#contents-body .section {
	margin-bottom: 0;
}
#contents-body {
	padding: 0;
}
.contents_inner .mobile {
	display: none;
}
.contents_inner .img_change {
	visibility: hidden;
}
.contents_inner .wrapper_bnr {
	overflow: hidden;
}
.contents_inner .lay_link_bar {
	position: absolute;
	top: -99999px;
}

/*============================
#container_main
============================*/
#container_main {
	position: relative;
}
#container_main .inner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 36.4%;
}
#container_main .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px;
	opacity: 0;
}
#container_main h3 {
	position: absolute;
	top: 13.1%;
	left: 34.3%;
	width: 33.35%;
}
#container_main h3 img {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#container_main .main_txt_01 {
	position: absolute;
	top: 53.3%;
	left: 36.3%;
	overflow: hidden;
}
#container_main .img_01 {
	position: absolute;
	bottom: 0;
	left: -2.2%;
}
#container_main .car_01 {
	position: absolute;
	top: 82.6%;
	left: 72.6%;
	opacity: 0;
	width: 9%;
}
#container_main .car_02 {
	position: absolute;
	top: 82.6%;
	left: 83%;
	opacity: 0;
	width: 9%;
}

/*============================
#container_about
============================*/
#container_about {
	position: absolute;
	top: 36.5%;
	left: 75.7%;
}
#container_about .bg_01 {
	position: absolute;
	top: -49%;
	left: -13%;
	width: 131.6%;
}
#container_about .bg_01 img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
}

/*============================
#container_sns
============================*/
#container_sns {
	position: absolute;
	top: 21px;
	right: 0;
	z-index: 1;
	/* opacity: 0; */
}
#container_sns li {
	float: right;
	list-style: none;
	margin: 0 0 0 12px;
}

#container_thumb {
	position: relative;
	padding: 5.85% 0 0;
	text-align: center;
}
#container_thumb h4 {
	font-size: 128.6%;
	height: 53px;
	position: relative;
	z-index: 2;
	width: 291px;
	margin: 0 auto 31px;
	text-align: center;
	line-height: 53px;
	font-weight: bold;
	overflow: hidden;
	letter-spacing: 0.2em;
}
#container_thumb h4 .txt_01 {
	position: relative;
	z-index: 2;
}
#container_thumb h4 .dot {
	position: absolute;
	top: -1px;
	left: 0;
	overflow: hidden;
}
#container_thumb h4 .dot img {
	display: block;
}
#container_thumb h4 #dot_green {
	width: 0;
}
#container_thumb .box_thumb {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 30px;
	width: 365px;
	vertical-align: top;
}
#container_thumb .box_thumb a img {
	/* width: 365px; */
	/* height: auto; */
}
#container_thumb .box_thumb .box_play img {
	/* width: auto; */
}
#container_thumb .box_thumb .txt_01 {
	text-align: left;
	line-height: 1.71;
}
#container_thumb .box_play {
	position: absolute;
	top: 71px;
	left: 149px;
}
#container_thumb .box_play .lay_green {
	position: absolute;
	top: -99999px;
	left: 0;
}
#container_thumb .box_play .lay_red {
	position: relative;
}
#container_thumb .box_thumb a {
	position: relative;
	display: block;
}
#container_thumb .box_thumb h5 {
	line-height: 1.714;
	margin: 10px 0 13px 0.5em;
	letter-spacing: 0.18em;
	font-weight: bold;
	font-size: 114.29%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	/* width: 100%; */
	white-space: nowrap;
}
#container_thumb .box_thumb h5 .box_talk {
	color: #aa1f24;
	padding: 0 0.5em 0 0;
}
#container_thumb .box_thumb h5 .box_num {
	position: relative;
	top: 6px;
	padding: 0;
	width: 26px;
	display: inline-block;
	margin: 0 0.2em;
	width: 1.625em;
}
#container_thumb .box_thumb h5 .box_num img {
	position: absolute;
	top: 0;
	left: 0;
}
#container_thumb .box_thumb h5 .box_num .inner {
	position: relative;
	width: 100%;
	display: block;
	padding-bottom: 100%;
}
#container_thumb .box_thumb h5 .box_num .lay_green {
	position: absolute;
	top: -99999px;
	left: 0;
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	/* opacity: 0; */
}
#container_test_drive {
	/* padding: 3.2% 0 0; */
	clear: both;
}
#container_lesson {
	 padding: 3.5% 0 0;
	 clear: both;
}
.container_btn {
	margin: 0 -10%;
	text-align: center;
	padding: 4.7% 0 2.5%;
	position: relative;
}
.container_btn a {
	margin: 0 0.6% 1.3%;
	display: inline-block;
	position: relative;
}
.container_btn .lay_red {
	position: relative;
}
.container_bnr {
	margin: 0 -10%;
	text-align: center;
	padding: 0% 0 3.9%;
}
.container_bnr a,
.container_bnr .lay_ac {
	margin: 0 0.65% 0%;
	display: inline-block;
}
.container_bnr .lay_ac {
	opacity: 0.7;
}
.container_btn a .lay_green {
	position: absolute;
	top: -99999px;
	left: 0;
	-ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.container_bottom_bnr {
	text-align: center;
	padding: 0 0 8.7%;
}
/*============================
#popup
============================*/
#popup {
 	position: absolute;
 	top: -99999px;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 9999;
 	display: none;
}
#popup iframe {
 	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}
#popup .bg {
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: #fff;
 	opacity: 0.8;
}
#popup .container {
	position: relative;
	margin:0 auto;
	max-width: 1220px;
}
#popup .container_movie {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	background: #000;
}
#popup .btn_close {
	position: absolute;
	top: -100px;
	right: 0;
	width: 80px;
}
#popup .btn_close img {
	display: block;
}
#popup .btn_close span {
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	display: block;
}
#container_date {
	position: absolute;
	top: 21.7%;
	right: 3.3%;
	width: 2.6%;
}
#container_date img {
	display: block;
	padding: 0 0 22%;
	width: 100%;
}
#container_date .month,
#container_date .day {
	padding-bottom: 30%;
}
#container_date .pare_01,
#container_date .week {
	padding-bottom: 0;
}
@media screen and (max-width:1279px) {
	.contents_inner {
		overflow: hidden;
	}
	.contents_inner img {
		width: 100%;
	}
	#container_main .img_01 {
		width: 41.16%;
	}
	#container_main h3 {
		/* width: 35.6%; */
	}
	#container_main .main_txt_01 {
		width: 34.2%;
	}
	#container_about {
		width: 12.5%;
	}
	#container_thumb h4 {
		width: 22.8%;
		height: 0;
		padding-bottom: 4.15%;
		margin-bottom: 2.43%;
		line-height: 1;
	}
	#container_thumb h4 img,
	#container_thumb h4 .dot {
		height: 100%;
		width: auto;
	}
	#container_thumb h4 .txt_01 {
		padding-top: 7%;
		display: block;
	}
	#container_thumb .box_thumb {
		width: 28.56%;
		margin: 0 2.3%;
	}
	#container_sns {
		top: 0;
		right: 1.6%;
		z-index: 1;
		width: 50%;
		padding: 2.5% 0 0;
	}
	#container_sns li {
		margin: 0 0 0 2%;
		width: 7.3%;
	}
	#container_thumb .box_play {
		top: 34.6%;
		left: 40.8%;
		width: 17.3%;
	}
	#container_thumb .box_thumb h5 {
		margin-top: 2.9%;
		margin-bottom: 3.56%;
	}
	.container_btn a {
		width: 39.09%;
	}
	.container_btn .lay_long {
		width: 79.56%;
	}
	.container_bnr a,
	.container_bnr .lay_ac {
		width: 18.9%;
	}
	.container_bottom_bnr {
		width: 95.46%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 1220px) {
	#popup .btn_close {
		width: 6.5%;
		top: 0;
		-ms-transform: translateY(-120%);
		-webkit-transform: translateY(-120%);
		transform: translateY(-120%);
	}
}
@media screen and (max-width: 767px) {
	.contents_inner .desktop {
		display: none;
	}
	.contents_inner .mobile {
		display: block;
	}
	#contents-body .section {
		margin-left: 0;
		margin-right: 0;
	}
	#container_main .inner {
		padding-bottom: 142.4%;
	}
	#container_main .img_01 {
		width: 80.3%;
		left: 0%;
	}
	#container_main h3 {
		width: 88.05%;
		left: 5.8%;
		top: 4.4%;
	}
	#container_main .main_txt_01 {
		width: 87.6%;
		top: 30.3%;
		left: 6.3%;
	}
	#container_main .car_01,
	#container_main .car_02 {
		top: -99999px;
	}
	#container_about {
		width: 25.55%;
		top: 59.8%;
		left: 49.3%;
		z-index: 1;
		/* height: 18%; */
	}
	#container_about img {
		display: block;
	}
	#container_thumb h4 {
		width: 82.53%;
		height: 0;
		padding-bottom: 14.2%;
		margin-bottom: 8.6%;
		line-height: 1;
		font-size: 14px;
	}
	#container_thumb h4 .txt_01 {
		font-size: 242.86%;
	}
	#container_thumb h4 img,
	#container_thumb h4 .dot {
		height: 100%;
		top: 0;
		width: auto;
		display: block;
	}
	#container_thumb h4 .dot {
		/* padding-bottom: 5%; */
	}
	#container_thumb h4 .txt_01 {
		padding-top: 5.8%;
		display: block;
	}
	#container_thumb .box_thumb {
		width: 77%;
		margin: 0 0 8.7%;
	}
	.section .contents_inner #container_sns {
    	right: 34.3%;
    	margin-top: 0;
    	padding-top: 5.1%;
    	width: 100%;
    }
    #container_sns li {
        width: 8.4%;
        margin: 0 0 0 3.6%;
    }
	#container_thumb {
		padding-top: 23.2%;
	}
	#container_thumb .box_play {
		top: 34.6%;
		left: 40.8%;
		width: 17.3%;
	}
	#container_thumb .box_thumb h5 {
		margin-top: 2.6%;
		font-size: 207.14%;
		width: 200%;
		white-space: nowrap;
		margin-left: -50%;
		padding-left: 0.5em;
		margin-bottom: 3.6%;
	}
	#container_thumb .box_thumb h5 .box_num {
		width: 1.57em;
		top: 26%;
		-ms-transform: translateY(21.4%);
		-webkit-transform: translateY(21.4%);
		transform: translateY(21.4%);
		padding-bottom: 0;
	}
	#container_thumb .box_thumb .txt_01 {
		line-height: 1.429;
	}
	#container_test_drive {
		padding-top: 0;
	}
	.container_btn {
		padding: 0% 0 4.8%;
	}
	.container_btn .lay_long,
	.container_btn a {
		width: 63.66%;
		margin: 0 auto 3.1%;
		display: block;
	}
	.container_bnr {
		margin: 0;
		padding-bottom: 5.1%;
	}
	.container_bnr a,
	.container_bnr .lay_ac {
		width: 36.7%;
		margin: 0 1.8% 3.3%;
	}
	.container_bottom_bnr {
		width: 76.7%;
		margin: 0 auto;
		padding-bottom: 11.2%;
	}
	#popup .btn_close {
		width: 6.5%;
		top: 0;
		-ms-transform: translateY(-120%);
		-webkit-transform: translateY(-120%);
		transform: translateY(-120%);
	}
	#container_date {
		width: 6%;
		top: auto;
		right: 6.2%;
		bottom: 1%;
	}
}
#knTrace {
	margin-top: 32px;
	/* margin-left: -136px; */
	margin-top: -100px;
}