@media screen and (min-width: 768px) {
	/* 768px以上用の記述 */
	.sp{ display: none; }
	.pc{ display: block; }

	/* COMMON
	-----------------------------------------*/

	a.btn-contact{
		width:215px;
		margin-top:100px;
	}
	
	.arrow:hover{
		color:#000;
		background: #e8e8e8;
	}

	.arrow:hover:before{
		right: 10px;
		background: #000;
	}
	
	.arrow:hover:after{
		right: 10px;
		border-top: 2px solid #000;
		border-right: 2px solid #000;
	}

	/*
	* page-lower ----------------------------------------*/
	.page-lower h2 a:hover{
		opacity:.5;

	}


	/* menu
	-----------------------------------------*/
	#menu{
		position: absolute;
		top:0;
		left: 0;
		width: 20%;
		height: auto;
		background-color: #E7F4EC;
	}
	#menu .btnMenu{
		display: none;
	}
	#menu nav{
		position: relative;
		margin: 0;
		height: auto;
		padding: 30px 0 120px 0;
		width:100%;
		background-color: transparent;
		opacity: 1;
	}
	#menu nav ul{
		position: relative;
		margin: 0 0 0 30px;
		width: auto;
		top: auto;
		left: auto;
		transform: translate(0, 0);
	}
	#menu nav ul li{
		position: relative;
		margin: 0 auto;
		padding-bottom: 30px;
		text-align: left;
	}
	#menu nav ul li.active::before{
		position: absolute;
		top: calc(50% - 15px);
		left: -30px;
		width: 20px;
		height: 1px;
		content: '';
		background-color: #000000;
	}
	#menu nav ul li a{color: #495e66;}
	#menu nav ul li.active a{font-size: 125%; color: #000000;}

}