@charset "utf-8";

#visual {
	background: url(../img/00.jpg) center top no-repeat;
	height: 390px;
}

/* -------------------------------------------------- */
#title {
	background-color: #f5f5f5;
	margin-bottom: 71px;
	padding: 81px 0 67px;
	text-align: center;
}

#title h1 {
	font-size: 275%;
}

#title img {
	height: 44px;
}

#title .lead {
	font-size: 137%;
	line-height: 2.1;
	margin-top: 37px;
}

/* -------------------------------------------------- */
.history .en_font{
/*font-family: 'Montserrat';*/
font-weight: 500;
}

#introduction {
	font-size: 125%;
	line-height: 1.9;
	margin: 0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
	width: 980px;
}

.dash {
	border-top: 1px solid #000;
	display: inline-block;
	height: 5px;
	overflow: hidden;
	text-indent: -999px;
	vertical-align: middle;
	width: 2em;
}

#online {
	background: url(../img/line.png) center 0 repeat-y;
	margin-top: 160px;
}

.block {
	margin: 60px auto 0;
	text-align: center;
	width: 980px;
}

.block h2 img {
	height: 48px;
}

.car {
	margin-top: 20px;
}

.car img {
	width: 480px;
}

.description {
	margin-top: 60px;
	overflow: hidden;
	text-align: left;
}

.photo {
	float: left;
	font-size: 87.5%;
	width: 420px;
}

.photo img {
	padding-bottom: 15px;
	width: 100%;
}

.text {
	padding-left: 560px;
}

.text h3 {
	font-size: 200%;
	line-height: 1.68;
	margin-top: -0.34em;
}

.ie .text h3 {
	margin-top: -0.2em;
}

.text p {
	font-size: 125%;
	line-height: 1.9;
	padding-top: 30px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.ie .text p {
	font-feature-settings: normal;
	letter-spacing: -.03em;
}

.text p .spacing {
	letter-spacing: .1em;
}

#N_1967 {
	margin-top: 0;
}

#N_1967 .car:nth-of-type(n+2) {
	margin-top: 150px;
}

#N_2011 {
	margin-top: 150px;
}

#again .description {
	margin-top: 0;
}

#N_2017 {
	margin-top: 60px;
}

#N_2017 .car img {
	/*! width: 400px; */
}

#N_2018, #N_2019, #N_2020, #N_2023 {
	margin-top: 240px;
}

#N_2018 .car img,
#N_2019 .car img,
#N_2020 .car img,
#N_2023 .car img {
	width: 700px;
}

#what .text,
#again .text,
#N_2017 .text,
#N_2018 .text,
#N_2019 .text,
#N_2020 .text,
#N_2023 .text {
	background: #fff;
	padding-left: 0;
}

#again h3,
#N_2017 h3,
#N_2018 h3,
#N_2019 h3,
#N_2020 h3 {
	padding-top: 10px;
}

#N_for_Life {
	background: #fff;
	margin-top: 0;
	padding-top: 150px;
}

#N_for_Life img {
	height: 270px;
}

/* -------------------------------------------------- */
#notes {
	font-size: 80%;
	line-height: 1.5;
	overflow: hidden;
	padding: 4em 0 5em;
	width: 980px;
	background: #fff;
}

#notes dt {
	float: left;
	width: 2.5em;
}

#notes dt:nth-of-type(n+2),
#notes dd:nth-of-type(n+2) {
	margin-top: 10px;
}

#notes dd {
	padding-left: 2.5em; 
	text-align: left;
}

.text .sup {
	font-size: 55%;
	vertical-align: top;
	position: relative;
	padding-top: 6px;
	display: inline-block;
}

/* -------------------------------------------------- */
#back {
	background-color: #f6f6f6;
	line-height: 21px;
	margin-top: 240px;
	padding: 75px 0;
	text-align: center;
}

#back a::before {
	background: url(../img/icon_back.png) 0 0 no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 21px;
	margin-right: .5em;
	vertical-align: middle;
	width: 19px;
}

@media screen and (max-width: 767px) {
	#visual {
		background: url(../img/00_sp.jpg) center center no-repeat;
		background-size: cover;
		height: 290px;
	}

	/* -------------------------------------------------- */
	#title {
		margin-bottom: 75px;
		padding: 40px 0;
	}

	#title h1 {
		font-size: 158%;
		line-height: 1.68;
	}

	#title img {
		height: 25px;
	}

	#title .lead {
		font-size: 116%;
		line-height: 1.9;
		margin-top: 25px;
	}

	/* -------------------------------------------------- */
	#introduction {
		letter-spacing: 0;
		width: 78.6%;
	}

	#online {
		background-size: 1px;
		margin-top: 80px;
	}

	.block {
		width: 78.6%;
	}

	.block h2 img {
		height: 28px;
	}

	.car {
		margin-top: 20px;
	}

	.car img {
		max-width: 480px;
		width: 100%;
	}

	.description {
		background: #fff;
		margin-top: 40px;
		width: 100%;
	}

	.photo {
		float: none;
		font-size: 80%;
		width: 100%;
		line-height: 1.5;
	}

	.photo img {
		padding-bottom: 5px;
	}

	.text {
		padding: 25px 0 0 0;
	}

	.text h3 {
		font-size: 150%;
		line-height: 1.79;
		margin-top: 0;
	}

	.text p {
		font-size: 100%;
		line-height: 1.78;
		padding-top: 19px;
	}

	#N_1967 .car:nth-of-type(n+2) {
		margin-top: 80px;
	}

	#N_2011 {
		margin-top: 80px;
	}

	#again .text {
		padding-top: 0;
	}

	#N_2017 {
		/*! margin-top: 120px; */
	}

	#N_2017 .car img {
		max-width: 400px;
		width: 100%;
	}

	#N_2017 .description {
		margin-top: 0;
	}

	#N_2018, #N_2019, #N_2020, #N_2023 {
		margin-top: 120px;
	}

	#N_2018 .car img, #N_2019 .car img, #N_2020 .car img, #N_2023 .car img {
		max-width: 700px;
		width: 100%;
	}

	#N_2018 .description, #N_2019 .description, #N_2020 .description, #N_2023 .description {
		margin-top: 0;
	}

	#N_for_Life img {
		height: 154px;
	}

	/* -------------------------------------------------- */
	.text .sup {
		padding-top: 2px;
	}

	#notes {
		width: 100%;
	}

	#notes dt:nth-of-type(n+2),
	#notes dd:nth-of-type(n+2) {
		margin-top: 5px;
	}

	/* -------------------------------------------------- */
	#back {

		/* -------------------------------------------------- */
		#back {
			font-size: 100%;
			line-height: 17px;
			margin-top: 140px;
			padding: 40px 0;
		}

		#back a::before {
			background: url(../img/icon_back_sp.png) 0 0 no-repeat;
			background-size: contain;
			height: 17px;
			margin-right: .6em;
			width: 16px;
		}
	}