@charset "UTF-8";

.switch_btn{
	margin: auto;
	max-width:1100px;
	text-align: center;
	padding-bottom: 10px;
}
.switch_btn a{
    display: inline-block;
    padding: 0.4em 0.75em;
    text-decoration: none;
    color: #fff;
    background: #333;
}

.mv_box{
	position: relative;
	margin: auto;
	max-width:1300px;
}
.mv_img{
	width:100%;
}
.mv_text{
	position: absolute;
	top:30px;
	z-index:2;
	padding:15px 40px 15px 30px;
	line-height: 1em;
	color:#fff;
	font-size:30px;
	font-weight:700;
	text-shadow: 2px 2px 3px rgba(0,0,0,.4);
	background-color:#b22222;
	box-shadow:2px 2px 3px rgba(0,0,0,.4);
}
.mv_text.eng h1{
	font-size:40px;
}
.mv_text p{
	font-size: 20px;
	line-height: 1.3em;
}
.mv_text.eng p{
	font-size: 18px;
}


.movie_area{
	margin:50px auto;
	max-width:1300px;
}

.movie_area.single{
	max-width:800px;
}
.movie_area.single h2 {
	padding-bottom: 10px;
}
.movie_area.single h3 {
    padding: 5px 0;
    color: #fff;
    font-weight: 700;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .4);
    background-color: #b22222;
}

.movie_area h2{
	text-align: center;
	margin:auto;
	line-height: 1em;
}
.movie_area h2 span{
	display: block;
	font-size:16px;
	padding-top: 10px;
}
.movie_area h2 span.sub{
	font-size:18px;
}

.movie_area h3{
	text-align: center;
	margin: auto;
}

.youtube_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10px;
}
.youtube_box .inner{
	width: 49.5%;
}
.youtube_box .inner h3{
	padding: 5px 0;
	color:#fff;
	font-weight:700;
	text-shadow: 2px 2px 3px rgba(0,0,0,.4);
	background-color:#b22222;
}

.movie_text{
	padding: 20px;
	margin: auto;
	max-width:1100px;
}

.movie_text h3{
	font-size:24px;
	padding-bottom: 10px;
}

.movie_text p{
	margin: auto;
	padding-bottom: 10px;
}

.movie_text p span{
	font-size: 85%;
}


.prof_area{
	margin: auto;
	max-width:1100px;
}

.prof_area h2{
	margin: auto;
	text-align: center;
	padding: 5px 0;
	color:#fff;
	font-weight:700;
	text-shadow: 2px 2px 3px rgba(0,0,0,.4);
	background-color:#b22222;
}

.prof_text{
	margin:0 auto 50px;
	padding:0 20px;
}

.prof_text h3,
.prof_text p{
	margin: auto;
}

.prof_text h3{
	font-size:30px;
}

.prof_text .name_sub{
	font-size:24px;
	padding-bottom: 0;
}
.link_list{
	margin:10px auto;
}
.link_list a{
	display: inline-block;
    padding: 0.4em 0.75em;
    text-decoration: none;
    color: #fff;
    background: #333;

}

.prof_text p{
	padding-bottom: 10px;
}


.produce_area{
	margin:0 auto 50px;
	max-width:1100px;
}
.produce_area h2{
	margin:0 auto 10px;
	text-align: center;
	padding: 5px 0;
	color:#fff;
	font-weight:700;
	text-shadow: 2px 2px 3px rgba(0,0,0,.4);
	background-color:#b22222;
}

.produce_prof{
	display: flex;
	flex-wrap: wrap;
	padding: 0 20px;
}
.produce_img{
	width: 20%;
}
.produce_img img{
	border-radius: 50%;
}

.produce_text{
	width:calc(80% - 15px);
	padding-left: 15px;
}

.produce_text h3,
.produce_text p{
	margin: auto;
}

.produce_text h3{
	font-size:30px;
}

.produce_text .name_sub{
	font-size:20px;
	padding-bottom: 10px;
}

.produce_link{
	margin:10px auto 0;
	text-align: right;
}
.produce_link a{
	display: inline-block;
    padding: 0.4em 0.75em;
    text-decoration: none;
    color: #fff;
    background: #333;
}





@media screen and (max-width:1300px) {
	.mv_text{
		padding:1.5vw 3vw 1.5vw 2vw;
		font-size:2.4vw;
	}
	.mv_text.eng h1{
		font-size:3.6vw;
	}
	.mv_text p{
		font-size: 2vw;
	}
	.mv_text.eng p{
		font-size: 2vw;
	}

}

@media screen and (max-width:980px) {
	.switch_btn{
		padding:5px 0 10px;
	}
}

@media screen and (max-width:767px) {
	.mv_img{
		position: relative;
		aspect-ratio:3 / 4;
		overflow:hidden;
	}
	.mv_img img{
		position: absolute;
		top:0;
		left: 50%;
		transform: translateX(-50%);
		height:100%;
		width:auto;
	}
	
	.mv_text{
		top:auto;
		bottom:10vw;
		font-size:4vw;
	}
	.mv_text.eng h1{
		font-size:4vw;
	}
	.mv_text p{
		font-size: 3vw;
	}
	.mv_text.eng p{
		font-size: 3vw;
	}
	
	.youtube_box .inner{
		margin: auto;
		width: 80%;
	}
	
	.movie_text p{
		padding-bottom: 20px;
	}
	
	.prof_text p{
		padding-bottom: 20px;
	}
	
	.produce_img{
		width: 30%;
	}
	.produce_text{
		width:calc(70% - 15px);
	}

	
}


@media screen and (max-width:520px) {
	.mv_text{
		font-size:6vw;
		padding:1.5vw 5vw 1.5vw 4vw;
	}
	.mv_text.eng h1{
		font-size:6vw;
	}
	.mv_text p{
		font-size: 4.5vw;
	}
	.mv_text.eng p{
		font-size: 4.5vw;
	}
	
	.movie_area{
		margin:8vw auto;
	}
	.movie_area h2{
		line-height:0.7em;
	}
	.youtube_box .inner{
		width:92%;
	}
	
	.movie_area.single h3{
		margin-bottom: -1px;
	}
	
	.prof_text{
		padding-top: 10px;
	}
	
	.prof_text h3{
		font-size: 26px;
	}
	.prof_text .name_sub{
		font-size:20px;
	}
	
	.produce_img{
		margin: auto;
		max-width: 250px;
		width: 100%;
	}
	.produce_text{
		width: 100%;
		padding-left: 0;
	}
	.produce_text h3,
	.produce_text .name_sub{
		text-align: center;
	}
	
	.produce_link{
		text-align: center;
	}
	
}