@charset "utf-8";

/******************************

 * style
 *
 * 1. import
 * 2. html, body
 * 3. tag
 * 4. Layout
 * 5. popup

******************************/



/*****
 * 1. import
*****/

@import "import/reset.css";
@import "import/util.css";

/*日本語 font-family: 'Sawarabi Gothic', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Gothic&subset=japanese');

/*英語 font-family: 'Montserrat', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i');

/*研究所　font-family: 'Roboto', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,900');
/*研究所　font-family: 'Dancing Script', cursive;*/
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');


/*****
 * 2. html, body
*****/

	body {
		position: relative;
		background: #fff;
	}
	/*body:before{
		content: '';
		width: 400%;
		height: 400%;
		background: url(../imgs/bg-logo.png) repeat;
		transform:rotate(-45deg);
		position: absolute;
		left: -150%;
		top: -150%;
		z-index: 2;
	}*/
	.page {
		overflow: hidden;
		min-width: 1000px;
		color: #111111;
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.07em;
		font-family: "Sawarabi Gothic", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
	}
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.page{
			letter-spacing: 0.01em;			
		}
	}

	@media only screen and (max-width:736px) {
		.page {
			min-width: inherit;
			-webkit-text-size-adjust: 100%;
			text-size-adjust: 100%;
			padding-bottom: 50px;
		}
	}


/*****
 * 3. tag
*****/

/* = Selected Text */
::selection {
	background:#fcf27e; /* Safari */
}
::-moz-selection {
	background:#fcf27e; /* Firefox */
}

/* anchor */
	a {
		color: #111111;
		text-decoration: none;
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		transition: .3s;
	}
	a:visited {}
	a:hover {
		color: #111111;
	}
	a:active {}


/* cap */
	.cap,
	.caption {
		color: #999999;
		font-size: 10px;
		line-height: 2.1;
		background: none;
	}
	.cap {
		padding-top: 5px;
	}
	.cap.color-white,
	.caption.color-white {
		color:#fff;
		/*text-shadow: 0px 0px 6px #111111, 0px 0px 6px #111111, 0px 0px 6px #111111;*/
	}
	.cap.color-black,
	.caption.color-black{
		color: #111111;
	}


/* imageCap */
	.imageCap {
		position: relative;
	}
	.imageCap .caption {
		position: absolute;
		left: 7px;
		bottom: 5px;
		/*text-shadow: 0px 0px 6px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff;*/
		box-sizing: border-box;
	}
	.imageCap .caption.ar{
		left: auto;
		right: 7px;
	}


/* img */
	img {
		max-width: 100%;
		height: auto;
		vertical-align: top;
	}

/* strong */
	strong{
		font-weight: normal;
	}


/* pc sp */
	img.sp,
	br.sp,
	.sp {
		display: none;
	}
	@media only screen and (max-width:736px) {
		img.sp,
		br.sp,
		.sp {
			display: inline-block;
		}
		.pc,
		img.pc,
		br.pc {
			display: none;
		}
	}
/* sup */
sup{
	font-weight: 10px;
}

	/*.en*/
	.en{
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
	    line-height: 1;
	}
	.enbold{
		font-family: 'Montserrat', sans-serif;
		transform: scale(0.95, 1);
		font-weight: 700;
	    line-height: 1;
	}
	.enregular{
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
	    line-height: 1;
	}
	.enlight{
		font-family: 'Montserrat', sans-serif;
		font-weight: 200;
	    line-height: 1;
	}
	.enexlight{
		font-family: 'Montserrat', sans-serif;
		font-weight: 100;
	    line-height: 1;
	}
	.Roboto{
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
		letter-spacing: 0.15em;
	}


/* telephone */
	.telephone {
		display: none;
		pointer-events: none;
	}
	@media only screen and (max-width:736px) {
		.telephone {
			pointer-events: visible;
		}
	}


/*****
 * 4. Layout
*****/

