@charset "utf-8";

/*------------------------------------------------
  base
-------------------------------------------------*/

/*------------------------------------------------
  mainslide
-------------------------------------------------*/

#main_img{
	position:relative;
	width:100%;
	margin:0 auto;
	background-image: url("../../image/top/main_img_bg.jpg");
	background-position: top center;
	background-repeat: repeat-x;
	text-align:center;
	z-index:1;

	}
	#main_img div{
		display:block;
		width:1000px;
		max-width:100%;
		height:auto;
		margin:0 auto;
	}
	#main_img img.title{
		width:100%;
		margin:22px 0 0 0;
}

#information{
	position:relative;
	margin:0 auto;
	padding:0;
	z-index:5;
	top: -20px;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#main_img{
		background-position: top center;
		background-size:900px;
	}
	#information{
		margin:0 auto;
		padding:0;
		z-index:5;
		top: -10px;
	}
}

/*------------------------------------------------
  main_copy
-------------------------------------------------*/
#main_copy{
	position:relative;
	margin:0 auto 30px;
	padding:0 20px;
	}
	#main_copy p{
		position:relative;
		margin:0px;
		font-weight:bold;
		font-size:0.95rem;
	}
	#main_copy img{
		position:relative;
		width:800px;
		top: -12px;
}

#main_copy #content_box{
	position:relative;
	width:800px;
	max-width:100%;
	margin:0px auto;
	padding:30px 35px 30px;
	z-index:15;
	top: -42px;
	background-color: #f6faed;
	font-size:0.9rem;
	line-height:1.6rem;
	overflow-y:scroll;
	overflow-x:hidden;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);

}
#main_copy #content_box h2{
		display:inline-block;
		position:relative;
		margin:0 auto 25px;
		text-align:center;
		font-weight:bold;
		font-size:1.5rem;
		color:#000;
		letter-spacing:7px;
	}
	#main_copy #content_box h2:before,
	#main_copy #content_box h2:after{
		content:" ";
		position:absolute;
		top:50%;
		width:200px;
		height:2px;
		background:#8fc31f;
		}
		#main_copy #content_box h2:before{
			left:-230px;
		}
		#main_copy #content_box h2:after{
			right:-230px;
	}
	#main_copy #content_box h3{
		font-size:1.35rem;
		color:#45871d;
		text-align:left;
		font-weight: bold;
		margin:0 0 5px;
	}
	#main_copy #content_box p{
		text-align:left;
		font-weight:normal;
		font-size:0.9rem;
		line-height:1.5rem;	
	}
	#main_copy p.end{
		width:840px;
		margin:5px auto;
		padding:10px;
		background-color:#7E6BAE;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
		border-radius:30px;
		text-align:center;
		font-weight:normal;
		font-size:1rem;
		line-height:1.6rem;
		color:#fff;
	}
	#main_copy p.end span{
		font-weight:bold;
		font-size:1.3rem;
}

/* --- responsive --- */
@media only screen and (max-width:1000px){
	#main_copy p{
		font-size:0.87rem;
	}
	#main_copy #content_box{
		top: -33px;
	}
	#main_copy #content_box h3{
		font-size:1.2rem;
	}
}
@media only screen and (max-width:900px){
	#main_copy p{
		font-size:0.84rem;
	}
	#main_copy #content_box{
		top: -33px;
	}
	#main_copy #content_box h3{
		font-size:1.2rem;
	}
}
@media only screen and (max-width:840px){
	#main_copy p{
		margin:0 0 7px;
		font-size:0.80rem;
		line-height:1.5;
	}
	
}
@media only screen and (max-width:600px){
	#main_copy p{
		font-size:0.70rem;
	}
}

/*------------------------------------------------
  news
-------------------------------------------------*/

#news{
	padding:30px 0 50px;
	position:relative;
	width:100%;
	padding:45px 20px;
	background-color:#dae6d5;
}
#news h2{
	display:inline-block;
	margin:0 0 25px;
	padding:0 10px 10px;
	font-weight:bold;
	font-size:1.5rem;
	border-bottom:2px solid #8fc31f;
}
#news_box{
	position:relative;
	width:800px;
	max-width:100%;
	margin:0 auto;
	padding:15px 20px 5px;
	background:#FFF;
	overflow-y:scroll;
	overflow-x:hidden;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
