/* Global */
#go_to_apply_form {
	text-align: center;
	margin-top: 24px;
	margin-bottom: 12px;
}

#go_to_apply_form .decorative_button {
	font-size: 18px;
	letter-spacing: 0px;
	line-height: 1.5;
	padding: 12px 60px;
}

/* Slide 1 */
#slide1 {
	min-height: 560px;
	background-image: url('../images/background_1.png');
    background-position: center center;
	background-repeat: no-repeat;
    background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 240px 0 240px 0;
	background-color: #ecf0f1;
}

#slide1 h1 {
	text-align: center;
	color: #ffffff;
}

#slide1 h2 {
	text-align: center;
	color: #ffffff;
}

#slide1 h3 {
	text-align: center;
	color: #2c3e50;
}

#slide1 p {
	text-align: center;
	color: #ffffff;
}

/* Slide 2 */
#slide2 {
	padding: 84px 0 36px 0;
	background-color: #ffffff;
	text-align: center;
}

#slide2 h1 {
	text-align: center;
	color: #34495e;
}

#slide2 h2 {
	text-align: center;
	color: #34495e;
}

#slide2 h3 {
	text-align: center;
	color: #34495e;
}

#slide2 p {
	text-align: center;
	color: #34495e;
}

#slide2 #decorative {
	text-align: center;
}

#slide2 .pr_movie_frame {
	display: inline-block;
	background-color: #ecf0f1;
	width: 640px;
	height: 360px;
	padding: 24px;
}

#slide2 .pr_movie {
	width :100%;
	height: 100%;
}


/* Slide 3 */
#slide3 {
	padding: 120px 0 36px 0;
	background-color: #ecf0f1;
	text-align: center;
}

#slide3 h1 {
	text-align: center;
	color: #34495e;
}

#slide3 h2 {
	text-align: center;
	color: #34495e;
}

#slide3 h3 {
	text-align: center;
	color: #34495e;
	border-bottom-width: 2px;
	border-bottom-color: #34495e;
	border-bottom-style: solid;
	padding-bottom: 12px;
}

#slide3 p {
	text-align: center;
	color: #34495e;
}

#slide3 .ribbon {
	position: relative;
	color: #ffffff;
	/*	display: inline-block;*/
	padding: 4px;
	overflow: hidden;
}

#slide3 .ribbon p {
	display: inline;
}

#slide3 .ribbon p span {
	position: absolute;
	display: inline-block;
	right: -36px;
	box-shadow: 0px 0px 10px rgb(0, 0, 0), inset 0px 5px 30px
		rgb(255, 255, 255);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), inset 0px 5px 30px
		rgba(255, 255, 255, 0.2);
	*box-shadow: 0px 0px 10px rgb(0, 0, 0), inset 0px 5px 30px
		rgb(255, 255, 255);
	text-align: center;
	top: 24px;
	background-color: #f7ae2d;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	font-family: cursive;
	width: 144px;
	padding: 1px 3px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	font-weight: bold;
	z-index: 3;
}

#slide3 .ribbon p:before {
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
	top: -30px;
	right: 66px;
	z-index: 2;
	border: 17px solid;
	border-color: transparent transparent #e69509 transparent;
}

#slide3 .ribbon p:after {
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
	top: 65px;
	z-index: 1;
	right: -30px;
	border: 17px solid;
	border-color: transparent transparent transparent #e69509;
}

#slide3 .frame {
	margin: 0;
	padding: 12px;
	background: #ffffff;
	-moz-box-shadow: 0px 4px 4px rgb(0, 0, 0);
	-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
	*-moz-box-shadow: 0px 4px 4px rgb(0, 0, 0);
	-webkit-box-shadow: 0px 4px 4px rgb(0, 0, 0);
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
	*-webkit-box-shadow: 0px 4px 4px rgb(0, 0, 0);
	box-shadow: 0px 4px 4px rgb(0, 0, 0);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
	*box-shadow: 0px 4px 4px rgb(0, 0, 0);
}

#slide3 .frame img {
	width: 100%;
}

/* Slide 4 */
#slide4 {
	padding: 120px 0 36px 0;
	background-color: #ffffff;
}

#slide4 h1 {
	color: #34495e;
	text-align: center;
}

#slide4 h2 {
	color: #34495e;
	text-align: center;
}

#slide4 h3 {
	color: #34495e;
	text-align: center;
}

