@charset "utf-8";
/* header */
#gnavi {
    width: 100vw;
    height: 85px;
    background: #66828d;
     position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.display {
	width: 95%;
    max-width: 1050px;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
}
#gnavi.fixed {
	position: fixed;
	top: 0;
	left: 0; }
  #gnavi .display {
	height: 100%; }
  #gnavi #nav_toggle {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 30px;
	z-index: 300;
	cursor: pointer;
}
  #gnavi #nav_toggle div {
	position: relative; }
  #gnavi #nav_toggle div span {
	display: block;
	height: 2px;
	background: #FFF;
	position: absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out; }
  #gnavi #nav_toggle div span:nth-child(1) {
	top: 0px; }
  #gnavi #nav_toggle div span:nth-child(2) {
	top: 10px; }
  #gnavi #nav_toggle div span:nth-child(3) {
	top: 20px; }
  #gnavi.open #nav_toggle div span:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg); }
  #gnavi.open #nav_toggle div span:nth-child(2) {
	width: 0;
	left: 50%; }
  #gnavi.open #nav_toggle div span:nth-child(3) {
	top: 10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg); }
  #gnavi nav {
	display: none;
	position: absolute;
	top: 85px;
	left: 0;
	width: auto;
	background: #66828d;
	z-index: 100; }
  #gnavi nav > ul {
	padding-bottom: 40px; }
  #gnavi nav > ul > li {
	list-style: none; }
  #gnavi nav > ul > li a {
	font-family: "trajan-pro-3", serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.7em;
	letter-spacing: 0.08em;
	/* font-weight: 500; */
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	/* letter-spacing: 0.04em; */
	/* font-weight: 400; */
	display: block;
	padding: 12px 52px;
	color: #FFF; }
	#gnavi .logo {
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		  transform: translateX(-50%) translateY(-50%); 
		  margin-top:-4px;
		  margin-left:-2px;
	  }
	  
	  
	  #gnavi .logo img {
		width: auto;
		height: 75px; 
		margin-top:8px;
	  }
	  #gnavi .iconArea {
		float: right;
		margin: 22px 0 0; }
	  #gnavi .iconArea > li {
		list-style: none;
		float: left;
		margin-left: 20px; }
	  #gnavi .iconArea > li:nth-of-type(1) {
		list-style: none;
		float: left;
		margin-right: 0px; }
	  #gnavi .iconArea > li a {
		display: block; }
	  #gnavi .iconArea > li a img {
		width: auto;
		height: 40px; }

		#gtell_toggle {
			display: block;
			width: 30px;
			height: 30px;
			position: absolute;
			top: 22px;
			  right:65px;
			z-index: 100; }
		  @media screen and (max-width: 768px) {
		  #gtell_toggle {
			display: block;
			width: 30px;
			height: 30px;
			position: absolute;
			top: 22px;
			  right:15px;
			z-index: 100; }
		  }
		  #gtell_toggle:hover{
			  opacity:0.7;
		  }
		  #gtell_toggle div {
			position: relative;
			  top:10px;
		  }
		  #gtell_toggle div img{
			  margin-top:-10px;
			  width: 28.95px;
		  }
		  #gtell_toggle div span {
			display: block;
			height: 2px;
			background: #FFF;
			position: absolute;
			width: 100%;
			left: 0;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
			  opacity:0;
		  }
		  #gtell_toggle div span:nth-child(2) {
			top: 0px; }
		  #gtell_toggle div span:nth-child(3) {
			top: 10px; }
		  #gtell_toggle div span:nth-child(4) {
			top: 20px; }
		  #gtell.open #gtell_toggle div img{
			  opacity:0;
		  }
		  #gtell.open #gtell_toggle div span:nth-child(2) {
			  opacity:1;
			top: 10px;
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg); }
		  #gtell.open #gtell_toggle div span:nth-child(3) {
			  opacity:1;
			width: 0;
			left: 50%; }
		  #gtell.open #gtell_toggle div span:nth-child(4) {
			  opacity:1;
			top: 10px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg); }
		  #gtell .gtell {
			display: none;
			position: absolute;
			top: 84px;
			right:0px;
			width: auto;
			background: #66828d;
			z-index: 100;
			  padding:0 20px;
		  }
		  #gtell .gtell > ul {
			  display:block;
		  margin: 0 auto;
			padding-bottom: 40px; 
			  font-family: "Yu Gothic","游ゴシック",YuGothic,"Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS Pゴシック", Helvetica, Arial, Verdana, sans-serif;
		  }
		  #gtell .gtell > ul > li {
			  margin:20px auto;
			  color:#fff;
			  font-size:12px;
			  text-align:center;
			  letter-spacing:2px;
			  list-style: none; 
		  }
		  #gtell .gtell > ul > li:nth-child(1){
			  margin:30px auto;
			  font-size:18px;
		  }
		  #gtell .gtell > ul > li:nth-child(2){
			  margin:20px auto;
			  font-size:18px;
		  }
		  #gtell .gtell > ul > li a {
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
			-webkit-font-feature-settings: "palt";
			font-feature-settings: "palt";
			letter-spacing: 8px;
			font-weight: 400;
			display: block;
			  margin:0 auto;
			  box-sizing:border-box;
			  margin:20px;
			  margin-bottom:30px;
			padding: 5px 20px;
			color: #4f714c;
			  background: #ffff49;
			  font-size:24px;
			  position:relative;
		  }
		  #gtell .gtell > ul > li a:after{
			font-family: 'FontAwesome';
			content: "＞";
			position: absolute;
			top: 25%;
			right: 10px;
			  font-size:14px;
		  }

		@media screen and (max-width: 768px) {
			.gnavi_block{
				
			}
			.display {
			width: auto;
			margin: 0 auto;
			position: relative;
			top: 0;
			left: 0;
		}
		  #gnavi #nav_toggle {
			left: 12px; }
		  #gnavi nav {
			width: 100%; }
		  #gnavi nav > ul > li a {
			text-align: center; }
		  #gnavi .iconArea {
			margin: 22px 12px 0 0; }
		  #gnavi .iconArea > li {
			margin-left: 12px; } 
		#gtell .gtell {
		  width: 100%;
			padding:0;
		}
			#gtell .gtell > ul{
				overflow-y:scroll;
				width:100%;
			}
		#gnavi .iconArea > li:nth-of-type(1) {
			display:none;
			}
			
		#gtell .gtell > ul > li:nth-child(1){
			margin:15px auto;
			font-size:16px;
		}
		#gtell .gtell > ul > li:nth-child(2){
			margin:5px auto;
			font-size:14px;
		}
			#gtell .gtell > ul > li {
			display:block;
			margin:10px auto;
			color:#fff;
			font-size:10px;
			text-align:center;
			letter-spacing:2px;
			list-style: none; 
				line-height:1.8;
		}
		#gtell .gtell > ul > li a{
		  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		  -webkit-font-feature-settings: "palt";
		  font-feature-settings: "palt";
		  letter-spacing: 8px;
		  font-weight: 400;
		  display: block;
			box-sizing:border-box;
			margin:5px 45px;
		  padding: 2px 10px;
		  color:#66828d;
			background: #fff;
			font-size:18px;
			}
			#gtell .gtell > ul > li a:after{
		  font-family: 'FontAwesome';
		  content: "＞";
		  position: absolute;
		  top: 17%;
		  right: 10px;
			font-size:14px;
		}
			#gnavi.none #nav_toggle{
			display:none;
		}
		}
		.page_logo{
		display:none;}

		
		@media screen and (min-width: 769px){
			.spOnly {
				display: none !important;
			}
		}