@charset "UTF-8";
/* =================================
Top Page CSS
================================= */

.hair figure { margin: 0; line-height: 22px;}

.group_news_content figure img {
		width: 100%;
		max-height: 180px;
}

.group_news_content .news_box p,
.group_news_content figure figcaption { width: 220px; margin: 0 auto; }

.group_news_content .news_box p { color: #4ed5c8; margin-top: 10px; }

.group_news_content figure figcaption { margin-top: 20px; }

#main {
	width: 890px;
}

.new_titile {
	width: 100%;
	text-align: center; 
}

.wearehiring { margin: 30px 0 }

.conten_recruit {
	width: 879px;
	background: url(../img/bg_recruit_02_up.png) no-repeat; 
	padding: 60px 0;
	margin-bottom: 50px;
}

.conten_recruit h2 {
	color: #41D2C4;
	font-size: 18px;
	line-height: 1.6em;
	width: 100%;
	text-align: center;
	margin-bottom: 20px; 
}

.conten_recruit p { font-size: 13px;line-height: 2.3em; }
.conten_recruit p img{ max-width: 100%;width:auto!important;height:auto!important; }
.conten_recruit_txt {
	padding: 0 60px 25px;
	background: url(../img/bg_recruit_02_md.png) repeat-y; 
}

.conten_recruit_txt img{
	max-width: 100%;
	width:auto!important;
	height:auto!important;
}


.box_recruit_01 { margin-top: 30px; }

.box_recruit_01 > p {
	width: 381px; 
}

	.box_recruit_01 p.left img,
	.box_recruit_01 p.right img {
		width: 100%; 
		 border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		}
.content_box .img { text-align: center; }
.content_box .img img {
		max-width: 100%;
		 border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		}

.box_recruit_01 div.right { width: 410px;}
.box_recruit_01 div.left { width: 410px;}

.box_recruit_02 .content_box h2,
.box_recruit_01 div.right h2,
.box_recruit_01 div.left h2,
.box_recruit_03 div h2 {
	font-size: 18px;
	color: #41D2C4;
	line-height: 1.6em;
	margin-bottom: 20px;
}

.box_recruit_02 .content_box p,
.box_recruit_01 div.right p,
.box_recruit_01 div.left p,
.box_recruit_03 div p {
	font-size: 13px;
	line-height: 2em; 
}
.box_recruit_03 { margin-top: 30px;width: 100%; margin:0 auto; }

.box_recruit_02 { margin-top: 30px; line-height: 33px; width: 50%; float: left;}

.box_recruit_02 .content_box { width: 420px; }

.box_recruit_02 .content_box h2 { margin-top: 20px; }

.recruit_movie { margin: 70px 0; }

.content_table h2,
.recruit_movie h2 {
	width: 100%;
	text-align: center;
	margin-bottom: 20px; 
	font-size: 16px;
	color: #4d4d4d;
	font-family: 'Open Sans', sans-serif;
}


.content_table { width: 100%; }

.content_table table { width: 100%; }

.content_table table tr th{
	width: 195px;
	height: 65px;
	line-height: 1.8em;
	background-color: #f7f7f7;
}

.content_table table { border: 1px solid #ccc; }

table {
		border-collapse: collapse;
		width: 100%;
}

.content_table table tr th,
.content_table table tr td {
	border-bottom: 1px solid #ccc; 
}

.content_table table tr td { padding: 15px 20px; line-height: 2em; }

.table_02 { margin-top: 70px; }

.box_dase {
	width: 100%; 
	padding: 10px 20px;
	border: 2px dashed #ccc;
	margin: 40px 0 70px;
}

.box_dase p { padding: 15px;line-height: 1.8em; }

.corporate {
	width: 620px;
	position: relative;
}

.button_click {
	position: absolute;
	top: 190px;
	left: 250px; 
}

.corporate p,
.button_download {
	transition: all ease .4s;
	opacity: 1; 
	margin: 20px 0; 
}

.corporate p:hover {
	transition: all ease .4s;
	opacity: .6; 
}
#main-content {
	max-width: 880px;
	margin: 0 auto;
	padding-left: 12px;
	padding-right: 24px;
}
.box-content {
	margin-left: -16px;
	margin-right: -16px;
}
.box-contentIMG {
	margin-left: -16px;
	margin-right: -16px;
}

