@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 1500px) {
	/*----------------------------------------

	header

	----------------------------------------*/
	.overlay {
		display: none;
		position: fixed;
		top: 90px;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: .7;
		z-index: 2;
	}
	header nav {
		visibility: hidden;
		opacity: 0;
		overflow-y: auto;
	}
	header .shop {
		display: none;
	}
	header.open nav {
		visibility: visible;
		opacity: 1;
		transition: .5s;
	}
	#nav-toggle {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 90px;
		height: 90px;
		background-color: #c0cc6d;
		cursor: pointer;
		z-index: 1;
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		right: 0;
		left: 0;
		width: 30%;
		height: 2px;
		margin: 0 auto;
		background-color: #fff;
		transition: .5s;
	}
	#nav-toggle span:nth-child(1) {
		top: 35px;
	}
	#nav-toggle span:nth-child(2) {
		top: 45px;
	}
	#nav-toggle span:nth-child(3) {
		top: 55px;
	}
	.open #nav-toggle span:nth-child(1) {
		top: 45px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 45px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	header .header_cont {
		width: calc(100% - 40px);
	}
	nav {
		position: fixed;
		top: 90px;
		left: 0;
		width: 100%;
		height: 100vh;
		padding-bottom: 100px;
		overflow-y: auto;
		background-color: #fff;
	}
	nav ul {
		display: block !important;
		margin: 0 !important;
	}
	nav ul li {
		margin: 0 !important;
		border-bottom: dashed 1px #b3b3b3;
	}
	nav ul li:last-child {
		display: block !important;
		pointer-events: none;
	}
	nav ul li a {
		display: block;
		padding: 20px 30px;
	}
}


@media screen and (max-width: 928px) {
	
	
	.back_img,
	.back_img2 {
		height: 700px;
		background-size: 200% !important;
	}
	.back_img {
		background-position: top left 100%;
	}
	.back_img2 {
		background-position: top right 40%;
	}
	
	
	/*----------------------------------------

	top1

	----------------------------------------*/
	#top1 {
		width: 100%;
	}
	#top1 .catch {
		right: 15%;
	}
	
	
	/*----------------------------------------

	top2 : About Us

	----------------------------------------*/
	#top2_cont {
		display: block;
	}
	#top2_cont .top2_cont_right {
		padding-right: 0;
	}
	
	
	/*----------------------------------------

	top4 : staff

	----------------------------------------*/
	#top4 .president {
		display: block;
	}
	#top4 .president_left {
		padding-right: 0;
		text-align: center;
	}
	#top4 .president_right {
		padding-left: 0;
	}
	#top4 .president img {
		margin-bottom: 30px;
	}
	
	
	/*----------------------------------------

	footer

	----------------------------------------*/
	footer:before {
		width: 100%;
	}
	footer #footer_cont {
		display: block;
		width: 100%;
	}
	footer #footer_left {
		display: table;
		margin: 0 auto 50px auto;
		text-align: center;
	}
	footer #footer_left p {
		text-align: left;
	}
	footer .copy {
		text-align: center;
	}
	
	
	/*----------------------------------------

	sub

	----------------------------------------*/
	#sub {
		padding: 50px 20px;
	}
	#news_cont .event li {
		flex-basis: calc(100%/2 - 10px);
	}

	
}