@charset "UTF-8";

/*--------------------------------------
news
----------------------------------------*/
#news{
	width:1100px;
	position:relative;
	margin:0 auto;
}

#news #logo{
	width:312px;
	position:relative;
	margin:0 auto;
	padding-top:100px;
}

#news #sub{
	font-size:25px;
	color:#fff;
	font-weight:600;
	text-align:center;
	line-height:1.0;
	letter-spacing:10px;
	margin-top:30px;
}

#news .title{
	width:100%;
	background-color:#FA0001;
	box-sizing:border-box;
	padding:30px;
	border-radius: 10px 10px 0 0;
}

#news .title h2{
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.6rem;
	line-height:1.8;
}

#news .title span{
	font-family: "Cinzel", serif;
	display:block;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.6rem;
	line-height:1.8;
	margin-top:20px;
}

.news_block{
	margin-top:80px;
}

.news_block p{
	color:#fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 2.0;
	margin-top:25px;
}

.news_block p span{
	color:#FA0001;
}

.news_block b{
	font-size: 19px;
	font-weight: 900;
	color:#FA0001;
}

.news_img{
	width:100%;
	margin-top:50px;
}

@media (max-width: 1200px) {
  html {
    min-width: 100% !important;
  }
}

@media screen and (max-width: 1100px) {
  html {
		font-size: calc(1 / 1100 * 100vw);
    min-width: 100% !important;
  }

	#news{
		width:100%;
		position:relative;
		margin:0 auto;
	}

	#news #logo{
		width:312rem;
		position:relative;
		margin:0 auto;
		padding-top:100rem;
	}

	#news #sub{
		font-size:25rem;
		color:#fff;
		font-weight:600;
		text-align:center;
		line-height:1.0;
		letter-spacing:10rem;
		margin-top:30rem;
	}

	#news .title{
		width:100%;
		background-color:#FA0001;
		box-sizing:border-box;
		padding:30rem;
		border-radius: 10rem 10rem 0 0;
	}

	#news .title h2{
		color: #FFF;
		font-size: 20rem;
		font-weight: 700;
		letter-spacing: 0.6rem;
		line-height:1.8;
	}

	#news .title span{
		font-family: "Cinzel", serif;
		display:block;
		color: #FFF;
		font-size: 16rem;
		font-weight: 700;
		letter-spacing: 0.6rem;
		line-height:1.8;
		margin-top:20rem;
	}

	.news_block{
		margin-top:80rem;
	}

	.news_block p{
		color:#fff;
		font-size: 16rem;
		font-weight: 500;
		line-height: 2.0;
		margin-top:25rem;
	}

	.news_block b{
		font-size: 18rem;
	}

	.news_img{
		margin-top:50rem;
	}

}

@media screen and (max-width: 750px) {
  html {
		font-size: calc(1 / 750 * 100vw);
    min-width: 100% !important;
  }

	#menu{
		display:none;
	}

	#news #logo{
		width:600rem;
		position:relative;
		margin:0 auto;
		padding-top:200rem;
	}

	#news #sub{
		font-size:50rem;
		color:#fff;
		font-weight:600;
		text-align:center;
		line-height:1.0;
		letter-spacing:16rem;
		margin-top:40rem;
	}

	#news .title{
		width:92%;
		background-color:#FA0001;
		box-sizing:border-box;
		padding:50rem 40rem;
		border-radius: 20rem 20rem 0 0;
		margin:0 auto;
	}

	#news .title h2{
		color: #FFF;
		font-size: 32rem;
		font-weight: 700;
		letter-spacing: 0.6rem;
		line-height:1.6;
	}

	#news .title span{
		font-family: "Cinzel", serif;
		display:block;
		color: #FFF;
		font-size: 30rem;
		font-weight: 700;
		letter-spacing: 1.0rem;
		line-height:1.8;
		margin-top:30rem;
	}

	.news_block{
		margin-top:120rem;
	}

	.news_block + .news_block {
		margin-top:160rem;
	}

	.news_block p{
		width:82%;
		color:#fff;
		font-size: 30rem;
		font-weight: 500;
		line-height: 1.8;
		margin:50rem auto 0;
	}

	.news_block b{
		font-size: 34rem;
	}

	.news_img{
		margin-top:100rem;
	}

}

/* --------------------------------------------------
movie
-------------------------------------------------- */
.news_block .movie {
	width:900px;
	position:relative;
	margin:30px auto 0;
}

.news_block .movie__item {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.news_block .movie__item iframe {
  width: 100%;
  height: 100%;
}

#copyright{
	width:100%;
	background-color:#FA0001;
	padding:30px 0;
	text-align: center;
	color:#fff;
	font-size: 11px;
	font-weight: 600;
	line-height:1.0;
	margin-top:160px;
}

@media screen and (max-width: 1100px) {
	.news_block .movie {
		width:900rem;
		position:relative;
		margin:30rem auto 0;
	}

	#copyright{
		width:100%;
		background-color:#FA0001;
		padding:30rem 0;
		text-align: center;
		color:#fff;
		font-size: 11rem;
		font-weight: 600;
		line-height:1.0;
		margin-top:160rem;
	}
}

@media screen and (max-width: 750px) {
	.news_block .movie {
		width:550rem;
		position:relative;
		margin:60rem auto 0;
	}

	#copyright{
		width:100%;
		background-color:#FA0001;
		padding:45rem 0;
		text-align: center;
		color:#fff;
		font-size: 22rem;
		font-weight: 600;
		line-height:1.0;
		margin-top:200rem;
	}
}