/*------------------------
下層ページ　全体設定
------------------------*/
#page_title{
	position:relative;
}
#page_title h2{
	position:absolute;
	top:29%;
	left:5%;
	z-index:2;
	width:185px;
}
#mein_content_left{
	width:72%;
	float:left;
	margin:4% 4% 0 0;
}
#mein_content_right{
	width:24%;
	float:right;
	margin:4% 0 0 0;
}
.content_right_button{
	margin:0 0 20px;
}
.content_right_button a{
	display:inline-block;
}
.color_blue{
	color:#00aebb;
}
#content_right_flow{
	margin:10px 0;
}
.content_right_flow_dt{
	width:20%;
	background:url(../img/side_fllow_arrow.png) no-repeat;
	background-position:0 9px;
	color:#fff;
	text-align:center;
	border-top:dashed 1px #9B9494;
	float:left;
	padding:12px 0 0;
	height:31px;
}
.content_right_flow_dd{
	padding:10px 0;
	border-top:dashed 1px #9B9494;
	padding:10px 0 10px 5%;
	width:75%;
	float:left;
}
#content_right_flow_last_dt{
	border-bottom:dashed 1px #9B9494;
	height:34px;
	background:url(../img/side_fllow_square.png) no-repeat;
	background-position:0 12px;
}
#content_right_flow_last_dd{
	border-bottom:dashed 1px #9B9494;
}
#inquiry_button{
	clear:both;
	padding:10px 0 0;
}
#content_right_vision{
	margin:10px 0 0;
}
.vision_li{
	border-top:dashed 1px #9B9494;
	padding:10px 0;
	line-height:20px;
}
#icon_justfit:before{
	content:url(../img/icon_01.png);
	display:block;
	float:left;
	width:35px;
	height:35px;
	padding: 3px 10px 0 0;
}
#icon_core_competence:before{
	content:url(../img/icon_02.png);
	display:block;
	float:left;
	width:35px;
	height:35px;
	padding: 3px 10px 0 0;
}
#icon_happy_surprise:before{
	content:url(../img/icon_03.png);
	display:block;
	float:left;
	width:35px;
	height:35px;
	padding: 3px 10px 0 0;
}
#icon_happy_surprise{
	border-bottom:dashed 1px #9B9494;
}
.page_summary{
	border:4px solid #f39800;
	padding:3% 4%;
}
.page_summary strong{
	font-size:24px;
	font-weight:bold;
}
.common_h3{
	border-bottom:3px solid #a1d7dd;
	font-size:20px;
	color:#00aebb;
	margin:0 0 15px;
	line-height:35px;
	padding:0 0 0 25px;
	position:relative;
	clear:both;
}
.common_h3:before{
	border: 5px solid #00aebb;
	border-radius: 50px;
	content:"　";
	display:block;
	float:left;
	height:10px;
	margin:5px 5px 0 0;
	width:10px;
	position:absolute;
	left:0;
}
.common_h4{
	font-size:20px;
	color:#653a28;
	font-weight:bold;
	margin:3% 0 1%;
	line-height:25px;
	clear:both;
}
#mein_content{
	max-width:960px;
	margin:3% auto 0;
}
@media screen and (max-width: 768px){
	#page_title{
		height:auto;
	}
	#page_title h2{
		width:50%;
		top:11%;
	}
	#page_title p{
		width:100%;
		overflow:hidden;
	}
	#page_title p img{
		margin:0 -45%;
		overflow:hidden;
		width:150%;
	}
	#mein_content{
		width:95%;
		margin:5% auto 0;
	}
	#mein_content_left{
		width:100%;
		margin:7% 0 0;
	}
	#mein_content_right{
		display:none;
	}
	.page_summary strong{
		line-height:33px;
	}
	.newline{
		display:inline;
	}
	.page_summary{
		border:3px solid #f39800;
	}
	.common_h4{
		margin:3% 0 0;
		font-size:16px;
	}
	.page_summary strong{
		font-size:18px;
		font-weight:bold;
	}
	.common_h3{
		font-size:18px;
		line-height:30px;
		margin:0;
	}
}

