@charset "utf-8";

/* -------------------------------------------------
     page_area
 --------------------------------------------------- */
#temp_page_title {
	clear:both;
	float:left;
	width:1100px;
	height:auto;
	margin:10px auto;
}

#temp_page_title img {
	width:1100px;
	height:200px;
}

#temp_page_area {
	clear:both;
	float:left;
	width:1100px;
	height:auto;
	margin:10px auto;
}

@media screen and (max-width: 770px) {
	#temp_page_title {
		width:100%;
	}
	
	#temp_page_title img {
		width:100%;
		height:auto;
	}
	
	#temp_page_area {
		float:none;
		width:97%;
		height:auto;
		margin:10px auto;
	}

}

/* -------------------------------------------------
     Free
 --------------------------------------------------- */
#temp_page_area .free_box {
	clear:both;
	float:left;
	width:1100px;
	height:auto;
	margin:10px 0px;
}

#temp_page_area .free_box img {
	width:1100px;
	height:auto;
}

#temp_page_area .free_box .free_txt {
	clear:both;
	margin-top:10px;
	width:1100px;
	height:auto;
}

@media screen and (max-width: 770px) {
	#temp_page_area .free_box {
		width:100%;
		margin:10px auto;
	}
	
	#temp_page_area .free_box img {
		width:100%;
		height:auto;
	}
	
	#temp_page_area .free_box .free_txt {
		width:100%;
	}
}

/* -------------------------------------------------
     qa
 --------------------------------------------------- */
#temp_page_area .qa_box {
	clear:both;
	float:left;
	width:1100px;
	height:auto;
	margin:20px 0px;
	overflow:hidden;
}

#temp_page_area .qa_box .question{
	width:1100px;
	height:auto;
	margin:5px 0px;
	padding: 5px;
	box-sizing:border-box;
	background-color:#333;
	overflow:hidden;
}

#temp_page_area .qa_box .q_icon{
	float:left;
	width:30px;
	height:30px;
	margin-right:10px;
}

#temp_page_area .qa_box .q_icon img{
	width:30px;
	height:30px;
}

#temp_page_area .qa_box .q_txt {
	float:left;
	width:auto;
	height:30px;
	line-height: 30px;
}

#temp_page_area .qa_box .answer{
	width:1100px;
	height:auto;
	margin:10px 0px;
	overflow:hidden;
}


@media screen and (max-width: 770px) {
	#temp_page_area .qa_box {
		float:none;
		width:100%;
		margin:20px auto;
	}
	
	#temp_page_area .qa_box .question{
		width:100%;
	}
	
	#temp_page_area .qa_box .q_icon{
		float:left;
		width:100%;
		height:30px;
		margin-right:0px;
	}

	#temp_page_area .qa_box .q_icon img{
		width:30px;
		height:30px;
	}

	#temp_page_area .qa_box .q_txt {
		float:left;
		width:100%;
		height:auto;
		line-height: normal;
		margin-top: 5px;
	}
	
	#temp_page_area .qa_box .answer{
		width:100%;
		height:auto;
	}

}

/* -------------------------------------------------
     interview
 --------------------------------------------------- */
#temp_page_area #int_area {
	width:1100px;
	height:auto;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

#temp_page_area #int_area .int_box {
	width:530px;
	height:auto;
	margin:10px 10px;
	overflow:hidden;
	border:solid 1px #ccc;
	padding:20px;
	box-sizing:border-box;
}

#temp_page_area #int_area .int_box .int_img {
	float:left;
	width:30%;
	height:auto;
}

#temp_page_area #int_area .int_box .int_img img {
	width:90%;
	height:auto;
}

#temp_page_area #int_area .int_box .int_txt {
	float:right;
	width:70%;
	height:auto;
}

@media screen and (max-width: 770px) {
	#temp_page_area #int_area {
		width:100%;
	}

	#temp_page_area #int_area .int_box {
		float:left;
		width:100%;
		height:auto;
		padding:10px;
	}
	
	#temp_page_area #int_area .int_box .int_img {
		width:30%;
	}
	
	#temp_page_area #int_area .int_box .int_img img {
		width:95%;
		height:auto;
	}
	
	#temp_page_area #int_area .int_box .int_txt {
		float:left;
		width:70%;
	}
}