.popup-timeline-year,
.popup-timeline-header h2,
.timeline-nav ul li a,
.timeline-series-title,
.timeline-col-header--v2 h4 span,
.timeline-box-detail3 ul li,
.timeline-box-detail4 ul li,
.timeline-col-qa dt,
.timeline-btm-txt dl dt,
.timeline-col-lead p,
.timeline-col-attention,
.timeline-box-detail dl dt,
.timeline-box-header h4,
.timeline-sec-header h3,
.timeline-col-header h4,
.timeline-header h3{
	font-family: var(--font-bold);
	font-weight: normal;
	font-feature-settings: "palt";
}

.timeline-sec-header{
	opacity: 0;
	transition: opacity 400ms ease;
}
.timeline-sec-header.on{
	opacity: 1;
}

.timeline-col-header:after{
	opacity: 0;
	transition: opacity 400ms ease;
}
.timeline-col-header.on:after{
	opacity: 1;
}
.timeline-col-header span{
	opacity: 0;
	transition: opacity 400ms ease;	
}
.timeline-col-header.on span{
	opacity: 1;
}
.timeline-box{
	opacity: 0;
	transition: opacity 400ms ease;	
}
.timeline-box.on{
	opacity: 1;
}
.timeline-col-detail{
	opacity: 0;
	transition: opacity 400ms ease;
}
.timeline-col-detail.on{
	opacity: 1;
}
.line-v{
	height: 0;
}




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

	.timeline-col1 .timeline-col-header span:after{
		transform-origin: right top;
		transform: scale(0,1);
		transition: transform 600ms ease 100ms;
	}
	.timeline-col1 .timeline-col-header.on span:after{
		transform: scale(1,1);
	}
	.timeline-col1 .timeline-col-header.on span:after{
		transform: scale(1,1);
	}
	.timeline-col2 .timeline-col-header span:after{
		transform-origin: left top;
		transform: scale(0,1);
		transition: transform 600ms ease 100ms;
	}
	.timeline-col2 .timeline-col-header.on span:after{
		transform: scale(1,1);
	}
	#timeline{
		padding: 80px 0 0;
	}
	.timeline-sec-attention{
		position: absolute;
		width: 100%;
		top: 15px;
		text-align: right;
	}


/* timeline-nav
====================================================================*/
	.timeline-nav{
		margin: auto;
		max-width: 880px;
	}
	.timeline-nav ul{
		display: flex;
		justify-content: space-between;
	}
	.timeline-nav ul li{
		width: calc(50% - 6px);
	}
	.timeline-nav ul li a{
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 100%;
		height: 50px;
		font-size: 18px;
		border-width: 1px 1px 0 1px;
		border-style: solid;
		border-color: #041D41;
		transition: all 600ms ease;
	}
	.timeline-nav ul li a:hover,
	.timeline-nav ul li a.is_click{
		background: #041D41;
		color: #fff;
	}

	
	.timeline-sec-wrap{
		position: absolute;
		opacity: 0;
		transition: all 600ms ease;
		visibility: hidden;
	}
	.timeline-sec-wrap.is_show{
		position: relative;
		visibility: visible;
		opacity: 1;
	}