/*------------------------
ビジョンページ
------------------------*/
#vision_happysurprise img{
	display:block;
	margin:0 auto 20px;
	width:60%;
}
#vision_h3{
	color:#00aebb;
	font-size:18px;
	font-weight:bold;
	line-height:32px;
	margin:0 0 20px 0;
	text-align:center;
}
.vision_title{
	position:relative;
	margin: 0 0 15px;
}
.vision_title h4{
	overflow:hidden;
}
.vision_title h5{
	height:20px;
	overflow:hidden;
	position:absolute;
	right:2%;
	top:38%;
	width:20%;
	z-index:2;
}
.vison_content{
	margin:0 0 20px;
}
.color_b{
	color:#00aebb;
}
#justfit_image{
	float:left;
	margin:10px 25px 0 0px;
	width:280px;
}
#happysurprise_image{
	float:right;
	margin:10px 0px 0 25px;
	width:275px;
}
@media screen and (max-width: 768px){
	#vision_happysurprise img{
		display:block;
		margin:0 auto 10px;
		width:90%;
	}
	#vision_h3{
		font-size:16px;
		line-height:28px;
		margin:0 0 20px 0;
	}
	.vision_title h4 img{
		width:200%;
	}
	.vision_title h5{
		overflow:hidden;
		position:absolute;
		right:2%;
		top:36%;
		width:45%;
		z-index:2;
		height:auto;
	}
	#justfit_image{
		float:none;
		margin:0 0 15px;
		width:100%;
		overflow:hidden;
	}
	#justfit_image img{
		margin:-4% 0 -11%;
		width:100%;
	}
	#happysurprise_image{
		float:none;
		margin:0 auto 15px;
		width:80%;
	}
}

/*------------------------
ご利用の流れページ
------------------------*/
.flow_content{
	margin:0 0 30px 0;
}
.fontsize15{
	font-size:15px;
	line-height:2;
}
.fontsize10{
	font-size:11px;
}
#flowul{
	background-color:#f7eee0;
	height:auto;
	padding:10px 10px;
	margin:10px 0;
	width:97%;
}
.flow_h4{
	margin:30px 0 10px;
	width:100%;
	border-bottom:#f39800 solid 1px;
}
.flow_h4 img{
	width:40%;
	display:block;
}
.flowul02{
	background-color:#f7eee0;
	height:auto;
	padding:10px 10px;
	margin:0 0 15px;
	width:97%;
}
#flowul li{
	float:left;
	margin:0 12px;
}
#flowul li,.flowul02 li{
	float:left;
	margin: 0 10px;
}
.width250{
	width:250px;
}
.width362{
	width:352px;
}
.color_b{
	color:#00aebb;
	font-weight:bold;
}
@media screen and (max-width: 768px){
	#flowul,.flowul02{
		height:auto;
		width:auto;
	}
	#flowul li,.flowul02 li{
		float:none;
	}
	.flow_h4{
		margin:20px 0 10px;
		width:100%;
		overflow:hidden;
	}
	.flow_h4 img{
		width:80%;
	}
	.width250,.width362{
		width:auto;
	}
}

