*{
	box-sizing: border-box;
	color: #005BA7;
	font-size: 18px;
	line-height: 1.7;
}

html,body{
	padding: 0;
	margin: 0;
}

body{
	background:url(/extra/symposium2022/img/bg-top.jpg) , url(/extra/symposium2022/img/bg-btm.png),linear-gradient(to right,#EBEFF2,#FFF);
	background-repeat: no-repeat, no-repeat;
	background-position:top center, bottom center;
	background-size:100% auto,100% auto;
}


.inner{
	width: 100%;
	max-width:680px;
	padding: 0 10px;
	margin: 0 auto;
}

img{
	width: 100%;
}

article{
	margin-bottom: 40px;
}


article h2{
	padding: 0 0 20px;
}


article h2 img{
	width:40%;
	max-width: 198px;
	height: auto;
}


/* header
----------------------------------------*/
header{
	padding: 0;
	margin: 0;
}

#free{
	width: 100%;
	max-width: 1020px;
	padding: 20px;
	margin: 0 auto;
}

#free img{
	display: block;
	margin: 0 0 0 auto;
	width: 236px;
	height: auto;
}

@media(max-width: 680px){
	#free img{
		display: block;
		margin: 0 0 0 auto;
		width:calc(100% / 3);
	}
}


/* main
----------------------------------------*/
main{
	width: 100%;
	max-width: 1020px;
	padding: 0 10px;
	margin: 0 auto;
}


/* datetime
----------------------------------------*/
#datetime{
	padding: 0;
}

#datetime p{
	text-align: center;
}

#datetime p img{
	max-width: 800px;
}


/* effect
----------------------------------------*/
#effect{
	padding: 0;
}

/* panelist
----------------------------------------*/
#panelist{
	padding: 0;
}


#panelist section{
	display: flex;
	padding:15px 0;
	background: #FFF;
}

#panelist section .attr{
	display: flex;
}

#panelist section .attr .name{
	padding-right: 40px;
}

#panelist section#m1 .name img,
#panelist section#m2 .name img,
#panelist section#m3 .name img{
	width: 131px;
}

#panelist section#m4 .name img{
	width: 164px;
}

#panelist section figure img{
	width: 200px;
	height: auto;
}

@media(max-width: 784px){

	#panelist section .attr{
		display:block;
	}

#panelist section#m1 .yaku img{max-width:222px;}
#panelist section#m2 .yaku img{max-width:401px;}
#panelist section#m3 .yaku img{max-width:128px;}
#panelist section#m4 .yaku img{max-width:279px;}

}

@media(max-width: 600px){

	#panelist section{
		display: block;
		padding: 20px 10px;
	}

	#panelist section figure{
		margin: 0;
	}

	#panelist section p{
		margin: 0;
	}

	#panelist section .text{
		font-size: 15px;
	}

}

/* youtube
----------------------------------------*/
#youtube{
	padding: 0;
}

#youtube p{
	text-align: center;
}

#youtube p{

  margin: 0 auto;

  width: 100%;

  max-width: 660px;

  aspect-ratio: 16 / 9;

}

#youtube iframe {
 border: 1px solid #005BA7; 
  width: 100%;

  height: 100%;

}

/* contact
----------------------------------------*/
#contact{
	margin: 0;
	padding: 0 10px 200px;
}


#contact ul{
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

#contact ul li{
	padding: 0;
	margin: 0;
}

#address li{
	text-align: center;
	margin: 0 auto;
}

#link img{
	width: 100%;
	max-width: 371px;
	height: auto;
}

#contact #link li{
	display: block;
	text-align: center;
}

/* footer
----------------------------------------*/

#footerlogo{
	padding: 10px 10px 5px;
	background: #FFF;
	text-align: center;
}

#footerlogo img{
	width: 199px;
	height: auto;
}