/* CSS Document */
#access1,#access2,#access3{width:100%;}
#access1{position:relative;}
#access-yuge{
	width:85%;
	position:absolute;
	bottom:-10%;
	left: 50%; 
	transform: translate(-50%, -50%); 
	z-index:2;
}
#googlemap-region{
	width: 55%;
	margin: auto;
	z-index: 1;
	aspect-ratio: 2944 / 1109;
}

#googlemap-region iframe{
	width:100%;
	height: 100%;
}
#fv-ja {
	top: 9%;
}
h1{
	margin: 2.5% auto;
}
#kasou-logo {
	width: 15%;
}
#sec1 h3{
	font-weight:normal;
	margin-bottom: 5%;
}
#by-flex-wrap{
	width:50%;
	margin: auto;
}
.by-flex{
	display:flex;
	justify-content: flex-start;
	column-gap: 5%;
	align-items: flex-start;
	margin-bottom: 5%;
}
.by-flex img{
	width:15%;
}
.by-r{
	width:80%;
	text-align: left;
}
#map,#root-wrap{
	width:50%;
	margin: auto auto 5%;;
}
#root-wrap{
	padding: 4%;
	background-color:#fffcdb;
	border-radius:1vw;
}
#root-wrap h4{
	text-align: center;
	background-color:#25b4cb;
	color:white;
	padding-top: 1%;
	padding-bottom: 1%;
	border-radius: 0.5vw;
	width:100%;
	font-weight: normal;
	margin-bottom: 2.5%;
}
.root-flex{
	margin-bottom:5%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}
.root-chi{width:48%;}
.root-chi p{
	text-align:center;
	text-align-last: center;
	margin-bottom: 0;
	margin-top:3%;
	line-height:1.5vw;
	font-weight: bold;
}
#root3{
	justify-content:center;
	margin-bottom:0;
}
#sec2{
	background-color:#f5f0e7;
	width:100%;
	padding-top: 5%;
	padding-bottom: 5%;
}
#sec2 p{
	text-align-last: center;
	margin-bottom:0;
}
.tourism-flex{
	width:70%;
	margin: auto auto 5%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}
.tourism-chi{
	width:47%;
}
.tourism-txt-region{
	padding: 3% 5%;
	background-color:white;
	border-radius: 1.5vw;
	border: 1vw solid #fedb75;
	margin-top: 5%;
}
.tourism-txt-region h3{
	text-align: center;
}
.tourism-txt-region p{
	text-align: justify;
	text-align-last: left!important;
	line-height: 2vw!important;
}
#tourism1{margin-top:5%;}
#tourism3{
	justify-content: center;
}

#kumo-hidari {
    width: 19%;
    top: 7%;
    left: 5%;
}
#kumo-migi {
    top: 4%;
    right: 7%;
    width: 17%;
}
@media(max-width:750px){
	#fv-en{
		background-size:100% 100%;
		padding: 2.5% 2% 2.5% 1.5%;
	}
	#googlemap-region {
		width: 100%;
		aspect-ratio: 415 / 182;
	}
	#by-flex-wrap {
		width: 95%;
	}
	.by-flex {
		display: block;
	}
	.by-flex img {
		width: 40%;
	}
	.by-r {
		width: 95%;
		text-align: center;
		margin: auto;
		text-align-last: center;
	}
	.by-r p{text-align-last: center;}
	.by-r h4{margin:5% auto;}
	.by-flex{
		margin-bottom: 10%;
	}
	#map{width: 95%;margin-bottom: 10%;}
	#root-wrap {
		width:100%;
		padding:10% 7.5%;
		margin-bottom:10%;
	}
	#root-wrap h4{
		padding-top: 4%;
		padding-bottom: 3%;
		border-radius: 2vw;
		margin-bottom: 10%;
	}
	.root-flex{
		display:block;
	}
	.root-chi {
		width: 100%;
		margin-bottom: 10%;
	}
	#root3 .root-chi{margin-bottom:0;}
	.tourism-flex {
		width: 90%;
		display: block;
	}
	.tourism-chi{
		width:100%;
		margin-bottom:10%;
	}
	p,.tourism-txt-region p {line-height:5vw!important;}
	.tourism-txt-region {
		border-radius: 3vw;
		border: 2vw solid #fedb75;
	}
	.tourism-txt-region h3 {
		margin: auto;
	}
	#sec2{padding-top:10%;}

}