@charset "UTF-8";

.btn-download a,
.williams-contents__list-item-cs,
.goodwood-txt h2,
.race-williams-lead,
.williams-contents__list .williams-contents__list-item-figure h3,
.sec-header-williams h2,
.sec-header-williams h2 strong{
    font-family: var(--font-bold);
    font-weight: normal;
    font-feature-settings: "palt";
}
.williams-contents__list .cs-text{
	color: #fff;
}
.sec-bg-figure{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 15;
}
.sec-bg-figure:after{
	content: "";
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.55);
	z-index: 20;
}
.sec-bg-figure img{
	position: relative;
	object-fit: cover;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.sec-bg-figure + .sec-inner{
	z-index: 20;
}

.sticky-bg-figure{
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.sticky-bg-figure span{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}
.sticky-bg-figure span:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 10;
}
.sticky-bg-figure img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
#statement{
	overflow:inherit;
}
#statement *{
	color: #fff;
}
.williams-contents__list-item-cs{
	color: #fff;
}



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


	.sec-header-williams h2{
		font-size: 36px;
		line-height: 1.2;
		color: #fff;

	}
	.sec-header-williams h2 strong{
		display: inline-block;
		margin-top: 10px;
		padding: 2px;
		font-size: 50px;
		background-image: linear-gradient(#012C7B 0%, #012C7B 100%);
		background-size: 0 100%;
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
	}
	.sec-header-williams .sec-header-williams-lead{
		margin-top: 50px;
	}
	.sec-header-williams .sec-header-williams-lead p{
		font-size: 28px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}

	.sec-header-williams.sec-header-williams-v2{
		text-align: center;
	}
	.sec-header-williams.sec-header-williams-v2 h2{
		font-size: 36px;
		line-height: 1.2;
	}
	.sec-header-williams.sec-header-williams-v2 h2 strong{
		display: inline-block;
		margin-top: 10px;
		padding: 2px;
		font-size: 42px;
		background-image: linear-gradient(#012C7B 0%, #012C7B 100%);
		background-size: 0 100%;
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
	}
	.sec-header-williams.sec-header-williams-v2 .sec-header-williams-lead{
		margin-top: 50px;
	}
	.sec-header-williams.sec-header-williams-v2 .sec-header-williams-lead p{
		font-size: 16px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
    	line-height: calc(36/16);
	}



	.sec-lead-williams{
		margin: 40px 0 0;
		width: 60%;
	}
	.sec-lead-williams p{
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		line-height: calc(36/16);
	}


/* sec-bg
====================================================================*/

	.sec-bg{
		position: sticky;
		top: 0;
		left: 0;
		width: 100%;
		z-index: -1;
	}

	.sec-bg1 div{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: url(../img/bg_img1.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.sec-bg2 div{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: url(../img/bg_img2.jpg) 50% 50% no-repeat;
		background-size: cover;
	}

/* download
====================================================================*/

	.download-contents{
		margin: 80px auto 0;
		max-width: 900px;		
	}
	.download-list{
		display: flex;
		margin: 0 -10px;
	}
	.download-list-item{
		padding: 0 10px;
	}
	.download-list-item:nth-child(1){
		width: calc(350 / 900 * 100%);
	}
	.download-list-item:nth-child(2){
		width: calc(525 / 900 * 100%);
	}
	.download-list figure{
		border: 1px solid #ccc;
		padding: 20px;
	}
	.btn-download{
		margin: 10px 0 0;
	}
	.btn-download a{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		height: 32px;
		color: #fff;
		font-size: 14px;
		background: #35363b;
		transition: opacity 600ms ease;
	}
	.btn-download a:hover{
		opacity: 0.7;
	}
	.btn-download a:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 15px;
		bottom: 0;
		width: 8px;
		height: 14px;
		background: url(../../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}


/* goodwood
====================================================================*/
	
	#goodwood .sec-inner{
		margin: auto;
		max-width: 1280px;
	}
	#goodwood a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	#goodwood a:before{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: min(20px,5.40vw);
		width: 13px;
		height: 22px;
		background: url(../../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}
	#goodwood figure{
		position: relative;
		height: 410px;
		transition: transform 1000ms ease-out;
	}
	#goodwood figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	#goodwood figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}
	#goodwood a:hover figure{
		transform: scale(1.1);
	}

	.goodwood-txt{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		width: 100%;
		padding: 0 80px;
		height: 100%;
		align-items: center;
		justify-content: center;
		color: #fff;
		z-index: 20;		
	}
	.goodwood-txt-inner{
		margin: auto;
		width: 100%;
		max-width: 1000px;
	}
	.goodwood-txt h2{
		font-size: 32px;
		line-height: 1.4;
	}
	.goodwood-txt h2 strong{
		color: #DC0017;
	}
	.goodwood-txt-lead{
		margin: 20px 0 0;
		line-height: calc(36/16);
	}
	.goodwood-txt-lead p{
		line-height: 2;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}



/* statement
====================================================================*/


	#statement .statement-inner figure{
		margin: auto;
		max-width: 400px;
	}
	#statement .statement-inner .statement-txt{
		margin: 50px auto 0;
		max-width: 900px;
		text-align: center;
	}
	.statement-header h2{
		font-size: 22px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		line-height: 1.5;
	}
	.statement-lead{
		margin: 40px 0 0;
	}
	.statement-lead p{
		line-height: calc(36/16);
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.statement-lead p + p{
		margin-top: 30px;
	}
	.statement-lead p span{
		position: relative;
		padding: 0 5px 0 0;
		display: inline-block;
	}
	.statement-lead p span:after{
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(100%,-50%);
		display: block;
		width: 30px;
		height: 1px;
		background: #fff;
	}


/* overview
====================================================================*/
	
	#overview a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	#overview a:before{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: min(80px,5.40vw);
		width: 13px;
		height: 22px;
		background: url(../../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}
	#overview figure{
		position: relative;
		height: 600px;
		transition: transform 1000ms ease-out;
	}
	#overview figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	#overview figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}
	#overview a:hover figure{
		transform: scale(1.1);
	}

	.overview-txt{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		width: 100%;
		padding: 0 80px;
		height: 100%;
		align-items: center;
		justify-content: center;
		color: #fff;
		z-index: 20;		
	}
	.overview-txt-inner{
		margin: auto;
		width: 100%;
		max-width: 1320px;
	}

	.overview-catch{
		position: absolute;
		bottom: -15px;
		left: 50%;
		width: 200vw;
		font-size: 80px;
		z-index: 20;
		color: rgba(255,255,255,0.2);
		transform: translateX(-50%);
		text-align: center;
	}
	.overview-catch span{
		position: relative;
	}
	.overview-catch span + span{
		margin: 0 0 0 40px;
	}



