@charset "utf-8";
/*
==================================================
top.css
==================================================*/

/*
--------------------------------------------------
[Hero]
==================================================*/

#hero {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	}
	#maximage {
		position: relative !important;
		}
	#maximage.mc-cycle {
		z-index: 1 !important;
		}
	.in-slide-content {
		position: absolute;
		top: 50%;
		top: 40%;
		left: 50px;
		z-index: 10;
		width: 80%;
		}
	.in-slide-content span {
		display: block;
		float: left;
		clear: left;
		margin-bottom: .8em;
		padding: .8em 30px;
		border: 1px solid #004c6f;
		background-color: rgba(255, 255, 255, .75);
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#75ffffff,EndColorStr=#75ffffff);
		}
	.lt-ie9 .in-slide-content span {
		background-color: #fff;
		}
@media screen and (max-width: 1023px) {
	.in-slide-content {
		left: 0;
		margin-left: 15px;
		margin-right: 15px;
		width: 100%;
		}
		.in-slide-content .txt1 img {
			width: 372px;
			height: auto;
			}
		.in-slide-content .txt2 img {
			width: 585px;
			height: auto;
			}
	}
@media screen and (max-width: 639px) {
	.in-slide-content span {
		padding: 8px 15px 10px;
		}
		.in-slide-content .txt1 img {
			width: 186px;
			}
		.in-slide-content .txt2 img {
			width: 293px;
			}
	}


/*
--------------------------------------------------
[Feature]
==================================================*/

.feature-img {
	margin-bottom: 20px;
	width: 80%;
	}
@media screen and (max-width: 639px) {
	.feature-img {
		width: 50%;
		}
	}

/*
--------------------------------------------------
[News]
==================================================*/

#news .section-hl {
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	width: 20%;
	}
	#news .section-hl h2 {
		margin-top: .4em;
		}
#news .news-list {
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	width: 80%;
	}
	#news .post {
		font-size: 85% !important;
		}
		#news .post li {
			padding: .8em 1em;
			}
		#news .post li:nth-child(even) {
			background: #fcfcfc;
			}
			#news .post .date {
				display: inline-block;
				width: 20%;
				color: #004c6f;
				vertical-align: top;
				}
			#news .post .title {
				display: inline-block;
				width: 80%;
				}
@media screen and (max-width: 639px) {
	#news .section-hl {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
		text-align: center;
		}
	#news .news-list {
		float: none;
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		}
/*20210113 scroll add�«*/
	#news .scroll {
		width:200px;
		height:120px;
		overflow: scroll;
		background: #ffcccc;
		margin-bottom: 1.0em;
		}

	#news .auto{
		width:200px;
		height:120px;
		overflow: auto;
		background: #ccffcc;
		margin-bottom: 1.0em;
		}
	#news .scroll-y{
		width:200px;
		height:120px;
		overflow-x: hidden;
		overflow-y: scroll;
		background: #ccccff;
		margin-bottom: 1.0em;
		}
/*20210113 scroll add�ª*/
		#news .post li {
			padding: .8em 4%;
			}
			#news .post .date {
				display: block;
				padding-left: 4%;
				width: 100%;
				}
			#news .post .title {
				display: block;
				padding-top: .5em;
				padding-left: 4%;
				padding-right: 4%;
				width: 100%;
				}
	}


/*
--------------------------------------------------
[Waypoints]
==================================================*/

.wp1,
.wp2,
.wp3,
.wp4,
.wp5,
.wp6 {
	visibility: hidden;
	}
.bounceInLeft,
.bounceInRight,
.fadeInUp,
.fadeInUpDelay,
.fadeInDown,
.fadeInUpD,
.fadeInLeft,
.fadeInRight,
.bounceInDown {
	visibility: visible;
	}
.delay-05s {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	}
.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	}