#access{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	margin-bottom:8em;
}
#access > figure{
	width:46%;
}
#access > div{
	padding-left:2em;
	width:54%;
}
#access > div p:first-child{
	display:flex;
	align-items:flex-end;
}
#access > div p{
	margin-top:0;
}
#access > div p img{
	width:108px;
}
#access > div p span{
	width:calc(100% - 108px);
	display:inline-block;
	padding-left:1em;
}
#access > div p span a{
	display:block;
	font-size:1.6em;
}
#access > div .readmore{
	display: block;
   background-color: #3b2b13;
   color: #fff;
	text-align: center;
   line-height: 3em;
   border-radius: 20px;
   font-size: 0.8em;
   width: 300px;
   margin: 0;
}
#access > div .readmore i{
	margin-left:1em;
}
#access > div .readmore i:before{
	color:#fff;
}


#about{
	width:80%;
	margin:0 auto 10em;
	position:relative;
}
#about figcaption{
	position: absolute;
   bottom: -3.5em;
   right: 1em;
	text-align:right;
}
#about figcaption strong{
	display: block;
   font-weight: 600;
   font-size: 3em;
   letter-spacing: 0.4em;
}
#about figcaption span{
	display: block;
   line-height: 1.5em;
   font-size: 0.8em;
   letter-spacing: 0.2em;
}



#open{
	background-color:#fae8a8;
	position:relative;
	padding:10em 0;
	letter-spacing:0.2em;
	margin-bottom:4em;
}
#open h2{
	position:absolute;
	width:100%;
	color:#fff;
	padding:1em 2em;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center;
	font-size:1.5em;
	font-weight: 500;
	top:-1.5em;
	left:0;
}
#open ul{
	text-align:center;
	list-style:none;
}
#open ul li{
	position:relative;
	padding-bottom:4em;
	margin-bottom:4em;
}
#open ul li:last-child{
	margin-bottom:0;
	padding:0;
}
#open ul li:after{
	content:"";
	display:block;
	width:100px;
	height:3px;
	background-color:#000;
	bottom:0;
	left:50%;
	margin-left:-50px;
	position:absolute;
}
#open ul li:last-child:after{
	content:none;
}
#open ul li h3{
	font-weight:normal;
	
}
#open ul li h3 span{
	display:block;
	font-size:1.8em;
	font-weight: 600;
	margin-bottom:0.3em;
}
#open ul li p{
	margin-bottom:0;
}
#open ul li p.riyo{
	width:350px;
	margin:20px auto 0;
	font-size:1.5em;
	padding:0.5em 0;
	border:solid #000 1px;
}
#open ul li p.time{
	font-size:2em;
}
#open ul li p.text{
}



@media only screen and (max-width: 767px) {
	.inner{
		padding:0;
	}
	#access > figure{
		width:100%;
		margin-bottom:1em;
	}
	#access > div{
		border-left: solid #3b2b13 10px;
		width:100%;
		padding:0 1em 0 1em;
	}
	#access > div p:first-child{
		align-items:center;
	}
	#access > div p img{
		width:70px;
	}
	#access > div p span{
		font-size:0.8em;
		width: calc(100% - 70px);
	}
	#access > div p:nth-child(2){
		font-size:0.8em;
	}
	#about{
		width:90%;
		margin: 2em auto 8em;
	}
	#about figcaption{
		bottom: -2.5em;
	}
	#about figcaption strong{
		font-size:2em;
	}
	#about figcaption span{
		font-size:0.5em;
	}
	#open{
		padding: 6em 0;
		margin-bottom:0;
	}
	#open h2{
		font-size:1.2em;
	}
	#open ul{
		padding:0 1em;
	}
	#open ul li{
		font-size:0.8em;
	}
	#open ul li p.time{
		font-size:1.5em;
	}
	#open ul li p.riyo{
		width: 70%;
		font-size: 1.2em;
	}
}