@charset "utf-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/* CSS Document */
body {	width:100%;
		margin:0px;
    	font-family: 'Noto Sans JP', "メイリオ", "Arial", "ヒラギノ角ゴ ProN",sans-serif;
    	font-size: 16px;
    	color:#333;
    	background-color: #fff;
		text-align:center;
		letter-spacing:0.1em;
		line-height: 1.8em;}

.img2, .footer img{width:100%; height:auto; vertical-align:middle; line-height:0;} /*スライダー部分*/
img{width:auto;}/*スライダー以外の画像*/

.hover{-webkit-transition: all 0.3s ease;
    		-moz-transition: all 0.3s ease;
    		-o-transition: all 0.3s ease;
    		transition: all  0.3s ease;}
.hover:hover {opacity: 0.7; /* マウスオーバー時30％ほど透明にする */}	

a{text-decoration-line: none;
 color:#333;}

/*その他文字*/	
/*フッタ・一部サブ見出しなどのフォント*/
.zen-maru-gothic {font-family: "Zen Maru Gothic", serif;}	

/*文字サイズ*/
.h2{font-size:150%;}
.bold{font-weight:bold;}

/*文字色*/
.white{color: white;}
.green{color: #006428;}	
.skyblue{color:#009bd7;}

/*文字並び*/
.te-le{text-align: left;}
.te-cen{text-align: center;}
.te-ri{text-align: right}
.te-le-cen{text-align:left;}
.te-cen-le{text-align:center;}
.te-ri-cen{text-align:right;}
@media screen and (max-width: 639px) {
.te-le-cen{text-align:center;}
.te-cen-le{text-align:left;}
.te-ri-cen{text-align:center;}}

/*背景色*/
.bg_black{background: black;}
.bg_green{background:#006428;}
.bg_skyblue{background:#009bd7;}




/* コンテンツ領域 */
/*-----------------------------------------*/
/*共通コンテナ*/
	.container {width: 100%;
				height:100%;
				margin:0 auto;}
/*コンテンツ白*/
	.contents_w {width: 100%;
				height:auto; margin:auto; height:auto;
				text-align:left;}
/*コンテンツ内*/
	.con_in { margin:auto;
				padding:2.5%;
				width:100%;
				max-width:980px;
				height:auto;}	
	@media screen and (max-width: 639px) {.con_in{padding:10% 7.5%;}}






/*★ 固定ヘッダ部 */
/*-----------------------------------------*/
/*----------------------------------*/
/*レスポンシブ対応の固定ヘッダーナビ*/
/*----------------------------------*/
	.inner 	{	width: 100%;
	max-width:980px !important;
			margin: 0 auto;}
	.inner:after {	content: "";
				clear: both;
				display: block;}
 
/*------header------*/
	#top-head {	
    			position: fixed;
    			width: 100%;
				margin: 0 auto;
    			line-height:0.2;
    			z-index: 999;
				height:60px;
				background-color:#fff;}
	#top-head a,
	#top-head {	color: #333;
				text-decoration: none;}
	#top-head .inner {position: relative;}
	#top-head .logo {	float: left;
						font-size: 36px;}
	#global-nav ul {list-style: none;
    				position: absolute;
    				right: 0;
    				bottom: 0;
    				font-size: 14px;}
	#global-nav ul li {float: left;}
	#global-nav ul li a {padding: 5px 20px;}
	li.global-nav_rec a  {background: #FFA000 !important;
						color: #fff !important;
						font-weight: bold; !important}
 
/* ------Fixed------ */
	#top-head.fixed {	margin-top: 0;
    					top: 0;
    					position: fixed;
    					padding-top: 10px;
    					height: 55px;
    					background: #fff;
    					background: rgba(255,255,255,.7);
    					transition: top 0.65s ease-in;
    					-webkit-transition: top 0.65s ease-in;
    					-moz-transition: top 0.65s ease-in;}
	#top-head.fixed .logo {font-size: 24px;
    						color: #333;}
	#top-head.fixed #global-nav ul li a {color: #333;
    									padding: 0 20px;}
 
