﻿/* ========== */
/* = RESET = */
/* ========== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
}



.transition {
	-webkit-transition: all ease .6s;
	   -moz-transition: all ease .6s;
	    -ms-transition: all ease .6s;
	     -o-transition: all ease .6s;
	        transition: all ease .6s;
}
.b-shadow{
	-o-box-shadow:0 0 40px rgba(0,0,0,.15); 
	-ms-box-shadow:0 0 40px rgba(0,0,.15); 
	-moz-box-shadow:0 0 40px rgba(0,0,0,.15);  
	-webkit-box-shadow:0 0 40px rgba(0,0,0,.15); 
	box-shadow:0 0 40px rgba(0,0,0,.15); 
}
.page-wrap{
	position: relative;
	z-index:0;
	background: #FFFFFF;
	padding-top: 100px;
}
.page-wrap2{
	padding-top: 0;
}



@media (max-width:1500px) {
	.nav li>a{ font-size: 16px;}
	
	.pc-footer ul{ margin-left: 50px;}
	.pc-footer ul li{ margin-right:35px;}
}
@media (max-width:1400px) {	
	.nav li{ margin-right: 30px;}
	
	.pc-footer ul li a{ font-size: 14px;}
}
@media (max-width:1340px) {
	.pc-footer ul li{ margin-right: 28px;}
}


.back-top{ display: none; position: fixed; bottom:4%; right:1%; width: 50px; height: 50px; background-image: url(../images/return_top.png); background-color: #0077b4; z-index: 999;}


@media (max-width:640px) {
	/* ========== */
	/* = POP = */
	/* ========== */
	.appoint-pop .tit{ font-size: 0.5rem;}
	.appoint-pop .des{ font-size: 0.3rem; line-height: 0.54rem;}
	.appoint-pop .con{ padding: 35px 20px;}
	.appoint-pop .in{ margin-top: 15px; width: 100%; margin-right: 0;} 
	
	.pop .close{ right:0; top:-35px; width: 30px; height: 30px;}
	
	.tec-pop .content span{ font-size: 0.4rem; font-weight: bold;}
	.tec-pop .content p{ font-size:0.32rem; line-height: 0.5rem;}
}



.ico-hand{ content: ""; position: absolute; bottom: -10px; right:-14px; width: 40px; height:40px; background-image: url(../images/ico_hand.png); background-size:cover;}
.ico-hand{
  -webkit-animation: scales 1.5s linear infinite 0s;
  -moz-animation: scales 1.5s linear infinite 0s;
  -o-animation: scales 1.5s linear infinite 0s;
  -ms-animation: scales 1.5s linear infinite 0s;
  animation: scales 1.5s linear infinite 0s;
  -webkit-transition: all ease .4s;
  -moz-transition: all ease .4s;
  -ms-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
}
@-webkit-keyframes scales {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-moz-keyframes scales {
	0% {
		-moz-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-moz-transform: scale(1);
		transform: scale(1);
	}
}
@-o-keyframes scales {
	0% {
		-o-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-ms-keyframes scales {
	0% {
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes scales {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1);
	}
}