@charset "UTF-8";

/* CSS Document */

.hide {
	display: none;
}

.caption-head {
	position: relative;
	display: inline;
	width: auto;
	font-family: Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: .8vw;
	line-height: 1.3vw;
	color: #FFF;
	z-index: 5000;
	border-bottom: 2px solid #FFF;
	margin-bottom: 5px;
}

.caption-head:hover+.hide {
	position: relative;
	display: block;
	font-family: Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: .8vw;
	line-height: 1.1vw;
	color: #FFF;
	z-index: 5000;
}

.service-caption {
	position: relative;
	display: block;
	top: 1vw;
	vertical-align: top;
}

.caption1 {
	display: block;
	position: absolute;
	text-align: right;
	top: 7vw;
	right: 5vw;
	width: 50vw;
}

.caption2 {
	display: block;
	position: absolute;
	text-align: right;
	top: 7vw;
	right: 7vw;
	width: 40vw;
}

.caption3 {
	display: block;
	position: absolute;
	text-align: right;
	top: 2vw;
	right: 5vw;
	width: 30vw;
}
.caption33 {
	display: block;
	position: absolute;
	text-align: left;
	top: 2vw;
	left: 7vw;
	width: 25vw;
}

.caption4 {
	display: block;
	position: absolute;
	text-align: left;
	top: 2vw;
	left: 5vw;
	width: 50vw;
}

.caption5 {
	display: block;
	position: absolute;
	text-align: left;
	top: 1vw;
	left:7vw;
	width: 30vw;
}

.caption6 {
	display: block;
	position: absolute;
	text-align: right;
	top: 6vw;
	right: 5vw;
	width: 40vw;
}


@media only screen and (max-width: 1500px) {
	.caption-head {
		position: relative;
		display: inline;
		width: auto;
		font-family: Helvetica, Sans-Serif;
		font-weight: bold;
		font-size: 1.1vw;
		line-height: 1.5vw;
		color: #FFF;
		z-index: 5000;
		border-bottom: 2px solid #FFF;
		margin-bottom: 5px;
	}

	.caption-head:hover+.hide {
		position: relative;
		display: block;
		font-family: Helvetica, Sans-Serif;
		font-weight: bold;
		font-size: 1.1vw;
		line-height: 1.5vw;
		color: #FFF;
		z-index: 5000;
	}

	.caption2 {
		display: block;
		position: absolute;
		text-align: right;
		top: 6.8vw;
		right: 8vw;
		width: 55vw;
	}

	.caption3 {
		display: block;
		position: absolute;
	top: 2vw;
	right: 5vw;
		width: 45vw;
	}
.caption33 {
	display: block;
	position: absolute;
	text-align: left;
	top: 1vw;
	left: 7vw;
	width: 35vw;
}
	.caption4 {
		top: 2vw;
	}

	.caption5 {
		display: block;
		position: absolute;
		top: 2vw;
		width: 40vw;
	}
}

@media only screen and (max-width: 1200px) {
	.caption-head {
		position: relative;
		display: inline;
		width: auto;
		font-family: Helvetica, Sans-Serif;
		font-weight: bold;
		font-size: 1.2vw;
		line-height: 1.7vw;
		color: #FFF;
		z-index: 5000;
		border-bottom: 2px solid #FFF;
		margin-bottom: 5px;
	}

	.caption-head:hover+.hide {
		position: relative;
		display: block;
		font-family: Helvetica, Sans-Serif;
		font-weight: bold;
		font-size: 1.2vw;
		line-height: 1.7vw;
		color: #FFF;
		z-index: 5000;
	}

	.caption2 {
		display: block;
		position: absolute;
		text-align: right;
		top: 7vw;
		right: 8vw;
		width: 60vw;
	}

	.caption3 {
		display: block;
		position: absolute;
		text-align: right;
		top: 3vw;
		right: 5vw;
		width: 45vw;
	}
.caption33 {
	display: block;
	position: absolute;
	text-align: left;
	top: 1vw;
	right: 7vw;
	width: 40vw;
}
	.caption5 {
		display: block;
		position: absolute;
		text-align: left;
		top: 1vw;
		right: 5vw;
		width: 45vw;
	}
}

