@charset "utf-8";

/* basic
------------------------------------------------------------------------- */
body {
	color:#000;
	font-size:20px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	letter-spacing:1px;
}
	@media(max-width:767px) {
		body {
			font-size:16px;
		}
	}

@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	}
}
	@media(max-width:980px) {
		body {
			-webkit-text-size-adjust:none;
		}
	}

.cf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* link default */
a:link		{ color:#333333; text-decoration:none; }
a:visited	{ color:#333333; text-decoration:none; }
a:hover		{ color:#333333; text-decoration:none; }
a:active	{ color:#333333; text-decoration:none; }

/* link green */
a.a1:link	{ color:#1f3e97; text-decoration:none; }
a.a1:visited	{ color:#1f3e97; text-decoration:none; }
a.a1:hover	{ color:#1f3e97; text-decoration:none; }
a.a1:active	{ color:#1f3e97; text-decoration:none; }

	@media(min-width:767px) {
		a[href^="tel:"] {
			pointer-events:none;
		}
	}

.spOnly {
	display:none;
}
	@media(max-width:767px) {
		.pcOnly {
			display:none;
		}
		.spOnly {
			display:inline-block;
		}
	}




/* common
---------------------------------------------- */
.wrap {
	margin:0 auto;
	max-width:1250px;
	padding:0 15px;
}



/* header
---------------------------------------------- */
#gHeader {
	background-color:#FFF;
	z-index:99;
	position:relative;
	box-shadow: 0px 4px 8px #330;
}
	@media(max-width:767px) {
		#gHeader {
			background:transparent;
			box-shadow:none;
		}
	}

#gHeader h1 {
	margin-left:5%;
	padding:10px 0;
}
	@media(max-width:1279px) {
		#gHeader h1 {
			margin-left:2%;
		}
	}
	@media(max-width:767px) {
		#gHeader h1 {
			margin-left:0;
			padding:15px 0;
			text-align:center;
		}
	}
	@media(max-width:399px) {
		#gHeader h1 {
			text-align:left;
			margin-left:2%;
		}
	}

#gHeader h1 > img {
	height:90px;
}
	@media(max-width:1279px) {
		#gHeader h1 > img {
			height:75px;
		}
	}
	@media(max-width:1129px) {
		#gHeader h1 > img {
			height:60px;
		}
	}

/* gNav */
#gNav {
	position:absolute;
	right:5%;
	bottom:2px;
}
	@media(max-width:1279px) {
		#gNav {
			right:0;
		}
	}

	@media(max-width:767px) {
		#gNav {
			position:fixed;
			z-index:998;
			width:200px;
			right:-200px;
			height:auto;
			overflow-y:auto;
			overflow-x:hidden;
			top:0;
			bottom:0;
			background-color:rgba(255,255,255,0.9);
			padding-top:80px;
		}
	}

#gNav > ul {
}
	@media(max-width:979px) {
		#gNav > ul {
			font-size:16px;
			letter-spacing:0;
		}
	}
	@media(max-width:767px) {
		#gNav > ul {
			line-height:normal;
		}
	}

#gNav > ul > li {
	display:inline-block;
	margin:0 2px;
}
	@media(max-width:767px) {
		#gNav > ul > li {
			display:block;
			margin-bottom:18px;
		}
	}

#gNav > ul > li > a {
	color:#1f3e97;
	font-weight:bold;
	display:block;
	line-height:36px;
	padding:0 15px;
	border-bottom:5px solid #d3d2ea;
}
	@media(max-width:979px) {
		#gNav > ul > li > a {
			padding:0 12px;
		}
	}
	@media(max-width:767px) {
		#gNav > ul > li > a {
			display:block;
			padding:0;
			text-align:center;
			border-right:none;
		}
	}

#gNav > ul > li > a:hover {
	border-bottom:5px solid #1f3e97;
}

#menuTrigger {
	display:none;
}
	@media(max-width:767px) {
		#menuTrigger {
			display:block;
			position:fixed;
			z-index:999;
			top:20px;
			right:0;
			width:50px;
			height:50px;
			background:url(../images/menu_trigger.png) center top no-repeat;
			background-size:50px 100px;
			cursor:pointer;
		}
	}

#gFooter {
	background-color:#1f3e97;
	padding:15px 0;
}
#gFooter > div > div.underline {
	border-bottom:1px solid #FFF;
	margin-bottom:20px;
}
#gFooter img {
	width:240px;
	float:left;
	margin-bottom:15px;
}
	@media(max-width:979px) {
		#gFooter img {
			width:180px;
		}
	}
	@media(max-width:767px) {
		#gFooter img {
			display:block;
			float:none;
			margin:0 auto 20px auto;
		}
	}

#fNav > ul {
	float:right;
	margin-top:40px;
}
	@media(max-width:979px) {
		#fNav > ul {
			margin-top:30px;
		}
	}
	@media(max-width:767px) {
		#fNav > ul {
			margin-top:0;
			float:none;
		}
	}

#fNav > ul > li {
	display:inline-block;
	margin:0 20px;
}
	@media(max-width:979px) {
		#fNav > ul > li {
			font-size:16px;
			margin:0 10px;
		}
	}
	@media(max-width:767px) {
		#fNav > ul > li {
			width:50%;
			margin:0 0 15px 0;
			text-align:center;
		}
	}

#fNav > ul > li > a {
	color:#FFF;
}

p.mail {
	font-size:14px;
	float:left;
}
	@media(max-width:767px) {
		p.mail {
			float:none;
			font-size:12px;
			text-align:center;
			margin-bottom:15px;
		}
	}

p.mail > a {
	color:#FFF !important;
}

address {
	float:right;
	font-size:12px;
	display:block;
	font-style:normal;
	text-align:right;
	color:#FFF;
}
	@media(max-width:767px) {
		address {
			float:none;
			font-size:10px;
			text-align:center;
		}
	}