@charset "utf-8";

#event{
	padding-top:50px;
	padding-bottom:120px;
}

.detail_wrap{
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	align-items:center;
}

.detail_wrap .left_area{
	width:44.5%;
	padding-left:4.5%;
	padding-right:4.5%;
}

.detail_wrap .left_area h2{
	font-size: 36px;
	font-weight: 700;
	margin-top:24px;
	margin-bottom:38px;
}

.detail_wrap dl{
	margin-bottom:10px;
	justify-content:flex-start;
	flex-wrap: wrap;
	display:flex;
	align-items:center;
}

.detail_wrap dl dt{
	width:90px;
	color:#989898;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.8;
}

.detail_wrap dl dd{
	flex:1;
	font-size: 18px;
	font-weight: 700;
}

.detail_wrap .right_area{
	flex:1;
}

.detail_wrap .right_area img{
	width:100%;
}

#outline{
	padding:100px 0;
	background-color:#E9EFF0;
}

#outline h3{
	text-align:left;
}

#outline h3 span{
	font-size: 42px;
}

.outline_wrap{
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	margin-top:40px;
}

.outline_wrap > *{
	width:50%;
}

.outline_wrap .left_area p{
	max-width:480px;
	font-size: 18px;
	font-weight: 700;
	line-height: 180%;
}

.outline_wrap .right_area dl{
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	border-bottom:solid 1px #000;
	padding:30px 0;
}

.outline_wrap .right_area dl:nth-of-type(1){
	border-top:solid 1px #000;
}

.outline_wrap .right_area dl dt{
	font-size: 18px;
	font-weight: 700;
	width:128px;
}

.outline_wrap .right_area dl dd{
	flex:1;
	font-size: 18px;
	font-weight: 500;
}

.detail_link {
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	margin-top: 15px;
}

.detail_link a {
	width:200px;
	margin: auto;
	display: inline-block;
	border-radius: 30px;
	border: solid 2px #0078D9;
	padding:0;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	font-weight: 700;
	transition: all 0.7s;
	text-align: center;
	background: #0078D9;
	color:#fff;
}

#entry{
	background:#F4F7F7;
	padding:80px 0;
}

#entry .c_d_area{
	max-width: 860px;
	margin: 40px auto 0 auto;
}

#entry .c_d_area ul{
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items:center;
	font-size: 15px;
	font-weight: 700;
	line-height: 150%;
	border-top:solid 1px #000;
	padding:20px 0;
}

#entry .c_d_area ul:last-child{
	border-bottom:solid 1px #000;
}

#entry .c_d_area ul li.c_d_name{
	width:240px;
	padding-right:20px;
}

#entry .c_d_area ul li.c_d_date{
	flex:1;
	padding-right:20px;
}

#entry .c_d_area ul li.c_d_entry_btn{
	width:90px;
	margin-right:10px;
}

#entry .c_d_area ul li.c_d_entry_btn a{
	display: block;
	width:100%;
	height:40px;
	line-height:40px;
	color:#fff;
	background:#0078D9;
	border-radius: 100px;
	text-align: center;
}

#entry .c_d_area ul li.c_d_detail_btn{
	width:120px;
}

#entry .c_d_area ul li.c_d_detail_btn a{
	display: block;
	width:100%;
	height:40px;
	line-height:40px;
	color:#fff;
	background:#4BD0EF;
	border-radius: 100px;
	text-align: center;
}

#entry .comingsoon{
	font-size: 24px;
	font-weight: 500;
	line-height: 150%;
	text-align: center;
	margin-top: 80px;
}

#entry .comingsoon span{
	display:block;
	font-size: 15px;
	font-weight: 500;
	line-height: 150%;
}

@media only screen and (min-width: 825px) {

	.detail_link a:hover{
		background:#fff;
		color:#0078D9;
	}


}

@media (max-width: 825px) {

	.detail_wrap {
		flex-direction: column-reverse;
	}

	.detail_wrap .left_area,
	.detail_wrap .right_area{
		width:100%;
		padding:0;
	}

	.outline_wrap > * {
		width: 100%;
	}

	.outline_wrap .left_area p{
		max-width:unset;
	}

	.outline_wrap .right_area{
		margin-top:20px;
	}

}
@media (max-width: 600px) {
	#event{
		padding-bottom:50px;
	}

	.detail_wrap .left_area h2{
		font-size:18px;
		margin:20px 0;
	}

	.detail_wrap dl dt{
		font-size:13px;
	}

	.detail_wrap dl dd{
		font-size:13px;
	}

	.outline_wrap .right_area dl{
		display:block;
	}

	#outline{
		padding:50px 0;
	}

	.outline_wrap .left_area p{
		font-size:16px;
	}

	.outline_wrap .right_area dl dt{
		font-size:16px;
	}

	.outline_wrap .right_area dl dd{
		font-size:16px;
	}

	#entry{
		padding:40px 0;
	}
	
	#entry .c_d_area ul li.c_d_name{
		width:100%;
		padding-right:0;
	}
	
	#entry .c_d_area ul li.c_d_date{
		flex:unset;
		width:100%;
		padding-right:0;
		margin:8px 0;
	}
	
	#entry .c_d_area ul li.c_d_entry_btn{
		width:45%;
		margin-right:10px;
	}
		
	#entry .c_d_area ul li.c_d_detail_btn{
		width:45%;
	}
	
	#entry .comingsoon{
		margin-top: 30px;
	}
}