@charset "utf-8";
/*--------------------------------------------
	Gnavi css
--------------------------------------------*/
/*#navTgl:checked ~ .contents {
	transform: translateX(250px);
}*/
/* :::::: toggle button :::::: */
#navTgl {
	display: none;
}
#nav-drawer label {
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
}
#nav-drawer .open {
	z-index: 11000;
	width: 48px;
	height: 48px;
	background: #3d90d1;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
#nav-drawer .open::before,
#nav-drawer .open::after {
	content: "";
}
#nav-drawer .open span,
#nav-drawer .open::before,
#nav-drawer .open::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 30%;
	width: 40%;
	border-bottom: 2px solid white;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#nav-drawer .open::before {
	transform: translateY(-8px);
}
#nav-drawer .open::after {
	transform: translateY(8px);
}
#nav-drawer .close {
	/*z-index: 1;*/
	z-index: 20;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: background .6s;
}
#navTgl:checked + .open {
	background: #173f5e;
	transform: translateX(-240px);
}
#navTgl:checked + .open span {
	transform: scaleX(0);
}
#navTgl:checked + .open::before {
	transform: rotate(45deg);
}
#navTgl:checked + .open::after {
	transform: rotate(-45deg);
}
#navTgl:checked ~ .close {
	pointer-events: auto;
	background: rgba(0,0,0,.6);
}

/* :::::: drawer menu :::::: */
.gMenu .pc {
  direction: none;
}
.gMenu {
	position: fixed;
  z-index: 11000;
	overflow: auto;
	top: 0;
	right: 0;
	width: 240px;
	height: 100%;
	/*height: auto;*/
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	/*background: rgba(255,255,255,.9);*/
  background: #3d90d1;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#navTgl:checked ~ .gMenu {
	transform: none;
}

.gMenu ul li {
	border-bottom: 1px dashed #fff;
	padding-bottom: .8em;
	margin-bottom: .8em;
}
.gMenu ul li:last-child {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.gMenu ul li a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
  display: block;
}

@media screen and (min-width: 1000px) {
  .gMenu .pc {
    display: block;
  }
  .gMenu .sp {
    display: none;
  }
	#nav-drawer .open {
		display: none;
	}
	#navTgl:checked ~ .close {
		background: none;
	}
  #nav-drawer .close {
    display: none;
  }
	.gMenu {
		/*position: static;*/
		position: relative;
		width: 100%;
		/*max-width: 1200px;*/
		height: auto;
		margin: 0 auto;
		transform: translateX(0);
		transition: transform 0s;
		background: #5aa1d8;
		padding: 40px 0 40px;
    /*border-bottom: 10px solid #3684c1;*/
	}
	.gMenu ul {
		width: 96%;
		max-width: 1100px;
		margin: auto;
    display: flex;
    flex-wrap: wrap;
	}
	.gMenu ul li {
    flex-grow: 1;
    width: 20%;
		/*display: inline-block;*/
		font-weight: bold;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
	}
  .gMenu ul li:last-child {
    border: 1px solid #fff;
    padding-bottom: 0;
    margin-bottom: 0;
  }
	.gMenu ul li a {
    /*text-indent: -99999px;*/
		color: #FFF;
		text-decoration: none;
		font-size: 14px;
    /*border-bottom: 1px solid #fff;*/
		/*position: relative;
		display: inline-block;*/
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 0 6px;
    margin: 0;
    /*background-size: contain;*/
	}
  .gMenu ul li a img {
    /*max-height: 80px;*/
  }
  .gMenu ul li a:hover {
    background: #3d90d1;
  }
  .gMenu.is-fixed ul {
    flex-wrap: nowrap;
    max-width: 100%;
  }
  .gMenu.is-fixed {
	  position: fixed;
	  top: 0;
	  left: 0;
	  /*z-index: 2;*/
	  width: 100%;
		padding: 10px 0 10px;
		box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    border-bottom: 4px solid #3684c1;
	}
  .gMenu.is-fixed ul li {
    border: none;
  }
  .gMenu.is-fixed ul li a {
    padding: 0 5px;
  }
  .gMenu.is-fixed ul li a img {
    max-height: 60px;
  }
  .gMenu.is-fixed ul li a:hover {
    background: none;
  }
  /*.gMenu ul li a {
    background: url("../img/for_com/gnav_001.png");
    background-size: 100px;
  }*/
	/*.gMenu ul li a::after {
		position: absolute;
		bottom: -4px;
		left: 0;
		content: '';
		width: 100%;
		height: 2px;
		background: #fff;
		transform: scale(0, 1);
		transform-origin: center top;
		transition: transform .3s;
	}
	.gMenu ul li a:hover::after {
		transform: scale(1, 1);
	}*/
	.linkLandingPoint { /*スクロールのずれ用*/
		margin-top: -70px;
		padding-top: 70px;
		/*padding-bottom: 150px !important;*/
	}
	.linkLandingPoint.pbNone {
		padding-bottom: 0 !important;
	}
}
/*@media screen and (max-width: 991px) {
	main { margin-top: -2px !important; }
}*/

/*@media screen and (min-width: 1200px) {
	.gMenu ul li a {
		font-size: 18px;
	}
	.gMenu ul li {
		padding: 0 1.4em;
	}
}*/






