/* CSS Document */
@media screen and (max-width: 1120px) {
	body_1120 {}

	.main .for_video .video .for_iframe {
		width:calc(100% - 30px);
		padding-top:calc(56.25% - 15px);
		border:15px solid #ffffff;
	}	
}

@media screen and (max-width: 1060px) {
	body_1060 {}

	.main .for_video .video .for_iframe {
		width:calc(100% - 20px);
		padding-top:calc(56.25% - 10px);
		border:10px solid #ffffff;
	}	
	
	.main .for_video .desc {
		width:calc(40% - 10px);
	}
	
	.main .for_video .desc h3 {
		padding-top:0;
	}
	
	.main .for_video .video {
		width:calc(60% - 10px);
	}
}

@media screen and (max-width: 820px) {
	body_820 {}

	.main .for_video .desc {
		width:100%;
		float:none;
		text-align:center;
		padding-bottom:30px;
	}
	
	.main .for_video .video {
		width:100%;
		float:none;
	}
}

@media screen and (max-width: 660px) {
	body_660 {}
	
	.hp_header .hp_draw {
		display:none;
	}	
	
	.main .hp_text {
		padding:40px 30px 40px 30px;
		width:calc(100% - 60px);
		float:none;
		max-width:600px;
	}
}