@charset "UTF-8";

/*
=====================================================================
	アイホーム　マッハシステム
=====================================================================
*/

/* color
------------------------------------------------------------ */
#contents .cRed{
	color:#E40012;
	}

#contents .cBlue{
	color:#0099D9;
	}

#contents .cOrange{
	color:#F08300;
	}

#contents .cPink{
	color:#EC6E8F;
	}

#contents .cGreen{
	color:#8CC121;
	}

/* background
------------------------------------------------------------ */
#contents .bgRed{
	background:#E40012;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
	display:inline-block;
	}

#contents .bgBlue{
	background:#D3E2F3;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#contents .bgOrange{
	background:#FBE0C3;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#contents .bgGreen{
	background:#8CC121;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
	color:#fff;
	}

#contents .bgYellow{
	background:#FFFBC7;
	}

/* border
------------------------------------------------------------ */
#contents .borderBlue{
	border:2px solid #0099D9;
	padding:15px;
	}

#contents .borderOrange{
	border:2px solid #FF9933;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
	}



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

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

トップページ

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

#mahaMenu{
	margin:0 0 30px;
	}

	#mahaMenu ul{
		width:980px;
		}

		#mahaMenu li{
			width:230px;
			margin-right:20px;
			float:left;
			}

			#mahaMenu li:last-child{
				margin-right:0;
				}

#mahaSubmenu{
	margin:0 0 30px;
	width:980px;
	}

	#mahaSubmenu ul{
		width:980px;
		margin-bottom:30px;
		}

		#mahaSubmenu li{
			float:left;
			margin-right:20px;
			}

		#mahaSubmenu li:last-child{
			margin-right:0;
			}

	

#featureWrap .featureInner{
	float:left;
	width:480px;
	}

	#featureWrap .featureInner h2{
		background:#0099D9;
		color:#fff;
		border:none;
		padding:8px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-align:center;
		margin-bottom:15px;
		font-size:25px;
		}

	#featureWrap .featureInner ul{
		font-size:16px;
		}

#featureWrap .photo{
	float:right;
	}


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

マッハシステムとは下層

=================================================================== */
#mahaWrap .pageTtl{
	margin-bottom:20px;
	font-size:33px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:120%;
	text-align:center;
	}

	#mahaWrap h2.h1Maha01{
		background:#0099D9;
		color:#fff;
		padding:10px 0;
		}

	#mahaWrap h2.h1Maha02{
		background:#FF9933;
		color:#fff;
		padding:10px 0;
		}

	#mahaWrap h2.h1Maha03{
		background:#8CC121;
		color:#fff;
		padding:10px 0;
		}

	#mahaWrap h2.h1Maha04{
		background:#EC6E8F;
		color:#fff;
		padding:10px 0;
		}

#mahaWrap h2{
	border:none;
	padding:0;
	}

	#mahaWrap h2.h2Maha02{
		margin-bottom:20px;
		font-size:33px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		line-height:120%;
		background:#006BB3;
		color:#fff;
		padding:10px 0;
		text-align:center;
		}

	#mahaWrap h2.h2Maha03{
		margin-bottom:20px;
		font-size:33px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		line-height:120%;
		background:#EAF0D4;
		color:#8CC121;
		padding:10px 0;
		text-align:center;
		}

	#mahaWrap h2.h2Maha04{
		margin-bottom:20px;
		font-size:33px;
		line-height:120%;
		background:#EC6E8F;
		color:#fff;
		padding:10px 0;
		text-align:center;
		}

#mahaWrap h3{
	color:#0099D9;
	font-weight:bold;
	font-size:22px;
	margin-bottom:10px;
	line-height: 150%;
	}

	#mahaWrap h3.bgDblue{
		color:#fff;
		padding:3px 8px;
		background:#006BB3;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		display:inline-block;
		}

	#mahaWrap h3.bgBlue{
		color:#fff;
		padding:3px 8px;
		background:#0099D9;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		display:inline-block;
		}


#mahaWrap h4{
	color:#fff;
	background:#E40012;
	line-height:140%;
	padding:5px 10px;
	margin-bottom:20px;
	font-size:18px;
	}

	#mahaWrap h4.noBg{
		color:#E40012;
		background:none;
		padding:0;
		}

	#mahaWrap h4.cBlue{
		color:#0099D9;
		margin-bottom:10px;
		}

		#mahaWrap h4 img{
			width:100%;
			}

#mahaWrap h5{
	margin-bottom:5px;
	width:480px;
	}

	#mahaWrap h5 img{
		width:100%;
		}

/* pageTopWrap */
#pageTopWrap{
	margin-bottom:40px;
	}

	#pageTopWrap h2{
		float:left;
		}

	#pageTopWrap .pageTopL{
		float:left;
		width:199px;
		}

		#pageTopWrap .pageTopL h2{
			float:none;
			margin-bottom:20px;
			}

		#pageTopWrap .pageTopL p{
			font-size:12px;
			}

	#pageTopWrap .pageTopInner{
		float:right;
		width:700px;
		}