/* timeline-contents
====================================================================*/

	.line-v{
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		width: 1px;
		background: #041D41;
	}

	.timeline-contents{
		position: relative;
		padding: 0 20px 80px;
		border-top: 3px solid #041D41;
		color: #041D41;
		overflow: hidden;
		background: #F4F4F4;
	}
	.timeline-contents-inner{
		position: relative;
		z-index: 10;
	}

	.timeline-header-wrap{
		position: relative;
		display: flex;
		overflow: hidden;
	}
	.timeline-header{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 150px;
	}
	.timeline-header h3{
		text-align: center;
		font-size: 48px;
	}

	.timeline-sec-header{
		text-align: center;
	}
	.timeline-sec-header h3{
		text-align: center;
		font-size: 100px;
	}
	.timeline-sec-header h3 span{
		position: relative;
		top: -2px;
		padding: 0 0 0 5px;
		vertical-align: top;
		font-size: 60px;
	}

	.timeline-sec-wrap{
		width: 100%;
	}
	.timeline-sec-wrap-inner{
		padding: 40px 0 0;
		margin: auto;
		max-width: 1160px;
		overflow: hidden;
	}
	.timeline-sec-detail{
		position: relative;
		overflow: hidden;
	}
	.timeline-sec:last-child .timeline-sec-detail{
		overflow: inherit;
	}
	.timeline-col{
		position: relative;
	}

	.timeline-col1 .timeline-col-inner,
	.timeline-col2 .timeline-col-inner{
		width: 50%;
	}
	.timeline-col3 .timeline-col-inner{
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.timeline-col-inner{
		position: relative;
	}

	.timeline-col-header{
		position: relative;
	}
	.timeline-col-header h4{
		font-size: 60px;
		overflow: hidden;
	}
	.timeline-col-header span{
		position: relative;
		display: inline-block;
	}
	.timeline-col-header span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		display: block;
		width: 50vw;
		height: 1px;
		background: #041D41;
	}
	.timeline-col-header:after{
		content: "";
		position: absolute;
		display: block;
		top: 50%;
		margin-top: -12px;
		width: 24px;
		height: 24px;
		background: #041D41;
		border-radius: 12px;
	}



	.timeline-col-lead{
		position: relative;
		padding: 0 170px 0 0;
		margin: 5px 0 0;
		z-index: 30;
	}
	.timeline-col-lead p{
		line-height: 1.5;
		font-size: min(22px,1.83vw);

	}
	.timeline-col-lead p + p{
		margin-top: 15px;
	}
	.timeline-col + .timeline-col{
		margin-top: 60px;
	}
	.timeline-col-lead .caption{
		margin: 15px 0 0;
		line-height: 1.5;
	}

	.timeline-col1{
		display: flex;
		justify-content: flex-end;
	}
	.timeline-col1 .timeline-col-header span{
		padding: 0 0 0 15px;
	}
	.timeline-col1 .timeline-sec-detail{
		justify-content: flex-end;
	}
	.timeline-col1 .timeline-col-header{
		text-align: right;
	}
	.timeline-col1 .timeline-col-header span:after{
		right: 100%;
	}
	.timeline-col1 .timeline-col-header:after{
		left: -12px;
	}
	.timeline-col1 .timeline-col-detail{
		margin: 0 0 0 40px;
	}

	.timeline-col2 .timeline-col-header span{
		padding: 0 15px 0 0;
	}
	.timeline-col2 .timeline-col-header span:after{
		left: 100%;
	}
	.timeline-col2 .timeline-col-header:after{
		right: -12px;
	}
	.timeline-col2 .timeline-col-detail{
		margin: 0 40px 0 0;
	}


	.timeline-series-title + .timeline-series-col{
		margin-top: -15px;
	}
	.timeline-col-header--v2 h4 span{
		font-size: 40px;
	}
	.timeline-col-header--v2 h4 i{
		display: inline-block;
		margin: 0 0 0 15px;
		font-size: 22px;
	}
	.timeline-series-title{
		position: relative;
		width: 100%;
		height: min(102px,8.5vw);
	}
	.timeline-series-title span{
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: min(102px,8.5vw);
		height: min(102px,8.5vw);
		background: #041D41;
		color: #fff;
		font-size:  min(18px,1.5vw);
		line-height: calc(24/18);
		border-radius: 102px;
	}
	.timeline-series-title i{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.timeline-series-title i:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		display: block;
		width: 100vw;
		height: 1px;
		background: #041D41;
	}

	.timeline-series-col + .timeline-series-col{
		border-top: 1px solid #ccc;
		margin-top: 40px;
		padding-top: 40px;
	}
	.timeline-col1 .timeline-series-title span{
		left: 0;
		transform: translateX(-50%);
	}
	.timeline-col1 .timeline-col-header--v2{
		padding-left: 80px;
	}
	.timeline-col2 .timeline-series-title span{
		right: 0;
		transform: translateX(50%);
	}


	.timeline-box{
		margin: auto;
		padding: 30px;
		width: 100%;
		max-width: 880px;
		background: #fff;
	}
	.timeline-box2{
		max-width: 1030px;
	}


	.timeline-box-header h4{
		text-align: center;
		font-size: 24px;
	}


	.timeline-col-header + .timeline-col-detail{
		margin-top: 20px;
	}
	.timeline-col-detail{
		position: relative;
	}
	.timeline-col-detail-inner{
		position: relative;
	}
	.timeline-col-detail button{
		position: relative;
		z-index: 10;
		transition: opacity 600ms ease;
	}
	.timeline-col-detail button:hover{
		opacity: 0.7;
	}

	.timeline-col-detail figure{
		position: relative;
		margin: 30px auto 0;
		max-width: 420px;
	}
	.timeline-col-detail figure img{
		position: relative;
		z-index: 10;
	}
	.timeline-col-detail figure .fig-circle{
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		aspect-ratio: 1;
		width: 100%;
		max-width: 320px;
		background: #fff;
		border-radius: 160px;
	}


	.timeline-col-detail + .timeline-col-detail{
		margin-top: 40px;
		padding-top: 40px;
		border-top: 1px solid #ccc;
	}

	/* timeline-box-detail1 */
	.timeline-box-detail1{
		display: flex;
		justify-content: space-between;
	}
	* + .timeline-box-detail1{
		margin: 30px 0 0;
	}
	.timeline-box-detail1 dl{
		display: flex;
		width: calc(50% - 12px);
		align-items: center;
		justify-content: space-between;
	}
	.timeline-box-detail1 dl dt{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100px;
		height: 40px;
		text-align: center;
		font-size: 18px;
		border: 1px solid #000;
	}
	
	.timeline-box-detail1 dl dd{
		width: calc(100% - 120px);
		line-height: 1.4;
	}
	
	/* timeline-box-detail2 */

	.timeline-box-detail2{
		text-align: center;
		line-height: 1.4;
	}
	* + .timeline-box-detail2{
		margin: 30px 0 0;
	}
	.timeline-box-detail2 dl{
		margin: 30px 0 0;
	}
	.timeline-box-detail2 dl dt{
		display: inline-block;
		padding: 15px;
		font-size: 18px;
		text-align: center;
		border: 1px solid #000;
	}
	.timeline-box-detail2 dl dd{
		margin: 30px 0 0;
		line-height: 1.4;
	}

	/* timeline-box-detail3 */
	.timeline-box-detail3 ul{
		display: flex;
		justify-content: center;
	}
	.timeline-box-detail3 ul li{
		position: relative;
		font-size: min(24px,2vw);
	}
	.timeline-box-detail3 ul li:before{

	}
	.timeline-box-detail3 ul li + li{
		margin-left: 30px;
		padding-left: 30px;
	}
	.timeline-box-detail3 ul li + li:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: -7px;
		bottom: 0;
		display: inline-block;
		width: 14px;
		height: 16px;
		background: #041D41;
		clip-path: polygon(0 0, 0 100%, 100% 50%);
	}

	/* timeline-box-detail4 */

	.timeline-box-detail4 ul li{
		position: relative;
		font-size: min(24px,2vw);
		text-align: center;
		line-height: 1.5;
	}
	.timeline-box-detail4 ul li + li{
		margin-top: 20px;
		padding-top: 20px;
	}
	.timeline-box-detail4 ul li + li:before{
		content: "";
		position: absolute;
		margin: auto;
		top: -7px;
		left: 0;
		right: 0;
		display: inline-block;
		width: 16px;
		height: 14px;
		background: #041D41;
		clip-path: polygon(0 0, 100% 0%, 50% 100%);
	}



	/* timeline-col-attention */

	.timeline-col-attention{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: min(13.3vw,160px);
		height: min(13.3vw,160px);
		border: 3px solid #B81D1D;
		background: #fff;
		border-radius: 160px;
		z-index: 20;
		font-size: min(16px,1.33vw);
		color: #B81D1D;
		line-height: calc(24/16);
	}
	.timeline-col-attention1{
		position: absolute;
		top: 0;
		right: 0;
	}
	.timeline-col-attention2{
		margin: 30px auto 0;
	}
	.timeline-col-attention3{
		position: absolute;
		margin: auto;
		top: 0;
		right: -40px;
		transform: translateX(50%);
		bottom: 0;
	}

	/* timeline-col-qa */

	.timeline-col-qa{
		margin: 40px auto 0;
		max-width: 420px;
		border: 1px solid #041D41;
	}
	.timeline-col-qa dt{
		position: relative;
		padding: 10px 42px;
		color: #fff;
		text-align: center;
		background: #041D41;
		font-size: 18px;
		line-height: 1.5;
	}
	.timeline-col-qa dt:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 5px;
		bottom: 0;
		display: block;
		width: 32px;
		height: 32px;
		background: url(../img/icon_q.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.timeline-col-qa dd{
		padding: 15px;
		line-height: calc(27/16);
		background: #fff;
	}


	.timeline-col-detail-flex{
		display: flex;
	}
	.timeline-col-detail-flex figure{
		width: min(300px,20vw);
	}
	.timeline-col-detail-flex .timeline-col-lead{
		padding: 0 0 0 30px;
		width: calc(100% - min(300px,20vw));
		overflow-wrap: anywhere;
	}


	.timeline-sec-detail{
		padding: 40px 0;
	}

	.timeline-btm{
		margin: auto;
		max-width: 880px;
		background: #041D41;
		text-align: center;
		color: #fff;
	}
	.timeline-btm-txt{
		padding: 30px;
	}
	.timeline-btm-txt dl dt{
		font-size: 52px;
	}
	.timeline-btm-txt dl dd{
		margin: 20px 0 0;
		line-height: calc(24/16);
	}

	#offroad-model .timeline-sec .timeline-col-y1973{
		margin-top: -180px;
	}
	#offroad-model .timeline-sec .timeline-col-y1974{
		margin-top: -180px;
	}
	#offroad-model .timeline-sec .timeline-col-y1985{
		margin-top: -320px;
	}

	#on-offroad-model .timeline-sec .timeline-col-y1966{
		margin-top: -420px;
		margin-top: max(-420px,-42vw);

	}
	#on-offroad-model .timeline-sec .timeline-col-y1970-qa{
		margin-top: -420px;
	}
	#on-offroad-model .timeline-sec .timeline-col-y1975{
		margin-top: -200px;
	}
	#on-offroad-model .timeline-sec .timeline-col-y1989{
		margin-top: -420px;
		margin-top: max(-420px,-42vw);

	}
	#on-offroad-model .timeline-sec .timeline-col-y1981-qa{
		margin-top: max(-470px,-47vw);
	}
	#on-offroad-model .timeline-sec .timeline-col-y1985{
		margin-top: 200px;
	}
	#on-offroad-model .timeline-sec .timeline-col-y1995{
		margin-top: -150px;
	}


