#by-car,#by-train{width:70%;}
#by-car{margin:10% auto;}
#by-train{margin:auto auto 10%;}

#custom-region h1{
	line-height:3vw!important;
	text-align: center;
	margin: 10% auto!important;
}
#access1{text-align: center;}
#access1 iframe{
	width:68%;
	margin:2% auto;
	aspect-ratio:1230/626;
}
#access1 h3{margin-bottom:1%;}
#access1 .fs20{margin-top:1%;}
#page-in-nav-access{
	display:flex;
	justify-content: space-between;
	align-items: center;
	width:30%;
	margin: 5% auto;
}
.page-in-nav-access-chi{
	display:flex;
	justify-content: center;
	align-items: center;
	padding-bottom:2%;
	border-bottom:1px solid #535119;
	column-gap: 1%;
}
.page-in-nav-access-chi img{width:8%!important;}

.by-transportation{
	width:65%;
	margin: auto;
	text-align: center;
}
.by-midashi{width:20%;margin: auto;}
.by-midashi img{width:40%!important;margin: auto auto 10%;}
.by-midashi h3{line-height: 1.8vw;}
.by-flex{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 5% auto 20%;
}
.by-flex-chi{
	width:30%;
	position: relative;
	padding-top: 5%;
}
.timeline {
	display: flex;
	flex-direction: column;
	position: relative;
}
.timeline::before {
	content: "";
	position: absolute;
	left: 0%;
	top: 47.5%;
	transform: translate(-50%, -50%); 
	width: 3px;
	height: 90%;
	background-color: #999999;
}
.event {
	display: flex;
	align-items: flex-start;
	margin-bottom: 1.5vw;
	position: relative;
}
.event .icon {
	position: relative;
	width: 1.5vw;
	height: 1.5vw;
	margin-right: 5%;
}
.event .icon::before {
	content: "";
	position: absolute;
	width: 1.5vw;
	height: 1.5vw;
	left: -50%;
	border-radius: 50%;
	border: 2px solid #535119;
	background-color: transparent;
}
.event .icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0%;
	width: 0.6vw;
	height: 0.6vw;
	background-color: #535119;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
.event .content {
	display: flex;
	flex-direction: column;
	width:68%;
	text-align: left;
}
.event .title {
	font-weight: bold;
	color: #535119;
}
.event .distance {
	background-color: transparent;
	border: 1px solid #999;
	padding: 0.1% 3%;
	align-self: flex-start;
	text-align: center;
}
.distance-flex{
	display:flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 1.5vw;
	color:#999999;
	width:130%;
}
.distance-l,.distance-r{width:45%;}
.by-flex-chi h4{
	padding-bottom: 2%;
	margin-bottom: 5%;
	border-bottom: 1px solid #535119;
	margin-right: 5%;
	position: absolute;
	top: 0;
	width: 100%;
	left: -5%;
	letter-spacing: 0.2vw;
}
#syuhen h2,#kumamoto-kankou h2{
	text-align:center;
	margin: 5% auto;
}
.kankou-grid{
	width:65%;
	margin: auto;
	display:grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 7.5%;
	row-gap: 5%;
}
.kankou-flex{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
    gap: 3%;
}
.kankou-chi label{
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom:1%;
	width:fit-content;
	border-bottom:1px solid #535119;
}
.kankou-flex img{width:10%;}
.kankou-chi{
	display: flex;
	flex-direction: column;
}
.kankou-chi h3{margin:3% auto 1% 0;}
/*.kankou-chi p{height: 12vw;}*/
.kankou-chi a{margin:auto auto auto 0;}
#syuhen{height:130vw;}
#kumamoto-kankou{height:190vw;}
/************************************/
/*以下スマホ*/
@media(max-width:750px){
	h1{width:90%;
	text-align: justify;}
	#access1 iframe{width:95%;}
	#page-in-nav-access{
		justify-content: center;
		width:95%;
		margin: 15% auto 10%;
		column-gap: 5%;
	}
	.page-in-nav-access-chi{
		padding-bottom:1%;
		width:40%;
	}
	.page-in-nav-access-chi img{width:10%;}
	.by-transportation{width:80%; margin: auto;}
	.by-midashi{width:65%;margin: 20% auto 10%;}
	.by-midashi img{margin: auto auto 5%;}
	.by-midashi h3{line-height:8vw!important;}
	.by-flex{display: block;}
	.by-flex-chi{width:100%;}
	.by-flex-chi h4 {left: 0;}
	.event{margin-bottom:5vw;}
	.event .icon{width:5vw;height:5vw;margin-right:0;}
	.event .content {
		width: 80%;
	}
	.timeline{width:80%;margin: 10% auto;}
	/*.timeline::before {height:88%;}*/
	.event .icon::before {
		width: 5vw;
		height: 5vw;
	}
	.event .icon::after {
		width: 2vw;
		height: 2vw;
	}
	.distance-flex {
		margin-top: 5vw;
	}
	.by-flex-chi h4 {
		width: 90%;
		left: 5%;
	}
	.kankou-grid{
		width:90%;
		display:block;
	}
	.kankou-chi{margin-bottom:15%;}
	#syuhen{height:810vw;}
	#kumamoto-kankou{height:1120vw;}
	a{color:#2a290d;}
}