@charset "utf-8";

.contents{
	max-width: 838px;
}

#mainBlock a{
	color: #000;
}

#contentsBlock{
	padding-bottom: 18px;
	color: #222;
}
.attendantBox{
	align-items: stretch;
	flex-wrap: wrap;
}
.attendantBox > li{
	width: 50%;
	padding: 19px 58px 27px;
}
.attendantBox > li figure{
	max-width: 260px;
	width: 100%;
	margin: 0 auto 30px;
}

.attendantBox > li .name{
	font-size: 2.6rem;
	margin-bottom: 25px;
	letter-spacing: 2px;
}
.attendantBox > li .name span{
	font-size: 1.3rem;
	font-weight: 400;
	display: block;
	letter-spacing: 1px;
	margin-top: 4px;
}

.attendantBox .list{
	min-height: 48px;
	margin-bottom: 10px;
}
.attendantBox .list > li{
	text-indent: -1em;
	padding-left: 1em;
}

.attendantBox li .txt{
	text-align: left;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
	letter-spacing: 1px;
	line-height: 1.7;
}
#under #mainBlock section#attendant_booth{
	padding-top: 96px;
}
#attendant_booth .attendantBox > li{
	margin-top: 55px;
}
#attendant_booth .attendantBox > li:first-child,
#attendant_booth .attendantBox > li:nth-child(2){
	margin-top: 0;
}


@media screen and (max-width: 820px){
	.attendantBox{
		display: block;
	}
	.attendantBox > li{
		max-width: 400px;
		width: 100%;
		margin: 0 auto 70px;
		padding: 0;
	}
	.attendantBox > li figure{
		max-width: 398px;
		width: 70%;
		margin: 0 auto 27px;
	}
	.attendantBox > li .name span{
		display: inline-block;
		margin-left: 1em;
	}
	.attendantBox .list{
		min-height: inherit;
	}
}
@media screen and (max-width: 767px){
	#under #mainBlock section#attendant_booth{
		padding-top: 80px
	}
	#attendant_booth .attendantBox > li:first-child{
		margin-top: 40px;
	}
	.attendantBox > li figure{
		width: 158px;
		margin-bottom: 17px;
	}
	.attendantBox > li .name{
		font-size: 1.6rem;
		margin-bottom: 12px;
	}
	.attendantBox > li .name span{
		font-size: 1.2rem;
	}
}