/* popup
====================================================================*/


	.is_popup{
		overflow: hidden;
	}
	.popup{
		visibility: hidden;
		opacity: 0;
		transition: opacity 400ms ease, visibility 400ms ease;
		-webkit-backdrop-filter: blur(80px);
		backdrop-filter: blur(80px);
	}
	.is_popup .popup{
		visibility: visible;
		opacity: 1;
	}
	.popup-btn-close,
	.popup-btn-next,
	.popup-btn-prev{
		visibility: hidden;
		opacity: 0;
		z-index: 100000100;
	}
	.is_popup .popup-btn-close,
	.is_popup .popup-btn-next,
	.is_popup .popup-btn-prev{
		visibility: visible;
		opacity: 1;
	}
	.popup{
		position: fixed;
		top: 0;
		left: 0;
		padding: 0 80px;
		width: 100%;
		height: 100%;
		z-index: 100000000;
		overflow: auto;
	}
	.popup-contents-wrap{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.popup-contents{
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		padding: 0 50px;
		max-width: 980px;
		width: 100%;
	}
	.popup-btn-next button,
	.popup-btn-prev button,
	.popup-btn-close button{
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
		cursor: pointer;
	}
	.popup-btn-close{
		position: fixed;
		top: 80px;
		right: 80px;
		width: 30px;
		height: 30px;
	}
	.popup-btn-close button{
		background: url(../../../../shared/img/icon_close.svg) 50% 50% no-repeat;
		background-size: 25px 25px;
	}
	.popup-btn-next,
	.popup-btn-prev{
		position: fixed;
		margin: auto;
		top: 0;
		width: 30px;
		height: 30px;
		bottom: 0;
	}


	.popup-btn-prev{
		left: 80px;
	}
	.popup-btn-prev button{
		background: url(../../../../shared/img/arrow_bl_l.svg) 50% 50% no-repeat;
		background-size: 14px 24px;
	}
	.popup-btn-next{
		right: 80px;
	}
	.popup-btn-next button{
		background: url(../../../../shared/img/arrow_bl_r.svg) 50% 50% no-repeat;
		background-size: 14px 24px;
	}
	.popup-slide{
		position: relative;
		margin: auto;
		padding: 80px 0;
		max-width: 880px;
		width: 100%;
	}

	.popup-timeline-header .popup-timeline-year{
		font-size: 52px;
	}
	.popup-timeline-header .popup-timeline-year + h2{
		margin-top: 25px;
	}

	.popup-timeline-header h2{
		font-size: 28px;
	}
	.popup-timeline-lead{
		margin: 25px 0 0;
		line-height: 1.6;
	}
	.popup-timeline-lead p + p{
		margin-top: 0.8em;
	}

	.popup-timeline-figure{
		margin: 30px 0 0;
	}
	.popup-timeline figure{
		width: 100%;
		aspect-ratio: 880/564;
		text-align: center;
	}
	.popup-timeline figure img{
		height: 100%;
	}

	.popup-timeline-figcaption{
		margin: 15px 0 0;
	}
	.popup-timeline-figcaption p{
		font-size: 14px;
		line-height: 1.5;
	}
	.popup-timeline-figure-col + .popup-timeline-figure-col{
		margin-top: 30px;
	}


}



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


	#timeline{
		padding: 25px 0 0;
	}
	#timeline .sec-header{
		padding: 0 16px;
	}
	.timeline-sec-attention{
		padding: 16px;
		text-align: right;
	}