/* ------Toggle Button------ */
	#nav-toggle {display: none;
    			position: absolute;
    			right: 12px;
    			top: 14px;
    			width: 34px;
    			height: 36px;
    			cursor: pointer;
    			z-index: 101;}
	#nav-toggle div {position: relative;}
	#nav-toggle span {display: block;
    				position: absolute;
    				height: 4px;
    				width: 100%;
    				background: #666;
    				left: 0;
    				-webkit-transition: .35s ease-in-out;
    				-moz-transition: .35s ease-in-out;
    				transition: .35s ease-in-out;}
	#nav-toggle span:nth-child(1) {top: 0;}
	#nav-toggle span:nth-child(2) {top: 11px;}
	#nav-toggle span:nth-child(3) {top: 22px;}


/*-----------スマホ-------------*/
	@media screen and (max-width: 770px) {
		#top-head,
		.inner {width: 100%;
				padding: 0;}
		#top-head {	top: 0;
					position: fixed;
					margin-top: 0;}

	/* ------Fixed reset------ */
    	#top-head.fixed{padding-top: 0;
        				background: transparent;}
    	#mobile-head {	background: #fff;
        				width: 100%;
        				height: 60px;
        				z-index: 999;
        				position: relative;}
    	#top-head.fixed .logo,
    	#top-head .logo {position: absolute;
        				left: 13px;
        				top: 0px;
        				color: #333;
        				font-size: 26px;}
    	#global-nav {position: absolute;
		/* 開いてないときは画面外に配置 */
        			top: -500px;
        			background: #fff;
        			width: 100%;
        			text-align: center;
        			padding: 10px 0;
        			-webkit-transition: .5s ease-in-out;
        			-moz-transition: .5s ease-in-out;
        			transition: .5s ease-in-out;}
    	#global-nav ul {list-style: none;
        				position: static;
        				right: 0;
       					bottom: 0;
        				font-size: 14px;
						margin-left: -40px;}
    	#global-nav ul li {	float: none;
        					position: static;}
    	#top-head #global-nav ul li a,
    	#top-head.fixed #global-nav ul li a {width: 100%;
        									display: block;
        									color: #333;
        									padding: 18px 0;}
    	#nav-toggle {display: block;}

	/* -----#nav-toggle 切り替えアニメーション------ */
		.open #nav-toggle span:nth-child(1) {top: 11px;
        									-webkit-transform: rotate(315deg);
        									-moz-transform: rotate(315deg);
        									transform: rotate(315deg);}
    	.open #nav-toggle span:nth-child(2) {width: 0;
        									left: 50%;}
    	.open #nav-toggle span:nth-child(3) {top: 11px;
        									-webkit-transform: rotate(-315deg);
       										-moz-transform: rotate(-315deg);
        									transform: rotate(-315deg);}

	/* ------#global-nav スライドアニメーション------ */
    	.open #global-nav {
			/* #global-nav top + #mobile-head height */
        	-moz-transform: translateY(556px);
        	-webkit-transform: translateY(556px);
        	transform: translateY(556px);}}
	

	
/*固定ヘッダ被り防止余白*/		
.blank{ height:60px;}


/*デバイス別表示切替*/ 			
.pc{display:block;}   			
.sp{display:none;}
@media screen and (max-width: 639px) {
   .pc{display:none;}
   .sp{display:block;}}






/*-レスポンシブでのボックスの横並び-*/
/*----------------------------------*/
/*コンテンツカラム（全体）*/
	.wrap{	width:100%;
			margin:0px auto;
			overflow:hidden;
			padding:0px;}
	*, *:before, *:after {  -webkit-box-sizing: border-box;
	       					-moz-box-sizing: border-box;
	         				-o-box-sizing: border-box;
	       					-ms-box-sizing: border-box;
	            				box-sizing: border-box;}
/*3→1カラムにする*/
.cssgrid0301 {display: grid;
    		grid-template-columns: 1fr 1fr 1fr;
    		grid-gap: 0.8em;}
@media (max-width:639px) {.cssgrid0301{grid-template-columns: 1fr;}}
/*2→1カラムにする*/
.cssgrid0201 {display: grid;
    		grid-template-columns: 1fr 1fr;
    		grid-gap: 0.8em;}
@media (max-width:639px) {.cssgrid0201{grid-template-columns: 1fr;}}
	