/* piquet-and-honda
====================================================================*/
	
	#piquet-and-honda a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	#piquet-and-honda a:before{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: min(80px,5.40vw);
		width: 13px;
		height: 22px;
		background: url(../../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}
	#piquet-and-honda figure{
		position: relative;
		height: 600px;
		transition: transform 1000ms ease-out;
	}
	#piquet-and-honda figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	#piquet-and-honda figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}
	#piquet-and-honda a:hover figure{
		transform: scale(1.1);
	}

	.piquet-and-honda__txt{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		width: 100%;
		padding: 0 80px;
		height: 100%;
		align-items: center;
		justify-content: center;
		color: #fff;
		z-index: 20;		
	}
	.piquet-and-honda__txt-inner{
		margin: auto;
		width: 100%;
		max-width: 1320px;
	}

	.piquet-and-honda__catch{
		position: absolute;
		bottom: -15px;
		left: 50%;
		width: 200vw;
		font-size: 80px;
		z-index: 20;
		color: rgba(255,255,255,0.2);
		transform: translateX(-50%);
		text-align: center;
	}
	.piquet-and-honda__catch span{
		position: relative;
	}
	.piquet-and-honda__catch span + span{
		margin: 0 0 0 40px;
	}


/* honda-voices
====================================================================*/

	.williams-contents__list{
		display: flex;
		margin: 60px -9px 0;
	}
	.williams-contents__list-flex2 .williams-contents__list-item{
		padding: 0 9px;
		width: 50%;
	}
	.williams-contents__list-flex3 .williams-contents__list-item{
		padding: 0 9px;
		width: 33.3333%;
	}
	.williams-contents__list-flex4 .williams-contents__list-item{
		padding: 0 9px;
		width: 25%;
	}
	.williams-contents__list-item-cs{
		position: absolute;
		top: 50%;
		left: 0;
		padding: 0 15px;
		text-align: center;
		width: 100%;
		z-index: 10;
		font-size: 24px;
	}

	.williams-contents__list .williams-contents__list-item-figure{
		position: relative;
		overflow: hidden;
	}
	.williams-contents__list .williams-contents__list-item-figure figure{
		position: relative;
		transition: transform 1000ms ease-out;
	}
	.williams-contents__list a:hover figure{
		transform: scale(1.1);
	}

	.williams-contents__list .williams-contents__list-item-figure figure:after{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
		z-index: 5;
	}
	.williams-contents__list .cs .williams-contents__list-item-figure figure:after{
		background: rgba(0,22,43,0.7);
	}
	.williams-contents__list .cs{
		position: relative;
	}

	.williams-contents__list .cs-text + *{
		margin-top: 15px;
	}

	.williams-contents__list .williams-contents__list-item-figure h3{
		position: absolute;
		left: 0;
		padding: 0 20px;
		bottom: 20px;
		z-index: 20;
	}
	.williams-contents__list .williams-contents__list-item-figure h3 strong{
		display: inline-block;
		padding: 4px;
		font-size: min(28px,1.86vw);
		background-image: linear-gradient(#E3E3E3 0%, #E3E3E3 100%);
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
		color: #012C7B;
	}
	.williams-contents__list .williams-contents__list-item-figure h3 span{
		display: inline-block;
		padding: 2px;
		margin: 10px 0 0;
		font-size: min(18px,1.13vw);
		background-image: linear-gradient(#E3E3E3 0%, #E3E3E3 100%);
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
		color: #012C7B;
	}
	.williams-contents__list-item-txt{
		margin: 20px 0 0;
	}
	.williams-contents__list-item-txt h3{
    	font-family: var(--font-regular);
    	font-weight: normal;
    	font-feature-settings: "palt";
		line-height: calc(28/16);
	}
	.williams-contents__list-item-txt p{
		padding: 0 20px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		line-height: calc(28/16);
	}



/* race-williams
====================================================================*/
	
	#race-williams .cs-text{
		font-size: 20px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	#race-williams .cs-text + *{
		margin-top: 20px;
	}

/*	#race-williams a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}*/
/*	#race-williams a:before{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: min(80px,5.40vw);
		width: 13px;
		height: 22px;
		background: url(../../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}*/
	#race-williams figure{
		position: relative;
		/*height: 600px;*/
		transition: transform 1000ms ease-out;
	}
	#race-williams figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	#race-williams figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}
	#race-williams a:hover figure{
		transform: scale(1.1);
	}
	.race-williams-txt{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		width: 100%;
		padding: 0 80px;
		height: 100%;
		align-items: center;
		justify-content: center;
		color: #fff;
		z-index: 20;		
	}
	.race-williams-txt-inner{
		margin: auto;
		width: 100%;
		max-width: 1100px;
	}
	.race-williams-lead{
		margin: 40px 0 0;	
	}
	.race-williams-lead-list{
		display: flex;
	}
	.race-williams-lead li{
		text-indent: -1em;
		padding: 0 0 0 1em;
		line-height: calc(28/16);
	}
	.race-williams-lead ul + ul{
		margin: 0 0 0 15px;
	}
	.race-williams-lead li + li{
		margin-top: 5px;
	}


