@charset "UTF-8";

/*
=====================================================================
	アイホーム　共通
=====================================================================
*/

/* base
---------------------------------------------------------------------- */
	/* fontsize
	------------------------------------------------------- */
	#contents .f10{
		font-size:10px;
		}
	#contents .f12{
		font-size:12px;
		}
	#contents .f14{
		font-size:14px;
		}
	#contents .f15{
		font-size:15px;
		}
	#contents .f16{
		font-size:16px;
		}
	#contents .f18{
		font-size:18px;
		}
	#contents .f20{
		font-size:20px;
		}
	#contents .f24{
		font-size:24px;
		}
	#contents .f28{
		font-size:28px;
		}
	#contents .f40{
		font-size:40px;
		}

	#contents p{
		font-size:14px;
		}

	/* align
	------------------------------------------------------- */
	.alignC{text-align:center;}
	.alignR{text-align:right;}
	.alignL{text-align:left;}

	/* mb
	------------------------------------------------------- */
	.mb0{margin-bottom:0px;}
	.mb5{margin-bottom:5px;}
	.mb10{margin-bottom:10px;}
	.mb15{margin-bottom:15px;}
	.mb20{margin-bottom:20px;}
	.mb25{margin-bottom:25px;}
	.mb30{margin-bottom:30px;}
	.mb35{margin-bottom:35px;}
	.mb40{margin-bottom:40px;}
	.mb45{margin-bottom:45px;}
	.mb50{margin-bottom:50px;}
	.mb55{margin-bottom:55px;}
	.mb60{margin-bottom:60px;}
	.mb70{margin-bottom:70px;}
	.mb80{margin-bottom:80px;}
	.mb90{margin-bottom:90px;}
	.mb100{margin-bottom:100px;}
	
	/* mt
	------------------------------------------------------- */
	.mt0{margin-top:0px;}
	.mt5{margin-top:5px;}
	.mt10{margin-top:10px;}
	.mt15{margin-top:15px;}
	.mt20{margin-top:20px;}
	.mt25{margin-top:25px;}
	.mt30{margin-top:30px;}
	.mt35{margin-top:35px;}
	.mt40{margin-top:40px;}
	.mt45{margin-top:45px;}
	.mt50{margin-top:50px;}
	.mt55{margin-top:55px;}
	.mt60{margin-top:60px;}
	.mt70{margin-top:70px;}
	.mt80{margin-top:80px;}
	.mt90{margin-top:90px;}
	.mt100{margin-top:100px;}

	/* color
	------------------------------------------------------- */
	.cRed{color:#E50012;}
	.cBlue{color:#008cd6;}
	.cOrange{color:#ed6d00;}
	.cBrown{color:#914621;}
	.cGreen{color:#009844;}

	/* clearfix
	------------------------------------------------------------ */
	.cl:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		}

	.cl {
		display: inline-block;
		}

	/* exlude MacIE5 \*/
	* html .cl {
		height: 1%;
		}
	.cl {
		display:block;
		}
	/* end MacIE5 */

	/* img
	------------------------------------------------------------ */
	img{vertical-align: bottom;}

	/* img link */
	a:hover img{
		filter: alpha(opacity=80);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
		-moz-opacity: 0.8;
		opacity: 0.8;
		}

	/* text link
	------------------------------------------------------------ */
	a:link,
	a:visited,
	a:active {
		color:#00A8ED;
		text-decoration:none;
		}
	
	a:hover {
		color:#00A8ED;
		text-decoration:underline;
		}

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

/* container
---------------------------------------------------------------------- */
#container{
	width:100%;
	margin:0 auto;
	padding:0 0 20px 0;
	background:#fff;
	}

/* ------------------------------------------------------------

header

------------------------------------------------------------ */
header{
	width:100%;
	background:rgba(255,255,255,0.75);
	position:fixed;
	padding:0 2%;
	box-sizing:border-box;
	z-index:20000;
	transition: .3s;
	line-height:100%;
	}

	header h1{
		position:fixed;
		width:6%;
		max-width:6%;
		}

		header h1 img{
			width:100%;
			}

header .sp{
	display:none!important;
	}

#headerInner{
	display:flex;
	justify-content:space-between;
	padding-left:7%;
	align-items: center;
	box-sizing:border-box;
	min-width: 1280px;
	line-height:100%;
	}

	#menu{
		width:88%;
		}

		#menu ul.Menu{
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-align-items: center;
			align-items: center;

			}

			#menu ul.Menu li.Menu-Item:not(:last-child)::after {
				display: inline-block;
				content: "|";
				}

			#menu ul.Menu li.Menu-Item{
				font-size: 14px;
				letter-spacing: .5px;
				}

				

			#menu ul.Menu li.Menu-Item a{
				display: inline-block;
				position: relative;
				padding:10px;
				color:#000;
				text-decoration:none;
				}

			#menu ul.Menu li.Menu-Item a:hover{
				color:#999;
				}

.Menu-Item {
	position: relative;
	padding:10px 0;
	}

