@charset "UTF-8";
@media screen and (max-width:1000px) {
	
/*-----------------------------------------------
	top
-----------------------------------------------*/

	

/*-----------------------------------------------
	about
-----------------------------------------------*/
.about{
	padding: 8em 0 0;
	background-size: 65%;
	background-position: top 350px left -25%;
}
.about h3{
	font-size: 9rem;
	margin-bottom: 2em;
}
.about ul.about01 p.tx{
	font-size: 2.4rem;
}
.about ul.about01{
	width: 98%;
}
.about ul.about02{
	width: 98%;
}
.about ul.about02 p.title{
	font-size: 3rem;
}
.about ul.about02 p.sub{
	font-size: 2.8rem;
}
.about ul.about02 p.att{
	font-size: 2.2rem;
}
.about ul.about02 p.tx{
	font-size: 2.4rem;
}
.about ul.about01 .mv p.tx{
	font-size: 2.2rem;
}
.about .about03 p.title{
	font-size: 3rem;
}
.about ul.playList{
	column-gap: 2%;
}
.about ul.playList li{
	width: 23.5%;
}
.about ul.playList p.playName{
	font-size: 2.5rem;
}
.about ul.playList p.playName_en{
	font-size: 2.8rem;
}
.about dl.car dd p.carName{
	font-size: 2.8rem;
}
.about dl.car dt p.ex{
	font-size: 2rem;
}
.about dl.car dd p.outLogo{
	width: 40%;
}
.about dl.car dd p.im.im2{
	width: 90%;
	margin: 0 auto;
	padding-top: 3em;
}
.about dl.car dd p.tx{
	font-size: 2.4rem;
}
/*-----------------------------------------------
	PAST
-----------------------------------------------*/
.past{
	padding: 8em 0;
}
.past h3,.sche h3{
	font-size: 9rem;
	margin-bottom: 2em;
}
.past h3 span,.sche h3 span{
	font-size: 2.8rem;
}
.past dl.pastList dd{
	padding-right: 0em;
}
.past .past2023 dl.pastList dd{
	padding-left: 0em;
}
.past .pastBox{
	margin-bottom: 15em;
}
.past .pastBox.past2023{
	margin-bottom: 0;
}
.past dl.pastList p.name{
	font-size: 3.2rem;
}
.past dl.pastList p.tx{
	font-size: 2.2rem;
}
.past p.mvTitle{
	font-size: 8rem;
}
/*-----------------------------------------------
	sche
-----------------------------------------------*/
.sche{
	padding: 8em 0;
}
ul.scheList p.tx{
	font-size: 2.8rem;
}
.sche p.title{
	font-size: 3.2rem;
}
/*-----------------------------------------------
	slide
-----------------------------------------------*/
.sliderBox{
	width: 90%;
	margin: 0 auto;
}

.sliderBox img.slide-arrow{
	width: 20px !important;
	height: auto;
}
/*-----------------------------------------------
	bt
-----------------------------------------------*/
.bana{
	padding: 10em 0;
}
.bana ul{
	width: 100%;
}
.bana ul li a:link{
	font-size: 38px;
	line-height: 2.6;
}
.bana ul li span{
	padding: .1em .5em;
	font-size: 20px;
}
}
@media screen and (max-width:767px) {
.mv p.tx{
	font-size: .7rem;
}
/*-----------------------------------------------
	main
-----------------------------------------------*/
.topMain h3 img.pcim{
	display: none;
}
.topMain h3 img.spim{
	display: block;
}
/*-----------------------------------------------
	top
-----------------------------------------------*/
.top_first{
	
	background-position: center center;
	background-image: url("../img/main_sp.jpg");
}
.topArea_first h2{
	width: 70%;
	max-width: auto;
	margin-bottom: 5rem;
}
.topArea_first p.com{
	width: 94%;
	margin: 0 auto 10rem;
}
.top_first ul.reds-logoTop{
	width: 30%;
}
.top_first p.topCopy{
	font-size: 11px;
}
.topArea_first{
	padding: 7rem 0 1rem;
}
/*-----------------------------------------------
	about
-----------------------------------------------*/
.about{
	background-size: 105%;
	background-position: top 10% left -20%;
}
.about h3{
	font-size: 3.3rem;
	line-height: 1.1;
}
.about h3 span{
	margin-right: 0;
	display: block;
}
.about ul.about01{
	width: 90%;
	padding-bottom: 5em;
	row-gap:10em;
}
.about ul.about01 li{
	width: 100%;
}
.about ul.about01 p.tx{
	font-size: .9rem;
}
.about ul.about01 .mv p.tx{
	font-size: .8rem;
	text-align: center;
}
.about ul.about02{
	width: 90%;
	padding-bottom: 5em;
	row-gap:5em;
}
.about ul.about02 li{
	width: 100%;
}


.about ul.about02 p.title{
	font-size: 1.3rem;
}
.about ul.about02 p.sub{
	font-size:1.3rem;
}
.about ul.about02 p.att{
	font-size: .9rem;
}
.about ul.about02 p.tx{
	font-size: 1rem;
}
.about .about03 p.title{
	font-size: 1.3rem;
}
.about ul.playList{
	column-gap: 2%;
	row-gap:2em;
}

.about ul.playList li{
	width: 32%;
}

.about ul.playList p.playName{
	font-size: 1rem;
}
.about ul.playList p.playName_en{
	font-size: 1rem;
}
.about dl.car{
	
	
}
.about dl.car dt,.about dl.car dd{
	width: 100%;
}
.about dl.car dd{
	padding-left: 0%;
}
.about dl.car dd p.carName{
	font-size: 1.2rem;
}
.about dl.car dd p.tx{
	font-size: 1rem;
}
.about ul.about02 p.sub br{
	display: block;
}
.about dl.car p.ex{
	font-size: .8rem;
}
/*-----------------------------------------------
	PAST
-----------------------------------------------*/
.past h3,.sche h3{
	font-size: 3rem;
}
.past h3 span,.sche h3 span{
	font-size: 1.3rem;
}
.past dl.pastList{
	row-gap:3em;
	justify-content: center;
	margin-bottom: 5em;
}
.past dl.pastList dt,.past dl.pastList dd{
	width: 90%;
}
.past .pastIm p.pastTitle{
	font-size: 3.8rem;
}
.past dl.pastList p.name{
	font-size: 1.2rem;
}
.past dl.pastList p.tx{
	font-size: .9rem;
	line-height: 1.8;
}
.past p.mvTitle{
	font-size: 2.5rem;
}
/*-----------------------------------------------
	sche
-----------------------------------------------*/
ul.scheList{
	width: 94%;
}
ul.scheList p.tx{
	font-size: .8rem;
}
.sche p.title{
	font-size: .9rem;
}
.sche .bt{
	width: 45%;
	margin: 0 auto;
}
/*-----------------------------------------------
	slide
-----------------------------------------------*/
.sliderBox{
	width:94%;
	margin: 0 auto;
}
.sliderBox .slide-arrow.prev-arrow{
	left: -3em;
}
.sliderBox .slide-arrow.next-arrow{
	right: -3em;
}
/*-----------------------------------------------
	bt
-----------------------------------------------*/

.btArea{
	width:80%;
}
.btArea a:link{
	font-size:.9rem;
}
.fixBt .btArea a:link{
	font-size:1.3rem;
}
/*-----------------------------------------------
	bt
-----------------------------------------------*/
.bana{
	padding: 8rem 0;
}
.bana ul{
	justify-content: center;
	row-gap:3rem;
	flex-wrap: wrap;
}
.bana ul li{
	width: 80%;
}
.bana ul li a:link{
	font-size: 2rem;
}
.bana ul li span{
	padding: .1em .5em;
	font-size: 1.2rem;
}
}
@media screen and (max-width:500px) {
.mv p.tx{
	font-size: 1.2rem;
}
/*-----------------------------------------------
	top
-----------------------------------------------*/

.topArea_first h2{
	width: 80%;
	max-width: auto;
	margin-bottom: 8rem;
}
.topArea_first p.com{
	width: 96%;
	margin: 0 auto 10rem;
}
.top_first ul.reds-logoTop{
	width: 30%;
}
.top_first p.topCopy{
	font-size: .8rem;
}
.topArea_first{
	padding: 8rem 0 1rem;
}
.top_first .logoArea{
	padding-bottom: 2rem;
	
}
.top_first ul.reds-logoTop{
	padding: 1rem 0;
	width: 35%;
}

/*-----------------------------------------------
	about
-----------------------------------------------*/
.about{
	padding: 3em 0 2em;
	background-position: top 8% left -20%;
}
.about h3{
	font-size: 3.6rem;
	margin-bottom: 1.5em;
}
.about ul.about01{
	row-gap:5em;
}
.about ul.about01 p.tx{
	font-size: 1.4rem;
	line-height: 1.8;
}
.about ul.about01 .mv p.tx{
	font-size: 1.2rem;
}
.about ul.about02{
	width: 90%;
	padding-bottom: 0;
}
.about ul.about02 p.title{
	font-size: 1.6rem;
}
.about ul.about02 p.sub{
	font-size:1.6rem;
	text-align: left;
}
.about ul.about02 p.sub br{
	display: none;
}
.about ul.about02 p.att{
	font-size: 1.3rem;
}
.about ul.about02 p.tx{
	font-size: 1.4rem;
}

.about .about03 p.title{
	font-size: 1.6rem;
}
.about ul.playList{
	column-gap: 4%;
	row-gap:1.5em;
}

.about ul.playList li{
	width: 48%;
}
.about ul.playList p.im{
	margin-bottom: .2em;
}
.about ul.playList p.playName{
	font-size: 1.3rem;
	line-height: 1;
}
.about ul.playList p.playName_en{
	font-size: 1.4rem;
}
.about dl.car{
	width: 100%;
}
.about dl.car dd p.carName{
	font-size: 1.5rem;
}
.about dl.car dd p.tx{
	font-size: 1.3rem;
}
.about dl.car p.ex{
	font-size: 1rem;
	margin-bottom: 1.5em;
}
.about dl.car dd{
	width: 100%;
}

.about dl.car dd p.outLogo{
	width: 70%;
	margin-bottom: 0em;
}
.about dl.car dd p.im.im2{
	width: 100%;
	margin: 0 auto;
	padding-top: 1em;
}
/*-----------------------------------------------
	PAST
-----------------------------------------------*/
.past{
	padding: 5em 0 7em;
}
.past h3,.sche h3{
	font-size: 3.6rem;
}
.past h3 span,.sche h3 span{
	font-size: 1.4rem;
	margin-bottom: 1.5em;
}
.past .pastIm p.pastTitle{
	font-size: 4rem;
}
.past dl.pastList p.name{
	font-size: 1.5rem;
}
.past dl.pastList p.tx{
	font-size: 1.3rem;
}
.past dl.pastList{
	row-gap:1.5em;
	margin-bottom: 2em;
}
.past ul.pastMv{
	row-gap:2em;
}
.past ul.pastMv li{
	width: 100%;
}
.past p.mvTitle{
	font-size: 3rem;
}
.past .pastBox{
	margin-bottom: 8em;
}
.past .pastBox.past2023{
	margin-bottom: 0;
}
/*-----------------------------------------------
	sche
-----------------------------------------------*/
.sche{
	padding: 5em 0 7em;
}
ul.scheList{
	margin: 0 auto 2em;
}
.sche p.title{
	font-size: 1.4rem;
}
.sche .bt{
	width: 65%;
	margin: 0 auto;
}
.sche p.title br{
	display: block;
}
.sche .bt img{
	padding: .2em 2em;
}
ul.scheList p.tx{
	font-size: 1.1rem;
}
.sliderBox{
	width:100%;
	margin: 0 auto;
}	
.sliderBox img.slide-arrow{
	width: 10px !important;
	height: auto;
}

.slick-dots li {
    width: 10px !important;
    height: 10px !important;
}
.sliderBox .slide-arrow.prev-arrow{
	left: -2em;
}
.sliderBox .slide-arrow.next-arrow{
	right: -2em;
}
/*-----------------------------------------------
	bt
-----------------------------------------------*/


.btArea{
	width:90%;
	padding-top: 3em;
}
.btArea a:link{
	padding:1.3em 2em 1.3em 1.5em;
	font-size:1.4rem;
}
.btArea a:link::before {
  	right:1.2em;
  	width: 30px;
  	height: 1px;
}
.btArea a:link::after {
  	right:1.2em;
  	width: 8px;
  	height: 8px;
	margin-top: -4px;

}
	.btArea a:link br{
		display: block;
	}
.fixBt{
	padding: 1rem 0;
}
.fixBt .btArea a:link{
	font-size:1.9rem;
	padding:.8em 3em .8em 2em;
}
.fixBt .btArea a:link::before {
  	right:1.5em;
}
.fixBt .btArea a:link::after {
  	right:1.5em;

}
.fixBt .btArea a:link span{
	font-size: 65%;
}
/*-----------------------------------------------
	bt
-----------------------------------------------*/
.bana{
	padding: 5rem 0;
}
.bana ul{
	justify-content: center;
	row-gap:2rem;
	flex-wrap: wrap;
}
.bana ul li{
	width: 76%;
}
.bana ul li a:link{
	font-size: 2.4rem;
	line-height: 2.2;
}
	
.bana ul li a:link::after {
  right:1em;
  margin-top:-4px;
  width:8px;
  height: 8px;
}
.bana ul li span{
	padding: .1rem .7rem;
	font-size: 1.6rem;
	top: .5rem;
	left: .5rem;
}
/*-----------------------------------------------
	fade
-----------------------------------------------*/

.fadeIn_up.is-show {
	animation-delay: .3s;
}
}