@charset "UTF-8";

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

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

base

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


*{
	min-height: 0vw; /* Safari clamp関数対策 */
	}

/* 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;
	}



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

.btn_round_gray a{
	color: #fff;
	background-color: #727171;
	border-radius: 100vh;
	display:block;
	padding:18px 30px;
	box-sizing:border-box;
	text-decoration:none;
	font-size:20px;
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
	}

.btn_round_gray a:hover{
	color: #fff;
	background-color: #aaaaaa;
	}

	.btn_round_gray a span{
		background:url(../../img/tmpl/icon_arrow.png) no-repeat center right;
		background-size:15%;
		display:block;
		}




#container{
	min-width: 1280px;
	}

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

header

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

#btn_menu{
	display:none;
	}


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%;
				}

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

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) {


.btn_round_gray a{
	color: #fff;
	background-color: #727171;
	border-radius: 100vh;
	display:block;
	padding:14px 20px;
	box-sizing:border-box;
	text-decoration:none;
	font-size:14px;
	font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , serif;
	}

.btn_round_gray a:hover{
	color: #fff;
	background-color: #aaaaaa;
	}

	.btn_round_gray a span{
		background:url(../../img/tmpl/icon_arrow.png) no-repeat center right;
		background-size:20%;
		display:block;
		}

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

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%;
			}

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

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%;
						}


}