body{
	background:#6cc1cc;
	color:#5b5555;
}

#container{
	background:#fff;
}

/* -----------------------------------------------------------------------------
	header
----------------------------------------------------------------------------- */
header{
	border-top:#6cc1cc solid 5px;
	background:url(../img/gnav_line.gif) repeat-x bottom;
	height:165px;
	position:relative;
}
#logo{
	position:absolute;
	top:33px;
	left:50%;
	margin-left:-116px;
}
#gnav{
	position:absolute;
	width:960px;
	bottom:3px;
	left:50%;
	margin-left:-480px;
}
#gnav li{
	float:left;
}
@media screen and (max-width: 1000px){
	#gnav{
		width:100%;
		left:0;
		margin-left:0;
	}
	#gnav li {
		width: 20%;
		border-right: 1px solid #e5e5e5;
	}
	#gnav li img {
		width: 100%;
		height: 49px;
		object-fit: cover;
	}
}

@media screen and (max-width: 750px){
	header{
		position:fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
		border-bottom: 2px solid #ccc;
		z-index: 100;
	}
	#gnav{
		display: none;
	}
	header{
		height:82px;
	}
	#logo{
		top:20px;
		left:20px;
		margin-left:0;
	}
	#logo img {
		width: 200px;
		height: auto;
	}
}
@media screen and (min-width: 751px) {
	.fat-nav, .fat-nav ul, .fat-nav__wrapper {
		display: none;
	}
}
@media screen and (max-width: 750px) {
	/* SPメニュー */
  .hamburger {
    width: 75px;
    height: 75px;
    display: block;
    position: fixed;
    top: 5px;
    right: 0;
    z-index: 10002;
    padding: 0;
    box-sizing: border-box;
    touch-action: manipulation;
  }
  .hamburger__icon {
    position: relative;
    margin-top: 35px;
  }
  .hamburger__icon, .hamburger__icon::before, .hamburger__icon::after {
    width: 30px;
    height: 2px;
		position: absolute;
    top: 0;
		right: 20px;
    display: block;
    background-color: #6cc1cc;
    transition-property: background-color, transform;
    transition-duration: 0.4s;
  }
  .hamburger__icon::before, .hamburger__icon::after {
    content: "";
    right: 0;
  }
  .hamburger__icon::before {
		width: 30px;
    top: -10px;
  }
  .hamburger__icon::after {
		width: 30px;
    top: 10px;
  }
  .hamburger.active {
    right: 0;
  }
	.hamburger.active .hamburger__icon {
    background-color: transparent;
  }
  .hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
		width: 30px;
    height: 2px;
		background: #fff;
  }
  .hamburger.active .hamburger__icon:before {
    transform: translateY(10px) rotate(45deg);
  }
  .hamburger.active .hamburger__icon:after {
    transform: translateY(-10px) rotate(-45deg);
  }
  .fat-nav {
    top: 0;
    left: 0;
    z-index: 9999;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .fat-nav__wrapper {
    position: relative;
    top: 0;
    left: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    padding: 91.5px 40px 40px;
    background: #6cc1cc;
    background-size: cover;
  }
  .fat-nav li a {
    display: block;
    position: relative;
    padding: 20px 30px 20px 0;
		border-bottom: 1px dotted #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.1em;
    color: #fff;
		text-decoration: none;
  }
}

/* -----------------------------------------------------------------------------
	contents
----------------------------------------------------------------------------- */
p{
	font-size:100%;
	line-height:1.8;
}


/* -----------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------- */
footer{
	background:#6cc1cc;
	color:#fff;
	padding:30px 0;
}
footer .wrap{
	position:relative;
	width:960px;
	margin:0 auto;
}
footer .footer_logo{
	float:left;
	margin-right:20px;
}
footer .address{
	font-size:93%;
	float:left;
	margin-top:3px;
}
footer a:link{
	color:#fff;
	text-decoration:none;
}
footer p.caption{
	font-size:85%;
}


@media screen and (max-width: 1000px){
	*, *:before, *:after {
		box-sizing: border-box;
	}
	footer .wrap{
		width:100%;
		padding: 0 20px;
	}
}

@media screen and (max-width: 750px){
	
}