@charset "utf-8";
header { 
  padding:15px 0;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 2000;
  //position: absolute;
  background-color: rgba(255,255,255,0.7);
}
#gnavi li a{
  display: block;
  font-size: 14px;
  color: #000;;;
  position: relative;
}

#gnavi li span{
  padding-top: 5px;
  color: #000;;
  letter-spacing: 0px;
  font-size: 12px;
  display: block;
}

#gnavi li a::after {
  position: absolute;
  bottom: -8px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
#gnavi li a:hover::after {
  bottom: -4px;
  opacity: 1;
  visibility: visible;
}

main{
	margin-top: 92px;
}
#pege_title{
  padding: 50px 0 50px 0;
  background: #1e508c;
  margin-bottom: 70px;
}


#information{
	padding: 70px 0;
}

#information table tr{
	border-top:solid 1px #e1ebf5;
	border-bottom:solid 1px #e1ebf5;
}

#information table th{
	background: #f5faff;
	color: #1e508c;
	padding: 20px;
	width: 20%;
}


#information table td{
	padding: 20px;
}

#history{
	background:#f0f5fa;
  background-image: url(../img/top/bg.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding: 70px 0;
}

#history table{
	background-color: #fff;
	width: 100%;
}

#history table tr{
	border-bottom:solid 1px #e1ebf5;
}

#history table tr.tr01{
	border-bottom:solid 0px #e1ebf5;
}

#history table th{
	background: #f5faff;
	color: #1e508c;
	padding: 20px;
	width: 18%;
	text-align: right;
}

#history table th .left{
	float: left;
	margin-top: -3px;
}

#history table th .right{
	float: right;
}
#history table td{
	padding: 20px;
}

@media screen and (max-width: 768px) {
	main{
	//margin-top: 85px;
	padding-bottom: 0px;
	border-bottom: solid 0px #f0f0f0;
	margin-bottom: 0px;
	}
	header { 
	  opacity: 1;
	}

	#main_visual .slick-dotted.slick-slider {
	    margin-bottom: 0px;
	}
	#main_visual .slick-dots {
		bottom: 20px;
	}

	#information table tr{
		border-top:solid 1px #e1ebf5;
		border-bottom:solid 1px #e1ebf5;
	}

	#history table th{
		padding: 10px;
		width: 100%;
		display: block;
		text-align: left;
	}

	#history table td{
		width: 100%;
		display: block;
		padding-left: 10px;
	}

	#history table tr.tr01{
		border-bottom:solid 1px #e1ebf5;
	}
}