/*------------------------
会社概要ページ
------------------------*/
#company_table tr{
	border-bottom:dashed 1px #f9cb7f;
	height:40px;
	padding:0 0 0 15px;
}
#accessmap{
	margin:40px 0 0 ;
}
#accessmap_address_access{
	float:left;
	width:27%;
	margin:0 3% 0 0;
}
#accessmap_address_access h3{
	width:97%;
	color:#fff;
	background:#f39800;
	padding:0 0 0 3%;
}
#accessmap_address_access p{
	line-height:20px;
	margin:10px 0;
}
#accessmap_map{
	float:right;
	width:70%;
}
#accessmap_map iframe{
	top: 0;
	left: 0;
	width: 100%;
}
@media screen and (max-width: 768px){
	#company_table tr{
		border-bottom:none;
	}
	#company_table th{
		display:block;
		padding:0;
		height:auto;
		padding:0 0 0 2%;
		width:98%;
		float:left;
	}
	#company_table td{
		display:block;
		float:left;
		padding:0;
		height:auto;
		padding:0 0 0 2%;
		width:98%;
	}
	.sp_table_backgray{
		background:#f8f8f4;
		margin:10px 0 0;
	}
	#accessmap_address_access{
		width:100%;
		margin:0;
	}
	#accessmap_map{
		float:none;
		width:100%;
	}
}

/*------------------------
プライバシーポリシーページ
------------------------*/
#mein_content_left dl{
	margin:30px 0 0;
}
#mein_content_left dl dt{
	color:#00aebb;
}

/*------------------------
お問い合わせページ
------------------------*/
.color_red{
	color:#ff0000;
}
.heading{
	background:#fef4e5;
	height:24px;
	padding:0 2% 4px;
	width:96%;
	margin:3% 0 1%;
}
.error_message{
	color:#ff0000;
	clear:both;
	font-size:11px;
}
.inpuiry li{
	float:left;
	margin:0 50px 0 0;
}
.inpuiry:after{
	content:" ";
	display:block;
	clear:both;
}
.heading_name_seimei{
	display:block;
	float:left;
	width:5%;
}
.name_seimei{
	border:1px solid #4c4948;
	height:30px;
	margin:5px 0 5px 23px;
	padding:0 5px;
	width:440px;
	display: block;
}
.mail_address_tel{
	border:1px solid #4c4948;
	height:30px;
	margin:5px 0;
	padding:0 5px;
	width:476px;
}
.inquiry_message{
	width:98%;
	border:1px solid #4c4948;
	margin:5px 0;
	padding:1%;
	height:120px;
}
#submit,#submit_databack input{
	clear:both;
	float:right;
	height:30px;
	margin:10px 0;
	text-align:center;
	width:150px;
}
#submit input{
	background-color:#e99415;
	width:150px;
	height:30px;
	border:none;
	color:#ffffff;
}
#submit_databack input{
	background-color:#f7b74d;
	width:120px;
	height:30px;
	border:none;
	color:#ffffff;
}
#submit_message{
	font-size:20px;
	color:#00aebb;
	font-weight:bold;
	
}
#submit input:hover,#submit_databack input:hover{
	filter:alpha(opacity=70);/* ie lt 8 */
	-ms-filter:"alpha(opacity=70)";/* ie 8 */
	opacity:0.7;
}
@media screen and (max-width: 768px){
	.inpuiry li{
		float:none;
		margin-bottom:10px;
	}
	.heading_name_seimei{
		display:block;
		float:left;
		width:10%;
	}
	.name_seimei{
		display:block;
		height:30px;
		margin:10px 0;
		padding:0 5px;
		width:96%;
	}
	.mail_address_tel{
		width:96%;
		overflow:hidden;
	}
	.inquiry_message{
	width:96%;
	}
}