/* timeline-nav
====================================================================*/
	.timeline-nav{
		padding: 0 16px;
	}
	.timeline-nav ul{
		display: flex;
		justify-content: space-between;
	}
	.timeline-nav ul li{
		width: calc(50% - 4px);
	}
	.timeline-nav ul li a{
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 100%;
		height: 40px;
		font-size: 14px;
		border-width: 1px 1px 0 1px;
		border-style: solid;
		border-color: #041D41;
		transition: all 600ms ease;
	}
	.timeline-nav ul li a.is_click{
		background: #041D41;
		color: #fff;
	}

	
	.timeline-sec-wrap{
		position: absolute;
		visibility: hidden;
		opacity: 0;
		transition: all 600ms ease;
	}
	.timeline-sec-wrap.is_show{
		position: relative;
		visibility: visible;
		opacity: 1;		
	}



/* timeline-contents
====================================================================*/

	.line-v{
		position: absolute;
		margin: auto;
		top: 0;
		right: 6px;
		width: 1px;
		background: #041D41;
	}

	.timeline-contents{
		position: relative;
		padding: 0 0 80px;
		border-top: 3px solid #041D41;
		color: #041D41;
		overflow: hidden;
		background: #F4F4F4;
	}
	.timeline-contents-inner{
		position: relative;
		z-index: 10;
	}

	.timeline-header-wrap{
		position: relative;
		display: flex;
		overflow: hidden;
	}
	.timeline-header{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50%;
		height: 150px;
	}
	.timeline-header h3{
		text-align: center;
		font-size: 48px;
	}

	.timeline-sec-header{
		text-align: right;
	}
	.timeline-sec-header h3{
		font-size: min(54px,13.3vw);
	}
	.timeline-sec-header h3 span{
		position: relative;
		top: -2px;
		padding: 0 0 0 5px;
		vertical-align: top;
		font-size: 32px;
	}
	.timeline-sec.timeline-y1980 .timeline-sec-header{
		margin: 0 -8px;
	}



	.timeline-sec-wrap-inner{
		width: 100%;
		padding: 0 16px 0;
		overflow: hidden;
	}

	#on-offroad-model.timeline-sec-wrap{
		padding-top: 20px;
	}
	.timeline-sec-detail{
		position: relative;
		overflow: hidden;
	}
	.timeline-sec-detail{
		padding: 25px 0;
	}

	.timeline-sec:last-child .timeline-sec-detail{
		overflow: inherit;
	}
	.timeline-col{
		position: relative;
	}


	.timeline-col3 .timeline-col-inner{
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.timeline-col-inner{
		position: relative;
	}

	.timeline-col-header{
		position: relative;
	}
	.timeline-col-header h4{
		font-size: 38px;
		overflow: hidden;
	}
	.timeline-col-header span{
		position: relative;
		padding: 0 15px 0 0;
		display: inline-block;
	}
	.timeline-col-header span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		display: block;
		width: 100vw;
		height: 1px;
		background: #041D41;
	}
	.timeline-col-header:after{
		content: "";
		position: absolute;
		display: block;
		top: 50%;
		margin-top: -6px;
		width: 12px;
		height: 12px;
		background: #041D41;
		border-radius: 12px;
	}



	.timeline-col-lead{
		position: relative;
		z-index: 30;
	}
	.timeline-col-lead p{
		line-height: 1.5;
		font-size: 16px;
	}
	.timeline-col-lead p + p{
		margin-top: 15px;
	}
	.timeline-col + .timeline-col{
		margin-top: 40px;
	}
	.timeline-col-lead .caption{
		margin: 15px 0 0;
		line-height: 1.5;
	}

	.timeline-col1 .timeline-col-header span:after{
		left: 100%;
	}
	.timeline-col1 .timeline-col-header:after{
		right: 0;
	}
	.timeline-col1 .timeline-col-detail{
		margin: 0 16px 0 0;
	}
	.timeline-col2 .timeline-col-header span:after{
		left: 100%;
	}
	.timeline-col2 .timeline-col-header:after{
		right: 0;
	}
	.timeline-col2 .timeline-col-detail{
		margin: 0 16px 0 0;
	}


	.timeline-series-title + .timeline-series-col{
		margin-top: 15px;
	}
	.timeline-col-header--v2 h4 span{
		font-size: 28px;
	}
	.timeline-col-header--v2 h4 i{
		display: inline-block;
		margin: 0 0 0 10px;
		font-size: 16px;
	}
	.timeline-series-title{
		position: relative;
		width: 100%;
		height: 24px;
	}
	.timeline-series-title span{
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 160px;
		height: 24px;
		background: #041D41;
		color: #fff;
		font-size: 16px;
		line-height: calc(24/18);
		border-radius: 12px;
		z-index: 20;
	}
	.timeline-series-title span:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		right: 4px;
		bottom: 0;
		display: block;
		width: 10px;
		height: 10px;
		background: #fff;
		border-radius: 10px;
	}

	.timeline-series-title i{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.timeline-series-title i:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		display: block;
		width: 100vw;
		height: 1px;
		background: #041D41;
	}

	.timeline-series-col + .timeline-series-col{
		border-top: 1px solid #ccc;
		margin-top: 40px;
		padding-top: 40px;
	}
	.timeline-col1 .timeline-series-title span{
		right: -2px;
	}
	.timeline-col2 .timeline-series-title span{
		right: -2px;
	}


	.timeline-box{
		margin: auto;
		padding: 20px 16px;
		width: 100%;
		max-width: 880px;
		background: #fff;
	}
	.timeline-box2{
		max-width: 1030px;
	}


	.timeline-box-header h4{
		text-align: center;
		font-size: 16px;
	}
	.timeline-col-header + .timeline-col-detail{
		margin-top: 15px;
	}
	.timeline-col-detail{
		position: relative;
	}
	.timeline-col-detail-inner{
		position: relative;
	}
	.timeline-col-detail figure{
		position: relative;
		margin: 18px auto 0;
		max-width: 290px;
	}
	.timeline-col-detail figure img{
		position: relative;
		z-index: 10;
	}
	.timeline-col-detail figure .fig-circle{
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		aspect-ratio: 1;
		width: 100%;
		max-width: 214px;
		background: #fff;
		border-radius: 160px;
	}


	.timeline-col-detail + .timeline-col-detail{
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #ccc;
	}

	/* timeline-box-detail1 */
	* + .timeline-box-detail1{
		margin: 20px 0 0;
	}
	.timeline-box-detail1 dl{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.timeline-box-detail1 dl + dl{
		margin-top: 16px;
	}
	.timeline-box-detail1 dl dt{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 74px;
		height: 40px;
		text-align: center;
		font-size: 16px;
		border: 1px solid #000;
	}
	
	.timeline-box-detail1 dl dd{
		width: calc(100% - 90px);
		line-height: 1.4;
	}
	
	/* timeline-box-detail2 */

	.timeline-box-detail2{
		line-height: 1.4;
	}
	* + .timeline-box-detail2{
		margin: 20px 0 0;
	}
	.timeline-box-detail2 dl{
		margin: 20px 0 0;
	}
	.timeline-box-detail2 dl dt{
		padding: 10px 15px;
		font-size: 14px;
		text-align: center;
		border: 1px solid #000;
	}
	.timeline-box-detail2 dl dd{
		margin: 20px 0 0;
	}
	/* timeline-box-detail3 */

	.timeline-box-detail3 ul li{
		position: relative;
		font-size: 16px;
		text-align: center;
		line-height: 1.5;
	}
	.timeline-box-detail3 ul li + li{
		margin-top: 20px;
		padding-top: 20px;
	}
	.timeline-box-detail3 ul li + li:before{
		content: "";
		position: absolute;
		margin: auto;
		top: -5px;
		left: 0;
		right: 0;
		display: inline-block;
		width: 12px;
		height: 10px;
		background: #041D41;
		clip-path: polygon(0 0, 100% 0%, 50% 100%);
	}


	/* timeline-box-detail4 */

	.timeline-box-detail4 ul li{
		position: relative;
		font-size: 16px;
		text-align: center;
		line-height: 1.5;
	}
	.timeline-box-detail4 ul li + li{
		margin-top: 20px;
		padding-top: 20px;
	}
	.timeline-box-detail4 ul li + li:before{
		content: "";
		position: absolute;
		margin: auto;
		top: -5px;
		left: 0;
		right: 0;
		display: inline-block;
		width: 12px;
		height: 10px;
		background: #041D41;
		clip-path: polygon(0 0, 100% 0%, 50% 100%);
	}



	/* timeline-col-attention */

	.timeline-col-attention{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: min(100px,26.6vw);
		height: min(100px,26.6vw);
		border: 2px solid #B81D1D;
		background: #fff;
		border-radius: 100px;
		z-index: 20;
		font-size: min(10px,2.66vw);
		color: #B81D1D;
		line-height: calc(24/16);
	}
	.timeline-col-attention1{
		position: absolute;
		top: 0;
		right: 0;
	}
	.timeline-col-attention2{
		margin: 20px 16px 0;
	}
	.timeline-col-attention-wrap{
		display: flex;
		justify-content: flex-end;
	}
	.timeline-col-attention3{
		margin: 20px 0 0;
	}

	/* timeline-col-qa */

	.timeline-col-qa{
		margin: 40px auto 0;
		max-width: 420px;
		border: 1px solid #041D41;
	}
	.timeline-col-qa dt{
		position: relative;
		padding: 10px 42px;
		color: #fff;
		text-align: center;
		background: #041D41;
		font-size: 16px;
		line-height: 1.5;
	}
	.timeline-col-qa dt:before{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 5px;
		bottom: 0;
		display: block;
		width: 26px;
		height: 26px;
		background: url(../img/icon_q.svg) 50% 50% no-repeat;
		background-size: 100% 100%;
	}
	.timeline-col-qa dd{
		padding: 15px;
		line-height: calc(24/14);
		background: #fff;
	}


	.timeline-col-detail-flex{
		display: flex;
		flex-direction: column-reverse;
	}
	.timeline-col-detail-flex figure{
		margin: auto;
		width: 204px;
	}
	.timeline-col-detail-flex .timeline-col-lead{
		margin: 0 0 20px;
		overflow-wrap: anywhere;
	}

	.timeline-btm{
		margin: 0 16px;
		background: #041D41;
		color: #fff;
	}
	.timeline-btm-txt{
		padding: 20px 16px;
	}
	.timeline-btm-txt dl dt{
		font-size: 32px;
		text-align: center;
	}
	.timeline-btm-txt dl dd{
		margin: 20px 0 0;
		line-height: calc(24/16);
	}

	#offroad-model .timeline-sec.timeline-y1980 .timeline-sec-detail{
		padding-top: 60px;
	}


	#offroad-model .timeline-col.timeline-col2.timeline-col-y1972 .timeline-col-detail:nth-child(3) figure{
		margin-top: 50px;
	}	
	#offroad-model .timeline-col.timeline-col2.timeline-col-y1972 .timeline-col-detail:nth-child(3) .timeline-col-attention{
		top: 50px;
	}	

	#offroad-model .timeline-col.timeline-col2.timeline-col-y1979 figure{
		margin-top: 50px;
	}	
	#offroad-model .timeline-col.timeline-col2.timeline-col-y1979 .timeline-col-attention{
		top: 50px;
	}	

	#on-offroad-model .timeline-col.timeline-col1.timeline-col-y1962 figure{
		margin-top: 50px;
	}	
	#on-offroad-model .timeline-col.timeline-col1.timeline-col-y1962 .timeline-col-attention{
		top: 50px;
	}	
	#on-offroad-model .timeline-col.timeline-col1.timeline-col-y1973 figure{
		margin-top: 50px;
	}	
	#on-offroad-model .timeline-col.timeline-col1.timeline-col-y1973 .timeline-col-attention{
		top: 50px;
	}	


