@charset "utf-8";



/*-- 

content_kv

====================================================== --*/

#content_kv{
	position:relative;
	width:100%;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:2rem;
	overflow:hidden;
}
.content_kv_inner{
	position:relative;
	z-index:1;
	width:100%;
	max-width:80rem;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:2rem;
	margin:auto 0;
}
.content_kv_inner ._maintitle{
	max-width:65.6rem;
	width:100%;
	margin-top:4rem;
	transition:.3s;
}
.content_kv_inner ._mainlead{
	margin-top:2rem;
	max-width:58rem;
	width:100%;
	transition:.3s;
}
/* tb */
@media screen and (max-width:835px){
	#content_kv{
		padding:2rem 6rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	#content_kv{
		padding:2rem 4rem;
	}
}



/*-- 

scroll

====================================================== --*/

.scroll{
	writing-mode:vertical-rl;
	margin-top:4rem;
}
.scroll::before{
	animation:scroll 2s infinite;
	background-color:var(--c-white);
	bottom:-11.5rem;
	content:"";
	height:10rem;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	width:0.1rem;
}



/*-- 

content_lead

====================================================== --*/

#content_lead{
	position:relative;
	padding-top:40rem;
	padding-bottom:40rem;
	margin-bottom:-20rem;
	z-index:2;
}
#content_lead .content_inner{
	position:relative;
	z-index:3;
}
#content_overview{
	padding-top:20rem;
}
#content_lead ._msg{
	position:absolute;
	top:0;
	bottom:0;
	margin:0 auto;
	display:flex;
	align-items:center;
	width:36%;
}
#content_lead ._msg1{
	left:0;
	align-items:flex-end;
	margin-bottom:20rem;
}
#content_lead ._msg2{
	right:0;
	align-items:flex-start;
	margin-top:20rem;
}
/* tb */
@media screen and (max-width:835px){
	#content_lead{
		padding-top:20rem;
		padding-bottom:20rem;
		margin-bottom:-20rem;
		z-index:2;
	}
	#content_lead ._msg{
		position:relative;
		margin:0 auto;
		align-items:center;
		width:100%;
	}
	#content_lead .lst_msg{
		margin-top:3rem;
		display:flex;
		gap:1rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	#content_lead .lst_msg{
		flex-direction:column;
	}
}



/*-- 

content_sessions

====================================================== --*/

#content_sessions{
	color:var(--c-white);
}
#content_sessions ._title{
	line-height:1.5;
	font-size:3.2rem;
}
#content_sessions ._stext{
	font-size:1.5rem;
	margin-top:1rem;
}

/*-- box_sessions --*/

#content_sessions .box_sessions{
	display:flex;
	gap:6rem;
}
#content_sessions .box_sessions_text{
/*	width:60%;*/
	width:100%;
}
#content_sessions .box_sessions_text ._text{
	margin-top:4rem;
}
#content_sessions .box_sessions_photo{
	width:calc(40% - 6rem);
}
/* tb */
@media screen and (max-width:835px){
	#content_sessions ._title{
		font-size:2.8rem;
	}
	#content_sessions ._stext{
		font-size:1.4rem;
	}
	#content_sessions .box_sessions{
		gap:4rem;
	}
	#content_sessions .box_sessions_text{
/*		width:50%;*/
		width:100%;
	}
	#content_sessions .box_sessions_text ._text{
		margin-top:3rem;
	}
	#content_sessions .box_sessions_photo{
		width:calc(50% - 4rem);
	}
}
/* sp */
@media screen and (max-width:767px){
	#content_sessions ._title{
		font-size:2.2rem;
	}
	#content_sessions .box_sessions{
		flex-direction:column-reverse;
		gap:3rem;
	}
	#content_sessions .box_sessions_text{
		width:100%;
	}
	#content_sessions .box_sessions_text ._text{
		margin-top:3rem;
	}
	#content_sessions .box_sessions_photo{
		width:80%;
		max-width:40rem;
		margin:0 auto;
	}
}

/*-- box_sessions2 --*/

#content_sessions .box_sessions2{
	display:flex;
	flex-direction:column;
	gap:3rem;
}
#content_sessions .lst_sessions{
	display:flex;
	gap:4rem;
}
#content_sessions .lst_sessions_item{
	width:calc((100% - 4rem * 3) / 4);
}
#content_sessions .lst_sessions_item picture{
	display:block;
	position:relative;
}
#content_sessions ._role{
	position:absolute;
	left:0;
	bottom:0;
	background:var(--c-black-grade);
	padding:0.6rem;
	font-size:1.4rem;
	padding-right:2em;
}
/* tb */
@media screen and (max-width:835px){
	#content_sessions .lst_sessions{
		flex-wrap:wrap;
		max-width:60rem;
		margin:0 auto;
		gap:3rem;
	}
	#content_sessions .lst_sessions_item{
		width:calc((100% - 3rem) / 2);
	}
}
/* sp */
@media screen and (max-width:767px){
	#content_sessions .lst_sessions_item{
		width:65%;
		max-width:40rem;
		margin:0 auto;
	}
}