@charset "UTF-8";

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

#contents img{
	width:100%;
	}

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

/* h2
------------------------------------------------------------ */
#contents h2{
	font-size:50px;
	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;
		}

/* mvWrap
------------------------------------------------------------ */
#mvWrap{
	margin-bottom:100px;
	}


/* otherWrap
------------------------------------------------------------ */
#otherWrap{
	width:60%;
	margin:0 auto 120px auto;
	}

#otherWrap ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:30px;
	}

#otherWrap ul li{
	width:48%;
	margin-bottom:4%;
	}

	#otherWrap ul li a{
		display:block;
		padding:35px 20px;
		box-sizing:border-box;
		border-radius:20px;
		font-size:24px;
		font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		text-align:center;
		}

		#otherWrap ul li#oterhMenu01 a{
			background:#c8b69c;
			}

			#otherWrap ul li#oterhMenu01 a:hover{
				background:#e8e3da;
				}

		#otherWrap ul li#oterhMenu02 a{
			background:#a1c4d7;
			}

			#otherWrap ul li#oterhMenu02 a:hover{
				background:#d6e4ea;
				}

		#otherWrap ul li#oterhMenu03 a{
			background:#d1b0bf;
			}

			#otherWrap ul li#oterhMenu03 a:hover{
				background:#e2d0d9;
				}

		#otherWrap ul li#oterhMenu04 a{
			background:#92b873;
			}

			#otherWrap ul li#oterhMenu04 a:hover{
				background:#d1e2c0;
				}

		#otherWrap ul li#oterhMenu05 a{
			background:#b4635a;
			}

			#otherWrap ul li#oterhMenu05 a:hover{
				background:#ddb4b1;
				}

/* jibanWrap
---------------------------------------------- */
#jibanWrap{
	width:980px;
	margin:0 auto 60px auto;
	}


#jibanWrap .bannerIkarte{
	margin:0 0 30px 0;
	position:relative;
	width:980px;
	height:141px;
	top:0;
	left:0;
	overflow:hidden;
	}

	#jibanWrap .bannerIkarte img{
		position:absolute;
		width:980px;
		height:141px;
		top:0;
		left:0;
		overflow:hidden;
		}

	#jibanWrap .bannerIkarte .formWrap{
		position:absolute;
		width:580px;
		height:43px;
		top:76px;
		left:368px;
		overflow:hidden;
		}

		#jibanWrap .bannerIkarte .formWrap p.addInput{
			background:#8DC221;
			color:#fff;
			padding:4px 9px;
			font-size:15px;
			float:left;
			}

			#jibanWrap .bannerIkarte .formWrap p.addInput input{
				width:440px;
				height:28px;
				border:none;
				display:inline-block;
				}

		#jibanWrap .bannerIkarte .formWrap p.sendBt{
			float:right;
			width:63px;
			height:28px;
			margin-top:8px;
			}

			#jibanWrap .bannerIkarte .formWrap p.sendBt input{
				background:#B3B3B3;
				border:none;
				padding:3px 0;
				text-align:center;
				font-size:13px;
				width:63px;
				height:22px;
				display:inline-block;
				}

/* bannerWrap
---------------------------------------------- */
#bannerWrap{
	width:40%;
	margin:0 auto;
	}

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

		#bannerWrap ul li{
			width:48%;
			}


}



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

#contents{
	padding-top:120px !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;
		}

/* mvWrap
------------------------------------------------------------ */
#mvWrap{
	margin-bottom:60px;
	}

/* otherWrap
------------------------------------------------------------ */
#otherWrap{
	width:90%;
	margin:0 auto 60px auto;
	}

#otherWrap ul{
	
	}

#otherWrap ul li{
	width:100%;
	margin-bottom:4%;
	}

	#otherWrap ul li a{
		display:block;
		padding:20px 10px;
		box-sizing:border-box;
		border-radius:5px;
		font-size:18px;
		font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		text-align:center;
		}

		#otherWrap ul li#oterhMenu01 a{
			background:#c8b69c;
			}

			#otherWrap ul li#oterhMenu01 a:hover{
				background:#e8e3da;
				}

		#otherWrap ul li#oterhMenu02 a{
			background:#a1c4d7;
			}

			#otherWrap ul li#oterhMenu02 a:hover{
				background:#d6e4ea;
				}

		#otherWrap ul li#oterhMenu03 a{
			background:#d1b0bf;
			}

			#otherWrap ul li#oterhMenu03 a:hover{
				background:#e2d0d9;
				}

		#otherWrap ul li#oterhMenu04 a{
			background:#92b873;
			}

			#otherWrap ul li#oterhMenu04 a:hover{
				background:#d1e2c0;
				}

		#otherWrap ul li#oterhMenu05 a{
			background:#b4635a;
			}

			#otherWrap ul li#oterhMenu05 a:hover{
				background:#ddb4b1;
				}

/* jibanWrap
---------------------------------------------- */
#jibanWrap{
	width:90%;
	margin:0 auto 60px auto;
	}


.bannerIkarte{
	width:100%;
	font-size:13px;
	}


	.bannerIkarte dl{
		width:100%;
		}

		.addInput{
			background:#8dc221;
			color:#fff;
			padding:1% 3%;
			display:inline-block;
			width:79%;
			box-sizing:border-box;
			float:left;
			}

		.addInput input{
			width:80%;
			display:inline-block;
			}

		.sendBt{
			display:inline-block;
			width:20%;
			float:right;
			padding:1% 0;
			}

			.sendBt input{
				border:1px solid #ccc;
				background:#efefef;
				width:100%;
				text-align:center;
				display:inline-block;
				}

	.bannerIkarte p.jibanInfo{
		font-size:11px;
		}

/* bannerWrap
---------------------------------------------- */
#bannerWrap{
	width:90%;
	margin:0 auto;
	}

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

		#bannerWrap ul li{
			width:48%;
			}

}