@charset "UTF-8";

/*
=====================================================================
	アイホーム　会社情報
=====================================================================
*/



/* ============================================================================================== */
@media print, screen and (min-width:641px) {

/* contents
---------------------------------------------------------------------- */
#contents h2{
	font-weight:bold;
	margin-bottom:30px;
	border-left:5px solid #006D9F;
	padding:5px 0 5px 20px;
	font-size:20px;
	}

#contents h3{
	font-weight:bold;
	margin-bottom:30px;
	font-size:18px;
	}

/* ====================================================================

会社情報トップ

==================================================================== */
.infoTop{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}

.infoMenu{
	width:238px;
	border:1px solid #000;
	margin-bottom:30px;
	}


	.infoMenu .inner{
		padding:15px;
		}

		#contents .infoMenu .inner h2{
			border-left:none;
			padding:0;
			font-weight:normal;
			text-align:center;
			}

/* ====================================================================

ごあいさつ

==================================================================== */

.infoWrap{
	width:915px;
	margin:0 auto 50px;
	}

.photo{
	float:left;
	width:250px;
	}

	#contents .photo p{
		margin:10px 0 0;
		text-align:center;
		font-size:15px;
		}

		#contents .photo p span{
			font-size:12px;
			}

.infoInner{
	float:right;
	width:640px;
	}


/* ====================================================================

会社概要

==================================================================== */
.aboutWrap{
	width:80%;
	margin:0 auto 60px;
	}

.aboutWrap table{
	border-collapse:collapse;
	border:1px solid #231815;
	font-size:14px;
	width:100%;
	}

	.aboutWrap table th{
		padding:10px;
		background:#CEE7EF;
		border:1px solid #231815;
		width:110px;
		}

	.aboutWrap table td{
		padding:10px;
		border:1px solid #231815;
		}

		.aboutWrap table td span{
			font-weight:bold;
			}

.historyWrap{
	width:80%;
	margin:0 auto 60px;
	}

.historyWrap table{
	border-collapse:collapse;
	border:1px solid #231815;
	font-size:14px;
	width:100%;
	}

	.historyWrap table th{
		padding:10px;
		background:#CEE7EF;
		border-right:1px solid #231815;
		vertical-align:top;
		width:110px;
		text-align:right;
		}

	.historyWrap table td{
		padding:10px;
		}

		.historyWrap table td span{
			font-weight:bold;
			}

#photoWrap{
	width:915px;
	height:500px;
	margin:0 auto 60px;
	}

.bannerWrap{
	width:915px;
	margin:60px auto 0;
	}

	.bannerWrap ul{
		width:948px;
		margin-right:-33px;
		}

		.bannerWrap ul li{
			float:left;
			margin-right:33px;
			}

/* ====================================================================

営業所ご案内

==================================================================== */
.officeWrap{
	width:915px;
	margin:0 auto 80px;
	}

	.officeWrap .officeInner{
		margin-bottom:60px;
		}

		.officeWrap .officeInner .officePhoto{
			float:left;
			width:427px;
			}

		.officeWrap .officeInner .officeInfo{
			float:right;
			width:445px;
			}

			.officeWrap .officeInner .officeInfo dl{
				margin-bottom:8px;
				}

				.officeWrap .officeInner .officeInfo dl dt{
					float:left;
					margin-right:15px;
					}

				.officeWrap .officeInner .officeInfo dl dd{
					float:left;
					}

#map_canvas{
	width:915px;
	height:600px;
	margin:0 auto;
	}



/* ====================================================================

スタッフ紹介

==================================================================== */
.staffWrap{
	width:912px;
	margin:0 auto 40px;
	}

	.staffInner {
		
    	}


	.staffInner .staff{
		width:410px;
		height:210px;
		float:left;
		margin:0 30px 30px 0;
		padding:14px;
		border:1px solid #000;
		}

	.staffInner .staff:nth-child(even){
		margin:0 0 30px 0;
		}

		.staffInner .staff .illust{
			float:left;
			}


		.staffInner .staff .inner{
			float:right;
			width:260px;
			margin-top:20px;
			}

			.staffInner .staff .inner p{
				margin-bottom:8px;
				font-size:15px;
				}

			.staffInner .staff .inner h3{
				margin-bottom:20px;
				font-size:23px;
				}

				.staffInner .staff .inner h3 a{
					font-size:13px;
					color:#e60012;
					}


			.staffInner .staff .inner dl dt{
				margin-bottom:8px;
				font-size:13px;
				}

			.staffInner .staff .inner dl dd{
				font-size:13px;
				}

