@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic&display=swap');


nanika {
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
}

/* basic
------------------------------------------------------------------------- */
body {
	color:#000;
	font-family: "Noto Sans JP", sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:1.6;
}
	@media(max-width:980px) {
		body {
			-webkit-text-size-adjust:none;
		}
	}

	@media(max-width:767px) {
		body {
			font-size:14px;
		}
	}

.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:#000; text-decoration:none; }
a:visited	{ color:#000; text-decoration:none; }
a:hover		{ color:#004B7C; text-decoration:none; }
a:active	{ color:#004B7C; text-decoration:none; }

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

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



/* common
---------------------------------------------- */

.wrap {
	margin:0 auto;
	max-width:960px;
	padding:0 15px;
}

/* title
---------------------------------------------- */

#title {
	height:320px;
}
	@media(max-width:767px) {
		#title {
			height:240px;
		}
	}

#title .wrap {
	padding-top:30px;
}

#title h1 {
	width:240px;
	height:240px;
	line-height:240px;
	text-align:center;
	background-color:rgba(255,255,255,0.65);
	color:#000;
	font-size:32px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	text-shadow:2px 2px 3px #FFF, -1px -1px 3px #FFF;
}
	@media(max-width:767px) {
		#title h1 {
			width:180px;
			height:180px;
			line-height:180px;
			font-size:24px;
		}
	}




/* headerMenu
---------------------------------------------- */

#gHeader {
	height:80px;
}
	@media(max-width:979px) {
		#gHeader {
			height:70px;
		}
	}
	@media(max-width:767px) {
		#gHeader {
			height:50px;
		}
	}

#gHeader > #logo {
	display:inline-block;
	padding:20px 0 0 20px;
	height:40px;
}
	@media(max-width:979px) {
		#gHeader > #logo {
			height:30px;
		}
	}
	@media(max-width:767px) {
		#gHeader > #logo {
			padding:10px 0 0 10px;
		}
	}
	@media(max-width:479px) {
		#gHeader > #logo {
			padding:13px 0 0 13px;
			height:25px;
		}
	}

#gHeader > #logo img {
	height:100%;
}

#globalMenu {
	float:right;
}
	@media(max-width:767px) {
		#globalMenu {
			display:none;
			position:fixed;
			width:100%;
			overflow-y:auto;
			overflow-x:hidden;
			background-color:rgba(255,255,255,1);
			z-index:100;
			top:0;
			left:0;
			bottom:0;
			text-align:center;
		}
	}

#globalMenu > ul {
	float:left;
}
	@media(max-width:767px) {
		#globalMenu > ul {
			float:none;
			font-size:18px;
			text-align:center;
			border-right:none;
			padding-top:10px;
			position:absolute;
			width:100%;
			top:50%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			text-align:center;
		}
	}

#globalMenu > ul > li {
	float:left;
	padding:0 20px;
	line-height:80px;
}
	@media(max-width:979px) {
		#globalMenu > ul > li {
			padding:0 15px;
			line-height:70px;
		}
	}
	@media(max-width:767px) {
		#globalMenu > ul > li {
			float:none;
			padding:15px 0;
			line-height:1;
		}
	}

#globalMenu > ul > li.inquiry > a {
	display:inline-block;
	background-image: linear-gradient(to bottom right,#004B7C 50%,#1A5D89 51%);
	color:#FFF;
	line-height:50px;
	padding:0 40px;
}
#globalMenu > ul > li.inquiry > a:hover {
	opacity:0.8;
}

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

	#menuTrigger.on {
			background-position:bottom center;
	}



/* toTop
---------------------------------------------- */
div.toTop {
	display:none;
	width:60px;
	height:60px;
	position:fixed;
	bottom:15px;
	right:15px;
	z-index:999;
}
	@media(max-width:767px) {
		div.toTop {
			width:50px;
			height:50px;
		}
	}
	@media(max-width:479px) {
		div.toTop {
			right:10px;
			bottom:10px;
		}
	}

div.toTop a > img {
	width:100%;
}



/* footer
---------------------------------------------- */
#gFooter {
	text-align:center;
	background-color:#F6F6F6;
	padding:30px 20px 10px 20px;
}
	@media(max-width:767px) {
		#gFooter {
			padding:25px 15px 5px 15px;
		}
	}

#gFooter > strong {
	font-size:22px;
	margin-bottom:margin-bottom:1em;
}
#gFooter > p {
	line-height:1.8;
}
#gFooter > p > a {
	color:#000;
}

address {
	display:block;
	text-align:center;
	font-size:12px;
	line-height:1.3;
	font-style:normal;
	padding:20px 0;
}