/* ---------------------------------------------------------------
	start min 851px
--------------------------------------------------------------- */

@media print,screen and ( min-width: 851px ) {

	/* --------------- header --------------- */






}

/* ---------------------------------------------------------------
	end min 851px
--------------------------------------------------------------- */



/* ---------------------------------------------------------------
	start min 701px
--------------------------------------------------------------- */

@media print,screen and ( min-width: 701px ) {

	/* --------------- common --------------- */

	.tab_none {
		display: none;
	}

	.btn1:hover {
		color: #fff;
	}

	.btn1:hover:before {
		height: 100%;
		top: auto;
		bottom: 0;
	}


	/* --------------- header --------------- */


	.logo_header img:hover {
		opacity: 0.7;
	}
	
	#spnavi_header dl dd a:hover,
	#spnavi_header dl dt a:hover {
		text-decoration: underline;
	}



	/* --------------- footer --------------- */


	.logo_footer img:hover {
		opacity: 0.7;
	}




	/* --------------- top --------------- */



	@-webkit-keyframes slideTxtPhil {
		0% {
			transform-origin: left;
			transform: translateX(100%);
		}
		100% {
			transform-origin: left;
			transform: translateX(34%);
		}
	}
	@keyframes slideTxtPhil {
		0% {
			transform-origin: left;
			transform: translateX(100%);
		}
		100% {
			transform-origin: left;
			transform: translateX(34%);
		}
	}

	.list_topservice a:hover:before {
		transform: scale(1.15);
	}

	.link_topblog:hover img {
		opacity: 0.8;
		transform: scale(1.1);
	}



/* --------------- contact --------------- */


	.btn_form_contact input:hover,
	.btn_contact_thanks:hover {
		background-color: #44849c;
	}

	.btn_form_contact input[name="submitBack"]:hover {
		background-color: #b4b9be;
	}



/* --------------- team --------------- */

	.link_team1:hover dl dt img {
		opacity: 0.8;
		transform: scale(1);
	}


/* --------------- philosophy --------------- */

	ul.nav_phil1 li:hover a:before {
		transform: rotate(225deg) translateX(-3px)  translateY(-3px);
	}



/* --------------- service / supplement --------------- */
	
	ul.list_supplement1 li a:hover {
		opacity: 0.8;
		-moz-opacity: 0.8;
		-webkit-opacity: 0.8;
	}



}

/* ---------------------------------------------------------------
	end min 701px
--------------------------------------------------------------- */