/*フッタ全般*/
/*--------------------------------*/	
/*フッタ領域*/
.footer {width: 100%;
			height:150px;
			background-color:#fff;}
.footer_in {width: 100%;
			max-width: 400px;
			margin: auto;}

/*2→1カラム　フッタ*/	
@media (max-width:639px) {.cssgrid_foot{grid-gap: 0em;}}


/*コピー部分*/
	.copy {	width: 100%;
			height:50px;
			color:#fff;
			background:url(line_under.jpg) no-repeat right bottom/contain;
			background-color:#006428;
			line-height:50px; /*縦中央揃え*/
			font-size:11px;}	
@media screen and (max-width: 639px) {
	.copy {	width: 100%;
			height:50px;
			color:#fff;
			background:url(line_under_sp.jpg) no-repeat right bottom/contain;
			background-color:#006428;
			line-height:50px; /*縦中央揃え*/
			font-size:11px;
			letter-spacing:0.05em;}}			






			
/*---トップページ以外共通---*/
/*--------------------------------*/
/*サブタイトル部分*/
	.sub{	width: 100%;
			height:50px;
			color:#fff;
			background:url(line_over.jpg) no-repeat left top;
			background-color:#006428;
			font-size:20px;
			font-weight:bold;
			letter-spacing: 5px;
			line-height:50px;
			text-align:center;}
/*サブサブタイトル部分*/
	.copy_m {	width: 100%;
			height:25px;
			opacity: 0.70; /* 70％不透明度(＝45％透過) */
			background-color:#fff;
			line-height:25px; /*縦中央揃え*/
			letter-spacing: 2px;}

@media screen and (max-width: 639px) {
	.sub{	width: 100%;
			height:50px;
			color:#fff;
			background:url(line_over_sp.jpg) no-repeat left top/contain;
			background-color:#006428;
			font-size:20px;
			font-weight:bold;
			letter-spacing: 5px;
			line-height:50px;}}





/*---モーダルウィンドウ---*/
/*--------------------------------*/
/*モーダルウィンドウ：動画*/
#modal-overlay{z-index:1000; 
  display: none;
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background-color: rgba( 0,0,0, 0.75 ); } 

#modal-content {z-index:1001; 
  width:60%; 
  margin: auto; 
  padding: 10px; 
  border: 0px solid #aaa; 
  background: #fff; 
  position: fixed; 
  /*display: none;*/ } 
  
.button-link { color: #00f ; 
  text-decoration: underline; }
.button-link:hover { cursor: pointer ; 
  					 color: #f00 ; }
.modal-img{ max-width:60%;}





/*モーダルウィンドウ：画像のみ*/
.modal-co2 {width: 60% ;
				margin:auto;
				padding: 10px;
				border: 0px solid #aaa ;
				background: #fff ;
				position: fixed ;
				z-index: 2 ;
				display: none ;}
  
#modal-ov2 {z-index: 1 ;
				display: none ;
				position: fixed ;
				top: 0 ;
				left: 0 ;
				width: 100% ;
				height: 120% ;
				background-color: rgba( 0,0,0, 0.75 ) ;}

.video{ margin:auto;
		position:relative;
  		width:100%;
  		padding-top:56.25%;}
.video iframe{	position:absolute;
  				top:0;
  				right:0;
  				width:100%;
  				height:100%;}


/*モーダル要素のサイズ*/
.col_2{width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */}
.col_2 > div{width: 50%;
	padding: 10px;}

	
@media screen and (max-width: 639px) {
#modal-content {width: 100% ;
 		 		margin: auto; 
  				padding: 10px; 
  				border: 0px solid #aaa; 
  				background: #fff; 
  				position: fixed; 
				text-align:center;
				z-index:1001;}
.modal-co2 {width: 100% ;
				margin:auto;
				padding: 10px;
				border: 0px solid #aaa ;
				background: #fff ;
				position: fixed ;
				z-index: 2 ;
				display: none ;}
.modal-img{ max-width:100%}}
@media screen and (min-width: 640px) {.on{display:none;}}
@media screen and (max-width: 639px) {.col_2 > div{width: 100%;  text-align:center;}　.on2{display:none;}}




/*---共通アニメーション---*/
/*--------------------------------*/
/*マーカーアニメーション*/
.marker_anime {
  background:linear-gradient(transparent 50%, rgba(255, 160, 0,0.5) 50%); 
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition:background-size 1.5s;}
.marker_anime.on {background-size: 100% 100%;}




/*---会社概要ページ---*/
/*--------------------------------*/
/*背景*/
.contents_bg_com1 { margin:auto;
				width: 100%;
				height:auto;
				background:url(../../aiturf/company/img/bg1.jpg) no-repeat center center/cover;
				text-align:left;}