/* .wrap */
	.wrap {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.wrap1240{
		width: 1240px;
		margin-left: auto;
		margin-right: auto;
	}
	@media only screen and (max-width:1240px) {
		.wrap1240{
			width: 100%;
			padding-left: 20px;
			padding-right: 20px;
			box-sizing: border-box;
		}
	}
	@media only screen and (max-width:1000px) {
		.wrap{
			width: 100%;
			padding-left: 20px;
			padding-right: 20px;
			box-sizing: border-box;
		}
	}

/* Header */
#gHeader {
	width: 100%;
	background: #fff;
	border-bottom: solid 1px #ccd9e7;
	position:fixed;
	left: 0;
	top: 0;
	z-index: 50;
}
#gHeader section{
	position: relative;
	overflow: hidden;
}

/*header_logo*/
.header_logo{
	width: 260px;
	height: 70px;
	float: left;
	border-right: solid 1px #ccd9e7;
	box-sizing: border-box;
	position: relative;
}
.header_logo i{
	font-size: 14px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	margin:auto;
	text-align: center;
}
@media only screen and (max-width:736px) {
	#gHeader{
		position: absolute;
	}

	/*header_logo*/
	.header_logo{
		width: 100%;
		height: 40px;
		border-right:none;
		float: none;
	}
}

/* gNav */
	#gNav {
		float: right;
	}
	#gNav ul{
		display: flex;
		justify-content: flex-end;
	}
	#gNav ul li{
		line-height: 70px;
		font-weight:600;
		margin-right: 20px;
	}
	#gNav ul li i{
		margin-left: 5px;
	}
	#gNav ul li a{
		position: relative;
	}
	#gNav ul li.labo a{
		color:#014993;
	}
	#gNav .on a .spinner,
	#gNav ul li a:hover .spinner {
		opacity: 1;
	}
	#gNav .off a {
		pointer-events: none;
	}

	@media only screen and (max-width:1330px) {
		#gNav {
			opacity: 0;
			float: none;
			width: 0vw;
			height: 0vh;
			background: #004088;
			position: fixed;
			right: 0;
			top: 0;
			z-index: 100;
			transition: 0.8s;
		}
		#gNav.is-active {
			opacity: 1;
			width: 100vw;
			height: 100vh;
		}
		#gNav ul{
			display: block;
			position: absolute;
			left: 0;
			right: 0;
			top: 46%;
			margin:auto;
			-webkit-transform: translateY(-46%);
			transform: translateY(-46%);
		}
		#gNav ul li{
			width: 100%;
			margin-right: 0;
			font-size: 24px;
			line-height: 1;
			text-align: center;
			margin-top: 30px;
				    
		    opacity: 0;
		    filter: alpha(opacity=0);
		    -webkit-transform: scale3d(1.3,1.3,1) rotate3d(-1,-3,1,60deg) translate3d(-50px,150px,-100px);
		    transform: scale3d(1.3,1.3,1) rotate3d(-1,-3,1,60deg) translate3d(-50px,150px,-100px);
		    transition-delay: .2s;
		    transition: 1s;
		}
		#gNav.is-active ul li{
			opacity: 1;
			filter: alpha(opacity=100);
			-webkit-transform: scale3d(1,1,1) rotate3d(0,0,0,0) translate3d(0,0,0); 
			transform: scale3d(1,1,1) rotate3d(0,0,0,0) translate3d(0,0,0); 
			transition: opacity 2.5s,-webkit-transform 2.5s cubic-bezier(.19,1,.22,1); 
			transition: opacity 2.5s,transform 2.5s cubic-bezier(.19,1,.22,1); 
		}
		#gNav ul li.labo a{
			color:#fff57f;
		}
		#gNav ul li a{
			color:#fff;
		}
	}
	@media only screen and (max-width:736px) {
		#gNav{
			top: auto;
			bottom: 0;
		}
		#gNav ul li{
			font-size: 16px;
		}
	}



