@charset "UTF-8";
/****************************************
	main
****************************************/
main {
}

section#main-back {
	position:relative;
}

section#main-back .main-img {
	width:100%;
	height:90vh;
	overflow:hidden;
	z-index:-1;
}

section#main-back .main-img .m-i img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit:cover;
	z-index:-1;
}



section#main-back .main-img .main-title {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:90vh;
}

section#main-back .main-img .main-title img {
	position:absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
	width:80%;
	max-width:600px;
}




section#about {
	position:relative;
	width:100%;
	padding:70px 10% 70px;
	background:#fff;
}

section#about p {
	text-align:center;
	margin:0px auto;
	max-width:600px;

}

section#about p span {
	display:inline-block;
}

section#about .a-workings {
	margin:30px auto 0px;
	max-width:768px;
	border:4px double #000;
	padding:15px;
}

section#about .a-workings p {
	text-align:left;
	max-width:none;
}


section#event {
	position:relative;
	width:100%;
	padding:70px 10% 70px;
	background:#ecbe32;
}

section#event .event-area {
	position:relative;
	width:25%;
	padding:10px 5px 45px;
}

section#event .event-area .e-img {
}

section#event .event-area .e-img img {
	width:100%;
	padding:3px;
	border:1px solid #303030;
}

section#event .event-area .e-date {
	font-size:12px;
}

section#event .event-area .e-btn {
	position:absolute;
	bottom:5px;
	right:5px;
} 

section#event .event-area .e-btn a {
	display:inline-block;
	padding:5px 10px;
	border:1px solid #000;
	background:#fff;
	font-size:12px;
	color:#000;
	transition:.4s;
}

section#event .event-area .e-btn a:hover {
	background:#f0f0f0;
	text-decoration:none;
	transition:.4s;
}


section#service {
	position:relative;
	width:100%;
	padding:70px 10% 70px;
	background:#fff;
}

section#service .service-area {
	width:50%;
	padding:10px 10px 20px;
}

section#service .service-area .s-img {
	display:block;
	width:25%;
}

section#service .service-area .s-img img {
	width:100%;
	padding:3px;
	border:1px solid #303030;
}

section#service .service-area .s-info {
	position:relative;
	display:block;
	width:75%;
	padding:0px 0px 35px;
}

section#service .service-area .s-info .s-title {
	display:block;
	font-weight:600;
	padding:0px 10px 5px;
}

section#service .service-area .s-info .s-dtl {
	display:block;
	padding:5px 10px 10px;
}

section#service .service-area .s-info .s-btn {
	position:absolute;
	bottom:5px;
	left:10px;
} 

section#service .service-area .s-info .s-btn a {
	display:inline-block;
	padding:5px 10px;
	border:1px solid #000;
	background:#fff;
	font-size:12px;
	color:#000;
	transition:.4s;
}

section#service .service-area .s-info .s-btn a:hover {
	background:#f0f0f0;
	text-decoration:none;
	transition:.4s;
}




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

	section#event .event-area {
		width:50%;
	}
	

	section#service .service-area {
		width:100%;
	}

	section#service .service-area .s-img {
		width:30%;
	}
	
	section#service .service-area .s-info {
		width:70%;
	}


}


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





}