/* ---------------------------------------
	Global Navigation
-----------------------------------------*/
nav{
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	background-color:#009999;
	background-image:url(../img/layout/gNavi/gNaviBg.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	}
nav > ul {
	width: 1000px;
	position: relative;
	margin:0px auto;
	padding:10px 0px;
	display:table;
	}
nav > ul > li{
	border-right:#FFF 1px dotted;
	display:table-cell;
	text-align:center;
	}
	nav > ul > li:first-child{
		border-left:#FFF 1px dotted;
		}
		nav > ul > li a {
			display:block;
			padding: 1em 0;
			color: #FFF;
			font-size:1.200em;
			font-weight:600;
			}
			nav > ul > li a:hover {
				color: #FFF;
				opacity: 0.5;
				}
.navToggle {
	display:none;
	}

/* タブボタン追加*/
	.btn02.active {
		background-color:#007474;
		border-bottom:#009999 3px solid;
		color:#fff;
		}
		
/* FORM
------------------------------------------------- */
.form{
	width:100%;
	margin-bottom:30px;
	}
	.form dt{
		margin-bottom:5px;
		}
	.form dd{
		}
		
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
textarea{
	border: 1px solid #92877D;
	border-radius:5px;
	padding: 10px;
	font-family: inherit;
	font-size:1.7rem;
	transition: border-color ease .2s;
	width:100%;
	box-sizing:border-box;
	}
.formBtn01{
	display:inline-block;
	background-color:#4C6995;
	border:#4C6995 1px solid;
	border-radius:5px;
	font-size:1.5em;
	color:#FFF;
	text-align:center;
	padding:0.8em 1.5em;
	}
	.formBtn01:hover{
		color:#4C6995;
		background-color:#FFF;
		transition:0.5s;
		}


@media screen and (max-width: 768px) {
/* ---------------------------------------
	Global Navigation(SmartPhone)
-----------------------------------------*/
nav{
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 0;
	background-color:rgba(0,153,153,0.8);
	transform: translateY(-100%);
	transition: all 0.6s;
	width: 100%;
	}
nav > ul {
	width: 100%;
	padding:0px 0px;
	display:block;
	}

nav > ul > li{
	border-right:none;
	border-bottom:#FFF 1px dotted;
	display:block;
	text-align:left;
	padding: 10px 0;
	}
	nav > ul > li:first-child{
		border-left:none;
		}
	nav > ul > li:last-child{
		border-bottom:none;
		}
		nav > ul > li a {
			display:block;
			padding:0 1em;
			}

/* このクラスを、jQueryで付与・削除する */
nav.active {
	transform: translateY(0%);
	}
/* ---------------------------------------
	Hamburger Menu
-----------------------------------------*/
.navToggle {
	display: block;
	position: fixed;
	right: 10px;
	top: 10px;
	width: 42px;
	height: 51px;
	cursor: pointer;
	z-index: 3;
	background: #009999;
	text-align: center;
}
	.navToggle span {
		display: block;
		position: absolute;
		width: 30px;
		border-bottom: solid 3px #FFF;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		left: 6px;
		}
	.navToggle span:nth-child(1) {
		top: 9px;
		}

	.navToggle span:nth-child(2) {
		top: 18px;
		}

	.navToggle span:nth-child(3) {
		top: 27px;
		}

	.navToggle span:nth-child(4) {
		border: none;
		color: #FFF;
		font-size: 9px;
		font-weight: bold;
		top: 34px;
		}


}