@charset "UTF-8";
/*枠*/
.icon-hamburger {
	background: #f9f8ed;
/*	border: 1px solid #ccc;
	border-radius: 10px; */
	cursor: pointer;
	height: 50px;
/*	position: relative; */
	width: 50px;
	display: none;
	margin-bottom: 0.4em;
/*add*/	
/*	position:fixed;
	top:0px;
	left:0px;	*/
}
/*中の線*/
.icon-hamburger span {
	background: #cccccc;
	display: block;
	height: 16%;
	left: 50%;
	margin: -8% 0 0 -42%;
	position: absolute;
	top: 50%;
	width: 84%;
}
/*上下の枠*/
.icon-hamburger span::before, .icon-hamburger span::after {
	background: #cccccc;
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	margin: -8% 0 0 -50%;
	position: absolute;
	top: 50%;
	width: 100%;
}

.icon-hamburger span::before {
	margin-top: -38%;
}

.icon-hamburger span::after {
	margin-top: 19%;
	width:100%;
}

@media screen and (max-width: 970px) {
	.icon-hamburger {
		display: inline-block;
	}
}

.menu-container {
	margin: 0;
}

.menu-container .menu {
/*	border: 1px solid #ccc; */
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-container .menu .menu-item {
	flex: 1;
}

.menu-container .menu .menu-item a {
	background: #f9f8ed;  
/*	border-right: 1px solid #ccc; */
	color: #666666;
	display: block;
	padding: 2.0em 0.4em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

.menu-container .menu .menu-item a:hover {
/*	background: #e9e8e3; */
	color: #999999 !important;
	text-decoration: none !important;
}

a:hover .menu-chara{
	color: #999999 !important;
	text-decoration: none !important;
}

.menu-container .menu .menu-item:last-child a {
	border-right: none;
}

@media screen and (max-width: 768px) {
	.menu-container .menu {
		display: none;
		width: 100%;
	}
	.menu-container .menu .menu-item a {
	/*	border-bottom: 1px solid #ccc; */
		border-right: none;
		width: 370px;
		background: #A3C494;
	}
	.menu-container .menu .menu-item:last-child a {
		border-bottom: none;
	}
	
	.menu-chara {
		color: #ffffff !important;
	}	
	.mbsize {
		display: inline;
	}
	.pcsize {
		display: none;
	}
	.menu2 {
		display: inline;
	}
	.indexback {
		display: block;
	}
}

@media screen and (min-width: 769px) {
	.menu-container .menu {
		display: flex !important;
	}
	
	.menu-chara {
		color: #666666 !important;
	}	
	.mbsize {
		display: none;
	}
	.pcsize {
		display: inline;
	}
	.menu2 {
		display: none;
	}
	.indexback {
		display: none;
	}
}

.vimeo{
    position:relative;
    width:100%;
    padding-top:75%;
}

.vimeo iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.header-left{
	float:left;
}

.header-right{
	float:right;
}