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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




	



/* min 801px */
@media screen and (min-width: 801px), print {


	
	
/* main
--------------------- */
#main {
	padding-bottom: 0;
}



	
	
/* access
--------------------- */
#access {
	padding-bottom: 50px;
}
	#access #map {
		width: 100%;
		min-width: 1000px;
		height: 460px;
	}
		#access #map iframe {
			width: 100%;
			min-width: 1000px;
			height: 460px;
		}
	
	
	#access .text {
		padding-top: 30px;
		padding-bottom: 50px;
	}



	
	
/* contact
--------------------- */
#contact {
	background: #ffffff;
	padding-bottom: 150px;
}
	#contact h2 {
		text-align: center;
		font-size: 28px;
		font-weight: 400;
		letter-spacing: 2px;
		padding-top: 150px;
		margin-bottom: 150px;
		background: url(../../common/img/pagetitle_border.png) no-repeat center bottom;
	}

	
	
	#contact .box {
	}
		#contact .box .info {
			width: 370px;
		}
			#contact .box .info dl {
				margin-bottom: 40px;
			}
				#contact .box .info dl dt {
					width: 20px;
					margin-bottom: 15px;
					background: url(../../common/img/tit_border_black.png) no-repeat left bottom;
				}
				#contact .box .info dl dd {
					font-size: 150%;
					letter-spacing: 2px;
				}
					#contact .box .info dl dd a {
						color: #000;
					}
	
			#contact .box .info ul {
				padding-top: 100px;
			}
				#contact .box .info ul li {
					width: 32.5%;
				}
					#contact .box .info ul li a {
						display: block;
						color: #000;
						text-align: center;
						padding: 5px 0;
						border: solid 1px #999;
						transition: 0.3s;
						-webkit−transition: 0.3s;
					}
					#contact .box .info ul li a:hover {
						color: #fff;
						padding: 5px 0;
						background: #000;
						border: solid 1px #000;
					}
	
	
		#contact .box form {
			width: 630px;
		}
			#contact .box form dl {
				width: 577px;
				border-bottom: solid 1px #999;
				margin-bottom: 20px;
			}
			#contact .box form .namebox {
				width: 577px;
			}
				#contact .box form .namebox dl {
					width: 284px;
				}
					#contact .box form dl .textbox01 {
						width: 96%;
						padding: 2%;
						border: none;
						background: none;
					}
					#contact .box form dl .textbox {
						width: 96%;
						padding: 2%;
						border: none;
						background: none;
					}
					#contact .box form dl textarea {
						width: 96%;
						padding: 2%;
						border: none;
						background: none;
					}
	
		#contact .box .cta {
			width: 154px;
			padding-top: 40px;
		}
			#contact .box .cta button {
				width: 154px;
				height: 40px;
				font-size: 16px;
				letter-spacing: 2px;
				color: #fff;
				background: #000 url(../../common/img/icon_arrow_white.png) no-repeat 90% center;
				border: solid 1px #383838;
				cursor: pointer;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			#contact .box .cta button:hover {
				background: #000 url(../../common/img/icon_arrow_white.png) no-repeat 92% center;
				border: solid 1px #000;
				letter-spacing: 4px;
			}



	
	
/* completion
--------------------- */
#completion {
	padding-bottom: 180px;
	text-align: center;
}
	#completion .text {
		padding-bottom: 70px;
		line-height: 30px;
	}
		#completion .text p {
			margin-bottom: 15px;
		}
	
	
	

}








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



	
/* main
--------------------- */
#main {
	padding-top: 40px;
}



	
	
/* access
--------------------- */
#access {
	padding-bottom: 60px;
}
	#access #map {
		width: 100%;
		height: 300px;
	}
		#access #map iframe {
			width: 100%;
			height: 300px;
		}
	
	
	#access .text {
		font-size: 86%;
		padding-top: 30px;
		padding-bottom: 50px;
	}
	
	
	#access .flow img {
		width: 100%;
		height: auto;
	}



	
	
/* contact
--------------------- */
#contact {
	background: #ffffff;
	padding-bottom: 50px;
}
	#contact h2 {
		text-align: center;
		font-size: 129%;
		font-weight: 400;
		letter-spacing: 2px;
		padding-top: 50px;
		margin-bottom: 40px;
		background: url(../../common/img/pagetitle_border.png) no-repeat center bottom;
	}

	
	
	#contact .box {
	}
		#contact .box .info {
		}
			#contact .box .info dl {
				margin-bottom: 25px;
			}
				#contact .box .info dl dt {
					width: 20px;
					margin-bottom: 10px;
					background: url(../../common/img/tit_border_black.png) no-repeat left bottom;
				}
				#contact .box .info dl dd {
					font-size: 115%;
					letter-spacing: 2px;
				}
					#contact .box .info dl dd a {
						color: #000;
					}
	
			#contact .box .info ul {
				padding-top: 10px;
				display: flex;
				display: -webkit-flex;
				justify-content: space-between;
			}
				#contact .box .info ul li {
					width: 32.5%;
				}
					#contact .box .info ul li a {
						display: block;
						color: #000;
						text-align: center;
						padding: 5px 0;
						font-size: 86%;
						border: solid 1px #999;
					}
	
	
		#contact .box form {
			padding-top: 50px;
		}
			#contact .box form dl {
				border-bottom: solid 1px #999;
				margin-bottom: 20px;
			}
			#contact .box form .namebox {
				display: flex;
				display: -webkit-flex;
				justify-content: space-between;
			}
				#contact .box form .namebox dl {
					width: 49%;
				}
					#contact .box form dl .textbox01 {
						width: 96%;
						padding: 2%;
						border: none;
						background: none;
					}
					#contact .box form dl .textbox {
						width: 96%;
						padding: 2%;
						border: none;
						background: none;
					}
					#contact .box form dl textarea {
						width: 96%;
						padding: 2%;
						border: none;
						background: none;
					}
	
		#contact .box .cta {
			width: 154px;
			margin: 0 auto;
			padding-top: 20px;
		}
			#contact .box .cta button {
				width: 154px;
				height: 40px;
				font-size: 16px;
				letter-spacing: 2px;
				color: #fff;
				background: #000 url(../../common/img/icon_arrow_white.png) no-repeat 90% center;
				border: solid 1px #383838;
				cursor: pointer;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			#contact .box .cta button:hover {
				background: #000 url(../../common/img/icon_arrow_white.png) no-repeat 92% center;
				border: solid 1px #000;
				letter-spacing: 4px;
			}



	
	
/* completion
--------------------- */
#completion {
	padding-bottom: 60px;
	text-align: center;
}
	#completion .text {
		padding-bottom: 30px;
		line-height: 30px;
	}
		#completion .text p {
			font-size: 86%;
			margin-bottom: 15px;
		}
	




}

	



.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}