/* マッハシステムって何
------------------------------------------------*/
/* maha01Wrap */
#mahaWrap .maha01Wrap{
	margin-bottom:30px;
	}

	#mahaWrap .maha01Wrap .maha01InnerL{
		float:left;
		width:480px;
		}

	#mahaWrap .maha01Wrap .maha01InnerR{
		float:right;
		width:450px;
		}

#maha01Wrap02{
	margin-bottom:30px;
	}

	#maha01Wrap02 .imgL{
		float:left;
		}

	#maha01Wrap02 .imgR{
		float:right;
		}

	/* dl */
	#mahaWrap dl{
		margin-bottom:20px;
		}

		#mahaWrap dl dt{
			font-size:18px;
			color:#fff;
			display:inline;
			padding:6px;
			-webkit-border-radius: 60%;
			-moz-border-radius: 60%;
			border-radius: 60%;
			line-height:120%;
			}

			#mahaWrap dl dt.blue{
				background:#0099D9;
				}

			#mahaWrap dl dt.orange{
				background:#F08300;
				}

			#mahaWrap dl dd{
				font-size:15px;
				line-height:160%;
				}

#mahaWrap .atention{
	border:2px solid #E40012;
	background:#FFFBC7;
	}

	#mahaWrap .atention h4{
		margin-bottom:0;
		}

	#mahaWrap .atInner{
		padding:8px 15px;
		}


/* マッハシステムの仕組み
------------------------------------------------*/
/* maha02Wrap */
#mahaWrap .maha02Wrap{
	margin-bottom:30px;
	}

	#mahaWrap .maha02Wrap .maha02InnerL{
		float:left;
		width:300px;
		}

	#mahaWrap .maha02Wrap .maha02InnerR{
		float:right;
		}

	#mahaWrap .maha02Wrap p.click{
		font-weight:bold;
		text-decoration:underline;
		}

/* threeClm */
#mahaWrap .threeClm{
	margin-bottom:60px;
	}

	#mahaWrap .columnL{
		float:left;
		width:305px;
		margin-right:27px;
		}

	#mahaWrap .columnR{
		float:right;
		width:305px;
		}

	#mahaWrap .threeClm .clmInner p{

		}

	#mahaWrap .threeClm .clmInner img{
		float:right;
		margin:0 0 8px 8px;
		}

/* マッハシステムの特徴は
------------------------------------------------*/
#pageTopWrap .pageTopInner img.featureImg{
	float:right;
	margin:0 0 20px 15px;
	}

#mahaWrap .maha03Wrap{
	margin-bottom:30px;
	}

	#mahaWrap .maha03Wrap .mahaInnerL{
		float:left;
		width:475px;
		}

	#mahaWrap .maha03Wrap .mahaInnerR{
		float:right;
		width:460px;
		}


/* mahaMainte */
#mahaMainte #btn_mainte p{
	width:980px;
	margin-bottom:30px;
	font-size:38px;
	text-align:center;
	}

	#mahaMainte #btn_mainte p a{
		background:#E40012;
		color:#fff;
		display:block;
		padding:5px 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}

		#mahaMainte #btn_mainte p a span{
			background:url(../../img/sec/maha/feature/icon_arrow.png) no-repeat right center;
			padding:8px 60px 8px 0;
			}

#mahaMainte h3{
	font-size:38px;
	background:#E40012;
	color:#fff;
	text-align:center;
	padding:5px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#mahaMainte h3.bgGreenTwo{
	background:#8CC121;
	color:#FFFF00;
	}

#mahaMainte h4{
	font-size:28px;
	background:#009EE7;
	color:#fff;
	text-align:center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	}

#mahaMainte .mahaMenu{
	width:840px;
	margin:0 auto;
	}

	#mahaMainte .mahaMenu h4{
		background:none;
		color:#8CC121;
		font-size:28px;
		text-align:left;
		}

	#mahaMainte .mahaMenu h5{
		background:none;
		color:#8CC121;
		font-size:25px;
		text-align:left;
		margin-bottom:20px;
		}

	#mahaMainte .mahaMenu h6{
		background:#E40012;
		color:#fff;
		font-size:20px;
		text-align:center;
		padding:5px;
		margin-bottom:20px;
		display:inline-block;
		}

	#mahaMainte .mahaMenu .fullL{
		width:515px;
		float:left;
		}

	#mahaMainte .mahaMenu .fullR{
		width:285px;
		float:right;
		}