/* ====================================================================

採用情報

==================================================================== */


}



/* ============================================================================================== */
@media screen and  (max-width:640px) {


/* contents
---------------------------------------------------------------------- */
#contents h2{
	font-weight:bold;
	margin-bottom:30px;
	border-left:5px solid #006D9F;
	padding:5px 0 5px 20px;
	font-size:20px;
	}

/* ====================================================================

会社情報トップ

==================================================================== */
.infoMenu{
	width:100%;
	border:1px solid #000;
	margin-bottom:20px;
	}

	.infoMenu .inner{
		padding:15px;
		}

		#contents .infoMenu .inner h2{
			border-left:none;
			padding:0;
			font-weight:normal;
			text-align:center;
			}

/* ====================================================================

会社情報

==================================================================== */

.infoWrap{
	width:90%;
	margin:0 auto 50px;
	}

	

.photo{
	margin-bottom:30px;
	}

	#contents .photo p{
		margin:10px 0 0;
		text-align:center;
		font-size:15px;
		}

		#contents .photo p span{
			font-size:12px;
			}

.infoInner{
	margin-bottom:30px;
	}

/* ====================================================================

会社概要

==================================================================== */
.aboutWrap{
	width:90%;
	margin:0 auto 60px;
	}

.aboutWrap table{
	font-size:14px;
	width:100%;
	}

	.aboutWrap table th,
	.aboutWrap table td{
		width:100%;
		display:block;
		box-sizing:border-box;
		margin-bottom:8px;
		}

		.aboutWrap table th{
			padding:5px;
			background:#CEE7EF;
			border:1px solid #231815;
			}

	
		.aboutWrap table td span{
			font-weight:bold;
			}

.historyWrap{
	width:90%;
	margin:0 auto 60px;
	}

.historyWrap table{
	font-size:14px;
	width:100%;
	}

	.historyWrap table th,
	.historyWrap table td{
		width:100%;
		display:block;
		box-sizing:border-box;
		margin-bottom:8px;
		}

		.historyWrap table th{
			padding:5px;
			background:#CEE7EF;
			border:1px solid #231815;
			}

#photoWrap{
	width:90%;
	margin:0 auto 60px;
	}


.bannerWrap{
	width:90%;
	margin:40px auto 0;
	}

	.bannerWrap ul{
		}

		.bannerWrap ul li{
			margin-bottom:10px;
			}

/* ====================================================================

営業所ご案内

==================================================================== */
.officeWrap{
	width:90%;
	margin:0 auto 80px;
	}

	.officeWrap .officeInner{
		margin-bottom:30px;
		}

		.officeWrap .officeInner .officePhoto{
			width:100%;
			margin-bottom:20px;
			}

		.officeWrap .officeInner .officeInfo{
			width:100%;
			}

			.officeWrap .officeInner .officeInfo dl{
				margin-bottom:15px;
				}

				.officeWrap .officeInner .officeInfo dl dt{
					border-bottom:1px solid #000;
					padding-bottom:8px;
					margin-bottom:10px;
					}

				.officeWrap .officeInner .officeInfo dl dd{
					
					}

#map_canvas{
	width:100%;
	margin:0 auto;
	}

	#map_canvas iframe{
		width:100% !important;
		}


/* ====================================================================

スタッフ紹介

==================================================================== */
.staffWrap{
	width:90%;
	margin:0 auto 40px;
	}


	.staffInner .staff{
		width:100%;
		margin:0 30px 30px 0;
		padding:5%;
		border:1px solid #000;
		box-sizing:border-box;
		}

	.staffInner .staff:nth-child(even){
		margin:0 0 30px 0;
		}

		.staffInner .staff .illust{
			width:60%;
			margin:0 auto 20px;
			}


		.staffInner .staff .inner{
			}

			.staffInner .staff .inner p{
				margin-bottom:8px;
				font-size:15px;
				}

			.staffInner .staff .inner h3{
				margin-bottom:20px;
				font-size:23px;
				}

				.staffInner .staff .inner h3 a{
					font-size:13px;
					color:#e60012;
					}


			.staffInner .staff .inner dl dt{
				margin-bottom:8px;
				font-size:13px;
				}

			.staffInner .staff .inner dl dd{
				font-size:13px;
				}

}