html,body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body{
	background:#548687;
	color:#FFF;
	font-size:16px;
	font-family: m-plus-1p, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height:1.6em;
}
img{
	border:none;
	vertical-align: bottom;
	width:100%;
	margin-bottom:20px;
}
h2{
	text-align:center;
	margin-top:40px;
}
	h2:before,h2:after{
		content:"−";
		margin:0 10px;
	}

a{
	color:#FBFFB9;
}

p{
	text-align:center;
}
	p span{
		color:#C5E99B;
		font-size:1.2em;
		font-weight:bold;
	}
strong{
	font-size:1.8em;
	line-height:2;
}

button,a.hpbtn{
	border:none;
	border-top:#FBFFB9 1px solid;
	border-bottom:#56445D 2px solid;
	border-radius:30px;
	display:block;
	background:#C5E99B;
	font-size:20px;
	text-align:center;
	text-decoration:none;
	color:#000;
	width:75%;
	margin:auto;
	padding:10px 20px;
	transition:.5s;
	cursor:pointer;
}
button:hover{
	opacity:.8;
}

.left{
	float:left;
}
.clear{
	clear:both;
}
.small{
	color:#fa6f8e;
	font-size:12px;
	margin-left:10px;
}

.wrap{
	background:rgba(0,0,0,0.7);
	overflow-x: hidden;
	border:#000 1px solid;
	max-width:750px;
	margin:0 auto 40px auto;
}

.main{
	background:url(images/mainimage.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	position:relative;
	min-height:540px;
	margin-bottom:40px;
}
.main_1{
	position:absolute;
	top:20vh;
	left:0;
	right:0;
	margin:auto;
}
	.main_1 img{
		display:block;
		width:75%;
		margin:auto;
	}
@media (max-width: 769px) {
	.main{
		min-height:280px;
	}
	.main_1{
		top:10vh;
	}
}
.tainyu{
	text-align:center;
}
	.tainyu p{
		display:inline-block;
		border:#000 3px solid;
		margin:auto;
		padding:20px 40px;
	}
		.tainyu p strong span{
			color:#FBFFB9;
		}
.box {
    position: relative;
    padding: 0.25em 1em;
    margin: 2em 0;
    top: 0;
    background: #000;
}
	.box:before, .box:after{ 
		position: absolute;
		top: 0;
		content:'';
		width: 10px;
		height: 100%;
		display: inline-block;
		box-sizing: border-box;
	}
	.box:before{
		border-left: dotted 4px #C5E99B;
		border-top: dotted 4px #C5E99B;
		border-bottom: dotted 4px #C5E99B;
		left: 0;
	}
	.box:after{
		border-top: dotted 4px #C5E99B;
		border-right: dotted 4px #C5E99B;
		border-bottom: dotted 4px #C5E99B;
		right: 0;
	}
.movie{
	text-align:center;
	margin:20px auto;
}
	.movie video{
		width:90%;
		margin-bottom:10px;
	}

.taigu{
	border-top:#FBFFB9 1px solid;
	border-bottom:#FBFFB9 1px solid;
	background:#000;
	text-align:center;
	padding:10px;
}
.taigu h2{
	margin:1em 0 0 0;
}
		.taigu p strong span{
			font-size:1em;
			color:#FBFFB9;
		}

.recruit{
	border:#C5E99B 3px solid;
	width:90%;
	margin:20px auto;
	padding:10px 0;
}
	.recruit_th{
		color:#C5E99B;
		font-weight:bold;
		width:90%;
		margin:auto;
	}
	.recruit_td{
		font-size:14px;
		width:90%;
		margin:auto auto 10px auto;
	}

.access{
	text-align:center;
}
.access img{
	width:90%;
}
.mi{
	color:#C5E99B;
	font-weight:700;
	font-size:18px;
	padding:3px 0;
}
.button{
	display:block;
	width:90%;
	margin:auto;
}

.formtext{
	width:96%;
	padding:0 2%;
}
.thankstext{
	width:96%;
	padding:0 2%;
}

header,footer{
	background:#000;
	color:#FFF;
	text-align:center;
	width:100%;
	padding:1% 0;
}