@charset "UTF-8";

.race-redbull-lead,
.redbull-voices__list .redbull-voices__list-item-figure h3,
.sec-header-rb h2{
	font-family: "UD新ゴNT M", sans-serif;
}

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


	.sec-header-rb h2{
		font-size: 36px;
		line-height: 1.2;
	}
	.sec-header-rb h2 strong{
		display: inline-block;
		margin-top: 10px;
		padding: 2px;
		font-size: 50px;
		background-image: linear-gradient(#00162B 0%, #00162B 100%);
		background-size: 0 100%;
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
	}
	.sec-header-rb p{
		margin: 15px 0 0;
		font-size: 28px;
		font-weight: 600;
	}
	.sec-lead-rb{
		margin: 40px 0 0;
	}
	.sec-lead-rb p{
		font-weight: 600;
		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;
	}

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

	#statement .statement-inner{
		margin: 0 -80px;
		display: flex;
		align-items: center;
	}
	#statement .statement-inner figure{
		padding: 0 65px 0 0;
		width: 50%;
		height: 535px;
	}
	#statement .statement-inner figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	#statement .statement-inner .statement-txt{
		padding: 0 80px 0 0;
		width: 50%;
	}
	.statement-header h2{
		font-size: 22px;
		font-weight: 600;
		line-height: 1.5;
	}
	.statement-lead{
		margin: 40px 0 0;
	}
	.statement-lead p{
		line-height: calc(36/16);
		font-weight: 600;
	}
	.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: 800px;
		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: 1100px;
	}

	.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;
	}

