@charset "UTF-8";

/*
=====================================================================
	アイホーム　メンテナンス
=====================================================================
*/


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



/* mainteMenu
---------------------------------------------------------------------- */
#mainteMenu{
	width:980px;
	
	}

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

	#mainteMenu ul li{
		width:47%;
		margin-bottom:30px;
		}

		#mainteMenu ul li img{
			width:100%;
			}

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

	#selectWrap p{
		font-size:18px;
		font-weight:bold;
		color:#009fe8;
		margin-bottom:10px;
		}

	#selectWrap ul{
		font-size:20px;
		border:1px dotted #009fe8;
		padding:8px 15px;
		}
		#selectWrap ul li{
			font-size:14px;
			display:inline-block;
			padding-right:15px;
			}


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

トップページ

============================================================= */
.listWrapper{
	margin-bottom:30px;
	}

	.listWrapper .inner{
		width:980px;
		margin-bottom:80px;
		}

		.listWrapper .inner .photo{
			float:right;
			width:465px;
			}

		.listWrapper .inner p.caption{
			font-size:15px;
			}

		.listWrapper .inner .entryWrap{
			float:left;
			width:435px;
			}

			.listWrapper .inner .entryWrap h3{
				font-size:16px;
				margin-bottom:15px;
				padding-bottom:8px;
				font-weight:bold;
				border-bottom:1px solid #000;
				}

				.listWrapper .inner .entryWrap h3 a{
					color:#000;
					}

			.listWrapper .inner .entryWrap p.built,
			.listWrapper .inner .entryWrap p.tenkenbi{
				font-size:16px;
				margin-bottom:15px;
				padding-bottom:8px;
				border-bottom:1px solid #000;
				}

			.listWrapper .inner .entryWrap p.more{
				margin-top:20px;
				font-size:15px;
				}

				.listWrapper .inner .entryWrap p.more a{
					background:#1579BD;
					display:block;
					padding:8px 10px;
					text-align:right;
					color:#fff;
					}

				.listWrapper .inner .entryWrap p.more a:hover{
					background:#6FB3D8;
					}


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

詳細ページ

============================================================= */
#contents article.entry{
	width:884px;
	margin:0 auto;
	}


#contents h2.detailTtl{
	font-size:20px;
	margin-bottom:50px;
	}

#contents .mainPhoto{
	width:884px;
	margin-bottom:60px;
	}

#contents article.entry p.caption{
	margin-top:20px;
	}

#contents .entryWrapper{
	margin-bottom:80px;
	}

#contents .entryWrapper p.built{
	font-size:14px;
	margin-bottom:10px;
	}

#contents .entryWrapper p.tenkenbi{
	font-size:14px;
	margin-bottom:20px;
	}

#contents .photoList{
	margin-bottom:80px;
	}

	#contents .photoList li{
		margin-bottom:40px;
		}



#nav-below{
	width:50%;
	margin:80px auto;
	font-size:16px;
	text-align:center;
	}

	#nav-below a{
		color:#000;
		}

	#nav-below a:hover{
		color:#ccc;
		}

		#nav-below .nav-next{
			padding:0 20px 0 0;
			}

		#nav-below .buildList{
			padding:8px;
			border:1px solid #000;
			}

		#nav-below .nav-previous{
			padding:0 0 0 20px;
			}


.wp-pagenavi {
	clear: both;
	text-align:center;
	margin:80px 0;
	}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 6px 8px;
	margin: 4px;
	color:#000;
	}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
	}

.wp-pagenavi span.current {
	font-weight: bold;
	}

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

マッハシステム点検お手入れ方法

============================================================= */
#contents h2.mainteH2{
	background:#0068B7;
	padding:10px;
	margin-bottom:40px;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	}

#contents h3.mainteH3{
	margin-bottom:20px;
	color:#E60012;
	font-size:22px;
	font-weight:bold;
	}

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

	#contents .maintePhoto .maintePL{
		float:left;
		}

	#contents .maintePhoto .maintePR{
		float:right;
		}

	#contents .maintePhoto p{
		margin-top:15px;
		}

#contents .mainteMovie{
	margin:0 auto 40px;
	width:800px;
	}

	#contents .mainteMovie h3{
		margin-bottom:10px;
		font-weight:bold;
		}



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

災害・休日緊急時体制

============================================================= */
#contents .titleSaigai{
	margin-bottom:40px;
	}