.SubMenu {
	visibility:hidden;
	position: absolute;
	left: 0;
	top: 46px;
	width: 180px;
	padding:0 15px 15px 15px;
	box-sizing:border-box;
	background:rgba(255,255,255,0.75);
	}
 
.SubMenu-Item{
	width: 100%;
	
	color: #fff;
	font-size:14px;
	}

.Menu-Item:hover .SubMenu {
	transition: all 0.3s;
	visibility: visible;
	transform: translateY(10px);
	}

.Menu-Item-Label {
	position: relative;
	z-index: 10;
	color: #333;
	}

#menu ul.Menu li.Menu-Item a.SubMenu-Item-Link{
	padding:15px 0;
	display:block;
	}


	#snsWrap{
		width:110px;
		padding:10px 0;
		}

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

			#snsWrap ul li{
				width:25%;
				}

			#snsWrap ul img{
				width:100%;
				}

/* menu
------------------------------------------------------------ */
#btn_menu{
		display:none;
		}

	.pc{
		display:block;
		}

	.sp{
		display:none;
		}




#menu ul#menuInner{
	font-size:14px;
	font-weight:bold;
	}

ul#menuInner li{
	position: relative;
	float:left;
	border-right:1px solid #9F9FA0;
	text-align:center;
	box-sizing:border-box;
	width:16.6%;
	}

	ul#menuInner li:last-child{
		border-right:none;
		}

	ul#menuInner li a{
		display: block;
		padding:10px 0;
		margin: 0;
		color:#000;
		}


ul#menuInner li ul {
	position: absolute;
	z-index:100;
	top:43px;
	left: 0;
	width: 300px;
	margin: 0;
	padding: 0;
	display:block !important;
	font-size:14px;
	font-weight:normal;
	background:#000;
	}

	#menuInner li ul li {
		overflow: hidden;
		width: 300px;
		height: 0;
		transition: .2s;
		border:none;
		text-align:left;
		}

		#menuInner li ul li a {
			font-size: 12px;
			padding:20px;
			background:#000;
			color:#fff;
			}

		#menuInner > li:hover > ul > li {
			overflow: visible;
			height: 55px;
			}


/* pankuzu
------------------------------------------------------------ */
ol.pankuzu{
	font-size:12px;
	}

	ol.pankuzu li{
		display:inline;
		}


/* ------------------------------------------------------------

contents

------------------------------------------------------------ */
#contents{
	width:980px;
	margin:0 auto;
	padding: 150px 0 0;
	}


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

footerNavi

=========================================================== */
#footerNavi{
	position: fixed;
	right: 10px;
	bottom: 0;
	z-index: 20;
	display:flex;
	justify-content:space-between;
	font-size:15px;
	}


	#footerNavi a{
		width:180px;
		height:50px;
		line-height:50px;
		margin-right:10px;
		color:#fff;
		display:block;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		}

		#footerNavi a:hover:nth-child(1){
			background:#047ead;
			}

		#footerNavi a:hover:nth-child(2){
			background:#c4c4c4;
			}

		#footerNavi a:last-child{
			margin-right:none;
			}


	#footerNavi a::before {
		display: inline-block;
		width: 20px;
		height: 21px;
		margin-right: 10px;
		vertical-align: middle;
		content: "";
		}

			#footerNavi a:nth-child(1){
				background:#00496b;
				}

			#footerNavi a:nth-child(2){
				background:#898a8a;
				}

		

			#footerNavi a:nth-child(1)::before{
				background:url(../../img/front/icon_calender.png) center center / contain no-repeat;
				}

			#footerNavi a:nth-child(2)::before{
				background:url(../../img/front/icon_request.png) center center / contain no-repeat;
				}

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

footer

=========================================================== */
#footer{
	margin-top:80px;
	padding:80px 0;
	background:#005373;
	}

	#footer article{
		width:90%;
		margin:0 auto;
		max-width:1280px
		}

	#sitemapWrap{
		margin-bottom:60px;
		}

		ul#navList{
			display:flex;
			justify-content: space-between;
			font-size:16px;
			}

			ul#navList > li.boxNav{
				width:22%;
				}

			ul#navList a{
				color:#fff;
				text-decoration:none;
				}

				ul.boxList > li{
					margin-bottom:15px;
					}

					ul.boxList > li > a{
						background:url(../../img/tmpl/icon_arrow_footer.png) left center no-repeat;
						background-size: 9px 9px;
						padding-left:15px;
						}

					ul.subList{
						margin-top:10px;
						}

						ul.subList > li{
							font-size:14px;
							}

	#footerInfo{
		padding-top:60px;
		border-top:1px solid #0f789b;
		display:flex;
		justify-content: space-between;
		}

		#fiL{
			width:33%;
			}

			#fiL h2{
				width:70%;
				margin-bottom:50px;
				}

				#fiL h2 img{
					width:100%;
					}

			

			#fiL ul{
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: left;
				justify-content: left;
				-webkit-align-items: left;
				align-items: left;
				color:#fff;
				}

				#fiL ul li:not(:last-child)::after {
					display: inline-block;
					content: "|";
					}

				#fiL ul li{
					font-size:0.8vw;
					letter-spacing: .5px;
					}

					

				#fiL ul li a{
					display: inline-block;
					position: relative;
					padding:10px;
					color:#fff;
					text-decoration:none;
					}
			

		#fiC{
			width:55%;
			}

			#fiC dl{
				font-size:0.8vw;
				color:#fff;
				display:flex;
				justify-content: space-between;
				margin-bottom:10px;
				}

				#fiC dl dt{
					width:18%;
					}

				#fiC dl dd{
					width:80%;
					}

		#fiR{
			width:12%;
			}

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

				#fiR ul li{
					width:24%;
					}

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



}



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