/* pNav */
	#pNav {
		float: right;
	}
	#pNav ul{		
		display: flex;
		justify-content: flex-end;
	}
	#pNav ul li{
		height: 70px;
	}
	#pNav ul li a{
		width: 75px;
		height: 100%;
		/*line-height: 70px;*/
		padding: 20px 0 5px;
		display: inline-block;
		text-align: center;
		cursor: pointer;
		box-sizing: border-box;
	}
	#pNav ul li i{
		display: inline-block;
		font-size:20px;
		line-height: 1;
		color:#fff;
	}
	#pNav ul li:hover i{
		-webkit-animation: pNavicon 3.0s linear infinite;
	    animation: pNavicon 3.0s linear infinite;
	}
	@keyframes pNavicon {
	    0% {
		    transform: rotateY(-360deg);
		}
		100% {
		    transform: rotateY(360deg);
		}
	}
	#pNav ul li a p{
		display: block;
		margin-top: 5px;
		font-size: 10px;
		line-height: 1;
	}
	#pNav ul li.map a p{
		color: #adbdd3;
	}
	#pNav ul li.cv a p{
		color: #a6a6a6
	}
	#spMenu.is-active p{		
		color: #fff;
	}
	#pNav ul li.map a{
		background: #3366a0;
	}
	#pNav ul li.tel a{
		background: #111111;	
		color: #a6a6a6;
		border-right:solid 1px #666;
	}
	#pNav ul li.cv{
	}
	#pNav ul li.cv.is-active i{
		display: block;
		position: relative;
		height: 25px;
		z-index: 110;		
	}
	#pNav ul li.cv a{
		background: #111111;
	}
	/*menu-trigger*/
	#pNav ul li.cv .menu-trigger,
	#pNav ul li.cv .menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	#pNav ul li.cv .menu-trigger {
	  position: relative;
	  width: 20px;
	  height: 20px;
	}
	#pNav ul li.cv .menu-trigger span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background: #111111;
	}
	#pNav ul li.cv a{
		position: relative;
	}
	#pNav ul li.cv .menu-trigger{
		opacity: 0;
		position: absolute;
		left: 0;
		right: 0;
		z-index: 120;
	}
	#pNav ul li.cv .menu-trigger.active{
		opacity: 1;
	}
	#pNav ul li.cv a{
		position: relative;
	}
	#pNav ul li.cv .menu-trigger{
		left: 0;
		right: 0;
		margin:auto;
		top: 20px;
		-webkit-transform: 20px; /* Safari用 */
		transform: 20px;
	}
	#pNav ul li.cv .menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	#pNav ul li.cv .menu-trigger span:nth-of-type(2) {
	  bottom: 0;
	}
	#pNav ul li.cv .menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(7px) rotate(-45deg);
	  transform: translateY(7px) rotate(-45deg);
	}
	#pNav ul li.cv .menu-trigger.active span:nth-of-type(2) {
	  -webkit-transform: translateY(-10px) rotate(45deg);
	  transform: translateY(-10px) rotate(45deg);
	}
	#pNav ul li.cv .menu-trigger.active span{
		background: #fff !important;
	}
@media only screen and (max-width:736px) {
	#pNav{
	    width: 100%;
	    float: none;
	    background: #fff;
		border-top: solid 1px #ccd9e7;
	    position: fixed;
	    left: 0;
	    bottom: 0;
	    z-index: 110;
	}
	#pNav ul li{
		width: 33.33333%;
		height: auto;
	}
	#pNav ul li i{
	}
	#pNav ul li a{
		width: 100%;
	    padding: 10px 0;
	}
	#spMenu.is-active p{
		color: #111111;
	}
	#pNav ul li.cv.is-active i{
		height: 0;
	}
	#pNav ul li.cv .menu-trigger{
		position: relative;
		height: 23px;
		top: auto;
		display: none;	
	}
	#pNav ul li.cv.is-active .menu-trigger{
		display: block;	
	}
	#pNav ul li.cv .menu-trigger.active span:nth-of-type(1) {
	  -webkit-transform: translateY(8px) rotate(-45deg);
	  transform: translateY(8px) rotate(-45deg);
	}
	#pNav ul li.cv .menu-trigger.active span:nth-of-type(2) {
	  -webkit-transform: translateY(-12px) rotate(45deg);
	  transform: translateY(-12px) rotate(45deg);
	}
	#pNav ul li.cv .menu-trigger span{
		background: #fff !important;
	}
}

