@charset "utf-8";
@import url(reset.css);

body{
	background: #0E1010;
	font-family:HelveticaNeue, sans-serif;
}

.first_view{
	display: block;
	position: relative;
	height: 100vh;
	width: 100%;
}

.first_view .title{
	display: block;
	position: absolute;
	height: 80%;
	top: 10%;
	left: 10%;
}

.title img {
	height: 100%;
}

.inner{
	padding: 0 10% 10%;
}

a.link{
	padding: 20px 100px;
	width: 300px;
	margin: 30px auto;
	text-align: center;
	display: block;
	position: relative;
/* 	background: #FFF100; */
	border: #FFF100 1px solid;
	color: #FFF100;
	text-decoration: none;
	font-size: 30px;
	letter-spacing: 5px;
}

a.link:hover{
	background: #FFF100;
	color: #000;
}

.card{
	margin: 7.5%;
	width: 35%;
	float: left;
}

.card .image{
	width: 240px;
	margin: auto;
	margin-bottom: 20px;
	border: 1px solid #C4D700;
}
.card .image img{
	width: 100%;
}

.card .name{
	color: #fff;
	font-size: 24px;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.card .name span{
	font-size: 16px;
	padding-right: 10px;
}
.card .text{
	color: #8FC31F;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.card a{
	text-decoration: none;
	color: #FFF100;
	font-size: 16px;
	line-height: 2.0em;
}

.timetable{
	width: 60%;
	margin: auto;
}

.about .text{
	font-size: 16px;
	line-height: 1.5em;
	color: #fff;
}

.timetable h2{
	margin-top: 40px;
	font-size: 40px;
	color: #fff;
	line-height: 1.5em;
}
.timetable h2 span{
	color: #FFF100;
}
.timetable .time{
	font-size: 20px;
	color: #fff;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.timetable h3{
	font-size: 26px;
	color: #fff;
	line-height: 1.5em;
}
.timetable h4{
	font-size: 22px;
	color: #C4D700;
	line-height: 1.5em;
	margin-bottom: 20px;
}


.speaker{
	overflow: hidden;
	margin-bottom: 40px;
}

.speaker .image{
	float: left;
	display: inline-block;
	width: 23%;
	border: 1px solid #C4D700;
	box-sizing:border-box;
}

.speaker .image img{
	width: 100%;
}
.speaker .right{
	float: right;
	width: 70%;
}

.speaker .name{
	color: #fff;
	font-size: 24px;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.speaker .title{
	color: #fff;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.speaker .text{
	color: #C4D700;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

.speaker a{
	text-decoration: none;
	color: #FFF100;
	font-size: 16px;
	line-height: 2.0em;
}

.footer{
	background: #fff;
}
.footer .footer_inner{
	margin: 0 auto;
	width: 1200px;
}
.footer .footer_inner img{
	margin: 30px;
}

.pc{ display: block;}
.sp{ display: none;}

@media print, screen and (max-width: 700px) {
	.pc{ display: none;}
	.sp{ display: inline-block;}


	.first_view{
		background: url(../img/bg.png) no-repeat;
		background-size: cover;
		background-position: center bottom;
	}

	.first_view .title{
		width: 90%;
		height: auto;
		top: 10%;
		left: 5%;
	}
	.first_view .title img{
		width: 100%;
		height: auto;
	}

	a.link{
		padding: 20px 0;
		width: 100%;
	}
	.card{
		margin: 50px 0;
		width: 100%;
		float: none;
	}
	.card .name span{
		display: block;
	}
	.timetable{
		width: 100%;
	}
	.timetable h3{
		font-size: 18px;
	}
	.timetable h4{
		font-size: 14px;
	}
	.speaker .title{
		font-size: 14px;
	}
	.speaker .text{
		font-size: 14px;
	}

	.footer{
		background: #fff;
	}
	.footer .footer_inner{
		margin: 0 auto;
		padding: 20px 0;
		width: 100%;
		text-align: right;
	}

	.footer .footer_inner a{
		display: block;
		width: 90%;
	}
	.footer .footer_inner img{
		height: 50px;
		margin: 20px 0;
	}

}