@charset "utf-8";

#recruit{
  text-align: center;
  padding: 20px 0;
}

/*-- ������ -----------------------------------------------------------------------*/

	a{text-decoration: none;}

	img {border: none;
		vertical-align: middle;
		}

	ul,ol{list-style: none;}




/*-- ��{�ݒ� ---------------------------------------------------------------------*/

	#wrapper,
	#header header,
	#contents,
	#main,
	#footer{
		width: 100%;
		}
	
	#contents,#footer{
		max-width: 600px;
		margin: 0 auto;
		}

	html,body {
		width: 100%;
		height: 100%;
		}

	html{
		overflow-y: scroll;
		font-size: 62.5%;
		}

	body{
		font-size: 14px; font-size: 1.4rem;
		font-family: Arial, Roboto, �gDroid Sans�h, �g��S�V�b�N�h, YuGothic, �g�q���M�m�p�S ProN W3�h, �gHiragino Kaku Gothic ProN�h, �g���C���I�h, Meiryo, sans-serif;
		}

	#wrapper{
		 width: 100%;
	     position: relative;
	     height:auto !important;/*IE6�΍�*/
	     height: 100%;			/*IE6�΍�*/
	     min-height: 100%;
	     }

	#contents{
		padding-bottom:50px; /*�t�b�^�[�̍����Ɠ���*/
		}

	h1,h2{
		font-size: 16px; font-size: 1.6rem;
		}
	h1{color: yellowgreen;}

	h2{margin: 10px 0px 2px 0px;}
	p{margin: 10px 0;}

	/* �摜�T�C�Y�•� */
	.resizeimg img { width: 100%; }
	
	/* �g������ */
	.wakusen#gaiyou iframe{border: 1px solid gray;}

	/*-- �����N�F --*/
	a:link { color: black; }
	a:visited { color: darkgray; }
	a:hover { color: tomato; }


/*-- home ----------------------------------------------------------------*/

	/*-- �^�C�g���� --*/
	#title *{margin: 0; padding: 0;}
	
	/* �Ж��̉摜�u�� */
	#company_name h1{
		width: 194px;
		height: 30px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url("./image/company_name.jpg")  no-repeat;
		background-position: center;
		}

	#company_name h2{
		font-weight: normal; 
		font-size: 12px; 
		font-size: 1.2rem;
		}

	/* ���S�̈ʒu���� */
	#logo{margin: 4px 2px 0 0;}

	.wd320{width: 100%;}
	.fonS24{font-size: 24px}
	.fonB{font-weight: bold}
	.fl{float: left;}
	
	.hr{
		border-top: 1px solid lightgrey;
		}
	
/*-- ��ЊT�v ---------------------------------------------------------------------------*/
	
	/* �e���ڂ̌��o������ */
	#gaiyou dt{
		font-weight: bold;
		color: yellowgreen;
		}
	
	/* �e���ڂ̓�e�����̈ʒu���� */
	#gaiyou dd{
		margin-left: 0;
		margin-bottom: 6px;
		}

/*-- ���i��� ----------------------------------------------------------------------------*/
	#seihin p{margin: 0 0 20px 0;}
		

/*-- ���⍇�� ----------------------------------------------------------------------------*/

	/* �d�b�A�C�R�� */
	img#phone{
		margin-top: 6px;
		margin-right: 8px;
		}

	/* �d�b�ԍ� */
	#contact p{
		font-size: 24px;
		font-weight: bold;
		color: yellowgreen;
		}

	/* ���o������ */
	#denwa{margin-bottom: 30px;}
	
	#midashiForm{margin-bottom: 0px;}

	/* �K�{���͂̃A�X�^���X�N */
	.ast{
		font-weight: bold;
		color: red;
		}

	/* "���⍇����e"�̍��ڕ� */
	#contact textarea{width: 100%;}

	/* �G���[���b�Z�[�W */
	.errMsg{
		font-size: 12px;
		color: #F26522;
		margin-left: 10px;
		}

	#contact li{
		margin-top: 5px;
		}


/*-- �t�H�[�����M������� ----------------------------------------------------------------------------*/

	#kanryou{margin-top: 100px;}
	
	.kanryouMsg1{
		font-size: 18px;
		font-weight: bold;
		color: yellowgreen;
		}



/*-- ���j���[ --------------------------------------------------------------------------------*/
	div.nav ul.nl{
		width: 100%;
		margin: 0;
		padding: 20px 0;
		list-style-type: none;
		text-align: center;
		}

	/* ���j���[���� */
	div.nav ul.nl li{float: left;}

	/* ���ڕ� */
	.nav ul.nl li.item1{width: 25%;}
	.nav ul.nl li.item2{width: 25%;}
	.nav ul.nl li.item3{width: 25%;}
	.nav ul.nl li.item4{width: 25%;}

	/* �����N */
	div.nav ul.nl li a {
	display: block;
	position: relative; /* IE6�p */
	padding: 4px 5px; /* �����N��̗]���i�㉺�A���E�j */
	text-decoration: none; /* �e�L�X�g�̉����̗L�� */
	
	/* font-weight: bold; */
	
	}

	/* �����N��̉E���E�� */
	.item1,.item2,.item3{
		border-right: 1px #cccccc solid;
		margin-right: -1px;
		}
	
	/* home�{�^���̉摜�u�� */
	.item1{
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url("./image/home.png")  no-repeat 23px 2px;
		background-position: center;
		}


/*-- footer ------------------------*/
	#footer{
		position:absolute;	/* �t�b�^�[���ʉ��[�ɌŒ肷��[�u */
		bottom:0;			/* �t�b�^�[���ʉ��[�ɌŒ肷��[�u */
		text-align: center;
		height: 50px;
		color: white;
		background: gray;
		}


/*-- �ėpclass�̒�` ------------------------------------------------------------------------*/

	/*-- �}�[�W���ݒ� --*/	
	.mr30{margin-right: 30px}
	.mb4{margin-bottom: 4px}	

	/*-- float�̉��(�e�v�f�ɓK�p����) --*/
	.clearfix:after{
	  	content: "";
	  	clear: both;
	  	display: block;
		}
		
/*20160627****************************/
.headLogo h1{float:left; margin-right:10px !important;}
.headLogo h2{float:left; padding-top:22px !important; font-size:11px;}
.title{padding-top:10px;}

/*caution****************************/

.caution{
	border:1px solid #F00;
	padding:20px;
	margin:30px auto;
	}

.cautionInner{
	margin:0 auto;
	background:#eee;
	padding:15px;
	}

.caution h2{
	color:#F00;
	font-size:18px;
	margin-bottom:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.bold{font-weight:bold;}


.caution{text-align:left;	}
.caution .fLeft,.caution .fRight{float:none; width:auto;}
.caution .fLeft{ margin-bottom:15px;}

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


@media screen and (max-width: 768px){
  #recruit img{
    width: 100%;
  }
}