@charset "utf-8";


/* --------------
company.html
-------------- */

#soshiki{
	margin: 0 auto;
	text-align: center
}


#gaikan{margin: 0 auto 20px;
	text-align: center}
	
	#soshiki img,
	#gaikan img{
		max-width: 100%;
		height: auto
	}
/* ------------------------------
 company.html#about
------------------------------ */

@media (min-width: 0px) and (max-width:  414px) {
	#greeting{
	margin-bottom: 40px;
	background: url(../images/company/greeting_bg.png) repeat-x center bottom;
	-moz-background-size:100% auto;
	background-size:100% auto;
	padding: 1em;
	}
	#massage{
		text-align: left
	}
	
	#massage p{
		margin-bottom: .8em;
		font-size: 1.1em;
		line-height: 1.6em;
	}
	
	
	#greeting h2{
		padding-bottom: 1em;
		font-size: 1.8em;
		font-family: "A1明朝",A1 Mincho
	}
	#daihyo{
		width: 25%;
		float: left;
		margin-right: 2em;
		margin-bottom: 1em
		
	}
	#daihyo img{
		width: 100%;
		height: auto
	}


	table#com{
		width: 100%;
		margin:0px auto .5em;
	}
	
	table#com caption{
		caption-side: bottom;
		text-align: right;
		padding-bottom: 1em;
		color: #666
	}
	
	
	table#com th,
	table#com td{
		padding: 1.2em 1em;
		border-bottom: 1px solid #FFF;
		text-align: left
	}
	table#com th{
		text-align:center;
		vertical-align:middle;
		width:25%;
		font-size:1.1em
	}
	
	table#com td,
	table#com td{
		font-size:1.1em;
		color: #444
	}
	
	table#com td a{
		font-size:1em
	}
	
	.lfont{
		font-size:1.1em}
	
	table#com tr:nth-child(odd) {
		background-color: rgba(244,243,240,0.84);
	}
	
	#map-canvas{
		width:100%;
		height:300px;	
		}
	
	
	table#com td dd:nth-child(odd) {
	    background-color: #fdfff3;
	}
	
	table#com ul{}

	table#com li{
		margin-bottom: .2em
	}
	
	
	#google_map{
		padding: 5px;
		background: url(../images/material/bgami_glay.gif);
		margin-left:10px;
	}
	
	/*Gmap*/
	.acf-map {
	width: 100%;
	height: 300px;
	}
	
	dl.tb{
		width: 100%
	}
	
	dl.tb dt{
		float: left;
		width: 55%
	}
	
	dl.tb dd{
		float: left;
		text-align: right;
	}
	

	}
	

@media (min-width: 415px) {		
	#greeting{
	margin-bottom: 50px;
	background: url(../images/company/greeting_bg.png) repeat-x center bottom;
	-moz-background-size:100% auto;
	background-size:100% auto;
	padding: 2.5em;
	}
	#massage{
		float: left;
		width: 72%
	}
	
	#massage p{
		margin-bottom: .8em;
		font-size: 1.1em;
		line-height: 1.6em;
	}
	
	
	#greeting h2{
		padding-bottom: 1em;
		font-size: 1.8em;
		font-family: "A1明朝",A1 Mincho
	}
	#daihyo{
		width: 25%;
		float: right;
		
	}
	#daihyo img{
		width: 100%;
		height: auto
	}

	table#com{
		width: 100%;
		margin:0px auto .5em;
	}
	
	table#com caption{
		caption-side: bottom;
		text-align: right;
		padding-bottom: 1em;
		color: #666
	}
	
	
	table#com th,
	table#com td{
		padding: 1.2em 1em;
		border-bottom: 1px solid #FFF;
	}
	table#com th{
		text-align:center;
		vertical-align:middle;
		width:20%;
		font-size:1.1em
	}
	
	table#com td,
	table#com td{
		font-size:1.1em;
		color: #444
	}
	
	table#com td a{
		font-size:1em
	}
	
	.lfont{
		font-size:1.1em}
	
	table#com tr:nth-child(odd) {
		background-color: rgba(244,243,240,0.84);
	}
	
	#map-canvas{
		width:100%;
		height:500px;	
		}
	
	
	table#com td dd:nth-child(odd) {
	    background-color: #fdfff3;
	}
	
	table#com ul{}

	table#com li{
		margin-bottom: .2em
	}
	
	
	#google_map{
		padding: 5px;
		background: url(../images/material/bgami_glay.gif);
		margin-left:10px;
	}
	
	/*Gmap*/
	.acf-map {
	width: 100%;
	height: 300px;
	}
	
	dl.tb{
		width: 50%
	}
	
	dl.tb dt{
		float: left;
		width: 55%
	}
	
	dl.tb dd{
		float: left;
		text-align: right;
	}

}	




ul.nintei {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 1em;
  margin: 0 auto 3em;
  max-width: 800px;
  justify-items:center
}

ul.nintei li img{
	width: 100%;
	height: auto
}



/* ------------------------------
 recruit.html
------------------------------ */
div#recruit{
	margin-bottom: 20px;
}
div#recruit h3{
	margin-bottom: 20px;
}

p.stitle{
	text-align: center;
	margin-bottom: 20px;
}

div#recruit table{
	border-collapse: collapse;
	margin-bottom: 15px;
	width: 100%;
	border: 2px solid #CCC;
}

div#recruit th,
div#recruit td{
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px;
}

div#recruit th{
	background: #E2EBF5;
}

div#recruit th span{
	display: block;
	color: #000;
	margin-bottom: 2px;
	font-weight: bold;
}

div#recruit td{
	background: #F0F3F5;
}
div#recruit td p{}
div#recruit td .shikaku{
	color: #F60;
}

.oubo{
	font-size: larger;
	font-weight: bold;
	color: #F30;
	text-align: center;
}