#contents .titleSaigai h2.saigaiH2{
	font-size:50px;
	float:left;
	border-bottom:2px solid #000;
	padding-bottom:15px;
	width:700px;
	color:#1579BD;
	line-height:130%;
	}

	#contents .titleSaigai h2.saigaiH2 span{
		font-size:30px;
		}

#contents .titleSaigai img{
	float:right;
	}

#contents .saigaiInner p{
	font-size:20px;
	}

#contents .saigaiMenu{
	width:750px;
	margin:0 auto;
	}

	#contents .saigaiMenu li.free{
		width:310px;
		float:left;
		background:#E40012;
		font-weight:bold;
		color:#fff;
		padding:12px 10px;
		font-size:20px;
		}

		#contents .saigaiMenu li.free span{
			background:#E40012 url(../../img/sec/mainte_blog/icon_free.png) no-repeat left center;
			padding:5px 0 5px 50px;
			}

	#contents .saigaiMenu li.touban{
		width:310px;
		float:right;
		font-weight:bold;
		font-size:20px;
		}

		#contents .saigaiMenu li.touban a{
			background:#1579BD;
			color:#fff;
			padding:12px 10px;
			display:block;
			}

			#contents .saigaiMenu li.touban a span{
				background:url(../../img/sec/mainte_blog/icon_arrow.png) no-repeat left center;
				padding:10px 0 10px 50px;
				}

		#contents .saigaiMenu li.touban a:hover{
			background:#82BAD8;
			}

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

共栄会研修会

============================================================= */
#contents .kyoueikaiWrap{
	margin-bottom:40px;
	border-bottom:1px solid #ccc;
	padding-bottom:40px;
	}

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

		#contents  .kyoueikaiInfo p{
			font-size:22px;
			border-bottom:1px solid #000;
			padding-bottom:15px;
			width:510px;
			margin-bottom:10px;
			}

#contents .kyoueikaiPhoto .photoL{
	float:left;
	}

#contents .kyoueikaiPhoto .photoR{
	float:right;
	}

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

アフターメンテナンス

============================================================= */
#contents h2.supportH2{
	border-left:9px solid #46b034;
	padding:4px 0 4px 25px;
	margin-bottom:30px;
	font-size:30px;
	font-weight:bold;
	}

.aboutCR {
	border: 2px solid #006BB4;
	margin-bottom: 30px;
	}

	.aboutCR h3{
		background: #006BB4;
		padding: 3px 8px;
		color: #fff;
		font-size: 24px;
		}

	.aboutCR h4 {
		background: #DEF1FB;
		padding: 5px 8px;
		font-size: 18px;
		}

	#contents .aboutCR p {
		background: #FFFCE4;
		padding: 18px 15px;
		font-size:16px;
		}

}

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


/* mainteMenu
---------------------------------------------------------------------- */
#mainteMenu{
	width:100%;
	margin-bottom:30px;
	}

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

	#mainteMenu ul li{
		width:47%;
		margin-bottom:30px;
		}

		#mainteMenu ul li img{
			width:100%;
			}


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

	#selectWrap p{
		font-size:16px;
		font-weight:bold;
		color:#009fe8;
		margin-bottom:10px;
		}

	#selectWrap ul{
		border:1px dotted #009fe8;
		padding:8px 15px;

		}
		#selectWrap ul li{
			font-size:13px;
			list-style:disc;
			margin-left:1em
			}

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

トップページ

============================================================= */
.listWrapper{
	margin-bottom:30px;
	}

	.listWrapper .inner{
		width:100%;
		margin:0 auto 50px;
		}

		.listWrapper .inner .photo{
			width:100%;
			margin-bottom:15px;
			}

			.listWrapper .inner .photo img{
				width:100%;
				height:auto !important;
				}

		.listWrapper .inner .entryWrap{
			width:100%;
			}

			.listWrapper .inner .entryWrap h3{
				font-size:16px;
				margin-bottom:15px;
				padding-bottom:8px;
				font-weight:bold;
				border-bottom:1px solid #000;
				}

				.listWrapper .inner .entryWrap h3 a{
					color:#000;
					}

			.listWrapper .inner .entryWrap p.built{
				font-size:16px;
				margin-bottom:15px;
				padding-bottom:8px;
				border-bottom:1px solid #000;
				}

			.listWrapper .inner .entryWrap p.more{
				margin-top:20px;
				font-size:15px;
				}

				.listWrapper .inner .entryWrap p.more a{
					background:#1579BD;
					display:block;
					padding:8px 10px;
					text-align:right;
					color:#fff;
					}

				.listWrapper .inner .entryWrap p.more a:hover{
					background:#6FB3D8;
					}

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

