@charset   "Shift_JIS";



.r {border:0;
padding:2px 8px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#666666;
border:solid 2px #ccc;
margin:0 0 20px;
width:75%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

.by {border:0;
padding:2px 8px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#666666;
border:solid 2px #ccc;
margin:0 0 20px;
width:20%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

.b {border:0;
padding:2px 8px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#666666;
border:solid 2px #ccc;
margin:0 0 20px;
width:10%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

.cb {border:0;
padding:2px 8px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 2px #ccc;
margin:0 0 20px;
width:;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

input:focus {
    border:solid 2px #EEA34A;

}

TEXTAREA:focus{
    border:solid 2px #EEA34A;
}


.required {
background-color: #c84a5b;
padding:0 2;
font-size:12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:white;
font-weight:bold;
}


.free {
background-color: #999999;
padding:0 2;
font-size:12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:white;
font-weight:bold;
}

.atn {font-size:13px;
}



.btn {border:solid 1px #ccc;
padding:10px 20px;
margin:0 0 20px;
font-family:Arial, sans-serif;
font-size:1em;
text-transform:uppercase;
font-weight:bold;
color:#333;
cursor:pointer;}

.obtn {border:solid 1px #ccc;
padding:10px 20px;
margin:30 0 20 0;
font-family:Arial, sans-serif;
font-size:1em;
text-transform:uppercase;
font-weight:bold;
color:#333;
cursor:pointer;
text-decoration:none;


}


.obtn a:hover {border:solid 1px #ccc;
padding:10px 20px;
margin:30 0 20 0;
font-family:Arial, sans-serif;
font-size:1em;
text-transform:uppercase;
font-weight:bold;
color:#333;
cursor:pointer;
text-decoration:;



}



#main-visual h2 {
	font-size: 180%;
	color: #fff;
	float: left;
	background-image : url(../recruit/Img0199-3.jpg);
}



.inner h2 {
	margin: 10 0 20 0;
	padding: 0;
	background-image: ;
	background-repeat: no-repeat;
font-size:25px;

}

.inner {text-align:left;}

.inner p {

background-color:;
padding:0;
font-size:16px;}









@media screen and (max-width: 1450px) {

#main-visual img {width:100%;
margin:0 auto 10;
height:auto;
}


	.inner p {width:100%;
		padding-left: 0;
background-color:;

	}

#re-table {width:100%;
margin:0 auto;
padding:0;
background-color:;
}



#re-table p {width:85%;
margin:0;
padding:0;
background-color:;
}


#re-table table{width:70%;
margin:0;
padding:0;
background-color:;
font-size:18px;
}

}


@media screen and (max-width: 1100px) {



.inner p {
width:100%;
background-color:;
padding:0;
font-size:16px;}


#re-table {width:100%;
margin:0;
padding:0;
background-color:;
}



#re-table p {width:100%;
margin:0;
padding:0;
background-color:;
}


#re-table table{width:100%;
margin:0;
padding:0;
background-color:;
}

}



@media screen and (max-width: 900px) {

#main-visual img {width:100%;
margin:70 auto 10;
height:auto;
}
}




@media screen and (max-width: 380px) {




.r {border:0;
padding:3px 8px;
font-size:1.1em;
font-family:Arial, sans-serif;
color:#666666;
border:solid 2px #ccc;
margin:0 0 20px;
width:100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

.by {border:0;
padding:3px 8px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#666666;
border:solid 2px #ccc;
margin:0 0 20px;
width:30%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

.b {border:0;
padding:3px 8px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#666666;
border:solid 2px #ccc;
margin:0 0 20px;
width:20%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

#re-table table{width:100%;
margin:0;
padding:0;
background-color:;
font-size:;
}



	}
