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

@media(max-width:1080px) {

html{font-size: 14px;}

.maxWidth{width: 70%;min-width:670px;}

.about .aboutStage{font-size: 0.9em;}

.player .profile .info{padding-right: 0;}
.player .profile.rev .info{padding-left: 0;}

.race{font-size: 0.9em;}
.footer{font-size: 0.9em;}

}




@media(max-width:768px) {

.screenwide{display: none;}

html{font-size: 17px;}


/*-------*/


.header{font-size: 1em;}
.header .slideSet .slide{;flex-direction:column;}

.slideSet .slide .slideInner{flex-direction:column;}

.slideSet .slideCopy{font-size: 1.4em;}
.slideSet .slideCopy br.res{display: block;}


.slideSet .slideTop{grid-gap: 3.5em;font-size: 0.8em;}
.slideSet .slideTop .transat{width: 15em;}

.slideSet .slide01 .slideInner{width: 63%;max-width:none;padding-right: 3%;}
.slideSet .slide01 .slidePhoto{width: 100%;}
.slideSet .slide01 .slidePhoto span{padding-top: min(148%, 74svh);}
.slideSet .slide01 .slideCopy{width: 100%;margin-top: 1.5em;}

.slideSet .slide02 .slideInner{width: 63%;max-width:none;padding-left: 3%;}
.slideSet .slide02 .slidePhoto{width: 100%;margin-right: 0;}
.slideSet .slide02 .slidePhoto span{padding-top: min(128%, 65svh);}
.slideSet .slide02 .slideCopy{width: 100%;margin-bottom: 1.5em;left: -2em;}

.slideSet .slide03 .slideInner{width: 63%;max-width: none;padding-right: 3%;}
.slideSet .slide03 .slideCopy{width: 100%;text-align: right;margin-top: 1em;}

.slideSet .skip{bottom: 2em;right: 2em;}




/*------*/

.header .mainHeader{font-size: 0.7em;}
.header .mainHeader .imageSet{display: block;}
.header .mainHeader .imageSet .image{width: 100%;height: 33.333%;}
.header .mainHeader .imageSet .image.i01 span{background-image: url("../images/main-sp01.webp");}
.header .mainHeader .imageSet .image.i02 span{background-image: url("../images/main-sp02.webp");}
.header .mainHeader .imageSet .image.i03 span{background-image: url("../images/main-sp03.webp");}

.header .mainHeader .titleSet h1 br{display: block;}
.header .mainHeader .titleSet h2{font-size: 1.8em;}
.header .mainHeader .logo{top: 2em;left: 2em;width: 10em;}

/*----*/

.maxWidth{width:82%/*92.5*/;min-width:inherit;}

/*----*/

.about{padding: 10vw 0 5vw;}

.about .aboutHeader .copy{margin-top: 2em;width: 100%;text-align: left;}
.about .aboutHeader .copy br{display: none;}
.about .aboutStage{font-size: 1em;}

.about .aboutStage h3{font-size: 1.5em;}
.about .aboutStage h4{font-size: 1.6em;}
.about .aboutStage h4.solid em{width: 100%;}
.about .attention{font-size: 1em;}
.about .attention p{display: block;padding: 1em 1.5em;}

/*-----*/


.player{margin-top: 9vw;}
.player.p01{margin-top: 13vw;}

.player .profile{display: block;}

.player .profile .photo{width: 100%;margin: 0 auto;}
.player .profile .photo p{text-align: center; padding-bottom: 1em;}


.player .profile .info{width: 94%;padding-right: 0;margin: 2em auto 0;}
.player.p03 .profile .info{padding-top: 0;}
.player .profile .info .attention br{display: none;}

.player .interview .movie.sub{width: 80%;}
.youtube .thumb .playBT{width: 4.6em;height: 3.1em;border-radius: 0.6em;}
.movie .coming .dummy span{width: 3.9em;height: 2.6em;border-radius: 0.48em;}

.player .interview h4{font-size: 1.8em;}
.player.p01 .interview h4 br{display: block;}
.player.p01 .interview h4 span:first-child{padding-right: 4em;}
.player.p01 .interview h4 span:last-child{padding-left: 4em;}
.player.p02 .interview h4 span:first-child{padding-right: 3em;}
.player.p02 .interview h4 span:last-child{padding-left: 3em;}
.player.p03 .interview h4 span:first-child{padding-right: 2em;}
.player.p03 .interview h4 span:last-child{padding-left: 5em;}

.player .interview .copy{text-align: left;}
.player .interview .copy br{display: none;}
.player .interview .copy p:nth-child(2){margin-top: 1em;}


/*-----*/

.footer h2 br{display: block;}
.footer p{margin-top: 2em;}
.footer h3{font-size: 1.3em;}


}