/* container
---------------------------------------------------------------------- */
#container{
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background:#fff;
	}

/* contents
---------------------------------------------------------------------- */
#contents{
	width:95%;
	margin:0 auto;
	padding: 120px 0 0;
	}

#contents img{
	width:100%;
	}

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

header

=========================================================== */
.pc{
	display:none;
	}

.sp{
	display:block;
	}

#btn_menu{
	display:block;
	}

body.fixed {
	position: fixed;
	left: 0;
}

header{
	width:100%;
	padding:10px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing: border-box;
	background:#fff;
	position:fixed;
	transition: .3s;
	z-index:20000;
	}

	header h1{
		width:10%;
		z-index:30000;
		}

		header h1 img{
			width:100%;
			}

/* menu
------------------------------------------------------------ */
p.openMenu{
	position:absolute;
	width: 10%;
	top:10px;
	right:10px;
	}
		
#btn_menu{
		display:block;
		}

	.pc{
		display:none;
		}

	.sp{
		display:block;
		}

/* pankuzu
------------------------------------------------------------ */
ol.pankuzu{
	font-size:12px;
	}

	ol.pankuzu li{
		display:inline;
		}

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

footerNavi

=========================================================== */
#footerNavi{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 20;
	display:flex;
	justify-content:space-between;
	font-size:12px;
	width:100%;
	}


	#footerNavi a{
		width:50%;
		height:50px;
		line-height:50px;
		color:#fff;
		display:block;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		}

		#footerNavi a:hover:nth-child(1){
			background:#047ead;
			}

		#footerNavi a:hover:nth-child(2){
			background:#c4c4c4;
			}

		#footerNavi a:last-child{
			margin-right:none;
			}


	#footerNavi a::before {
		display: inline-block;
		width: 20px;
		height: 21px;
		margin-right: 10px;
		vertical-align: middle;
		content: "";
		}

			#footerNavi a:nth-child(1){
				background:#00496b;
				}

			#footerNavi a:nth-child(2){
				background:#898a8a;
				}

		

			#footerNavi a:nth-child(1)::before{
				background:url(../../img/front/icon_calender.png) center center / contain no-repeat;
				}

			#footerNavi a:nth-child(2)::before{
				background:url(../../img/front/icon_request.png) center center / contain no-repeat;
				}


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

footer

=========================================================== */
#footer{
	margin-top:40px;
	padding:40px 0 80px 0;
	background:#005373;
	}

	#footer article{
		width:90%;
		margin:0 auto;
		}

	#sitemapWrap{
		
		}

		ul#navList{
			font-size:12px;
			}

			ul#navList > li.boxNav{
				width:100%;
				}

			ul#navList a{
				color:#fff;
				text-decoration:none;
				}

				ul.boxList{
					padding-bottom:20px;
					margin-bottom:20px;
					border-bottom:1px solid #0f789b;
					display:flex;
					justify-content: space-between;
					flex-wrap: wrap;
					}

					ul.boxList > li{
						margin-bottom:15px;
						width:45%;
						}

					ul.boxList > li > a{
						background:url(../../img/tmpl/icon_arrow_footer.png) left center no-repeat;
						background-size: 9px 9px;
						padding-left:15px;
						}

					ul.subList{
						margin-top:5px;
						}

						ul.subList > li{
							font-size:11px;
							}

	#footerInfo{
		padding-top:30px;
		}

		#fiL{
			width:100%;
			margin-bottom:30px;
			}

			#fiL h2{
				width:50%;
				margin:0 auto 20px auto;
				}

				#fiL h2 img{
					width:100%;
					}

			#fiL ul{
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-align-items: center;
				align-items: center;
				color:#fff;
				}

				#fiL ul li:not(:last-child)::after {
					display: inline-block;
					content: "|";
					}

				#fiL ul li{
					font-size:13px;
					letter-spacing: .5px;
					}

				#fiL ul li a{
					display: inline-block;
					position: relative;
					padding:10px;
					color:#fff;
					text-decoration:none;
					}
			

		#fiC{
			width:100%;
			margin-bottom:40px;
			}

			#fiC dl{
				font-size:12px;
				color:#fff;
				margin-bottom:10px;
				}

				#fiC dl dt{
					margin-bottom:5px;
					}

				#fiC dl dd{
					
					}

		#fiR{
			width:70%;
			margin:0 auto;
			}

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

				#fiR ul li{
					width:24%;
					}

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


}