@charset "utf-8";

#information h2{
	margin-top:40px;
	text-align:center;
	font-size:20px;
	color:#ffccff;
}

#information h2 span{
	display:block;
	font-size:16px;
}

#information .container > p{
	text-align:left;
	margin-top:40px;
	font-size:14px;
	padding:0 20px;
	line-height:1.6;
}

#information .image_area{
	margin-top:20px;
	text-align:center;
}

#information .price{
	font-size:24px;
	margin:30px auto;
	text-align:center;
}

#information .price span{
	font-size:12px;
}

ul.bento_area li h3{
	font-size:18px;
	text-align:center;
}

#information ul.bento_area li p{
	margin-top:20px;
	line-height:1.6;
}

#information .information_contact{
	font-size:20px;
	text-align:center;
}


 .go_form{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color:#fff;
	border-radius:24px;
	margin:2em auto 0 auto;
	text-align:center;
	display:block;
	border:solid 1px #000;
	width:300px;
	padding:12px 0;
	cursor: pointer;
	transition:all 0.4s;
	font-size:15px;
	border:solid 1px #000;
	text-decoration:none;
}

.go_form:hover{
	background-color:#000;
	color:#fff;
	border:solid 1px #fff;
}

#information .attend{
	margin-top:10px;
}

#information .bento_title{
	text-align:center;
	font-size:24px;
}

ul.bento_image li p span{
	display:block;
	margin-left:1em;
}


@media only screen and (min-width: 768px) {

	ul.bento_area{
		justify-content:center;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		margin-top:40px;
	}

	ul.bento_area li:first-child{
		padding-right:20px;
	}

	ul.bento_image{
		justify-content:center;
		display:flex;
		flex-wrap:wrap;
		margin-top:40px;
		padding:0 20px;
	}

	ul.bento_image li:first-child{
		width:100%;
	}

	ul.bento_image li{
		width:48%;
		text-align:center;
	}
}

@media only screen and (max-width: 767px) {
	#information .price{
		padding:0 20px;
	}

	ul.bento_image{
		margin:0 20px;
	}

	ul.bento_area li h3{
		margin-top:20px;
	}

	#information ul.bento_area li p{
		padding:0 20px;
	}

	ul.bento_area li{
		text-align:center;
	}

	ul.bento_area li:last-child{
		margin-top:20px;
	}

	ul.bento_image li h3,
	ul.bento_image li .attend,
	ul.bento_image li p{
		padding:0 20px;
	}

	ul.bento_image li h3{
		margin-top:10px;
	}

	ul.bento_image li{
		margin-top:20px;
	}

	#information .price {
		font-size:15px;
	}

}