@charset "UTF-8";

/*
=====================================================================
	アイホーム　zeb
=====================================================================
*/

#contents img{
	width:100%;
	}

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


/* contents
---------------------------------------------------------------------- */
#contents h2{
	width:60%;
	margin:0 auto 60px;
	}

#contents h3{
	width:30%;
	margin:0 auto 60px;
	}

#contents h4{
	font-size:26px;
	font-weight:bold;
	border-left:10px solid #004da0;
	border-bottom:2px solid #004da0;
	padding:5px 0 5px 15px;
	margin-bottom:30px;
	}

#contents h5{
	font-size:24px;
	font-weight:bold;
	border-left:8px solid #e50012;
	padding:0 0 0 10px;
	margin-bottom:30px;
	}

#contents h5 span{
	border-left:8px solid #009844;
	padding:0 0 0 15px;
	display:inline-block;
	}

#contents p{
	font-size:18px !important;
	margin-bottom:40px;
	}

#contents .mv{
	width:80%;
	margin:0 auto 60px;
	}

#contents .item{
	width:100%;
	margin:0 auto 60px;
	}

#contents ul.photoThree{
	display:flex;
	justify-content:space-between;
	margin-bottom:50px;
	}

	#contents ul.photoThree li{
		width:31%;
		}

#contents .taiouWrap{
	display:flex;
	justify-content:space-between;
	margin-bottom:50px;
	}

	#contents .taiouWrap li{
		width:22%;
		text-align: center;
		}

		#contents .taiouWrap li p{
			color:#0085d0;
			margin-top:10px;
			}

#contents .taiouInner{
	width:60%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	}

	#contents .taiouInner .logo{
		width:28%;
		}

	#contents .taiouInner ul{
		font-size:24px;
		width:65%;
		}

#contents .areaWrap{
	width:80%;
	margin:80px auto 0;
	display:flex;
	justify-content:space-between;
	}

	#contents .areaWrap .area{
		
		}

	#contents .areaWrap ul{
		font-size:24px;
		width:25%;
		margin-top:30px;
		}

#contents p.zebIcon{
	font-size:20px;
	background:url(../../img/sec/zeb/zeblogo.png) no-repeat left center;
	background-size:47px 52px;
	padding:20px 0 20px 60px;
	}

#contents #aboutWrap{
	display:flex;
	justify-content: space-between;
	margin-bottom:80px;
	}

	#contents #aboutWrap .aboutL{
		width:45%;
		}

		#contents #aboutWrap .aboutL .aboutMV{
			margin-bottom:30px;
			}

		#contents #aboutWrap .aboutL ul{
			display:flex;
			justify-content: space-between;
			margin-bottom:30px;
			}

			#contents #aboutWrap .aboutL ul li{
				width:43%;
				}

	#contents #aboutWrap .aboutR{
		width:50%;
		}

		#contents #aboutWrap .aboutR table{
			border-collapse:collapse;
			border:2px solid #3f6cb3;
			width:100%;
			}

			#contents #aboutWrap .aboutR table th,
			#contents #aboutWrap .aboutR table td{
				border:2px solid #3f6cb3;
				padding:10px;
				}

			#contents #aboutWrap .aboutR table thead th{
				background:#3f6cb3;
				color:#fff;
				text-align:center;
				}

			#contents #aboutWrap .aboutR table tbody th{
				background:#b9d2e9;
				text-align:center;
				}

			#contents #aboutWrap .aboutR table tbody td span{
				color:#e51c19;
				}

#contents table.setubigaiyou{
	border-collapse:collapse;
	border:2px solid #fff;
	width:100%;
	}

	#contents table.setubigaiyou th,
	#contents table.setubigaiyou td{
		background:#dbe9f4;
		border:2px solid #fff;
		padding:10px;
		}


}


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


/* contents
---------------------------------------------------------------------- */
#contents h2{
	width:60%;
	margin:0 auto 60px;
	}

#contents h3{
	width:30%;
	margin:0 auto 60px;
	}

#contents h4{
	font-size:26px;
	font-weight:bold;
	border-left:10px solid #004da0;
	border-bottom:2px solid #004da0;
	padding:5px 0 5px 15px;
	margin-bottom:30px;
	}

#contents h5{
	font-size:24px;
	font-weight:bold;
	border-left:8px solid #e50012;
	padding:0 0 0 10px;
	margin-bottom:30px;
	}

#contents h5 span{
	border-left:8px solid #009844;
	padding:0 0 0 15px;
	display:inline-block;
	}

#contents p{
	font-size:18px !important;
	margin-bottom:40px;
	}

#contents .mv{
	width:80%;
	margin:0 auto 60px;
	}

#contents .item{
	width:100%;
	margin:0 auto 60px;
	}

#contents ul.photoThree{
	display:flex;
	justify-content:space-between;
	margin-bottom:50px;
	}

	#contents ul.photoThree li{
		width:31%;
		}

#contents .taiouWrap{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:50px;
	}

	#contents .taiouWrap li{
		width:42%;
		text-align: center;
		}

		#contents .taiouWrap li p{
			color:#0085d0;
			margin-top:10px;
			}

#contents .taiouInner{
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	}

	#contents .taiouInner .logo{
		width:24%;
		}

	#contents .taiouInner ul{
		font-size:18px;
		width:68%;
		}

#contents .areaWrap{
	width:100%;
	margin:80px auto 0;
	display:flex;
	justify-content:space-between;
	}

	#contents .areaWrap .area{
		
		}

	#contents .areaWrap ul{
		font-size:18px;
		width:60%;
		margin-top:30px;
		}

#contents p.zebIcon{
	font-size:20px;
	background:url(../../img/sec/zeb/zeblogo.png) no-repeat left center;
	background-size:47px 52px;
	padding:20px 0 20px 60px;
	}

#contents #aboutWrap{
	
	margin-bottom:80px;
	}

	#contents #aboutWrap .aboutL{
		margin-bottom:30px;
		}

		#contents #aboutWrap .aboutL .aboutMV{
			margin-bottom:30px;
			}

		#contents #aboutWrap .aboutL ul{
			display:flex;
			justify-content: space-between;
			margin-bottom:30px;
			}

			#contents #aboutWrap .aboutL ul li{
				width:43%;
				}

	#contents #aboutWrap .aboutR{
		
		}

		#contents #aboutWrap .aboutR table{
			border-collapse:collapse;
			border:2px solid #3f6cb3;
			width:100%;
			font-size:14px;
			}

			#contents #aboutWrap .aboutR table th,
			#contents #aboutWrap .aboutR table td{
				border:2px solid #3f6cb3;
				padding:5px;
				}

			#contents #aboutWrap .aboutR table thead th{
				background:#3f6cb3;
				color:#fff;
				text-align:center;
				}

			#contents #aboutWrap .aboutR table tbody th{
				background:#b9d2e9;
				text-align:center;
				}

			#contents #aboutWrap .aboutR table tbody td span{
				color:#e51c19;
				}

#contents table.setubigaiyou{
	border-collapse:collapse;
	border:2px solid #fff;
	width:100%;
	font-size:14px;
	}

	#contents table.setubigaiyou th,
	#contents table.setubigaiyou td{
		background:#dbe9f4;
		border:2px solid #fff;
		padding:5px;
		}



}