@charset "UTF-8";

@media only screen and (max-width: 768px) {
	body {
		width: 100%;
		min-width:auto;
	}
	/*======================================================
	 * preloader
	 *======================================================*/
	#lazylogo {
		width: 316px;
		height: 129px;
	}
	#loader {
		left: 50%;
		top: 50%;
		margin: -64px 0 0 -158px;
		width: 316px;
		height: 129px;
	}
	/*======================================================
	 * hero
	 *======================================================*/
	.hero {
		height:auto;
		padding:0 10px;
		background-size: cover;
	}
	.hero-wrap {
		/*padding-bottom: 150px;*/
		padding-bottom: 75px;
	}
	/*======================================================
	 * day
	 *======================================================*/
	.day {
		height:auto;
		padding:0 10px;
	}
	.day-wrap {
		padding-bottom: 60px;
	}
	/*======================================================
	 * concept
	 *======================================================*/
	.concept {
		height:auto;
		padding:0 10px;
		background-size: cover;
	}
	.concept-wrap {
		padding-bottom: 90px;
	}
	/*======================================================
	 * information
	 *======================================================*/
	.information {
		height:auto;
		padding:0 10px;
	}
	.information-wrap {
		padding-bottom: 115px;
	}
	/*======================================================
	 * contents
	 *======================================================*/
	.contents {
		height:auto;
		background-size: cover;
	}
	/* contents header */
	.contents-header {
		padding: 90px 10px;
		background-size: cover;
		height:auto;
	}
	.contents-header img {
		width:280px;
	}
	/* contents 01 */
	.contents01 {
		background-size: cover;
		height:auto;
		padding:100px 10px 80px;
	}
	/* contents 02 */
	.contents02 {
		background-size: cover;
		height:auto;
		padding:90px 10px;
	}
	/* contents 03 */
	.contents03 {
		background-size: cover;
		height:auto;
		padding:90px 10px;
	}
	/* contents 04 */
	.contents04 {
		background-size: cover;
		height:auto;
		padding:90px 10px 30px;
	}
	.contents04 .contents04-youtube01,
	.contents04 .contents04-youtube02 {
		margin:0 auto 60px;
		position: relative;
		width: 100%;
		height:auto;
		padding-top: 56.25%;
	}
	.contents04 .contents04-youtube01 iframe,
	.contents04 .contents04-youtube02 iframe {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}
	/* contents 05 */
	.contents05 {
		background-size: cover;
		height:auto;
		padding:90px 10px;
	}
	/* contents 06 */
	.contents06 {
		background-size: cover;
		height:auto;
		padding:90px 10px;
	}
	
	/* contents 07 */
	.contents07 {
		background-size: cover;
		height:auto;
		padding:90px 10px;
	}
	
	
	/*======================================================
	 * register
	 *======================================================*/
	.register {
		height:auto;
		padding:0 10px;
	}
	.register-wrap {
		 padding-bottom: 50px;
	}
	/*======================================================
	 * signup
	 *======================================================*/
	.signup {
		height:auto;
		padding:0 10px 70px;
	}
	
	/*======================================================
	 * footer
	 *======================================================*/
	footer {
		    padding: 20px 80px;
	}

}
@media only screen and (max-width: 480px) {
	.day-wrap {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (min--moz-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi),
       only screen and (min-resolution: 2dppx) {
		   .hero {
			background-image:url(../img/hero_bg@2x.jpg);
			background-repeat:no-repeat;
			background-size: cover;
		}
		.day {
			background-image:url(../img/day_bg@2x.jpg);
			background-repeat:no-repeat;
			background-size:1920px auto;
		}
		.concept {
			background-image:url(../img/concept_bg@2x.jpg);
			background-repeat:no-repeat;
			background-size: cover;
		}
		.information {
			background-image:url(../img/information_bg@2x.jpg);
			background-repeat:no-repeat;
			background-size:1920px auto;
		}
		.contents-header {
			background-image:url(../img/contents_header_bg.jpg);
			background-repeat:no-repeat;
			background-size: cover;
		}
		.contents01 {
			background-image:url(../img/contents01_bg.jpg);
			background-repeat:no-repeat;
			background-size: cover;
		}
		.contents02 {
			background-image:url(../img/contents02_bg.jpg);
			background-repeat:no-repeat;
			background-size: cover;
		}
		.contents03 {
			background-image:url(../img/contents03_bg.jpg);
			background-repeat:no-repeat;
			background-size: cover;
		}
		.contents04 {
			background-image:url(../img/contents04_bg.jpg);
			background-repeat:no-repeat;
			background-size: cover;
		}
		.register {
			background-image:url(../img/register_bg@2x.jpg);
			background-repeat:no-repeat;
			background-size:1920px auto;
		}
}