@media only screen and (max-width: 840px) {
	.caption-head {
		position: relative;
		display: inline;
		width: auto;
		font-family: Helvetica, Sans-Serif;
		font-weight: bold;
		font-size: 1.7vw;
		line-height: 2.2vw;
		color: #FFF;
		z-index: 5000;
		border-bottom: 2px solid #FFF;
		margin-bottom: 5px;
	}

	.caption-head:hover+.hide {
		position: relative;
		display: block;
		font-family: Helvetica, Sans-Serif;
		font-weight: bold;
		font-size: 1.7vw;
		line-height: 2.2vw;
		color: #FFF;
		z-index: 5000;
	}

	.caption1 {
		display: block;
		position: absolute;
		text-align: right;
		top: 10vw;
		right: 5vw;
		width: 70vw;
	}

	.caption2 {
		display: block;
		position: absolute;
		text-align: right;
		top: 7vw;
		right: 7vw;
		width: 90vw;
	}

	.caption3 {
		display: block;
		position: absolute;
		text-align: right;
		top: 3vw;
		right: 5vw;
		width: 60vw;
	}
.caption33 {
	display: block;
	position: absolute;
	text-align: left;
	top: 1vw;
	right: 7vw;
	width: 60vw;
}
	.caption4 {
		display: block;
		position: absolute;
		text-align: left;
		top: 1vw;
		left: 5vw;
		width: 90vw;
	}

	.caption5 {
		display: block;
		position: absolute;
		text-align: left;
		top: 1vw;
		left: 7vw;
		width: 70vw;
	}
		.caption6 {
		width: 70vw;
			top: 14vw;
	}
}

@media only screen and (max-width: 768px) {}

@media only screen and (max-width: 470px) {

	button,
	input[type="submit"],
	input[type="reset"] {
		background: none;
		color: inherit;
		border: none;
		padding: 0;
		font: inherit;
		cursor: pointer;
		outline: inherit;
	}

	.caption-head {
		position: relative;
		display: inline;
		width: auto;
		font-family: Helvetica, Sans-Serif;
		font-weight: bold;
		font-size: 3vw;
		line-height: 4vw;
		color: #FFF;
		z-index: 5000;
		border-bottom: 2px solid #FFF;
		margin-bottom: 5px;
	}

	.caption-head:hover+.hide {
		position: relative;
		display: block;
		font-family: Helvetica, Sans-Serif;
		font-weight: bold;
		font-size: 3vw;
		line-height: 4vw;
		color: #FFF;
		z-index: 5000;
	}

	.service-caption {
		position: relative;
		display: block;
		top: 1vw;
		vertical-align: top;
	}

	.caption1 {
		display: block;
		position: absolute;
		text-align: right;
		top: 20vw;
		right: 5%;
		width: 80%;
	}

	.caption2 {
		display: block;
		position: absolute;
		text-align: right;
		top: 9vw;
		right: 10%;
		width: 80%;
		z-index: 100;
	}

	.caption3 {
		display: block;
		position: absolute;
		text-align: left;
		top: 5vw;
		left: 5%;
		width: 90%;
		z-index: 100;
	}
.caption33 {
	display: block;
	position: absolute;
		text-align: left;
		top: 5vw;
		left: 5%;
		width: 90%;
		z-index: 100;
}
	.caption4 {
		display: block;
		position: absolute;
		text-align: left;
		top: 5vw;
		left: 5%;
		width: 90%;
	}

	.caption5 {
		display: block;
		position: absolute;
		text-align: left;
		top: 5vw;
		left: 5%;
		width: 90%;
		z-index: 100;
	}

	.caption6 {
		display: block;
		position: absolute;
		text-align: left;
		top: 30vw;
		left: 5%;
		width: 90%;
		z-index: 100;
	}
}