#news_box ul{
	list-style:none;
	}
	#news_box ul li{
		position:relative;
		margin:0 0 10px;
		font-size:0.9rem;
	}
	#news_box ul li span.date{
		display:inline-block;
		margin:0 25px 0 0;
	}
	#news_box ul li a{
		color:#714683;
		font-weight:bold;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#news{
		padding:0px 0 30px;
	}
	#news h2{
		margin:15px 0 15px;
		font-size:1.2rem;
	}
	#news_box ul li{
		font-size:0.84rem;
	}
	#news_box ul li span.date{
		display:block;
		font-weight:bold;
		margin:0 0 0 0;
	}
}

/*------------------------------------------------
  program
-------------------------------------------------*/

#program{
	padding:30px 20px 20px;
}
#program h2{
	display:inline-block;
	margin:0 0 15px;
	padding:0 10px 10px;
	font-weight:bold;
	font-size:1.5rem;
	border-bottom:2px solid #8fc31f;
}
#program .time-t{
	margin:0 auto;
	text-align:left;
	width:400px;
	padding:20px;
	background:#FFF;
}
#program .time-t p{
	font-size:1.5rem;
	font-weight:bold;
	line-height:2.2rem;
	}
	#program .time-t p span{
		color:#004c29;
		font-weight:bold;
}

#program a:hover{
	opacity: 0.5 ;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#program h2{
		font-size:1.2rem;
	}
	#program .time-t{
		width:95%;
	}
	#program .time-t p{
		font-size:1.3rem;
		font-weight:bold;
		line-height:2rem;
	}

}

/*------------------------------------------------
  about
-------------------------------------------------*/

#about{
	position:relative;
	width:100%;
	padding:45px 20px;
	background-color:#dae6d5;
	background-image-slice: 1;
}
#about .detail_box{
    position:relative;
    top:0;
    left:0;
    width:780px;
    margin:0 auto 25px;
    padding:30px 30px;
    text-align:center;
    background:#FFF;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	}
	#about .detail_box h2{
		display:inline-block;
		position:relative;
		margin:0 auto 25px;
		text-align:center;
		font-weight:bold;
		font-size:1.5rem;
		background:#FFF;
		color:#000;
		letter-spacing:7px;
	}
	#about .detail_box h2:before,
	#about .detail_box h2:after{
		content:" ";
		position:absolute;
		top:50%;
		width:200px;
		height:2px;
		background:#6fba2c;
		}
		#about .detail_box h2:before{
			left:-230px;
		}
		#about .detail_box h2:after{
			right:-230px;
	}
	#about .detail_box p{
		text-align:left;
	}
	#about .detail_box p strong,
	#about .detail_box p strong a,
	#about .detail_box p b{
		font-weight:bold;
		font-size:1.2rem;
		text-decoration:none;
		color:#6fba2c;
	}
	#about .detail_box p strong a:hover{
		text-decoration:underline;
}

	#about .detail_box h2#schedule_link{
		letter-spacing:0px;
		}
		#about .detail_box h2#schedule_link:before,
		#about .detail_box h2#schedule_link:after{
			display:none;
		}
	#about .detail_box .try_link{
		position:relative;
		width:100%;
		height:30px;
		text-align:center;
		overflow:hidden;
	}
	#about .detail_box .try_link a{
		display:block;
		position:relative;
		width:60px;
		height:30px;
		margin:0 auto;
		text-align:left;
		text-indent:-9999px;
	}
	#about .detail_box .try_link a:after{
		content:" ";
		position:absolute;
		top:0px;
		left:calc(50% - 30px);
		border:30px solid transparent;
		border-top:30px solid #73C8D3;
		transition-duration:0.5s;
	}
	#about .detail_box .try_link a:hover:after{
		border-top:30px solid #308B98;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#about{
		padding:20px 20px 10px;
	}
	#about .detail_box{
	    width:100%;
	    margin:0 auto 20px;
	    padding:15px;
		}
		#about .detail_box h2{
			display:block;
			margin:0 auto 15px;
			padding:3px 10px;
			text-align:center;
			font-weight:bold;
			font-size:1.1rem;
			background:rgba(123,202,213,0.3);
			letter-spacing:0px;
		}
		#about .detail_box h2:before,
		#about .detail_box h2:after{
			display:none;
		}
		#about .detail_box p{
			font-size:0.78rem;
			}
		#about .detail_box p strong,
		#about .detail_box p strong a,
		#about .detail_box p b{
			font-size:0.95rem;
		}
}