/* popContact */
#popContact{
	opacity: 0;
	width: 0;
	height: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
	transition: 1s;
}
#popContact.is-active{
	opacity: 1;
	width: 100vw;
	height: 100vh;
}
.popContact-inner{
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 60%;
	margin:auto;
	-webkit-transform: translateY(-60%); /* Safari用 */
	transform: translateY(-60%);
	text-align: center;
	color:#fff;
}
#popContact.is-active .popContact-inner{
	-webkit-animation: popContact 1s ease 1s 1 forwards;/*表示時間+start時間*/
	animation: popContact 1s ease 1s 1 forwards;/*表示時間+start時間*/
}
@-webkit-keyframes popContact {
	100% {
		opacity: 1;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
}
@keyframes popContact {
	100% {
		opacity: 1;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
}
.popContact-ttl{
	font-size: 40px;
	font-weight: 600;
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.popContact-ttl:after{
	content: '';
	width: 80px;
	height: 2px;
	background: #ffeb00;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin:auto;
}
.popContact-inner .clmBox{
	margin-top: 60px;
}
.popContact-inner .clm{
	display: flex;
	align-items: center;
}
.popContact-inner .clm:last-child{
	border-left:solid 1px #3366a0;
	margin-left: 4%;
	padding-left: 4%;
}
.popContact-inner .clm i{
	font-size: 30px;
	margin-right: 20px;
}
.popContact-btnrequest{
	border:solid 1px #fff;
	position: relative;
}
.popContact-btnrequest a{
	display: block;
	width: 240px;
	color: #fff;
	line-height: 1;
	font-size: 12px;
	letter-spacing: 0.2em;
	padding:16px 0;
}
.popContact-btnrequest a:before{
	content: '';
	width: 100%;
	height: 0;
	background: #ffeb00;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .8s;
}
.popContact-btnrequest a:hover:before{
	height: 100%;
}
.popContact-btnrequest a:hover{
	color:#001730;
	font-weight: bold;
}
.popContact-btnrequest a span{
	position: relative;
	z-index: 110;	
}
.popContact-tel{
	text-align: left;
}
.popContact-tel .telnumber{
	margin-left: -0.3em;
	font-weight: 500;
}
.popContact-tel .telnumber a{
	color:#fff;
	font-size: 30px;
	line-height: 1;
	pointer-events: none;
}
.popContact-tel .cap{
	font-size: 10px;
	color:#fff;
	line-height: 1.5;
}
@media only screen and (max-width:736px) {
	#popContact{
		right: 0;
		left: 0;
		top: auto;
		bottom: 0;
		margin:auto;
	}
	.popContact-ttl{
		font-size: 34px;
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
	.popContact-inner .clmBox{
		margin-top: 40px;
	}
	.popContact-inner .clm{
		width: 100%;
		justify-content: center;
	}
	.popContact-inner .clm:last-child{
		border-left:none
		border-top:solid 1px #334559;
		margin-left: 0;
		padding-left: 0;
		margin-top: 20px;
		padding-top: 20px;
	}
	.popContact-btnrequest a{
		width: 100%;
		text-align: center;
	}
	.popContact-btnrequest a span{
		padding:0 30px;
	}
	.popContact-tel .telnumber a{
		font-size: 26px;
		pointer-events: auto;
	}
}

/* spNav */
	#spNav,
	#spMenu {
		display: none;
	}
	@media only screen and (max-width:1330px) {
		#spNav,
		#spMenu {
		    display: inline-block;
		    width: 75px;
		    height: 100%;
		    padding: 20px 0 5px;
		    text-align: center;
		    box-sizing: border-box;
			position: relative;
			cursor: pointer;
		}
		#spMenu p{
		    display: block;
		    margin-top: 5px;
		    font-size: 10px;
		    line-height: 1;
		}
		#spMenu.is-active .menu-trigger {
			z-index: 120;
		}
		#spMenu.is-fixed .menu-trigger span{
			background: #fff !important;
		}
		#spMenu.is-fixed .menu-trigger p{
			color: #fff !important;
		}
		#spMenu .menu-trigger,
		#spMenu .menu-trigger span {
		  display: inline-block;
		  transition: all .4s;
		  box-sizing: border-box;
		}
		#spMenu .menu-trigger {
		  position: relative;
		  width: 20px;
		  height: 20px;
		}
		#spMenu .menu-trigger span {
		  position: absolute;
		  left: 0;
		  width: 100%;
		  height: 2px;
		  background: #111111;
		}
		#spMenu .menu-trigger span:nth-of-type(1) {
		  top: 2px;
		}
		#spMenu .menu-trigger span:nth-of-type(2) {
		  top: 9px;
		}
		#spMenu .menu-trigger span:nth-of-type(3) {
		  bottom: 2px;
		}
		#spMenu .menu-trigger.active span:nth-of-type(1) {
		  -webkit-transform: translateY(6px) rotate(-45deg);
		  transform: translateY(6px) rotate(-45deg);
		}
		#spMenu .menu-trigger.active span:nth-of-type(2) {
		  left: 50%;
		  opacity: 0;
		  -webkit-animation: active-menu-bar02 .8s forwards;
		  animation: active-menu-bar02 .8s forwards;
		}
		@-webkit-keyframes active-menu-bar02 {
		  100% {
		    height: 0;
		  }
		}
		@keyframes active-menu-bar02 {
		  100% {
		    height: 0;
		  }
		}
		#spMenu .menu-trigger.active span:nth-of-type(3) {
		  -webkit-transform: translateY(-7px) rotate(45deg);
		  transform: translateY(-7px) rotate(45deg);
		}
		#spMenu .menu-trigger.active span{
			background: #fff !important;
		}
		
	}
	@media only screen and (max-width:736px) {
		#spMenu {
			padding:10px 0;
		}
		#spMenu .menu-trigger.active span{
			background: #111111 !important;
		}
	}


