@charset "utf-8";
body{
	color:#765730;
	letter-spacing: 1px;
}


.price_area{
	max-width:700px;
	margin:30px auto;
	position:relative;
}

.box_top{
	padding:0 18px;
	position:relative;
}

.box_top:before{
	content:"・";
	width:12px;
	height:12px;
	border:solid 1px #765730;
	position:absolute;
	left:0;
	top:0;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#765730;
}

.box_top:after{
	content:"・";
	width:12px;
	height:12px;
	border:solid 1px #765730;
	position:absolute;
	right:0;
	top:0;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#765730;
}

h1{
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	top:-2px;
	background-color:#fff;
	display:inline-block;
	padding:0 3px;
	width:245px;
}

.box_top_area{
	width:100%;
	height:12px;
	border:solid 1px #765730;
	position:relative;
}

.box_top_area div{
	height:1px;
	background-color:#765730;
	position:relative;
	top:6px;
	margin: 0 5px;
}

ul.box_middle{
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin:3px 0;
}

ul.box_middle > li:first-child,
ul.box_middle > li:last-child{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:12px;
	border:solid 1px #765730;
}

ul.box_middle > li:first-child div,
ul.box_middle > li:last-child div{
	width:1px;
	background-color:#765730;
	position:relative;
	left:6px;
	margin: 5px 0;
	height:99%;
}

ul.box_middle > li.item_area{
	flex:1;
}

.item_block{
	max-width:575px;
	margin:50px auto 20px auto;
}

.title{
	text-align:center;
}

h2{
	display:inline-block;
	border:solid 1px #765730;
	font-weight:normal;
	font-size:16px;
	padding:0 12px;
	position:relative;
	height:19px;
	line-height:22px;
}

h2:before{
	content:"・";
	width:19px;
	height:19px;
	border:solid 1px #765730;
	position:absolute;
	left:-26px;
	top:-1px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#765730;
}

h2:after{
	content:"・";
	width:19px;
	height:19px;
	border:solid 1px #765730;
	position:absolute;
	right:-26px;
	top:-1px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#765730;
}

.area01{
	padding-left:40px;
	font-size:16px;
	margin-top:30px;
}

hr{
	border:0;
	height:1px;
	width:100%;
	background-color:#765730;
	margin-top:25px;
	position:relative;
}

.line{
	position:relative;
}

.line:before{
	border-radius: 50%;
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background-color: #765730;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	border: solid 6px #fff;
	top: -8px;
	z-index: 999;
}

.area02{
	margin-top:20px;
	padding-left:40px;
}

.area02 h3{
	font-size:17px;
	font-weight:normal;
}

.area02 dl{
	padding-left:17px;
	margin-top:15px;
}

.area03{
	margin-top:30px;
	padding-left:40px;
}

.area03 h3{
	font-size:17px;
	font-weight:normal;
}

.area03 dl{
	padding-left:17px;
	margin-top:15px;
}

.area04{
	font-size:16px;
	line-height:19px;
	max-width:484px;
	margin:35px auto 0 auto;
}


dl{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

dl dt{
	width:125px;
}

dl dd{
	flex:1;
}

.padding1{
	padding-left: 9px;
}

.block01{
	max-width:525px;
	margin:auto;
}

.block02{
	max-width:525px;
	margin:60px auto 0 auto;
}

.block02 .title{
	padding-bottom:10px;
}

.block02 .block02_item{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-left:30px;
	margin-top:30px;
}

.block02 .block02_item div{
	margin-right:20px;
}

.block02 .attend{
	max-width:515px;
	margin:35px auto 0 auto;
	line-height:19px;
}

.block03{
	margin-top:100px;
}

.block03 ul{
	margin-top:50px;
	font-size:14px;
	line-height:22px;
}

.block03 ul li{
	margin-bottom:3px;
	text-indent: -20px;
	margin-left: 20px;
}

.ex{
	font-size:10px;
	margin:25px 20px 0 0;
	text-align:right;
	letter-spacing:-1px;
	padding-bottom:10px;
}

@media all and (max-width: 1000px) {

}

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

}

@media all and (max-width: 767px) {
	.price_area{
		margin-top:5px;
		margin-bottom:5px;
	}

	.area01 {
		padding-left:20px;
		padding-right:20px;
	}

	.area01 span{
		display:block;
		margin-top:5px;
	}

	.area02 {
		padding-left:20px;
		padding-right:20px;
	}

	.area03 {
		padding-left:20px;
		padding-right:20px;
	}

	.area04 {
		padding-left:20px;
		padding-right:20px;
	}

	.block02 .attend{
		padding-left:20px;
		padding-right:20px;
	}

	dl{
		display:block;
	}

	dl dd{
		margin-top:5px;
	}

	.padding1{
		padding-left:0;
	}

	.block02 .block02_item div{
		margin-bottom:5px;
	}

	.block03 ul{
		padding-left:20px;
		padding-right:20px;
	}


	.block03 h2{
		height:auto;
		margin-left:30px;
		margin-right:30px;
	}

}