/* マッハシステムの実証
------------------------------------------------*/
#mahaWrap .maha04Wrap{
	margin-bottom:30px;
	}

	#mahaWrap .maha04Wrap .mahaInnerL{
		float:left;
		width:485px;
		}

	#mahaWrap .maha04Wrap .mahaInnerR{
		float:right;
		width:480px;
		}

#mahaWrap .maha04Wrap02{
	margin:30px 0;
	}

	#mahaWrap .maha04Wrap02 .mahaInnerL{
		float:left;
		width:480px;
		}

	#mahaWrap .maha04Wrap02 .mahaInnerR{
		float:right;
		width:480px;
		}

p.clickTxt{
	margin-top:20px;
	font-weight:bold;
	font-size:20px;
	}



}


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


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

マッハシステムとは

=================================================================== */
#mahaMenu{
	margin:0 0 30px;
	}

	#mahaMenu ul{
		width:100%;
		}

		#mahaMenu li{
			margin-bottom:15px;
			width:50%;
			text-align:center;
			float:left;
			}

		#mahaMenu li img{
			width:90%;
			}

#mahaSubmenu{
	margin:0 0 30px;
	}

	#mahaSubmenu ul{
		width:100%;
		}

		#mahaSubmenu li{
			margin-bottom:15px;
			}



#featureWrap .featureInner{
	width:100%;
	}

	#featureWrap .featureInner h2{
		background:#0099D9;
		color:#fff;
		border:none;
		padding:8px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-align:center;
		margin-bottom:15px;
		font-size:18px;
		}

	#featureWrap .featureInner ul{
		font-size:13px;
		margin-bottom:20px;
		}

#featureWrap .photo{
	width:100%;
	}

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

マッハシステムとは下層

=================================================================== */
#mahaWrap .pageTtl{
	margin-bottom:20px;
	font-size:22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:120%;
	}

	#mahaWrap h2.h1Maha01{
		background:#0099D9;
		color:#fff;
		padding:10px;
		}

	#mahaWrap h2.h1Maha02{
		background:#FF9933;
		color:#fff;
		padding:10px;
		}


	#mahaWrap h2.h1Maha03{
		background:#8CC121;
		color:#fff;
		padding:10px;
		}

	#mahaWrap h2.h1Maha04{
		background:#EC6E8F;
		color:#fff;
		padding:10px;
		}

#mahaWrap h2{
	border:none;
	padding:0;
	}

	#mahaWrap h2 img{
		width:100%;
		}

	#mahaWrap h2.h2Maha02{
		margin-bottom:20px;
		font-size:22px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		line-height:120%;
		background:#006BB3;
		color:#fff;
		padding:10px;
		}

	#mahaWrap h2.h2Maha03{
		margin-bottom:20px;
		font-size:22px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		line-height:120%;
		background:#EAF0D4;
		color:#8CC121;
		padding:10px;
		}

	#mahaWrap h2.h2Maha04{
		margin-bottom:20px;
		font-size:22px;
		line-height:120%;
		background:#EC6E8F;
		color:#fff;
		padding:10px;
		}

#mahaWrap h3{
	color:#0099D9;
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
	line-height:140%
	}

	#mahaWrap h3.bgDblue{
		color:#fff;
		padding:3px 8px;
		background:#006BB3;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		display:block;
		}

	#mahaWrap h3.bgBlue{
		color:#fff;
		padding:3px 8px;
		background:#0099D9;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		display:block;
		}

#mahaWrap h4{
	color:#fff;
	background:#E40012;
	line-height:140%;
	padding:5px 10px;
	margin-bottom:20px;
	font-size:16px;
	}

	#mahaWrap h4.noBg{
		color:#E40012;
		background:none;
		padding:0;
		}

	#mahaWrap h4.cBlue{
		color:#0099D9;
		margin-bottom:10px;
		}

		#mahaWrap h4 img{
			width:100%;
			}

#mahaWrap h5{
	margin-bottom:5px;
	width:100%;
	}

	#mahaWrap h5 img{
		width:100%;
		}



/* マッハシステムって何
------------------------------------------------*/
/* maha01Wrap */
#mahaWrap .maha01Wrap{
	margin-bottom:30px;
	}

	#mahaWrap .maha01Wrap .maha01InnerL{
		}

	#mahaWrap .maha01Wrap .maha01InnerR{
		}

	#mahaWrap .maha01Wrap img{
		width:100%;
		}

#maha01Wrap02{
	margin-bottom:30px;
	}

	#maha01Wrap02 .imgL img{
		width:100%;
		}

	#maha01Wrap02 .imgR img{
		width:100%;
		}

	/* dl */
	#mahaWrap dl{
		margin-bottom:20px;
		}

		#mahaWrap dl dt{
			font-size:16px;
			color:#fff;
			display:inline;
			padding:6px;
			-webkit-border-radius: 60%;
			-moz-border-radius: 60%;
			border-radius: 60%;
			line-height:120%;
			}

			#mahaWrap dl dt.blue{
				background:#0099D9;
				}

			#mahaWrap dl dt.orange{
				background:#F08300;
				}

			#mahaWrap dl dd{
				font-size:13px;
				}

