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

body {
	margin:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	
.main_image {
	width: 100%;
	height: 300px;
	background-image:url(../images/recruit/main_image.jpg) ;
	background-repeat: repeat-x;	
}

@media screen and ( max-width:800px ){
.main_image {
	height: 300px;
	}}
@media screen and ( max-width:600px ){
.main_image {
	height: 200px;
	}}

.main_image2 {
	width:950px;
	margin:0 auto;
}

@media screen and ( max-width:950px ){
.main_image2 {
	width: auto;
	}}
	
@media screen and ( max-width:950px ){
.main_image2 img{
	width: 100%;
	}}
	
.box {
	float:left;
	width:950px;
	margin-bottom:20px;
	overflow : hidden;
	padding-bottom:7px;
}

.box_right {
	float:left;
	width:150px;
	margin-right:5px;
	background-color:#D9EEF7;
	padding:12px 10px 0px 14px;
	display:inline;
	font-weight:bold;
	padding-bottom : 32767px;
	margin-bottom : -32767px;
}

.box_left {
	float:left;
	width:747px;
	background-color:#F0F0F0;
	padding:12px 10px 0px 14px;
	display:inline;
	padding-bottom : 32767px;
	margin-bottom : -32767px;
}

@media screen and ( max-width:950px ){
.box{
	width:auto;
	position:relative;
	}}

@media screen and ( max-width:950px ){
.box_right,.box_left {
	float:none;
	width:294px;
	display:block;
	padding-right:-5px;
	}}

@media screen and ( max-width:950px ){
.box_left {
	margin-top:7px;
	}}

.contact_btn2 {
	width:294px;
	margin: 0 auto;
}

.contact_btn2:hover{
    opacity:.5;
}

#rlist {
	padding:0px;
	margin:0px 0px 0px 15px;
}

#rlist ul {
	padding:0px;
	margin:0px;
}

#rlist ol {
	padding:0px;
	margin:0px;
}

#rlist li {
	padding:0px;
	margin:0px;
}

.menu {
	float:left;
	width:950px;
	margin:0 auto;
}

.menu1 {
	float:left;
	width:465px;
	margin-right:20px;
}

.menu1 img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.menu1:hover img {
	opacity: .5;
}

@media screen and ( max-width:950px ){
.menu {
	float:none;
	width:320px;
	margin: 0 auto;
	padding:0;
	clear: both;	
	}}
	
@media screen and ( max-width:950px ){
.menu1 img {
	width:  320px;
	height:100%;
	}}
	
@media screen and ( max-width:950px ){
.menu1 {
	padding:5px 0;
	}}