@media(max-width:680px) {

html{font-size: 3.0vw;}


.slideSet .slideCopy{font-size: 1.2em;}

.slideSet .slide01 .slideInner{width: 73%;}
.slideSet .slide01 .slideCopy{margin-top: 1.7em;}

.slideSet .slide02 .slideInner{width: 73%;}
.slideSet .slide02 .slideCopy{margin-bottom: 1.5em;left: -2.1em;white-space:nowrap;}

.slideSet .slide03 .slideInner{width: 73%;}

.slideSet .skip{font-size: 0.85em;}



/*-----*/

.header .mainHeader{font-size: 0.45em;}
.header .mainHeader .logo{top: 2em;left: 2em;width: 8.5em;}

/*-----*/

.headline h3{margin-bottom: 1.4em;}
.headline h2{font-size: 1.7em;}
.headline.white h2{margin-top: 0.2em;}

/*-----*/

.about{padding: 12vw 0 5vw;}

.about .aboutHeader{margin: 2.5em auto 0;width: 97%;}
.about .aboutHeader h3{font-size: 0.8em;}
.about .aboutHeader figure{margin-top: 2em;}
.about .aboutHeader .copy{
	margin: 1.5em auto 0;
	width: 96%;
	font-size: 1.05em;
	text-align: justify;
	text-justify: inter-ideograph;
}

.about .aboutStage{margin: 2.5em auto 0;width: 97%;}
.about .aboutStage .text01{font-size: 1.14em;}
.about .aboutStage .text01 br{display: block;}
.about .aboutStage h2{font-size: 1.7em;margin-top: 1.0em;}
.about .aboutStage h3{font-size: 1.14em;}
.about .aboutStage h4.line{font-size: 1.22em;margin-top: 0.5em;}
.about .aboutStage h4.line.second{margin-top: -0.2em;}
.about .aboutStage h4.line em{padding: 0 0.4em;}
.about .aboutStage h4.solid{font-size: 1.05em;}
.about .aboutStage h4.solid em{line-height: 1.7;padding: 0.8em 0;}
.about .aboutStage .text02{font-size: 1.05em;margin: 1.6em auto 0;width: 95%;}

.about .attention{font-size: 0.67em;width: 100%;margin-top: 0.7em;}
.about .attention p{padding: 1em 0;}
.about .attention p br.res{display:  block;}


/*-----*/

.maxWidth{width:95.5%;}/*92.5*/

/*-----*/


.player{margin-top: 20vw;}
.player.p01{margin-top: 18vw;}

.player .profile{padding-top: 10vw;}
.player .profile .photo{width: 90%;}
.player .profile .photo p{font-size: 0.8em;padding-bottom: 0.8em;}

.player .profile .info{width: 88%;margin-top: 1.5em;}
.player .profile .info h2{font-size: 2.43em;white-space:nowrap;}
.player .profile .info h3{font-size: 0.8em;}
.player .profile .info .instagram{width: 1.3em;margin-top: 0.8em;}
.player .profile .info .copy{margin-top: 1.8em;font-size: 0.98em;}

.player .profile .info .attention{
	font-size: 0.82em;
	margin-top: 1.8em;
	text-align: justify;
	text-justify: inter-ideograph;
}

.player .slideImage{width: 85%;margin-top: 3.0em;padding-bottom: 1.3em;}
.player .slideImage .slick-dots{bottom:-1.9em;}
.player .slideImage .slick-dots li{margin: 0 0.2em;width:2.1em;height: 0.35em;}


.player .interview{margin-top: 3.5em;}

.player .interview .movie.main{margin-top: 1.3em;}
.player .interview .movie.sub{width: 100%;margin-top: 2.3em;}
.youtube .thumb .playBT{width: 4em;height: 2.8em;border-radius: 0.6em;}
.movie .coming .dummy span{width: 4em;height: 2.8em;border-radius: 0.6em;}
.movie .coming .dummy em{font-size: 1.15em;margin-top: 0.6em;}

.player .interview h4{font-size: 1.63em;margin-top: 1.6em;}
.player.p01 .interview h4 span:first-child{padding-right: 5.5em;}
.player.p01 .interview h4 span:last-child{padding-left: 2.5em;}
.player.p02 .interview h4 span:first-child{padding-right: 3em;}
.player.p02 .interview h4 span:last-child{padding-left: 0.8em;}
.player.p03 .interview h4 span:first-child{padding-right: 0em;}
.player.p03 .interview h4 span:last-child{padding-left: 4em;}

.player .interview .copy{
	width: 92%;
	margin: 1.6em auto 0;
	font-size: 1.07em;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0.02em;
}

/*-----*/

.race{margin-top: 20vw;padding: 4em 0 7em;}
.race .headline{font-size: 1.07em;}
.race .logo{width: 13em;margin-top: 3em;}

.race .raceInfo h2{font-size: 1.23em;margin-top: 3.0em;}
.race .raceInfo h2.narrow{margin-top: 2.5em;}
.race .raceInfo h3{font-size: 1.4em;margin-top: 0.6em;}
.race .raceInfo .route{font-size: 1.05em;margin-top: 1.7em;}

.race .raceInfo .copy{font-size: 1.07em;}
.race .raceInfo .copy p{margin-top: 1.7em;}

/*-----*/

.footer{padding: 5em 0 8em;}
.footer .logo{width: 9em;}
.footer h2{font-size: 2.2em;margin-top: 1.6em;}
.footer p{font-size: 0.58em;}


}





@media(max-width:540px) {

html{font-size: 3.95vw;}

}