/*------------------------
留学生サポートページ
------------------------*/
#page_title #foreign_students_title{
	width:342px;
}
#foreign_students{
	margin:0 0 30px 0;
}
#foreign_students_relationship{
	background:#ffffdb;
	position:relative;
	margin:10px 0 0;
}
#relationship_img{
	padding:5% 7% 5% 13%;
	width:80%;
}
.btn_relationship{
	width:12%;
	cursor:pointer;
}
.btn_relationship:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
#btn01{
	position:absolute;
	top:29%;
	left:14%;
}
#btn02{
	position:absolute;
	top:73%;
	left:14%;
}
#btn03{
	position:absolute;
	right:14%;
	top:40%;
}
#btn04{
	position:absolute;
	top:73%;
	right:14%;
}
.btn_content{
	position:absolute;
	width:65%;
	z-index:100;
	display:none;
	box-shadow:0px 0px 7px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 7px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow:0px 0px 7px 1px rgba(0,0,0,0.5);
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	height:275px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.btn_description{
	padding:5%;
	position:relative;
}
#content_btn01{
	background:#ddf0f2;
}
#content_btn02{
	background:#e1eece;
}
#content_btn03{
	background:#fdeacc;
}
#content_btn04{
	background:#fdeacc;
}
.image img{
	display:block;
	margin:0 auto;
	width:75%;
}
.sentence{
	line-height:25px;
	margin:5px 0 0;
	text-align:center;
}
.close{
	cursor:pointer;
	right:-2%;
	position:absolute;
	top:-2%;
	width:8%;
}
#background{
	background:#fff none repeat scroll 0 0;
	opacity:0.8;
	filter:alpha(opacity=80);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:50;
}
#img_flow:after{
	content:" ";
	clear:both;
	display:block;
}
#img_flow_a{
	width:56%;
	display:block;
	float:left;
}
#img_flow_b{
	width:44%;
	display:block;
	float:left;
}
.foreign_students_content{
	position:relative;
	margin:4% 0 0;
}
.flow_content_left{
	width:100%;
}
.flow_content_right{
	width:28%;
	position:absolute;
	bottom:0;
	right:0;
}
.list_style_disc li{
	list-style-type:disc;
	margin:0 0 0 15px;
}
@media screen and (max-width: 768px){
	#page_title #foreign_students_title{
		width:50%;
		top:32%;
	}
	#page_title #foreign_students_img img{
		margin:0 -35%;
	}
	#relationship_img{
		padding:5%;
		width:90%;
	}
	.btn_content{
		bottom:auto;
		height:auto;
		margin:auto;
		top:5%;
		width:90%;
	}
	.btn_relationship{
		width:19%;
		cursor:pointer;
	}
	#btn01{
		left:2%;
		position:absolute;
		top:28%;
	}
	#btn02{
		position:absolute;
		top:73%;
		left:2%;
	}
	#btn03{
		position:absolute;
		right:8%;
		top:39%;
	}
	#btn04{
		position:absolute;
		top:73%;
		right:8%;
	}
	.image img{
		display:block;
		margin:0 auto;
		width:70%;
	}
	.sentence{
		line-height:25px;
		margin:5px 0 0;
		text-align:center;
	}
	.close{
		cursor:pointer;
		right:-2%;
		position:absolute;
		top:-2%;
		width:8%;
	}
	#img_flow{
		margin:1% 0 0;
	}
	#img_flow_a{
		width:100%;
	}
	#img_flow_b{
		width:80%;
		display:block;
		margin:3% 0 0;
	}
	.foreign_students_content{
		margin:7% 0 0;
	}
	.flow_content_left{
		width:100%;
	}
	.flow_content_right{
		margin:2% auto 0;
		position:static;
		width:45%;
	}
}

/*------------------------
若手に特化ページ
------------------------*/
#page_title #young_title{
	width:320px;
}
.young_content{
	margin:4% 0 0;
}
#young_graph img{
	width:80%;
	margin:0 auto;
	display:block;
	padding:10px 0 0;
	width:75%;
}
#young_activity{
	margin:10px 0 0;
}
#young_activity:after{
	content:" ";
	display:block;
	clear:both;
}
#young_activity li{
	float:left;
	color:#fff;
	background:#f39800;
	padding:0 15px;
	margin:0 10px 10px 0;
}
@media screen and (max-width: 768px){
	#page_title #young_img img{
		margin:0 -40%;
	}
	#young_graph img{
		width:90%;
	}
	#page_title #young_title{
		width:50%;
		top:29%;
	}
}