/*------------------------------------------------
 accordion
-------------------------------------------------*/
#faq h2{
	display:inline-block;
	margin:20px 0 5px;
	font-weight:bold;
	font-size:1.5rem;

}
.accordion_box{
	position:relative;
	width:780px;
	max-width:100%;
	margin:10px auto 10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow: 0px 0px 5px rgba(56,56,56,0.7);
	-webkit-box-shadow: 0px 0px 5px rgba(56,56,56,0.7);
	box-shadow: 0px 0px 5px rgba(56,56,56,0.7);
	background:#FFF;
	transition-duration:0.5s;
	cursor:pointer;
	z-index:10;
	}
	.accordion_box:hover{
/*		background:rgba(214,233,173,0.1);*/
		background:#b0d561;
	}
	.accordion_box.active{
		-moz-box-shadow: 0px 0px 5px rgba(214,233,173,1);
		-webkit-box-shadow: 0px 0px 5px rgba(214,233,173,1);
		box-shadow: 0px 0px 5px rgba(214,233,173,1);
	}
	.accordion_box h3{
		display:-webkit-flex;
		display:flex;
		justify-content:flex-start;
		align-items:center;
		position:relative;
		width:100%;
		height:60px;
		padding:10px 25px 10px 55px;
		font-family: "M PLUS 1", sans-serif;
		font-weight:bold;
		font-size:1.12rem;
		}
		.accordion_box h3::before{
			content:" ";
			position:absolute;
			top:calc(50% - 12px);
			left:29px;
			border:12px solid transparent;
			border-left:15px solid rgba(111,186,44,1);;
			transition-duration:0.5s;
		}
		.accordion_box.active h3::before{
			top:calc(50% - 5px);
			left:23px;
			transform:rotate(90deg);
	}
	.accordion_box .accordion{
		padding:0px 25px 20px 25px;
		text-align:left;
		font-size:0.9rem;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	.accordion_box h3{
		font-size:0.85rem;
		padding:11px 15px 5px 45px;
		}
	.accordion_box h3::before{
			content:" ";
			position:absolute;
			top:calc(50% - 12px);
			left:15px;
			border:12px solid transparent;
			border-left:11px solid rgba(111,186,44,1);;
			transition-duration:0.5s;
		}
}

/*------------------------------------------------
  schedule
-------------------------------------------------*/

#schedule{
	}
	#schedule h2{
		display:inline-block;
		margin:0 0 15px;
		padding:0 10px 10px;
		font-weight:bold;
		font-size:1.5rem;
		border-bottom:2px solid #8fc31f;
}

#schedule table{
	width:840px;
	margin:0 auto;
	border:none;
	border-collapse:separate;
	border-spacing:7px;
	line-height:1.5;
}
#schedule table tr{
}
#schedule table th{
	padding:3px 7px;
	border:none;
	color:#FFF;
	text-align:center;
	background:#7BCAD5;
}
#schedule table td{
	padding:15px 10px 15px 20px;
	border:none;
	background:rgba(123,202,213,0.3);
}
#schedule table td:nth-child(1){
	width:290px;
	text-align:center;
	font-weight:bold;
	font-size:1.3rem;
	color:#004B2D;
}
#schedule table td:nth-child(2) dl{
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	}
	#schedule table td:nth-child(2) dt{
		display:inline-block;
		margin:0 10px;
		font-weight:bold;
		font-size:1.3rem;
	}
	#schedule table td:nth-child(2) dd{
		padding-top:5px;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#schedule{
		padding:30px 13px;
	}
	#schedule h2{
		font-size:1.2rem;
	}
	#schedule table{
		width:100%;
		border-collapse:separate;
		border-spacing:7px;
	}
	#schedule table thead{
		display:none;
	}
	#schedule table td{
		display:block;
		width:100%;
		padding:10px 10px 10px 10px;
	}
	#schedule table td:nth-child(1){
		width:100%;
		font-size:0.87rem;
		background:#7BCAD5;
		color:#FFF;
	}
	#schedule table td:nth-child(2) dl{
	}
	#schedule table td:nth-child(2) dt{
		display:block;
		width:100%;
		margin:0px;
		font-weight:bold;
		font-size:0.9rem;
	}
	#schedule table td:nth-child(2) dd{
		width:100%;
		font-size:0.83rem;
	}
}

/*------------------------------------------------
  co_list
-------------------------------------------------*/

#co_list{
	position:relative;
	text-align:center;
	}
	#co_list h2{
		display:inline-block;
		margin:0 0 15px;
		padding:0 10px 10px;
		font-weight:bold;
		font-size:1.5rem;
		border-bottom:2px solid #8fc31f;
	}
	#co_copy{
		margin:0 0 15px;
		font-weight:bold;
		font-size:1.2rem;
	}
	#co_box{
		position:relative;
		width:1040px;
		max-width:100%;
		margin:0 auto;
		text-align:left;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#co_list ul{
		padding:0 10px;
	}
	#co_list ul li{
		text-align:left;
	}
}