/* redbull-voices
====================================================================*/

	.redbull-voices__list{
		display: flex;
		margin: 60px -9px 0;
	}
	.redbull-voices__list .redbull-voices__list-item{
		padding: 0 9px;
		width: 33.3333%;
	}



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

	.redbull-voices__list .redbull-voices__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;
	}
	.redbull-voices__list .cs .redbull-voices__list-item-figure figure:after{
		background: rgba(0,22,43,0.7);
	}
	.redbull-voices__list .cs{
		position: relative;
	}
	.redbull-voices__list .cs-text + *{
		margin-top: 15px;
	}

	.redbull-voices__list .redbull-voices__list-item-figure h3{
		position: absolute;
		left: 0;
		padding: 0 20px;
		bottom: 20px;
		z-index: 20;
	}
	.redbull-voices__list .redbull-voices__list-item-figure h3 strong{
		display: inline-block;
		padding: 2px;
		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: #00162B;
	}
	.redbull-voices__list .redbull-voices__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: #00162B;
	}
	.redbull-voices__list-item-txt{
		padding: 20px 20px 0;
		font-weight: 600;
		line-height: calc(28/16);
	}


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

	.honda-voices__list{
		display: flex;
		margin: 60px -9px 0;
	}
	.honda-voices__list .honda-voices__list-item{
		padding: 0 9px;
		width: 50%;
	}
	.honda-voices__list .honda-voices__list-item-figure{
		position: relative;
		overflow: hidden;
	}
	.honda-voices__list .honda-voices__list-item-figure figure{
		position: relative;
		transition: transform 1000ms ease-out;
	}
	.honda-voices__list a:hover figure{
		transform: scale(1.1);
	}

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

	.honda-voices__list .honda-voices__list-item-figure h3{
		position: absolute;
		left: 0;
		padding: 0 20px;
		bottom: 20px;
		z-index: 20;
	}
	.honda-voices__list .honda-voices__list-item-figure h3 strong{
		display: inline-block;
		padding: 2px;
		font-size: min(28px,1.86vw);
		background-image: linear-gradient(#00162B 0%, #00162B 100%);
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
		color: #fff;
	}
	.honda-voices__list .honda-voices__list-item-figure h3 span{
		display: inline-block;
		padding: 2px;
		margin: 10px 0 0;
		font-size: min(18px,1.13vw);
		background-image: linear-gradient(#00162B 0%, #00162B 100%);
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
		color: #fff;
	}
	.honda-voices__list-item-txt{
		padding: 20px 20px 0;
		font-weight: 600;
		line-height: calc(28/16);
	}



/* race-redbull
====================================================================*/
	
	#race-redbull .cs-text{
		font-size: 20px;
		font-weight: 600;
	}
	#race-redbull .cs-text + *{
		margin-top: 20px;
	}

	#race-redbull a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	#race-redbull 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-redbull figure{
		position: relative;
		height: 600px;
		transition: transform 1000ms ease-out;
	}
	#race-redbull figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	#race-redbull figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}
	#race-redbull a:hover figure{
		transform: scale(1.1);
	}
	.race-redbull-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-redbull-txt-inner{
		margin: auto;
		width: 100%;
		max-width: 1100px;
	}
	.race-redbull-lead{
		margin: 40px 0 0;	
	}
	.race-redbull-lead-list{
		display: flex;
	}
	.race-redbull-lead li{
		text-indent: -1em;
		padding: 0 0 0 1em;
		line-height: calc(28/16);
	}
	.race-redbull-lead ul + ul{
		margin: 0 0 0 15px;
	}
	.race-redbull-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-rb h2{
		font-size: 18px;
		line-height: 1.4;
	}
	.sec-header-rb h2 strong{
		display: inline-block;
		margin: 5px -10px 0 0;
		padding: 2px;
		font-size: min(22px, 6.4vw);
		background-image: linear-gradient(#000 0%, #000 100%);
		background-size: 0 100%;
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
	}
	.sec-header-rb p{
		margin: 15px 0 0;
		font-size: 16px;
		font-weight: 600;
	}
	.sec-lead-rb{
		margin: 15px 0 0;
	}
	.sec-lead-rb p{
		font-weight: 600;
		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;
	}

/* 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-weight: 600;
		line-height: 1.5;
	}
	.statement-lead{
		margin: 20px 0 0;
	}
	.statement-lead p{
		line-height: 2;
		font-weight: 600;
	}
	.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;
	}


/* redbull-voices
====================================================================*/

	.redbull-voices__list{
		margin: 30px 0 0;
	}
	.redbull-voices__list .redbull-voices__list-item + .redbull-voices__list-item{
		margin-top: 40px;
	}
	.redbull-voices__list .redbull-voices__list-item-figure{
		position: relative;
		max-width: 375px;
		margin: auto;
	}
	.redbull-voices__list .redbull-voices__list-item-figure figure{
		position: relative;
	}
	.redbull-voices__list .redbull-voices__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;
	}
	.redbull-voices__list .cs .redbull-voices__list-item-figure figure:after{
		background: rgba(0,22,43,0.7);
	}
	.redbull-voices__list .cs{
		position: relative;
	}
	.redbull-voices__list .cs-text + *{
		margin-top: 15px;
	}


	.redbull-voices__list .redbull-voices__list-item-figure h3{
		position: absolute;
		left: 0;
		padding: 0 15px;
		bottom: 20px;
		z-index: 20;
	}
	.redbull-voices__list .redbull-voices__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: #00162B;
	}
	.redbull-voices__list .redbull-voices__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: #00162B;
	}
	.redbull-voices__list-item-txt{
		padding: 20px 0 0;
		font-weight: 600;
		font-size: 12px;
		line-height: calc(22/12);
	}


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

	.honda-voices__list{
		margin: 30px 0 0;
	}
	.honda-voices__list .honda-voices__list-item + .honda-voices__list-item{
		margin-top: 40px;
	}
	.honda-voices__list .honda-voices__list-item-figure{
		position: relative;
		overflow: hidden;
	}
	.honda-voices__list .honda-voices__list-item-figure figure{
		position: relative;
		transition: transform 1000ms ease-out;
	}

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

	.honda-voices__list .honda-voices__list-item-figure h3{
		position: absolute;
		left: 0;
		padding: 0 15px;
		bottom: 20px;
		z-index: 20;
	}
	.honda-voices__list .honda-voices__list-item-figure h3 strong{
		display: inline-block;
		padding: 2px;
		font-size: 20px;
		background-image: linear-gradient(#00162B 0%, #00162B 100%);
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
		color: #fff;
	}	
	.honda-voices__list .honda-voices__list-item-figure h3 span{
		display: inline-block;
		padding: 2px;
		margin: 10px 0 0;
		font-size: 12px;
		background-image: linear-gradient(#00162B 0%, #00162B 100%);
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
		color: #fff;
	}
	.honda-voices__list-item-txt{
		padding: 20px 0 0;
		font-weight: 600;
		line-height: calc(28/16);
	}


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

/*	.honda-voices__list{
		margin: 30px 0 0;
	}
	.honda-voices__list .honda-voices__list-item + .honda-voices__list-item{
		margin-top: 40px;
	}
	.honda-voices__list .honda-voices__list-item-inner{
		position: relative;
	}
	.honda-voices__list figure{
		position: relative;
	}
	.honda-voices__list figure:after{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
		z-index: 5;
	}
	.honda-voices__list .honda-voices__list-item-txt{
		margin: 20px 0 0;
		z-index: 20;
	}
	.honda-voices__list .honda-voices__list-item-txt h3 strong{
		display: inline-block;
		padding: 2px;
		font-size: 20px;
		background-image: linear-gradient(#00162B 0%, #00162B 100%);
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
		color: #fff;
	}
	.honda-voices__list .honda-voices__list-item-txt h3 span{
		display: inline-block;
		padding: 2px;
		margin: 10px 0 0;
		font-size: 12px;
		background-image: linear-gradient(#00162B 0%, #00162B 100%);
		background-size: 100% 100%;
		background-position: 0 100%;
		background-repeat: no-repeat;
		color: #fff;
	}
	.honda-voices__list .honda-voices__list-item-lead{
		margin: 20px 0 0;
		font-weight: 600;
		font-size: 12px;
		line-height: calc(22/12);
	}
*/



/* race-redbull
====================================================================*/
	
	#race-redbull .cs-text{
		font-size: 14px;
		font-weight: 600;
	}
	#race-redbull .cs-text + *{
		margin-top: 10px;
	}

	#race-redbull a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	#race-redbull 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-redbull figure{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#race-redbull figure img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		object-position: 50% 50%;
	}
	#race-redbull figure:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
	}

	.race-redbull-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-redbull-txt-inner{
		margin: auto;
		width: 100%;
		max-width: 1000px;
	}

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


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

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




}