@charset "UTF-8";

/* 3 screen
------------------------------*/
#s3 {
	background: #000;
}
	.s3-inner {
		width: calc(100% - 20px);
		margin: 0 auto;
	}

	.s3-logo {
		width: 212px;
		margin: auto;
		padding: 20px 0;
	}

	.s3-movie {
		width: 100%;
		padding-top: 56.25%;
		margin: 0 0 40px;
		position: relative;
	}
		.s3-movie iframe {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}

	.s3-about {
		margin: 0 0 56px;
	}
		.s3-about-lead {
			color: #fff;
			font-size: 23px;
			font-weight: bold;
			line-height: 1.6;
			text-align: center;
			margin: 0 0 35px;
		}
		.s3-about-img {
			width: 100%;
			margin: 0 auto 28px;
		}
		.s3-about-text {
			color: #fff;
			font-size: 17px;
			line-height: 1.8;
			margin: 0 auto;
		}

	.s3-effect {
		margin: 0;
	}
		.s3-effect-title {
			width: 167px;
			margin: 0 auto 28px;
		}
		.s3-effect-title.-speaker {
			width: 292px;
			margin: 0 auto 28px;
		}
		.s3-effect-img {
			width: 100%;
			margin: 0 0 28px;
		}
		.s3-effect-text {
			color: #fff;
			font-size: 17px;
			line-height: 1.8;
			margin: 0 auto 35px;
		}

	.s3-theater {
		margin: 0 0 60px;
	}
		.s3-theater-title {
			background: linear-gradient(to right,  rgba(213,194,106,1) 0%,rgba(255,255,255,1) 50%,rgba(213,194,106,1) 100%);
			font-size: 22px;
			font-weight: bold;
			line-height: 1;
			text-align: center;
			padding: 6px 0;
			margin: 0 0 30px;
		}
		.s3-theater-btn {
			margin: 0 0 28px;
		}
		.s3-theater-btn.-attention {
			margin: 0 0 12px;
		}
			.s3-theater-btn a {
				display: block;
				width: calc(100% - 4px);
				border: 2px solid #fff;
				color: #fff;
				font-size: 19px;
				font-weight: bold;
				line-height: 1;
				text-align: center;
				text-decoration: none;
				padding: 10px 0;
				margin: 0 auto;
			}
			.s3-theater-btn.-attention p {
				color: #fff;
				font-size: 11px;
				text-align: center;
				margin: 5px 0 0;
			}