/* マッハシステムの仕組み
------------------------------------------------*/
/* maha02Wrap */
#mahaWrap .maha02Wrap{
	margin-bottom:30px;
	}

	#mahaWrap .maha02Wrap .maha02InnerL{
		}

	#mahaWrap .maha02Wrap .maha02InnerR{
		}

		#mahaWrap .maha02Wrap .maha02InnerR img{
			width:100%;
			}

	#mahaWrap .maha02Wrap p.click{
		font-weight:bold;
		text-decoration:underline;
		}

/* threeClm */
#mahaWrap .threeClm{
	margin-bottom:60px;
	}

	#mahaWrap .columnL{
		margin-bottom:20px;
		}

	#mahaWrap .columnR{
		margin-bottom:20px;
		}

	#mahaWrap .threeClm .clmInner p{

		}

	#mahaWrap .threeClm .clmInner img{
		float:right;
		margin:0 0 8px 8px;
		width:auto;
		}

/* マッハシステムの特徴は
------------------------------------------------*/
#pageTopWrap{
	margin-bottom:30px;
	}

#pageTopWrap .pageTopInner img.featureImg{
	width:100%;
	margin:0 0 20px;
	}

	#pageTopWrap .pageTopLInner div{
		float:left;
		width:37%;
		margin-bottom:30px;
		}

		#pageTopWrap .pageTopLInner div img{
			width:100%;
			}

	#pageTopWrap .pageTopLInner p{
		float:right;
		width:60%;
		margin-top:20px;
		}

#mahaWrap .maha03Wrap{
	margin-bottom:30px;
	}

	#mahaWrap .maha03Wrap .mahaInnerL,
	#mahaWrap .maha03Wrap .mahaInnerR{
		width:100%;
		margin-bottom:20px;
		}

	#mahaWrap .maha03Wrap02 .mahaInnerR{
		text-align:center;
		}

	#mahaWrap .maha03Wrap .mahaInnerL img,
	#mahaWrap .maha03Wrap .mahaInnerR img{
		width:100%;
		}

/* mahaMainte */
#mahaMainte #btn_mainte p{
	width:100%;
	margin-bottom:30px;
	font-size:16px;
	text-align:center;
	}

	#mahaMainte #btn_mainte p a{
		background:#E40012;
		color:#fff;
		display:block;
		padding:15px 0;
		}

		#mahaMainte #btn_mainte p a span{
			background:url(../../img/sec/maha/feature/icon_arrow.png) no-repeat right center;
			padding:15px 60px 15px 0;
			}

#mahaMainte h3{
	font-size:20px;
	background:#E40012;
	color:#fff;
	text-align:center;
	padding:5px 0;
	}

#contents #mahaMainte p,
#contents #mahaMainte p.f20,
#contents #mahaMainte p.f16{
	font-size:14px !important;
	}

#mahaMainte h3.bgGreenTwo{
	background:#8CC121;
	color:#FFFF00;
	}

#mahaMainte h4{
	font-size:18px;
	background:#009EE7;
	color:#fff;
	text-align:center;
	}

#mahaMainte .mahaMenu{
	width:100%;
	margin:0 auto;
	}

	#mahaMainte .mahaMenu h4{
		background:none;
		color:#8CC121;
		font-size:16px;
		text-align:left;
		}

	#mahaMainte .mahaMenu h5{
		background:none;
		color:#8CC121;
		font-size:15px;
		text-align:left;
		margin-bottom:20px;
		}

	#mahaMainte .mahaMenu h6{
		background:#E40012;
		color:#fff;
		font-size:14px;
		text-align:center;
		padding:5px;
		margin-bottom:20px;
		display:inline-block;
		}

	#mahaMainte .mahaMenu .fullL{
		width:100%;
		margin-bottom:30px;
		}

	#mahaMainte .mahaMenu .fullR{
		width:100%;
		margin-bottom:30px;
		}

/* マッハシステムの実証
------------------------------------------------*/
#mahaWrap .maha04Wrap{
	margin-bottom:30px;
	}

	#mahaWrap .maha04Wrap .mahaInnerL{
		margin-bottom:30px;
		}

	#mahaWrap .maha04Wrap .mahaInnerR{
		margin-bottom:30px;
		}

#mahaWrap .maha04Wrap02{
	margin:30px 0;
	}

	#mahaWrap .maha04Wrap02 .mahaInnerL{
		margin-bottom:30px;
		}

	#mahaWrap .maha04Wrap02 .mahaInnerR{
		margin-bottom:30px;
		}

p.clickTxt{
	margin-top:20px;
	font-weight:bold;
	font-size:20px;
	}















}