@charset "utf-8";



/* sw-PageIntro
-----------------------------------*/
.sw-PageIntro .image{
	background-image: url("../img/bg_pageintro_01.jpg");
}
.sw-PageIntro .text img{
	width: 181px;
	height: auto;
}
@media only screen and (min-width: 768px){
	.sw-PageIntro .text img{
		width: 260px;
	}
}
@media only screen and (min-width: 1024px){
	.sw-PageIntro .text img{
		width: 340px;
	}
}



/* .st-Content
-----------------------------------*/
@media only screen and (min-width: 768px){
	.st-Content .ttl .sp{
		display: none;
	}
}



/* movies-Contents
-----------------------------------*/
.movies-Contents{
	padding: 0 15px;
	margin: 40px auto 0;
}
.movies-Contents .box + .box{
	margin-top: 55px;
}
.movies-Contents .box .movie{
	width: 100%;
	padding-top: 56.25%;
	height: 0px;
	position: relative;
}
.movies-Contents .box .movie iframe{
	width: 100%;
	height: 100%;
	border: none;
	position: absolute;
	top: 0;
	left: 0;
}
.movies-Contents .box h3{
	color: #222e53;
	font-size: 116%;
	margin: 25px 15px 0;
}
.movies-Contents .box p{
	margin: 25px 15px 0;
	position: relative;
}
.movies-Contents .box h3 + p:before{
	content: "";
	width: 40px;
	height: 2px;
	background: #222e53;
	position: absolute;
	top: -15px;
	left: 0;
}
@media only screen and (min-width: 768px){
	.movies-Contents{
		max-width: 1280px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 45px auto 0;
	}
	.movies-Contents .box + .box{
		margin-top: 70px;
	}
	.movies-Contents .box h3{
		font-size: 138.5%;
	}
	.movies-Contents .box p{
		margin: 40px 15px 0;
	}
	.movies-Contents .box h3 + p:before{
		width: 60px;
		top: -25px;
	}
}
@media only screen and (min-width: 1024px){
	.movies-Contents{
		margin: 60px auto 0;
	}
	.movies-Contents .box{
		width: 47.5%;
		margin-bottom: 60px;
		float: left;
	}
	.movies-Contents .box:nth-child(even){
		float: right;
	}
	.movies-Contents .box + .box{
		margin-top: 0;
	}
	.movies-Contents .box h3{
		font-size: 184%;
	}
}