#slide4 p {
	color: #34495e;
	text-align: center;
}

#slide4 .img{
	text-align: center;
}

#slide4 .effect_img {
	width: 240px;
	height: auto;
}

#slide4 .reason {
	position: relative;
	display: block;
	color: #34495e;
	font-size: 16px;
	letter-spacing: 0px;
	line-height: 1.5;
	text-align: center;
	margin: 24px 0 36px 0;
}

/* #slide4 .reason:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-top: 18px solid #f7ae2d;
	border-right: 36px solid transparent;
	border-bottom: 18px solid transparent;
	border-left: 36px solid transparent;
	top: 100%;
	left: 50%;
	margin-top: 12px;
	margin-left: -36px;
} */

#slide4 .effect {
	color: #f7ae2d;
}

/* Slide 5 */
#slide5 {
	background-image: url('../images/background_3.png');
    background-position: center center;
	background-repeat: no-repeat;
    background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 120px 0 36px 0;
	background-color: #f7ae2d;
}

#slide5 h1 {
	text-align: center;
}

#slide5 h2 {
	text-align: center;
}

#slide5 h3 {
	text-align: center;
}

#slide5 p {
	text-align: center;
	color: #000000;
}

#slide5 table {
	width: 100%;
	height: 512px;
	border-collapse: separate;
	border-spacing: 6px;
	border-collapse: separate;
}

#slide5 thead th {
	font-size: 24px;
	letter-spacing: 0px;
	line-height: 1.0;
	text-align: center;
	vertical-align: middle;
	padding: 12px 0;
	color: #ffffff;
	background-color: #f7ae2d;
	/* background-color: rgba(247, 174, 145, 0.8); */
	/* *background-color: #f7ae2d; */
}

#slide5 thead th:empty {
	background: transparent;
}

#slide5 tbody th {
	height: 50%;
	font-size: 24px;
	letter-spacing: 0px;
	line-height: 1.0;
	text-align: center;
	vertical-align: middle;
	padding: 12px 0;
	color: #ffffff;
	background-color: #f7ae2d;
	/* background-color: rgba(247, 174, 145, 0.8); */
	/* *background-color: #f7ae2d; */
}

#slide5 tbody td {
	height: 50%;
	font-size: 24px;
	letter-spacing: 0px;
	line-height: 1.0;
	text-align: center;
	vertical-align: middle;
	padding: 12px 0;
	color: #2c3e50;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.8);
	*background: rgb(255, 255, 255);
}

/* Slide 6 */
#slide6 {
	padding: 120px 0 36px 0;
	background-color: #ecf0f1;
}

#slide6 h1 {
	text-align: center;
	color: #f7ae2d;
}

#slide6 h2 {
	text-align: center;
	color: #f7ae2d;
}

#slide6 p {
	text-align: center;
	color: #f7ae2d;
}

#slide6 ol {
	counter-reset: number; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	padding: 0;
}

#slide6 .step {
	position: relative;
	display: block;
	padding: 0 36px;
	margin: 24px 0 60px 0;
	background: #ffffff;
	border: 3px solid #f7ae2d;
	border-radius: 4px;
}

#slide6 .step_highlight {
	background: #f7ae2d;
}

#slide6 .step:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-top: 36px solid #f7ae2d;
	border-right: 72px solid transparent;
	border-bottom: 36px solid transparent;
	border-left: 72px solid transparent;
	top: 100%;
	left: 50%;
	margin-top: 12px;
	margin-left: -72px;
}

#slide6 .step_last:after {
	content: ' ';
	border: 0px solid transparent;
}

#slide6 .step_title h3 {
	position: relative;
	font-size: 24px;
	padding: 0 0 0 48px;
	margin: 36px 0;
	color: #f7ae2d;
}

#slide6 .step_title h3:before {
	content: counter(number);
	counter-increment: number;
	position: absolute;
	left: -24px;
	top: 50%;
	margin-top: -24px;
	background-color: #f7ae2d;
	color: #ffffff;
	height: 48px;
	width: 48px;
	line-height: 48px;
	border: 4px solid #ffffff;
	text-align: center;
	font-weight: bold;
	border-radius: 48px;
}

#slide6 .step_highlight .step_title h3 {
	color: #ffffff;
}