/* popup
====================================================================*/


	.is_popup{
		overflow: hidden;
	}
	.popup{
		visibility: hidden;
		opacity: 0;
		transition: opacity 400ms ease, visibility 400ms ease;
		-webkit-backdrop-filter: blur(80px);
		backdrop-filter: blur(80px);
	}
	.is_popup .popup{
		visibility: visible;
		opacity: 1;
	}
	.popup-btn-close,
	.popup-btn-next,
	.popup-btn-prev{
		visibility: hidden;
		opacity: 0;
		z-index: 100000100;
	}
	.is_popup .popup-btn-close,
	.is_popup .popup-btn-next,
	.is_popup .popup-btn-prev{
		visibility: visible;
		opacity: 1;
	}
	.popup{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100000000;
		overflow: auto;
	}
	.popup-contents-wrap{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.popup-contents{
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		padding: 0 16px;
		max-width: 980px;
		width: 100%;
	}
	.popup-btn-next button,
	.popup-btn-prev button,
	.popup-btn-close button{
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
		cursor: pointer;
	}
	.popup-btn-close{
		position: fixed;
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
		text-indent: -9999px;
		background: #fff;
	}
	.popup-btn-close button{
		background: url(../../../../shared/img/icon_close.svg) 50% 50% no-repeat;
		background-size: 20px 20px;
	}
	.popup-btn-next,
	.popup-btn-prev{
		position: fixed;
		margin: auto;
		width: 60px;
		height: 60px;
		bottom: 0;
		background: #fff;
	}
	.popup-btn-prev{
		left: 0;
	}
	.popup-btn-prev button{
		background: url(../../../../shared/img/arrow_bl_l.svg) 50% 50% no-repeat;
		background-size: 9px 16px;
	}
	.popup-btn-next{
		right: 0;
	}
	.popup-btn-next button{
		background: url(../../../../shared/img/arrow_bl_r.svg) 50% 50% no-repeat;
		background-size: 9px 16px;
	}
	.popup-slide{
		position: relative;
		margin: auto;
		padding: 80px 0;
		max-width: 880px;
		width: 100%;
	}

	.popup-timeline-header .popup-timeline-year{
		font-size: 28px;
	}
	.popup-timeline-header .popup-timeline-year + h2{
		margin-top: 15px;
	}

	.popup-timeline-header h2{
		font-size: 16px;
	}
	.popup-timeline-lead{
		margin: 20px 0 0;
		line-height: 1.6;
	}
	.popup-timeline-lead p + p{
		margin-top: 0.8em;
	}

	.popup-timeline-figure{
		margin: 20px 0 0;
	}
	.popup-timeline figure{
		width: 100%;
		aspect-ratio: 880/564;
		text-align: center;
		
	}
	.popup-timeline figure img{
		height: 100%;
	}
	.popup-timeline-figcaption{
		margin: 15px 0 0;
	}
	.popup-timeline-figcaption p{
		font-size: 12px;
		line-height: 1.5;

	}
	.popup-timeline-figure-col + .popup-timeline-figure-col{
		margin-top: 20px;
	}


}