@charset "UTF-8";

/*
=====================================================================
	アイホーム　営業所紹介
=====================================================================
*/

#contents img{
	width:100%;
	}

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

/* h2
------------------------------------------------------------ */
#contents h2{
	font-size:50px;
	text-align:center;
	margin-bottom:150px;
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
	}

	#contents h2 span{
		border-bottom:1px solid #000;
		padding:0 0 20px 0;
		}

/* officeWrap
------------------------------------------------------------ */
.officeWrap{
	width:800px;
	margin:0 auto 100px;
	}

.officeWrap h3{
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
	font-size:20px;
	color:#5a5858;
	margin-bottom:20px;
	}

.officeInner{
	display:flex;
	justify-content: space-between;
	margin-bottom:30px;
	}

.officeInner .photo{
	width:28%;
	}

.officeInner .txt{
	width:57%;
	}

.officeInner .txt table{
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
	font-size:16px;
	color:#5a5858;
	}

.officeInner .txt table th,
.officeInner .txt table td{
	padding:0 0 20px;
	vertical-align:top;
	}

/* btnWrap
------------------------------------------------------------ */
#btnWrap{
	width:40%;
	margin:0 auto 60px auto;
	}

	#btnWrap ul{
		display:flex;
		justify-content:space-between;
		}

		#btnWrap ul li{
			width:40%;
			font-size:20px;
			font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
			}

			#btnWrap ul li a{
				border:1px solid #000;
				display:block;
				color:#000;
				padding:25px 0;
				text-align:center;
				text-decoration:none;
				font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
				}

				#btnWrap ul li a:hover{
					color:#999;
					border:1px solid #999;
					}

}



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

#contents{
	padding-top:80px !important;
	}

/* h2
------------------------------------------------------------ */
#contents h2{
	font-size:40px;
	text-align:center;
	margin-bottom:100px;
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
	}

	#contents h2 span{
		border-bottom:1px solid #000;
		padding:0 0 20px 0;
		}

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

.officeWrap h3{
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
	font-size:18px;
	color:#5a5858;
	margin-bottom:20px;
	}

.officeInner{
	margin-bottom:30px;
	}

.officeInner .photo{
	width:100%;
	margin:0 0 30px;
	}

.officeInner .txt{
	width:100%;
	}

.officeInner .txt table{
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
	font-size:14px;
	color:#5a5858;
	}

.officeInner .txt table th,
.officeInner .txt table td{
	padding:10px;
	vertical-align:top;
	}

#contents .officeWrap .map iframe{
	width:100% !important;
	height:200px;
	}

/* btnWrap
------------------------------------------------------------ */
#btnWrap{
	width:90%;
	margin:0 auto 30px auto;
	}

	#btnWrap ul{
		display:flex;
		justify-content:space-between;
		}

		#btnWrap ul li{
			width:48%;
			font-size:16px;
			font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
			}

			#btnWrap ul li a{
				border:1px solid #000;
				display:block;
				color:#000;
				padding:15px 0;
				text-align:center;
				text-decoration:none;
				font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
				}

				#btnWrap ul li a:hover{
					color:#999;
					border:1px solid #999;
					}

}