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

@media (max-width: 992px) {

	body {
		font-size: .7rem;
	}
	
	/*共通*/
	@media (max-width: 576px) {
		th,td {
			padding-right: 1.75%;
			padding-left: 1.75%;
		}
	}
	
	/*見出し設定*/
	h2 {
		font-size: 1rem;
		letter-spacing: .25em;
		padding-left: 1.25rem;
	}
	h2:after {
		width: 18%;
	}
	#recruit h2 {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	#recruit h3 {
		padding-left: 1rem;
	}




	/*--------　ヘッダー　----------------*/
	
	header .in_parts {
		display: inline-block;
		border-radius: 0;
		padding-top: 0;
		background: rgba(256,256,256,.85);
		bottom: 10%;
	}
	.mv_img {
		height: 230px;
	}
	@media (max-width: 768px) {
		.mv_img {
			height: 180px;
		}
	}


	/*社名*/
	h1 {
		font-size: 1.1rem;
		width: 100%;
		text-align: center;
	}
	.com_copy {
		position: unset;
		font-size: .6em;
	}

	#g-nav{
		/*position:fixed;にし、z-indexの数値を大きくして前面へ*/
		position:fixed;
		z-index: 999;
		/*ナビのスタート位置と形状*/
		top:-120%;
		left: 0;
		width: 100%;
		height: 100vh;/*ナビの高さ*/
		background: #d0f7fd;
		/*動き*/
		transition: all 0.6s;
	}
	
	/*アクティブクラスがついたら位置を0に*/
	#g-nav.panelactive{
		top: 0;
	}
	
	/*ナビゲーションの縦スクロール*/
	#g-nav.panelactive #g-nav-list{
		/*ナビの数が増えた場合縦スクロール*/
		position: fixed;
		z-index: 999; 
		width: 100%;
		height: 100vh;/*表示する高さ*/
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	/*ナビゲーション*/
	#g-nav ul {
		/*ナビゲーション天地中央揃え*/
		position: absolute;
		z-index: 999;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		flex-wrap: wrap;
		margin-top: -10vh;
	}
	
	/*リストのレイアウト設定*/
	#g-nav li{
		flex-basis: 100%;
		border: none;
		font-size: .8rem;
		padding: 1.5vh;
	}
	#g-nav li:first-child {
		border: none;
	}
	#g-nav li a{
		color: #333;
		text-decoration: none;
		padding: 10px;
		display: block;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
	}
	
	/*電話*/
	.tel {
		position: inherit;
		top: unset;
		bottom: 0;
		right: 0;
		width: 100%;
		background: #00afcc;
		box-sizing: border-box;
		padding-bottom: 2rem;
	}
	.tel_no,
	.tel_time {
		text-align: center;
	}
	
	
	
	/*========= ボタンのためのCSS ===============*/
	.openbtn1{
		position: fixed;
		z-index: 9999;/*ボタンを最前面に*/
		top: .25rem;
		right: .25rem;
		cursor: pointer;
		width: 50px;
		height: 50px;
	}
	  
	/*×に変化*/  
	.openbtn1 span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 3px;
		border-radius: 2px;
		background-color: #00afcc;
		width: 45%;
	}
	.openbtn1 span:nth-of-type(1) {
		top:15px; 
	}
	.openbtn1 span:nth-of-type(2) {
		top:23px;
	}
	.openbtn1 span:nth-of-type(3) {
		top:31px;
	}
	.openbtn1.active span:nth-of-type(1) {
		top: 18px;
		left: 18px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}
	.openbtn1.active span:nth-of-type(2) {
		opacity: 0;
	}
	.openbtn1.active span:nth-of-type(3){
		top: 30px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}




	/*--------　フッター　----------------*/
	/*サブナビ*/
	.subnav {
		display: none;
	}
	/*コピーライト*/
	footer .copy {
		background: #00adcc;
	}
	footer .copy p {
		color: #fff;
	}
	
	@media (max-width: 768px) {

		/*ページトップ*/
		.pagetop {
			padding: .25rem;
			bottom: 1.5rem;		
		}
		.pagetop img {
			margin-right: 0;
		}		
			
		@media (max-width: 576px) {
		
			/*コピーライト*/
			footer .copy p {
				font-size: .45rem;
			}
		}
	}


	/*--------　本文共通　----------------*/
	
	
	.content {
		width: 85%;
	}
	
	/*トップページ*/
	#greeting .in_parts .sign img {
		margin-right: 0;
	}
	
	@media (max-width: 768px) {
	
		.content {
			width: 90%;
		}
		
		/*トップページ*/
		#greeting .in_parts_bk {
			background-size: 70% auto;	
		}
		#greeting .in_parts {
			padding-right: 1rem;
			padding-left: 1rem;
			position: relative;
		}
		#greeting .in_parts .aisatsu {
			width: 100%;
			margin-right: 0;
			padding-top: 250px;
		}	
		#greeting .in_parts .sign img {
			width: 240px;
		}
		#greeting .in_parts .kinei {
			position: absolute;
			top: 0;
			left: 50%;
			right: 50%;
			margin-left: -90px;
			width: 180px;
		}	
		
		/*求人情報*/
		#recruit .syosai .point {
			position: inherit;
			top: unset;
			right: unset;
			float: right;
		}
		
		
		@media (max-width: 576px) {
	
			/*トップページ*/
			/*#greeting .in_parts {
				background: linear-gradient(125deg, #fff 0, #fff 60% , rgba(256,256,256,0) 95%, rgba(256,256,256,0) 100%);
			}*/

			#company .fl_l {
				width: 100%;
				text-align: center;
				margin-bottom: .75rem;
			}
			#company .fl_l img {
				width: 50%;
			}
			#company .fl_r {
				width: 100%;
			}	

			/*ギャラリー*/
			#gallery .list .grid_container {
			  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
			}
			#gallery .list .grid_container2 {
			  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
			}	
		
			/*求人情報*/
			#recruit.content {
				width: 100%;
			}
			#recruit p {
				line-height: 1.6;
				padding-right: 1rem;
				padding-left: 1rem;
			}
			#recruit .syosai {
				padding: 1.5rem 5%;
			}
			#recruit .syosai .in_bg {
				padding: 1rem 3.5%;
			}
			#recruit .syosai .point {
				width: auto;
				white-space: normal;
			}
			#recruit .syosai .point span {
				float: right;
				margin-bottom: .5em;
			}
			#recruit .syosai tr {
				border: none;
			}
			#recruit .syosai th,
			#recruit .syosai td {
				display: block;
				width: 100%;
				text-align: left;
			}
			#recruit .syosai th {
				color: #ff6969;
				padding-bottom: .5em;
				border-bottom: 1px solid;
			}
			#recruit .syosai td {
				padding-top: .75em;
			}
		}
	}
}