.eventtop { 
	max-width: 855px;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0 auto 30px;
}

.eventtop * { 
	list-style: none;
	padding: 0;
	margin: 0;
}

.eventtop img { 
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
}

.eventtop a {
	display: block;
}

.eventtop .eventtop__bg {
	/* background-color: #fff5d7; */
	padding: calc(10 / 855*100%) 0;
	margin-bottom: calc(50 / 855*100%);
}

.eventtop .eventtop__content {
	margin-bottom: calc(60 / 855 * 100%);
}

.eventtop .eventtop__content:last-of-type {
	margin-bottom: 0;
}

.eventtop .eventtop__column {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.eventtop .eventtop__column a {
	width: calc(420 / 855 * 100%);
}

.eventtop .eventtop__column a:nth-of-type(n+3) {
	margin-top: calc(20 / 855 * 100%);
}

.eventtop .eventtop__row {
	margin-bottom: calc(40 / 855 * 100%);
}

.eventtop .eventtop__item {
	margin-bottom: calc(10 / 855 * 100%);
}

.eventtop .eventtop__ttl {
	margin-bottom: calc(40 / 855 * 100%);
}

.eventtop .eventtop__system {
	margin-bottom: calc(80 / 855 * 100%);
}

.eventtop .eventtop__system-ttl {
	width: calc(855 / 855*100%);
	margin: 0 auto calc(30 / 855 *100%);
}

.eventtop .eventtop__btn {
	margin-bottom: calc(20 / 855 * 100%);
}

.eventtop .eventtop__top-btn {
	padding-top: calc(20 / 855 * 100%);
}


/*-- --*/
@media screen and (max-width: 855px) {
	.eventtop { 
		padding: 10px;
		margin-bottom: 20px;
	}

	.eventtop img { 
		width: 100%;
		height: auto;
	}
}