詳細ページ

============================================================= */
#contents h2.detailTtl{
	font-size:16px;
	margin-bottom:30px;
	}

#contents .mainPhoto{
	width:100%;
	margin-bottom:40px;
	}

	#contents .mainPhoto img{
		width:100%;
		height:auto !important;
		}

#contents .entryWrapper{
	margin-bottom:50px;
	}

#contents .entryWrapper p.built{
	font-size:14px;
	margin-bottom:10px;
	}

#contents .entryWrapper p.tenkenbi{
	font-size:14px;
	margin-bottom:20px;
	}

#contents .photoList{
	margin-bottom:80px;
	}

	#contents .photoList li{
		margin-bottom:30px;
		}

		#contents .photoList li img{
			width:100%;
			height:auto !important;
			}

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

マッハシステム点検お手入れ方法

============================================================= */
#contents h2.mainteH2{
	background:#0068B7;
	padding:10px;
	margin-bottom:40px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	}

#contents h3.mainteH3{
	margin-bottom:20px;
	color:#E60012;
	font-size:16px;
	font-weight:bold;
	}

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

	#contents .maintePhoto .maintePL{
		margin-bottom:30px;
		}

	#contents .maintePhoto .maintePR{
		
		}

	#contents .maintePhoto p{
		margin-top:14px;
		}

#contents .mainteMovie{
	margin:0 auto 40px;
	width:100%;
	}

	#contents .mainteMovie iframe{
		width:100%;
		height:250px;
		}

	#contents .mainteMovie h3{
		margin-bottom:10px;
		font-weight:bold;
		}


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

災害・休日緊急時体制

============================================================= */
#contents .titleSaigai{
	margin-bottom:40px;
	}


#contents .titleSaigai h2.saigaiH2{
	font-size:30px;
	border-bottom:2px solid #000;
	padding-bottom:15px;
	width:100%;
	color:#1579BD;
	line-height:130%;
	}

	#contents .titleSaigai h2.saigaiH2 span{
		font-size:20px;
		}

#contents .titleSaigai img{
	display:none;
	}

#contents .saigaiInner p{
	font-size:16px;
	}

#contents .saigaiMenu{
	width:100%;
	}

	#contents .saigaiMenu li.free{
		width:96%;
		background:#E40012;
		font-weight:bold;
		color:#fff;
		padding:12px 2%;
		font-size:20px;
		margin-bottom:20px;
		}

		#contents .saigaiMenu li.free span{
			background:#E40012 url(../../img/sec/mainte_blog/icon_free.png) no-repeat left center;
			padding:5px 0 5px 50px;
			}

	#contents .saigaiMenu li.touban{
		width:100%;
		font-weight:bold;
		font-size:20px;
		}

		#contents .saigaiMenu li.touban a{
			background:#1579BD;
			color:#fff;
			padding:12px 2%;
			display:block;
			}

			#contents .saigaiMenu li.touban a span{
				background:url(../../img/sec/mainte_blog/icon_arrow.png) no-repeat left center;
				padding:10px 0 10px 50px;
				}

		#contents .saigaiMenu li.touban a:hover{
			background:#82BAD8;
			}

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

共栄会研修会

============================================================= */
#contents .kyoueikaiWrap{
	margin-bottom:40px;
	border-bottom:1px solid #ccc;
	padding-bottom:40px;
	}

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

		#contents  .kyoueikaiInfo p{
			font-size:18px;
			border-bottom:1px solid #000;
			padding-bottom:15px;
			margin-bottom:10px;
			}

#contents .kyoueikaiPhoto .photoL{
	margin-bottom:20px;
	}

#contents .kyoueikaiPhoto .photoR{
	}

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

アフターメンテナンス

============================================================= */
#contents h2.supportH2{
	border-left:9px solid #46b034;
	padding:4px 0 4px 25px;
	margin-bottom:30px;
	font-size:20px;
	font-weight:bold;
	}

.aboutCR {
	border: 2px solid #006BB4;
	margin-bottom: 30px;
	}

	.aboutCR h3{
		background: #006BB4;
		padding: 3px 8px;
		color: #fff;
		font-size: 18px;
		}

	.aboutCR h4 {
		background: #DEF1FB;
		padding: 5px 8px;
		font-size: 16px;
		}

	#contents .aboutCR p {
		background: #FFFCE4;
		padding: 18px 15px;
		font-size:14px;
		}


}