@charset "utf-8";
/* CSS Document */

#main_img { background-image: url("../image/main_img.jpg"); }

.page_title h1 br { display: none; }

#fresher_guide {
	width: 100%;
	margin: 0;
	padding: 50px 0 0;
	float: left;
}

#fresher_guide .title_head {
	width: 100%;
	margin: 130px 0 100px;
	padding: 0;
	float: left;
}

#fresher_guide .inner {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#fresher_guide .title {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

#fresher_guide #box {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

/*  **********************************************  */
/*                FORM  BARNNER BUTTON                                  */
/*  **********************************************  */

.form_button {
	width: 50px;
	height: 150px;
	top:170px;
	right:0;
	position: fixed;
	display: block;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
}

.form_button  a {
	width: 100%;
	height: 100%;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	background-color: rgba(246,1,5,1.00);
	border-radius: 20px 0 0 20px;
	display: block;
	line-height: 50px;
	font-weight: bold;
}


/*  **********************************************  */
/*                FLOW  RAYOUT                      */
/*  **********************************************  */

#fresher_guide #box.flow h3 {
	width: 20%;
	height: 60px;
	margin: 30px 2% 0;
	padding: 5px 0 0;
	float: left;
	background-color: #f7931e;
	text-align: center;
}

#fresher_guide #box.flow h3 span {
	font-size: 15px;
	color: #FFF;
	font-family:Arial, Helvetica, "sans-serif";
}

#fresher_guide #box.flow {
	padding: 10px 2%;
}

#fresher_guide #box.flow .arr {
	width: 5%;
	height: 60px;
	margin: 30px 0 0;
	padding: 0;
	float: left;
	background-image: url("../images/common/ico-arrow-mobile.png");
	background-repeat: no-repeat;
	background-position: center;
}

#fresher_guide #box.flow figcaption.flow {
	width: 80%;
	float: left;
	font-size: 15px;
	margin: 20px 10% 50px;
	line-height: 16px;
	line-height: 20px;
}

/*  **********************************************  */
/*                GUIDELINE  RAYOUT                 */
/*  **********************************************  */

#fresher_guide .guide_line .tbl {
	width: 100%;
	margin: 50px 0;
	padding: 0;
	float: left;
	border-top: #00798f 1px solid;
}

#fresher_guide .guide_line dl {
	width: 100%;
	margin: 0;
	padding: 20px 0;
	float: left;
	border-bottom: #00798f 1px solid;
}

#fresher_guide .guide_line dl dt {
	width: 25%;
	margin: 0;
	padding: 0 0 0 5%;
	float: left;
}

#fresher_guide .guide_line dl dd {
	width: 70%;
	margin: 0;
	padding: 0;
	float: left;
}

#fresher_guide .guide_line dl dd ul { margin: 0;padding: 0; }
#fresher_guide .guide_line dl dd ul li { width: 100%;float: left; }
#fresher_guide .guide_line dl dd ul li .school {
	width: 170px;
	float: left;
}

#fresher_guide .guide_line dl dd ul li .kin {
	float: left;
}


/*  **********************************************  */
/*                FORM  RAYOUT                 */
/*  **********************************************  */

.contact {
	width: 100%;
	margin: 50px 0;
	float: left;
}

.contact ul.message {
	width: 80%;
	margin: 0 10%;
	padding: 0;
	float: left;
}

.contact .subtitle {
	width: 90%;
	margin: 50px 5%;
	padding: 10px 0;
	float: left;
	color: #1b2c61;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	border-top: rgba(63,169,245,0.30) 2px solid;
	border-bottom: rgba(63,169,245,0.30) 2px solid;
}


/*  **********************************************  */
/*                THANKS PAGE RAYOUT                */
/*  **********************************************  */

.thanks {
	width: 100%;
	padding: 0;
	margin: 100px 0;
	float: left;
}

.thanks h2 {
	font-size: 30px;
	color: #1b2c61;
	margin: 150px 0 100px;
	text-align: center;
	background-color: initial;
}

.thanks p {	width: 80%;margin: 20px 10%; }

.thanks dl {
	width: 450px;
	height: 200px;
	margin: 100px auto 50px;
	padding: 30px;
	border: #1b2c61 1px solid;
	border-radius: 10px;
	box-sizing: border-box;
	text-align: center;
}

.thanks dl .logo { width: 330px;margin: 0 auto; }
.thanks dl .post { width: 100%;margin: 0;float: left; }
.thanks dl .adress { width: auto;margin: 0; }
.thanks dl .adress br { display: none; }
.thanks dl .tel { width: 100%;margin: 0;float: left; }

/* ************************************************** */
/*  Mobile  Display  MAX-WIDTH 999px */
/* ************************************************** */
@media only screen and (max-width:1050px){

#fresher_guide .inner {
	width: 90%;
	margin: 0 5%;
}


}


/* ************************************************** */
/*  Mobile  Display  MAX-WIDTH 999px */
/* ************************************************** */
@media only screen and (max-width:580px){

.page_title h1 { line-height: 25px;padding: 10px 0; }

.page_title h1 br { display: block; }

#fresher_guide .guide_line dl {
	padding: 0;
	border-left: #00798f 1px solid;
	border-right: #00798f 1px solid;
	box-sizing: border-box;
}

#fresher_guide .guide_line dl dt {
	width: 100%;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	background-color: rgba(153,153,153,0.5);
}

#fresher_guide .guide_line dl dd {
	width: 96%;
	margin: 0;
	padding: 10px 2%;
}

#fresher_guide #box.flow h3 {
	width: 90%;
	margin: 30px 5% 0;
}

}

/* ************************************************** */
/*  Mobile  Display  MAX-WIDTH 999px */
/* ************************************************** */
@media only screen and (max-width:380px){



}