@charset "UTF-8";

/*common上書き
---------------------------------------------------------- */

.search_block {
	padding: 100px 0 40px;
}

.news_block {
	max-width:1020px;
	padding: 80px 20px 60px;
}

.news_block .link_more{
	font-size:108%;
}

@media screen and (max-width: 829px) {
	.search_block {
		padding: 65px 5% 40px;
	}
	
	.news_block {
		padding: 50px 5% 50px;
	}
}



/*main movie
---------------------------------------------------------- */

.main_movie {
	width:100%;
	/*max-height:600px;*/
	margin: 0 auto;
	position:relative;
	color:#fff;
	text-align: center;
}

.main_movie  article{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	text-align: center;
	z-index:100;
	font-size: 153.9%;
}

.main_movie  article p {
	margin-top:35px;
}

.main_movie .youtube {
	position: relative;
	width: 100%;
	height:0;
	padding-bottom: 56.25%;
	z-index:1;
	overflow: hidden;
}
.main_movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	/*max-height:600px;*/
}


@media only screen and (max-width: 829px) {
	.main_movie .sp_movie{
		width:100%;
		height: auto;
		position:relative;
	}
	
	.main_movie .sp_movie p{
		width:78%;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
		z-index:100;
		line-height:0;
		font-size:0;
	}
	
	.main_movie .sp_movie p a{
		display:block;
	}
	
	
	.main_movie .sp_movie #sp_youtube {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		z-index:1000;
	}
	
	.main_movie .sp_movie ul{
		position:relative;
	}
}

/*information bnr
---------------------------------------------------------- */

.bnr_information {
	margin: 50px 0;
	text-align: center;
}

@media only screen and (max-width: 829px) {
	.bnr_information {
		width: 80%;
		max-width: 300px;
		margin: 30px auto;
	}
}


/*campaign
---------------------------------------------------------- */

.campaign_block {
	margin: 0 auto;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;
	color:#fff;
}

.campaign_block a{
	display:block;
	padding: 110px 35px 95px;
	color:#fff;
}

.campaign_block h2{
	font-size:308%;
	line-height:1.2;
}

.campaign_block p{
	margin-top:25px;
	font-size:123.1%;
}

@media screen and (max-width: 829px) {
	.campaign_block a{
		padding: 4em 4%;
	}
	
	.campaign_block h2{
		font-size:26px;
		line-height:1.2;
	}
	
	.campaign_block p{
		margin-top:10px;
		font-size:12px;
	}
}


/*ft_banner
---------------------------------------------------------- */

.ft_banner_block {
	padding: 25px 15px;
	background-color:#fafafa;
}

.ft_banner_block div {
	max-width:960px;
	margin: 0 auto;
}

.ft_banner_block ul {
	text-align: center;
}

.ft_banner_block ul li{
	display:inline-block;
	padding: 5px 18px;
	line-height:0;
	list-style: none;
	text-align: left;
}


.ft_banner_block ul li:nth-child(odd){
	text-align: right;
}


@media screen and (max-width: 998px) {
	.ft_banner_block {
		padding: 15px 15px;
	}
	.ft_banner_block ul {
		clear: both;
		width:472px;
		margin: 0 auto;
		overflow:hidden;
	}
	.ft_banner_block ul li{
		float: left;
		display:block;
		width:50%;
		padding: 15px 18px;
	}
}


@media only screen and (max-width: 829px) {
	.ft_banner_block ul {
		width:100%;
	}
	
	.ft_banner_block ul li{
		padding: 0.8em 0.8em;
	}
}

/*ai_bunner_block
---------------------------------------------------------- */
.ai_bunner_block {
	margin: 50px auto 0;
	text-align: center;
}

.ai_bunner_block a:hover {
	opacity: .7;
}

@media only screen and (max-width: 829px) {
	.ai_bunner_block {
		width: 90%;
		margin-top: 20px;
	}
	
	.ai_bunner_block a:hover {
		opacity: 1;
	}
}