#slide6 .step_highlight .step_title h3:before {
	background-color: #ffffff;
	color: #f7ae2d;
	border: 4px solid #f7ae2d;
}

#slide6 .step_description p {
	font-size: 16px;
	letter-spacing: 0px;
	line-height: 1.5;
	padding: 0 0 0 48px;
	margin: 24px 0;
	border-left: 4px dotted #f7ae2d;
}

#slide6 .step_highlight .step_description p {
	border-left-color: #ffffff;
	color: #ffffff;
}

/* Slide 7 */
#slide7 {
	padding: 36px 0 36px 0;
	background-color: #ffffff;
	text-align: center;
}

#slide7 h1 {
	text-align: center;
	color: #34495e;
}

#slide7 h2 {
	text-align: center;
	color: #34495e;
}

#slide7 h3 {
	text-align: center;
	color: #34495e;
}

#slide7 p {
	text-align: center;
	color: #34495e;
}

/* Slide 8 */
#slide8 {
	padding: 36px 0 36px 0;
	background-color: #ecf0f1;
	text-align: center;
}

#slide8 h1 {
	text-align: center;
	color: #34495e;
}

#slide8 h2 {
	text-align: center;
	color: #34495e;
}

#slide8 h3 {
	text-align: center;
	color: #34495e;
}

#slide8 p {
	text-align: center;
	color: #34495e;
}


/* Tablet */
@media screen and (max-width: 1024px) {
	#slide1 {
		padding: 204px 0;
	}
	#slide2,#slide3,#slide4,#slide5,#slide6,#slide7 {
		padding: 60px 0 0 0;
	}
	#slide8 {
		padding: 60px 0 72px 0;
	}
	#slide1 h1 {
		line-height: 1em;
	}
	#slide1 h2 {
		line-height: 1em;
	}
	#slide2 h1 {
		line-height: 1em;
	}
	#slide2 h2 {
		line-height: 1em;
	}
	#slide2 .pr_movie_frame {
		max-width: 640px;
		width: 80%;
		height: 45vw;
		padding: 24px;
	}
	#slide3 h1 {
		line-height: 1em;
	}
	#slide3 h2 {
		line-height: 1em;
	}
	#slide4 h1 {
		line-height: 1em;
	}
	#slide4 h2 {
		line-height: 1em;
	}
	#slide5 h1 {
		line-height: 1em;
	}
	#slide5 h2 {
		line-height: 1em;
	}
	#slide6 h1 {
		line-height: 1em;
	}
	#slide6 h2 {
		line-height: 1em;
	}
	#slide7 h1 {
		line-height: 1em;
	}
	#slide7 h2 {
		line-height: 1em;
	}
	#slide8 h1 {
		line-height: 1em;
	}
	#slide8 h2 {
		line-height: 1em;
	}
}

/* Mobile */
@media screen and (max-width: 480px) {
	#logo {
		width :66%;
	}
	#login {
		width :32%;
	}
	#slide1 {
		padding: 96px 0 24px 0;
	}
	#slide2,#slide3,#slide4,#slide5,#slide6,#slide7 {
		padding: 0;
	}
	#slide8 {
		padding: 0 0 180px 0;
	}
	#slide1 h1 {
		line-height: 1em;
	}
	#slide1 h2 {
		line-height: 1em;
	}
	#slide1 #inquiry .decorative_button {
		font-size: 18px;
	}
	#slide2 h1 {
		line-height: 1em;
	}
	#slide2 h2 {
		line-height: 1em;
	}
	#slide2 .pr_movie {
		width: 240px;
		height: 135px;
	}
	#slide3 h1 {
		line-height: 1em;
	}
	#slide3 h2 {
		line-height: 1em;
	}
	#slide4 h1 {
		line-height: 1em;
	}
	#slide4 h2 {
		line-height: 1em;
	}
	#slide5 h1 {
		line-height: 1em;
	}
	#slide5 h2 {
		line-height: 1em;
	}
	#slide6 h1 {
		line-height: 1em;
	}
	#slide6 h2 {
		line-height: 1em;
	}
    #slide6 .step_description p {
        padding: 0;
        border-left-width: 0px;
    }
	#slide7 h1 {
		line-height: 1em;
	}
	#slide7 h2 {
		line-height: 1em;
	}
	#slide8 h1 {
		line-height: 1em;
	}
	#slide8 h2 {
		line-height: 1em;
	}
}