.box-contentIMG h2 {
	font-size: 18px;
	color: #41D2C4;
	line-height: 1.6em;
	margin-bottom: 20px;
}
.column1 .box-column p {
	width: 100%;
}
.box-content p,
.box-contentIMG p {
	font-size: 12px;
	line-height: 2em;
	margin-bottom: 15px;
}

.column1 { width: 100%; padding-bottom: 30px; padding-left: 16px;  padding-right: 16px; }
.column1 .box-column { width: 100%; }
.column1 .box-column p { width: 100%; }
.column1 .box-column .box-text	{ width: 100%; }

.column2-left { width: 100%; padding-bottom: 30px; padding-left: 16px;  padding-right: 16px; }
.column2-left	h2 { position: relative; top: -7px; }
.column2-left .box-column { width: 100%; clear: both; }
.column2-left .box-column .img { width: 48%; float: left; margin-right: 3.33%;vertical-align: top; }
.column2-left .box-column .box-text { width: 48%; float: right; }
.column2-left .box-column .box-text p	{ width: 100%; position: relative; top: -7px; }
.column2-left .box-column .box-text p img{ max-width: 100%;width:auto!important;height:auto!important; }

.column2-right { width: 100%; padding-bottom: 30px; padding-left: 16px;  padding-right: 16px; }
.column2-right	h2 { position: relative; top: -7px; }
.column2-right .box-column { width: 100%;clear: both;}
.column2-right .box-column .img { float: right; margin-left: 3.33%;vertical-align: top; }
.column2-right .box-column .box-text { width: 48%; float: left; }
.column2-right .box-column .box-text p	{ width: 100%; position: relative; top: -7px; }
.column2-right .box-column .box-text p img{ max-width: 100%;width:auto!important;height:auto!important; }