/**************************************************

  留学生向け

***************************************************/
#navTgl2 {
	display: none;
}
#nav-drawer2 label {
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
}
#nav-drawer2 .open {
	z-index: 11000;
	width: 48px;
	height: 48px;
	background: #06b449;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
#nav-drawer2 .open::before,
#nav-drawer2 .open::after {
	content: "";
}
#nav-drawer2 .open span,
#nav-drawer2 .open::before,
#nav-drawer2 .open::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 30%;
	width: 40%;
	border-bottom: 2px solid white;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#nav-drawer2 .open::before {
	transform: translateY(-8px);
}
#nav-drawer2 .open::after {
	transform: translateY(8px);
}
#nav-drawer2 .close {
	/*z-index: 1;*/
	z-index: 20;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: background .6s;
}
#navTgl2:checked + .open {
	background: #024d1f;
	transform: translateX(-240px);
}
#navTgl2:checked + .open span {
	transform: scaleX(0);
}
#navTgl2:checked + .open::before {
	transform: rotate(45deg);
}
#navTgl2:checked + .open::after {
	transform: rotate(-45deg);
}
#navTgl2:checked ~ .close {
	pointer-events: auto;
	background: rgba(0,0,0,.6);
}

/* :::::: drawer menu :::::: */
.gMenu2 .pc {
  direction: none;
}
.gMenu2 {
	position: fixed;
  z-index: 11000;
	overflow: auto;
	top: 0;
	right: 0;
	width: 240px;
	height: 100%;
	/*height: auto;*/
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	/*background: rgba(255,255,255,.9);*/
  background: #06b449;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#navTgl2:checked ~ .gMenu2 {
	transform: none;
}

.gMenu2 ul li {
	border-bottom: 1px dashed #fff;
	padding-bottom: .8em;
	margin-bottom: .8em;
}
.gMenu2 ul li:last-child {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.gMenu2 ul li a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
  display: block;
}

@media screen and (min-width: 1000px) {
  .gMenu2 .pc {
    display: block;
  }
  .gMenu2 .sp {
    display: none;
  }
	#nav-drawer2 .open {
		display: none;
	}
	#navTgl2:checked ~ .close {
		background: none;
	}
  #nav-drawer2 .close {
    display: none;
  }
	.gMenu2 {
		/*position: static;*/
		position: relative;
		width: 100%;
		/*max-width: 1200px;*/
		height: auto;
		margin: 0 auto;
		transform: translateX(0);
		transition: transform 0s;
		background: #2bbf64;
		padding: 40px 0 40px;
    border-bottom: 10px solid #06b449;
	}
	.gMenu2 ul {
		width: 96%;
		max-width: 1100px;
		margin: auto;
    display: flex;
    flex-wrap: wrap;
	}
	.gMenu2 ul li {
    flex-grow: 1;
    width: 20%;
		/*display: inline-block;*/
		font-weight: bold;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
	}
  .gMenu2 ul li:last-child {
    border: 1px solid #fff;
    padding-bottom: 0;
    margin-bottom: 0;
  }
	.gMenu2 ul li a {
    /*text-indent: -99999px;*/
		color: #FFF;
		text-decoration: none;
		font-size: 14px;
    /*border-bottom: 1px solid #fff;*/
		/*position: relative;
		display: inline-block;*/
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 0 6px;
    margin: 0;
    /*background-size: contain;*/
	}
  .gMenu2 ul li a img {
    /*max-height: 80px;*/
  }
  .gMenu2 ul li a:hover {
    background: #06b449;
  }
  .gMenu2.is-fixed ul {
    flex-wrap: nowrap;
    max-width: 100%;
  }
  .gMenu2.is-fixed {
	  position: fixed;
	  top: 0;
	  left: 0;
	  /*z-index: 2;*/
	  width: 100%;
		padding: 10px 0 10px;
		box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    border-bottom: 4px solid #06b449;
	}
  .gMenu2.is-fixed ul li {
    border: none;
  }
  .gMenu2.is-fixed ul li a {
    padding: 0 5px;
  }
  .gMenu2.is-fixed ul li a img {
    max-height: 60px;
  }
  .gMenu2.is-fixed ul li a:hover {
    background: none;
  }
}







/**********************************************

  1000px以下非固定用

***********************************************/
.gMenuPc {
  /*position: static;*/
  /*position: relative;*/
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #5aa1d8;
  padding: 20px 0;
}
.forStd .gMenuPc {
  background: #2bbf64;
  border-bottom: 10px solid #06b449;
}
.gMenuPc ul {
  width: 96%;
  max-width: 1100px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
.gMenuPc ul li {
  flex-grow: 1;
  width: 20%;
  /*display: inline-block;*/
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 1px solid #fff;
}
.gMenuPc ul li:last-child {
  border: 1px solid #fff;
  padding-bottom: 0;
  margin-bottom: 0;
}
.gMenuPc ul li a {
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0 6px;
  margin: 0;
}
.gMenuPc ul li a img {
  max-height: 80px;
}
.gMenuPc ul li a:hover {
  background: #3d90d1;
}
@media screen and (min-width: 500px) {
  .gMenuPc {
    padding: 40px 0;
  }
}
@media screen and (min-width: 1000px) {
  .gMenuPc {
    display: none;
  }
}