/* main
----------------------------------------*/
.main-container {
    position: relative;
    width: 100%;
    overflow: hidden;
	min-height: 750px;
	max-height: 750px;
    padding: 0;
    padding-bottom: 80px;
	background: #a8ff78;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #78ffd6, #a8ff78);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #78ffd6, #a8ff78); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	/*background-image: url(../images/mv.png);*/
}

.main-container h1{
	padding: 0 0 5%;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
.main-container h1 img{ max-width: 1200px;}
.main-container .top_comment{
	margin: 0 auto;
	position: absolute;
	top: 75%;
	left: 0;
	right: 0;
	z-index: 1;
	color: #111;
	font-size: 1.8em;
	font-family: "IBM Plex Sans JP", sans-serif;
	font-weight: 500;
	font-style: normal;
}

@media screen and (max-width: 768px) {
	.main-container{ 
		padding-top: 0;
		min-height: 400px;
		max-height: 400px;
	 }
	.main-container h1 img{ max-width: 95%; }
	.main-container .top_comment{
		top: 70%;
		font-size: 1.2em;
	}
}

.contents{
	position: relative;
	padding: 5%;
	max-width: 900px;
	color: #111;
}
.concept{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}
.concept p{ font-size: 1.1rem; }
.concept img{ width: 100%;}
.concept .concept_img{
	max-width: 400px;
}

.event_info{
	padding: 1em;
	border: 2px solid #f34f1c;
}
.event_info li{
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 1.5em;
}


@media screen and (max-width: 768px) {
	section h2{ font-size: 2.0rem;}
	.concept p{ text-align: left; font-size: 1rem;}
}

.bt_toiawase{
	margin: 1.5em auto;
}
a.btn_13 {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
text-decoration: none;
width: 220px;
margin: auto;
padding: 1rem 4rem;
font-weight: bold;
background: #dde000;
color: #111;
border-radius: 100vh;
position: relative;
transition: 0.5s;
}
a.btn_13::before {
content: '';
position: absolute;
top: calc(50% - 2px);
right: 1em;
transform: translateY(calc(-50% - 2px)) rotate(45deg);
width: 10px;
height: 1px;
background: #111;
}
a.btn_13::after {
content: '';
position: absolute;
top: 50%;
right: 1em;
transform: translateY(-50%);
width: 50px;
height: 1px;
background-color: #111;
}
a.btn_13:hover {
background: #f34f1c;
color: #fff;
}