.column3 { float:left; width: 50%; padding-bottom: 30px; box-sizing:border-box;}
.column3 .box-column { width: 100%; display: inline-block; vertical-align: top; padding-left: 16px;  padding-right: 16px; }
.column3 .box-column p { width: 100%;margin: 0 auto;text-align: center; }
.column3 .box-column .img img { background:#eee;text-align: center; }
.column3 .box-column .box-text { width: 100%;text-align: left; }
.column3 .box-column .box-text p{ text-align: left; }
.column2-left .box-column .img img,
.column2-right .box-column .img img,
.column3 .box-column .img img {
    max-width: 100%;
    width: auto;
    -webkit-border-radius: 50%;
}

@media only screen and (max-width: 768px) {
	
	#main {
		width: 100%;
	}
	
	.wearehiring {
		width: 100%;
		padding: 0 10px; 
	}
	
	.wearehiring	p img { width: 100%; }
	.conten_recruit_txt {
		padding: 0;
		margin-bottom:15px;
		background: none; 
		line-height:2em;
	}
	.conten_recruit {
		width: 100%;
		background-size: 100%;
		height: auto;
		background-image: none;
		background-color: #fff;
		padding: 10px
	}
	
	.box_recruit_01 {
		width: 100%;
		text-align: center; 
	}
	
	.box_recruit_01 p.left {
		width: 60%; 
		float: none; 
		margin: 0 auto;
	}
	
	.box_recruit_01 p.left img {
		width: 100%; 
		}
	
	.box_recruit_01 div.right {
		width: 100%;
		padding: 10px;
		text-align: left;
	}
	
	.box_recruit_02 {
		width: 100%;
	 
	}
.wearehiring {
		margin: 30px 0 10px;
}
.conten_recruit h2{
		color: #41D2C4;
		font-size: 16px;
		text-align: left;
		margin-bottom: 10px;
} 
.conten_recruit p {
		font-size: 12px;
		line-height: 1.8em;
}
.conten_recruit {
		margin-bottom: 20px;
}
.box_recruit_02 .content_box h2, .box_recruit_01 div.right h2 {
		font-size: 16px;
		margin-bottom: 10px;
}
.box_recruit_02 .content_box p, .box_recruit_01 div.right p {
		font-size: 12px;
		line-height: 1.8em;
}
	.box_recruit_02 .content_box {
		width: 100%;
		text-align: left;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	
	.box_recruit_02 .content_box p { width: 100%; }
	
	.box_recruit_02 .content_box p img { width: 65%; }
	
	.recruit_movie {
		width: 100%;
		padding: 0 10px; 
		margin: 20px 0 40px;
}
	.recruit_movie iframe { width: 100%; }
	
	.content_table {
		width: 100%;
		padding: 0 10px;
	}
	
	.content_table table tr th {
		width: 25%;
		/*height: 65px;*/
		background-color: #f7f7f7;
		line-height: 1.4em; font-size: 12px;
		padding: 10px 10px;
	}
	.content_table table tr td { padding: 10px 15px; line-height: 1.8em; font-size: 12px;}
	.corporate {
		width: 100%;
		padding: 0 10px; 
	}

.table_02 {
		margin-top: 30px;
}	
	.corporate p:first-child img { width: 100%; }
	
	.corporate p { text-align: center; position: relative;line-height: 1.6em; }
	
	.box_dase {
		width: 90%;
		padding: 6px 10px;
		margin: 20px auto 40px;
		font-size: 12px;
		line-height: 1.6em;
	}	
	.button_download	{ text-align: center; width: 100%; height:auto;}
	
	.button_download a img { width: 70%; margin: 0 auto; }
	
	.button_click {
		position: absolute;
		top: 76%;
		left: 50%;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		transition: all ease 0s;
		transform: translateY(-50%) translateX(-50%);
		text-align: center;
		width: 100%;
		height: 100%;
		display: inline-table;
	}
	
	.corporate p .button_click a img { width: 113px; }
	
	
	.box-content {
		margin-left: 0;
		margin-right: 0;
	}
	.box-contentIMG {
		margin-left: 0;
		margin-right: 0;
	}


	.column1 { width: 100%; padding-bottom: 20px; padding-left: 0;  padding-right: 0; }
	.column1 .box-column { width: 100%; }
	.column1 .box-column p { width: 100%; }
	.column1 .box-column p img { width: 100%; }
	.column1 .box-column .box-text	{ width: 100%; }

	.column2-left { width: 100%; padding-bottom: 30px; padding-left: 0;  padding-right: 0; }
	.column2-left	h3 { position: relative; top: 0; }
	.column2-left .box-column { width: 100%; clear: both; }
	.column2-left .box-column .img { width: 100%; float: none; margin-right: 0;vertical-align: top; }
	.column2-left .box-column .box-text { width: 100%; float: none; }
	.column2-left .box-column .box-text p	{ width: 100%; position: relative; top: 0; }

	.column2-right { width: 100%; padding-bottom: 20px; padding-left: 0;  padding-right: 0; }
	.column2-right	h3 { position: relative; top: 0; }
	.column2-right .box-column { width: 100%; clear: both;}
	.column2-right .box-column .img { width: 100%; float: none; margin-left: 0;vertical-align: top; }
	.column2-right .box-column .box-text { width: 100%; float: none; }
	.column2-right .box-column .box-text p	{ width: 100%; position: relative; top: 0; }

	.column3 { width: 100%; padding-bottom: 20px; }
	.column3 .box-column { width: 100%; display: auto; padding-bottom: 20px; padding-left: 0;  padding-right: 0; }
	.column3 .box-column:first-child { width: 100%; display: auto; margin-right: 0; }
	.column3 .box-column p { width: 100%; }
	.column3 .box-column .box-text	{ width: 100%; }
	
}