.contents_bg_com2 { margin:auto;
				width: 100%;
				height:auto;
				background:url(../../aiturf/company/img/bg2.jpg) no-repeat center center/cover;
				text-align:left;}



/*テーブル*/
.tbl_com1,
.tbl_com2,
.tbl_com3{ 	width:100%;
			max-width:1000px;
			margin:0 auto;}
.tbl_com1 th,
.tbl_com2 th,
.tbl_com3 th{vertical-align: top;
  				padding: 10px 0;}	
.tbl_com1 th { width:30%;}	
.tbl_com2 th  { width:20%;}
.tbl_com1 td,
.tbl_com2 td {padding:0px 10px;}
.t_com3{ width:20%;}
.tbl_com3 td{padding:5px 10px;}



@media screen and (max-width: 640px) {
  .tbl_com_last td:last-child {border-bottom: solid 1px #ccc;
    					width: 100%;}
  .tbl_com1 th,
  .tbl_com2 th{	padding: 0px;
  				border-bottom: none;
    			display: block;
    			width: 100%;}
  .tbl_com1 th{text-align:center;}
  .tbl_com1 td,
  .tbl_com2 td {border-bottom: none;
    			display: block;
    			width: 100%;
				margin:0 auto;}
  .tbl_com1 td {padding:10px 0;}
  .tbl_com2 td {padding-bottom: 30px;}
  .t_com3{width:30%;}}




/*---機械についてページ---*/
/*--------------------------------*/
/*カラム変動*/
/*コンテンツ2カラム（右5左）/5枚用*/
	.right5_left {	padding:0%;
				float: left;
				clear:both;
				width: 83.3334%;		width: calc(83.3334%);	width: -webkit-calc(83.3334%);	width: -moz-calc(83.3334%);}
/*コンテンツ2カラム（右4右）/4枚用*/
	.right5_right {	padding:0%;
				float:left;
				width: 16.666%;		width: calc(16.666%);	width: -webkit-calc(16.666%);	width: -moz-calc(16.666%);}



/*コンテンツ2カラム（右4左）/4枚用*/
	.right4_left {	padding:0%;
				float: left;
				clear:both;
				width: 80%;		width: calc(80%);	width: -webkit-calc(80%);	width: -moz-calc(80%);}
/*コンテンツ2カラム（右4右）/4枚用*/
	.right4_right {	padding:0%;
				float:left;
				width: 20%;		width: calc(20%);	width: -webkit-calc(20%);	width: -moz-calc(20%);}


		
/*コンテンツ2カラム（左3左）/1～3枚用/*/
	.left3_left {	padding:0%;
				float: left;
				clear:both;
				width: 25%;		width: calc(25%);	width: -webkit-calc(25%);	width: -moz-calc(25%);}
/*コンテンツ2カラム（左3右）/1～3枚用/*/
	.left3_right {	padding:0%;
				float:left;
				width: 75%;		width: calc(75%);	width: -webkit-calc(75%);	width: -moz-calc(75%);}/*PC用*/
	.left3_right_sp {display:none;}/*スマホ用*/
		
		
				
				
/*コンテンツ2カラム（右3左）/1～3枚用/*/
	.right3_left {	padding:0%;
				float: left;
				clear:both;
				width: 75%;		width: calc(75%);	width: -webkit-calc(75%);	width: -moz-calc(75%);}
/*コンテンツ2カラム（右3右）/1～3枚用/*/
	.right3_right {	padding:0%;
				float:left;
				width: 25%;		width: calc(25%);	width: -webkit-calc(25%);	width: -moz-calc(25%);}			

