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

.page-id-422 h1 , .page-id-443 h1 {
	color:#FF0000;
}

/* *********************************************************************************

PC用CSS

************************************************************************************ */

@media screen and (min-width:768px) { 
	
	.page h2{
		text-align: center;
		margin-bottom: 30px;
		text-align: center;
		font-size: 28px;
		color: #000;
}	
	
	#mainVisual2 {
		width:100%;
		height:640px;
		background-image:url(../img/careerTop.jpg);
		background-size:cover;
		background-position:center center;
	}
	
	#mainVisual3 {
		width:100%;
		height:640px;
		background-image:url(../img/interntop.jpg);
		background-size:cover;
		background-position:center center;
	}
	#careerMessage {
		padding:60px 0 0;
	}
	.jobPage {
		background-color:#f2f2f2;
		padding:60px 0;
	}
	.jobPage .container {
		background-color:#fff;
		padding:60px ;
	}
	.ChangeElem_Btn {
		padding:10px;
		width:250px;
		font-size:18px;
		background-color:#ccc;
		cursor:pointer;
		text-align:center;
		border-right:1px solid #fff;
	}
	.ChangeElem_Panel h3 {
		text-align:center;
		margin-bottom:30px;
		font-size:24px;
	}
	.ChangeElem_Panel table {
		border-collapse:collapse;
		width:100%;
	}
	.ChangeElem_Panel th , .ChangeElem_Panel td {
		padding:15px;
		border-bottom:1px solid #000;
	}
	.ChangeElem_Panel th {
		width:25%;
	}
	.ChangeElem_Panel td {
		width:75%;
	}
	.is-active {
		background-color:#f2f2f2;
	}
	#evatuation {
		padding:60px 0;
	}
	#evatuation li {
		width:48%;
		border:1px solid #f2f2f2;
	}
	#evatuation li h3 {
		background-color:#f2f2f2;
		text-align:center;
		padding:10px;
	}
	#evatuation li .seido {
		padding:15px;
	}
	#entryForm {
		padding:60px 0;
		background-color:#fff;
	}
	/* #entryForm */ input.entryform ,#entryForm textarea.entryform {
		background-color:#f2f2f2;
		padding:15px;
		width:100%;
	}
	#entryForm table,.mw_wp_form table {
		width:100%;
		border-collapse:collapse;
	}
	#entryForm tr ,.mw_wp_form tr {
		border-bottom:solid 15px #fff;
	}
	#entryForm th ,.mw_wp_form th{
		width:25%;
		background-color:#deb887;
		padding:15px 25px;
	}
	#entryForm td ,.mw_wp_form td{
		width:75%;
		background-color:#f2f2f2;
	}
	.mw_wp_form_confirm td {
		padding-left:25px;
	}
	#entryForm td.check ,.mw_wp_form td.check{
		padding-left:25px;
	}
	input.entryform ,textarera.entryform {width:100%;}
	.error {width:100%;}
	.privacyBox {
		background-color:#f2f2f2;
		padding:25px;
		width:100%;
		height:240px;
		overflow-y:scroll;
		margin-bottom:20px;
	}
	.privacyBox h3 {
		margin-bottom:15px;
		text-align:center;
	}
	input.formButton {
		width:100%;
		background-color:#000;
		color:#fff;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		padding:15px;
		cursor:pointer;
		margin-top:20px;
	}
	#page {
		margin-top:64px;
		padding:60px 0;
	}
	#intern {
		padding:0 ;
	}
	#intern h1 {
		text-align:center;
		font-size:48px;
	}
	
/* ****************************************** 記事一覧ページ ***************************************************** */
	
	#newsList {
		margin-top:64px;
		padding:60px 0;
		background-color:#f2f2f2;
	}
	
}


/* *********************************************************************************

SP用CSS

************************************************************************************ */

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

	.page h2{
		text-align: center;
		margin-bottom: 25px;
		text-align: center;
		font-size: 20px;
		color: #000;
}	
	
	#mainVisual2 {
		width:100%;
		height:300px;
		background-image:url(../img/careerTop.jpg);
		background-size:cover;
		background-position:center center;
	}
	#mainVisual3 {
		width:100%;
		height:300px;
		background-image:url(../img/interntop.jpg);
		background-size:cover;
		background-position:center center;
	}
	#careerMessage {
		padding:30px 0;
	}
	.jobPage {
		background-color:#f2f2f2;
		padding:30px 10px;
	}
	.jobPage .container {
		background-color:#fff;
		padding:10px ;
	}
	.ChangeElem_Btn {
		padding:10px;
		width:33.333%;
		font-size:16px;
		background-color:#ccc;
		cursor:pointer;
		text-align:center;
		border-right:1px solid #fff;
	}
	.ChangeElem_Panel h3 {
		text-align:center;
		margin-bottom:20px;
		font-size:24px;
	}
	.ChangeElem_Panel table {
		border-collapse:collapse;
		width:100%;
	}
	.ChangeElem_Panel th , .ChangeElem_Panel td {
		padding:15px;
		border-bottom:1px solid #000;
	}
	.ChangeElem_Panel th {
		width:25%;
	}
	.ChangeElem_Panel td {
		width:75%;
	}
	.is-active {
		background-color:#f2f2f2;
	}
	#evatuation {
		padding:60px 0;
	}
	#evatuation li {
		width:100%;
		border:1px solid #f2f2f2;
	}
	#evatuation li h3 {
		background-color:#f2f2f2;
		text-align:center;
		padding:10px;
	}
	#evatuation li .seido {
		padding:15px;
	}
	#entryForm {
		padding:30px 0;
	}
	#entryForm input.entryform ,#entryForm textarea.entryform ,#mw_wp_form_mw-wp-form-409 input.entryform{
		background-color:#f2f2f2;
		padding:15px;
		width:100%;
	}
	#entryForm table,.mw_wp_form table ,#mw_wp_form_mw-wp-form-409 table{
		width:100%;
		border-collapse:collapse;
	}
	#entryForm tr ,.mw_wp_form tr {
		border-bottom:solid 15px #fff;
		
	}
	#entryForm th ,.mw_wp_form th{
		width:100%;
		background-color:#deb887;
		padding:10px;
		display:block;
	}
	.mw_wp_form_preview td {
		padding:15px;
		
	}
	#entryForm td ,.mw_wp_form td{
		width:100%;
		background-color:#f2f2f2;
		display:block;
	}
	#entryForm td.check ,.mw_wp_form td.check{
		padding:15px;
	}
	.privacyBox {
		background-color:#f2f2f2;
		padding:10px;
		width:100%;
		height:200px;
		overflow-y:scroll;
		margin-bottom:20px;
		font-size:12px;
	}
	.privacyBox h3 {
		margin-bottom:15px;
		text-align:center;
	}
	input.entryform {width:100%;}
	.error {width:100%;}
	input.formButton {
		width:100%;
		background-color:#000;
		color:#fff;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		padding:15px;
		cursor:pointer;
		margin-top:20px;
	}
	textarea {
		width:100%;
	}
	#page {
		padding:30px 0;
		width:100%;
	}
	#intern h1 {
		text-align:center;
		font-size:28px;
	}
	
/* ****************************************** 記事一覧ページ ***************************************************** */
	
	#newsList {
		padding:30px 0;
		background-color:#f2f2f2;
	}
	
}