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





	
	
/* mainimages
--------------------- */
#mainimages {
	width: 100%;
	height: 100vh;
	position: relative;
}
	#mainimages ul li {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100vh;
		text-align: center;
	}


	#mainimages .titlehead {
		position: absolute;
		top: 50%;
		left: 5%;
		margin-top: -72px;
		z-index: 10;
	}
		#mainimages .titlehead h1 {
			font-size: 4.0rem;
			font-weight: 600;
			line-height: 1.2em;
			color: #fff;
			padding-bottom: 30px;
		}
			#mainimages .titlehead h1 span {
				font-size: 3.0rem;
			}

		#mainimages .titlehead .en {
			font-size: 1.4rem;
			line-height: 1;
			color: #fff;
		}





	
	
/* about
--------------------- */
#about {
	width: 100%;
	padding: 0 0 120px 0;
}
	#about .text {
		width: 50%;
		padding: 100px 10% 0 5%;
	}
		#about .text dl dt {
			font-size: 2.0rem;
			font-weight: 700;
			margin-bottom: 10px;
		}


	#about .pht {
		width: 50%;
	}





	
	
/* news
--------------------- */
#news {
	width: 100%;
	padding: 120px 0;
	background: url("../img/news_pht_bg.jpg") no-repeat center / cover;
}
	#news .text {
		width: 300px;
	}
		#news .text .title {
			color: #fff;
		}


	#news .list {
		width: -webkit-calc(100% - 300px);
		width: calc(100% - 300px);
	}
		#news .list li {
			background: #fff;
			margin-bottom: 15px;
		}
		#news .list li:nth-last-child(1) {
			margin-bottom: 0;
		}
			#news .list li a {
				display: block;
				padding: 20px;
				background: url("../common/img/icon_arrow.svg") no-repeat right 20px center;
			}
			#news .list li a:hover {
				background: url("../common/img/icon_arrow.svg") no-repeat right 15px center;
			}
				#news .list li a .en {
					font-size: 1.3rem;
					color: #A09F9F;
				}
				#news .list li a p {
					font-size: 1.5rem;
				}





	
	
/* event
--------------------- */
#event {
	width: 100%;
	padding: 120px 0 0 0;
	position: relative;
}
#event:before {
	content: "";
	width: 100%;
	height: 380px;
	background: #F5F5F5;
	position: absolute;
	top: 0;
	left: 0;
}
	#event .title {
		text-align: center;
	}


	#event .swiper-container {
		padding-bottom: 50px;
	}
		#event .swiper-container .swiper-slide a {
			display: block;
		}
			#event .swiper-container .swiper-slide a .pht {
				width: 278px;
				height: 192px;
				overflow: hidden;
			}
				#event .swiper-container .swiper-slide a .pht img {
					-moz-transition: -moz-transform 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear;
					-o-transition: -o-transform 0.2s linear;
					-ms-transition: -ms-transform 0.2s linear;
					transition: transform 0.2s linear;
				}
				#event .swiper-container .swiper-slide a:hover .pht img {
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05);
				}

			#event .swiper-container .swiper-slide a .en {
				display: block;
				font-size: 1.3rem;
				color: #A09F9F;
				padding-top: 10px;
			}
			#event .swiper-container .swiper-slide a h3 {
				font-size: 1.5rem;
			}

	#event .swiper-pagination-bullet {
		border: solid 1px #8ED84C;
		background: #fff;
		opacity: 1.0;
	}
	#event .swiper-pagination-bullet-active {
		background: #8ED84C;
	}


	#event .btn {
		position: absolute;
		top: 0;
		right: 0;
	}











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









}

	







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





	
	
/* mainimages
--------------------- */
#mainimages {
	height: 70vh !important;
}
	#mainimages ul li {
		height: 70vh !important;
	}


	#mainimages .titlehead {
		margin-top: -53.5px;
	}
		#mainimages .titlehead h1 {
			font-size: 3.0rem;
			padding-bottom: 20px;
		}
			#mainimages .titlehead h1 span {
				font-size: 2.0rem;
			}

		#mainimages .titlehead .en {
			font-size: 1.2rem;
		}





	
	
/* about
--------------------- */
#about {
	width: 100%;
	padding: 0 0 6% 0;
}
#about .inner_max {
	display: block;
}
	#about .text {
		width: 100%;
		padding: 0 10% 30px 5%;
	}
		#about .text dl dt {
			font-size: 1.8rem;
		}


	#about .pht {
		width: 95%;
	}





	
	
/* news
--------------------- */
#news {
	padding: 80px 0;
}
#news .inner {
	display: block;
}
	#news .text {
		width: 100%;
	}


	#news .list {
		width: 100%;
		padding-bottom: 40px;
	}
		#news .list li {
			background: #fff;
			margin-bottom: 15px;
		}
			#news .list li a {
				display: block;
				padding: 20px;
				background: none;
			}
				#news .list li a .en {
					font-size: 1.2rem;
				}
				#news .list li a p {
					font-size: 1.4rem;
				}





	
	
/* event
--------------------- */
#event {
	padding: 80px 0 0 0;
}
#event:before {
	content: "";
	width: 100%;
	height: 280px;
	background: #F5F5F5;
	position: absolute;
	top: 0;
	left: 0;
}


	#event .swiper-container {
		padding-bottom: 45px;
		margin-bottom: 10px;
	}
		#event .swiper-container .swiper-slide a .en {
			font-size: 1.2rem;
		}
		#event .swiper-container .swiper-slide a h3 {
			font-size: 1.4rem;
		}

			#event .swiper-container .swiper-slide a .pht {
				width: 100%;
				height: 140px;
				overflow: hidden;
			}

	#event .btn {
		position: static;
	}





}