/* Container */
#container {
	text-align: left;
	background-color: transparent;
	margin-top: 70px;
}
@media only screen and (max-width:736px) {
	#container {
		margin-top: 40px;
	}
}


/* Footer */
	#gFooter {
		margin-top: 130px;
	}
/* nextBack */
	.nextBack{	
		width: 100%;
		font-size: 18px;
		line-height: 1;
		letter-spacing: 0.01em;
		position: relative;
		z-index: 2;
	}
	.nextBack a{
		color: #014993;		
	}
	.nextBack .nextBack-back{
		position: absolute;
		left: 0;
		bottom: -30px;
		cursor: pointer;
	}
	.nextBack .nextBack-back i{
		margin-right: 10px;
		vertical-align: middle;
	}
	.nextBack .nextBack-back .spinner{
		left: -8px;
		right: auto;
		top: -30%;
	}
	.nextBack .nextBack-back:hover .spinner{
		opacity: 1;
	}
	.nextBack .nextBack-next{
		position: absolute;
		right: 0;
		bottom: -30px;
		cursor: pointer;
	}
	.nextBack .nextBack-next i{
		margin-left: 10px;
		vertical-align: middle;
	}
	.nextBack .nextBack-next .spinner{
		left: auto;
		right: -8px;
		top: -30%;
	}
	.nextBack .nextBack-next:hover .spinner{
		opacity: 1;
	}
	@media only screen and (max-width:736px) {
		.nextBack{
			display: none;
		}
	}