.con {flex-wrap: wrap;
      display: flex;
	  background:#000000;}
.box{width:25%; /*4枚横並び、20%で5枚*/}
.box2 , .box3 {width: 100%;
      			height: auto;}
.line{  width:100%;/*コンテンツ間*/
		height:25px;}			
@media screen and (max-width: 639px) {
	  .box {width: 50%; /*5→2枚横並び、33.333%で3枚*/
      		 height: auto;}
	  .box2 {width: 50%; /*2枚横並び*/
      		 height: auto;
      		 margin:0 auto;}
	  .box3 {width: 33.333%; /*3枚横並び*/
      		 height: auto;}
			.right5_left , .right5_right , .right4_left , .right4_right , .left3_left , .left3_right_sp , .right3_left , .right3_right{float:none; width:100%;}
			.left3_right {display:none;}
			.left3_right_sp{ display:block;}}	/*レスポンシブでのボックスの横並びなど*/




/*---作業風景ページ---*/
/*--------------------------------*/
.gal_bg{ margin:auto;
				width: 100%;
				height:auto;
				background:url(../../aiturf/gallery/img/bg.jpg) no-repeat center top/contain;
				text-align:left;}
/*作業風景内モーダルウィンドウサムネ画像*/
.gal_img{width:24.5%;
		 padding:15px 0px 0px 15px;}
#lightbox .lb-container { padding: 0px; }
#lightbox .lb-container img{ width:100%; max-width:1000px; height:auto !important;}
@media screen and (max-width: 639px) {.gal_img{width:48%; margin:0 auto;}}







/*求人情報*/
/*--------------------------------*/
/*メインタイトル英字フォント*/
.Koulen{font-family: "Koulen", serif;
		font-weight: 400;}
	
/*サブタイトル部分*/
.sub_ti_en{font-size: 2.5em;
		line-height: 1.5em;
		letter-spacing:normal;}
.sub_ti_jp{font-size: 1em;
		font-weight: bold;}	
.sub_ti_bg {/*共通*/
   	 		width: 100%;
    		height: auto;
    		padding: 2% 0%;
    		text-align: center;
			color: #fff;}
.ti_bg_rec {background: url("../../aiturf/recruit/img/bg_title.jpg")no-repeat center center/cover;}
@media screen and (max-width: 1000px) {.ti_bg_rec {background: url("../../aiturf/recruit/img/bg_title_sp.jpg")no-repeat center center/cover;}}
	



/*下線付き見出し*/	
.h2_sub_ti_under {width: 100%;
	text-align: center;
	margin:1.5em 0;
	font-size:150%;
  	position: relative;
  	display: inline-block;}
.h2_sub_ti_under:before {
  	content: '';
  	position: absolute;
  	bottom: -20px;
  	display: inline-block;
  	width: 60px;
  	height: 4px;
  	left: 50%;
  	-webkit-transform: translateX(-50%);
  	transform: translateX(-50%);
  	background-color: #006428;
  	border-radius: 2px;}



	


	
	
	
	
	
/*コンテンツ背景画像_求人*/
.contents_bg_rec { margin:auto;
				width: 100%;
				height:auto;
				background:url(../../aiturf/recruit/img/bg.jpg) no-repeat center center/cover;
				text-align:left;}

/*テーブル*/
.tbl_rec{ 	width:100%;
				max-width:980px;
				margin:10px auto;
				text-align:left;
				border-collapse: collapse;/*セル同士を重ねる*/}
.tbl_rec tr {  border-top: 2px solid #006428;}	
.tbl_rec_last:last-child {  border-bottom: 2px solid #006428;}	

.tbl_rec th { width:20%;	padding:20px;}
.tbl_rec td {padding:20px 10px;}


@media screen and (max-width: 640px) {
  .tbl_rec {width: 85%;}
  .tbl_rec th,.tbl_rec td{padding: 10px;
    			 			display: block;
    						width: 100%;}
  .tbl_rec th{background-color: rgba(0,0,0,0.1);
  		 		border-bottom: 2px solid #006428;}	
  .tbl_rec_last:last-child {  border-bottom: none;}}


	
	
	
/*オレンジ色のボタン*/
.btn-flat-simple {
	position: relative;
	display: inline-block;
	font-weight: bold;
	margin:1.2em auto;
	padding: 0.5em 0.3em;
	width: 100%;
	max-width:300px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #FFA000;
	border: solid 2px #FFA000;
	transition: .4s;
	letter-spacing:.3rem;}

.btn-flat-simple:hover {
  background: #fff;
  color: #FFA000;}




/*indeed用のボタン*/
.btn-indeed {
	position: relative;
	display: inline-block;
	font-weight: bold;
	margin:1.2em auto;
	padding: 0.5em 0.3em;
	width: 100%;
	max-width:300px;
	text-decoration: none;
	text-align: center;
	color: #003a9b;
	background: #fff;
	border: solid 2px #003a9b;
	transition: .4s;
	letter-spacing:.3rem;}

.btn-indeed:hover {opacity: 0.7;
	border: solid 2px #5074b9;}