/* engine
====================================================================*/

	#engine {
		background: url(../img/bg_powerdbyhonda.jpg) 50% 50% no-repeat;
		background-size: cover;
	}



}



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


	.sec-header-williams h2{
		font-size: 18px;
		line-height: 1.4;
		color: #fff;
	}
	.sec-header-williams h2 strong{
		display: inline-block;
		margin: 5px -10px 0 0;
		padding: 2px;
		font-size: min(22px, 6.4vw);
		background-image: linear-gradient(#012C7B 0%, #012C7B 100%);
		background-size: 0 100%;
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
	}
	.sec-header-williams .sec-header-williams-lead{
		margin: 15px 0 0;
	}
	.sec-header-williams .sec-header-williams-lead p{
		font-size: 16px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}


	.sec-header-williams.sec-header-williams-v2{
		text-align: center;
	}
	.sec-header-williams.sec-header-williams-v2 h2{
		font-size: 18px;
		line-height: 1.4;
	}
	.sec-header-williams.sec-header-williams-v2 h2 strong{
		display: inline-block;
		margin: 5px -10px 0 0;
		padding: 2px;
		font-size: min(22px, 6.4vw);
		background-image: linear-gradient(#012C7B 0%, #012C7B 100%);
		background-size: 0 100%;
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
	}
	.sec-header-williams.sec-header-williams-v2 .sec-header-williams-lead{
		margin: 15px 0 0;
	}
	.sec-header-williams.sec-header-williams-v2 .sec-header-williams-lead p{
		font-size: 12px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
    	line-height: calc(36/16);
	}

	.sec-lead-williams{
		margin: 15px 0 0;
		width: 80%;
	}
	.sec-lead-williams p{
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		font-size: 12px;
		line-height: calc(22/12);
	}




/* sec-bg
====================================================================*/

	.sec-bg{
		position: sticky;
		top: 0;
		left: 0;
		width: 100%;
		z-index: -1;
	}

	.sec-bg1 div{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: url(../img/bg_img1.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.sec-bg2 div{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: url(../img/bg_img2.jpg) 50% 50% no-repeat;
		background-size: cover;
	}

/* download
====================================================================*/

	.download-contents{
		margin: 40px auto 0;
	}
	.download-list-item{
		margin: auto;
		max-width: 375px;
	}

	.download-list-item + .download-list-item{
		margin-top: 30px;
	}

	.download-list figure{
		border: 1px solid #ccc;
		padding: 20px;
	}
	.btn-download{
		margin: 10px 0 0;
	}
	.btn-download a{
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		height: 32px;
		color: #fff;
		font-size: 14px;
		background: #35363b;
		transition: opacity 600ms ease;
	}
	.btn-download a:after{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		right: 15px;
		bottom: 0;
		width: 8px;
		height: 14px;
		background: url(../../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
	}




/* goodwood
====================================================================*/

	#goodwood a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	#goodwood a:before{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 16px;
		width: 8px;
		height: 14px;
		background: url(../../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}
	#goodwood figure{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#goodwood figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		object-position: 50% 50%;
	}
	#goodwood figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}

	.goodwood-txt{
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		width: 100%;
		padding: 30px 32px;
		height: 100%;
		min-height: 255px;
		align-items: center;
		justify-content: center;
		color: #fff;
		z-index: 20;		
	}
	.goodwood-txt-inner{
		margin: auto;
		width: 100%;
		max-width: 1000px;
	}
	.goodwood-txt h2{
		font-size: 26px;
		line-height: calc(34/26);
	}
	.goodwood-txt h2 strong{
		color: #DC0017;
	}
	.goodwood-txt-lead{
		margin: 15px 0 0;
		line-height: calc(22/12);
		font-size: 12px;
	}
	.goodwood-txt-lead p{
		line-height: 2;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}



/* statement
====================================================================*/


	#statement .statement-inner figure{
		margin: auto;
		max-width: 320px;
	}
	#statement .statement-inner .statement-txt{
		margin: 40px 0 0;
	}
	.statement-header h2{
		font-size: 16px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		line-height: 1.5;
	}
	.statement-lead{
		margin: 20px 0 0;
	}
	.statement-lead p{
		line-height: 2;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	.statement-lead p + p{
		margin-top: 15px;
	}
	.statement-lead p span{
		position: relative;
		padding: 0 5px 0 0;
		display: inline-block;
	}
	.statement-lead p span:after{
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(100%,-50%);
		display: block;
		width: 20px;
		height: 1px;
		background: #fff;
	}


/* overview
====================================================================*/
	
	#overview a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	#overview a:before{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 16px;
		width: 8px;
		height: 14px;
		background: url(../../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}
	#overview figure{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#overview figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		object-position: 50% 50%;
	}
	#overview figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}

	.overview-txt{
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		width: 100%;
		padding: 30px 32px;
		height: 100%;
		min-height: 400px;
		align-items: center;
		justify-content: center;
		color: #fff;
		z-index: 20;		
	}
	.overview-txt-inner{
		margin: auto;
		width: 100%;
		max-width: 1000px;
	}

	.overview-catch{
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 100%;
		font-size: 32px;
		z-index: 20;
		color: rgba(255,255,255,0.2);
		text-align: center;
	}
	.overview-catch span{
		position: relative;
		display: block;
	}


/* piquet-and-honda
====================================================================*/
	
	#piquet-and-honda a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	#piquet-and-honda a:before{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 16px;
		width: 8px;
		height: 14px;
		background: url(../../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}
	#piquet-and-honda figure{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#piquet-and-honda figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		object-position: 50% 50%;
	}
	#piquet-and-honda figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}

	.piquet-and-honda__txt{
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		width: 100%;
		padding: 30px 32px;
		height: 100%;
		min-height: 400px;
		align-items: center;
		justify-content: center;
		color: #fff;
		z-index: 20;		
	}
	.piquet-and-honda__txt-inner{
		margin: auto;
		width: 100%;
		max-width: 1000px;
	}

	.piquet-and-honda__catch{
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 100%;
		font-size: 32px;
		z-index: 20;
		color: rgba(255,255,255,0.2);
		text-align: center;
	}
	.piquet-and-honda__catch span{
		position: relative;
		display: block;
	}




/* honda-voices
====================================================================*/

	.williams-contents__list{
		margin: 30px 0 0;
	}
	.williams-contents__list .williams-contents__list-item + .williams-contents__list-item{
		margin-top: 40px;
	}
	.williams-contents__list .williams-contents__list-item-figure{
		position: relative;
		margin: auto;
	}
	.williams-contents__list-item-cs{
		position: absolute;
		top: 50%;
		left: 0;
		padding: 0 15px;
		text-align: center;
		width: 100%;
		z-index: 10;
		font-size: 14px;
	}

	.williams-contents__list .williams-contents__list-item-figure figure{
		position: relative;
	}
	.williams-contents__list .williams-contents__list-item-figure figure:after{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
		z-index: 5;
	}
	.williams-contents__list .cs .williams-contents__list-item-figure figure:after{
		background: rgba(0,22,43,0.7);
	}
	.williams-contents__list .cs{
		position: relative;
	}
	.williams-contents__list .cs-text + *{
		margin-top: 15px;
	}


	.williams-contents__list .williams-contents__list-item-figure h3{
		position: absolute;
		left: 0;
		padding: 0 15px;
		bottom: 20px;
		z-index: 20;
	}
	.williams-contents__list .williams-contents__list-item-figure h3 strong{
		display: inline-block;
		padding: 2px;
		font-size: 20px;
		background-image: linear-gradient(#E3E3E3 0%, #E3E3E3 100%);
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
		color: #012C7B;
	}
	.williams-contents__list .williams-contents__list-item-figure h3 span{
		display: inline-block;
		padding: 2px;
		margin: 10px 0 0;
		font-size: 12px;
		background-image: linear-gradient(#E3E3E3 0%, #E3E3E3 100%);
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
		color: #012C7B;
	}
	.williams-contents__list-item-txt{
		padding: 20px 0 0;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
		font-size: 12px;
		line-height: calc(22/12);
	}


/* race-williams
====================================================================*/
	
	#race-williams .cs-text{
		font-size: 14px;
    	font-family: var(--font-bold);
    	font-weight: normal;
    	font-feature-settings: "palt";
	}
	#race-williams .cs-text + *{
		margin-top: 10px;
	}

/*	#race-williams a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	#race-williams a:before{
		content: "";
		display: block;
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 16px;
		width: 8px;
		height: 14px;
		background: url(../../../shared/img/arrow_wh_r.svg) 0 0 no-repeat;
		background-size: 100% 100%;
		z-index: 20;
	}*/
	#race-williams figure{
		position: relative;

		/*position: absolute;*/
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#race-williams figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		object-position: 50% 50%;
	}
	#race-williams figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}

	.race-williams-txt{
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		width: 100%;
		padding: 30px 32px;
		height: 100%;
		min-height: 255px;
		align-items: center;
		justify-content: center;
		color: #fff;
		z-index: 20;		
	}
	.race-williams-txt-inner{
		margin: auto;
		width: 100%;
		max-width: 1000px;
	}

	.race-williams-lead{
		margin: 20px 0 0;	
	}
	.race-williams-lead li{
		text-indent: -1em;
		padding: 0 0 0 1em;
		line-height: 1.5;
		font-size: 12px;
	}
	.race-williams-lead li + li{
		margin-top: 5px;
	}


/* engine
====================================================================*/

	#engine {
		background: url(../img/bg_powerdbyhonda.jpg) 50% 50% no-repeat;
		background-size: cover;
	}




}