/* fNav */
	#fNav {
		color: #666;
		font-size: 11px;
	}

	#fNav .on a {}
	#fNav .off a {
		pointer-events: none;
	}


/* contact */
	#contact {
		padding:0 0 30px;
		margin-bottom: 45px;
		text-align: center;
	}
	.contact_tel{
		font-size: 50px;
		line-height: 1;
		letter-spacing: -0.01em;
	}
	.contact_tel a{
		color:#014993;
		display: block;
		pointer-events: none;
	}
	.contact_hour{
		font-size:12px;
		margin-top: 10px;
	}
	.bottomCap{
		text-align: left;
		margin-top: 50px;
	}
	@media only screen and (max-width:736px) {
		.contact{
			padding:35px 0 20px;			
		}
		.contact_tel{
			font-size: 36px;
		}
		.contact_tel a{
			pointer-events: auto;			
		}
		.contact_hour{
			font-size: 10px;
		}
	}

/*ftr-logo*/
	.ftr-logo{
		margin-bottom: 10px;
	}
	.ftr-logo ul{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.ftr-logo ul li:nth-child(n+2){
		margin-left: 2.727272727272727%;
	}
	.ftr-logo ul li:nth-child(1){
		width: 12.096774193548388%;
	}
	.ftr-logo ul li:nth-child(2){
		width: 12.903225806451612%;
	}
	.ftr-logo ul li:nth-child(3){
		width: 18.387096774193548%;
	}
	.ftr-logo ul li:nth-child(4){
		width: 21.048387096774192%;
	}
	.ftr-logo ul li:nth-child(5){
		width: 14.112903225806454%;
	}
	@media only screen and (max-width:736px) {
		.ftr-logo ul{
			justify-content: flex-start;
		}
		.ftr-logo ul li{
			width: 50% !important;
			text-align: center;
		}
		.ftr-logo ul li:nth-child(n+2){
			margin-left: 0;
		}
		.ftr-logo ul li:nth-child(n+3){
			margin-top: 10px;
		}
		.ftr-logo ul li:nth-child(1) img{
			width: 50%;
		}
		.ftr-logo ul li:nth-child(2) img{
			width: 53.333333333333336%;
		}
		.ftr-logo ul li:nth-child(3){
			/*width: 100%;*/
		}
		.ftr-logo ul li:nth-child(3) img{
			/*width: 35.625%;*/
			width: 76%;
		}
		.ftr-logo ul li:nth-child(4) img{
			width: 87%;
		}
		.ftr-logo ul li:nth-child(5) img{
			width: 58.333333333333336%;
		}
		.ftr-logo ul li img{
		    max-width: initial; /* 初期状態にリセット */
		}
	}






/*copyrightBox*/
.copyrightBox{
	text-align: center;
	/*margin-top: 35px;*/
	position: relative;
}
/*waveArea*/
.waveArea{
	height: 180px;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}
.waveArea canvas{
	width: 100%;
}
.waveImg{
	width: 100%;
	height: 153px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	vertical-align: bottom;
	overflow: hidden;
}
.waveImg img{
	max-width: initial; /* 初期状態にリセット */
}
@media only screen and (max-width:736px) {
	.waveImg img{
		max-width: 100%;
	}
}

/* pagetop */
.pagetop{
	position: absolute;
	left: 0;
	right: 0;
	top: -30px;
	margin:auto;
}
.pagetop a{
	display: inline-block;
	color:#fff;
	font-size: 12px;
	letter-spacing: 0.3em;
	padding-top: 70px;
	position: relative;
}
.pagetop a:before{
	content: '';
	width: 1px;
	height: 30px;
	background: #004088;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin:auto;
}
.pagetop a:after{
	content: '';
	width: 1px;
	height: 30px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	margin:auto;
}
/*copyright*/
.copyright{
	font-size: 12px;
	color:#fff;
	font-weight:300;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	margin:auto;
	z-index: 3;
}


/*****
 * 5. popup
*****/