@charset "utf-8";
/* CSS Document */

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

.map_relative_wrap{
	position: relative;
	width: 100%;
}

.map_guam > img{
	display: block;
	width: 50%;
	height: auto;
	margin: 0 auto;
}

.map_absolute_tumon{
	position: absolute;
	top: 6%;
	left: 5%;
	width: 20%;
	box-sizing: border-box;
}

.map_absolute_hagania{
	position: absolute;
	top: 36%;
	left: 5%;
	width: 20%;
	box-sizing: border-box;
}

.map_absolute_agat{
	position: absolute;
	bottom: 12%;
	left: 5%;
	width: 20%;
	box-sizing: border-box;
}

.map_absolute_talofofo{
	position: absolute;
	top: 30%;
	right: 5%;
	width: 20%;
	box-sizing: border-box;
}
	
.map_absolute_inalahan{
	position: absolute;
	bottom: 22%;
	right: 5%;
	width: 20%;
	box-sizing: border-box;
}
	
.map_absolute_merizo{
	position: absolute;
	bottom: -10%;
	right: 5%;
	width: 20%;
	box-sizing: border-box;
}

.map_a_flex{
	border: solid 0.1vw #A158B4;
	padding: 1vw;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
}

.map_a_flex a{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.map_a_txt{
	display: flex;
	flex-direction: column;
	color: #462408;
	font-size: 14px;
	white-space: nowrap;
	
}

.map_a_txt span{
	font-weight: 700;
	font-size: 24px
}

.map_a_cursor img{
	width: 1.5vw;
	height: auto;
}
	
}

@media screen and (max-width:1439px) and (min-width:1025px){
.map_relative_wrap{
	margin-top: 20px;
	position: relative;
	width: 100%;
}

.map_guam > img{
	display: block;
	width: 50%;
	height: auto;
	margin: 0 auto;
}

.map_absolute_tumon{
	position: absolute;
	top: 20px;
	left: 5%;
	width: 20%;
	box-sizing: border-box;
}

.map_absolute_hagania{
	position: absolute;
	top: 35%;
	left: 5%;
	width: 20%;
	box-sizing: border-box;
}

.map_absolute_agat{
	position: absolute;
	bottom: 15%;
	left: 5%;
	width: 20%;
	box-sizing: border-box;
}

.map_absolute_talofofo{
	position: absolute;
	top: 30%;
	right: 5%;
	width: 20%;
	box-sizing: border-box;
}
	
.map_absolute_inalahan{
	position: absolute;
	bottom: 20%;
	right: 5%;
	width: 20%;
	box-sizing: border-box;
}
	
.map_absolute_merizo{
	position: absolute;
	bottom: -10%;
	right: 5%;
	width: 20%;
	box-sizing: border-box;
}

.map_a_flex{
	border: solid 0.1vw #A158B4;
	padding: 0.5vw;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
}

.map_a_flex a{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	height: auto;
	flex-wrap: wrap;
	min-height: 2vw;
}

.map_a_txt{
	display: flex;
	flex-direction: column;
	color: #462408;
	font-size: 14px;
	white-space: nowrap;
	flex-grow: 1;
}

.map_a_txt span{
	font-weight: 700;
	font-size: 24px;
}

.map_a_cursor{
	display: flex;
	align-items: center;
	justify-content: center;
}

.map_a_cursor img{
	width: 1.5vw;
	height: auto;
}
}

@media screen and (max-width:1024px) and (min-width:600px){
	.map_relative_wrap{
	position: relative;
	width: 100%;
}

.map_guam > img{
	display: block;
	width: 50%;
	height: auto;
	margin: 0 auto;
}

.map_absolute_tumon{
	position: absolute;
	top: 0;
	left: 5%;
	width: 20%;
	box-sizing: border-box;
}

.map_absolute_hagania{
	position: absolute;
	top: 30%;
	left: 5%;
	width: 20%;
	box-sizing: border-box;
}

.map_absolute_agat{
	position: absolute;
	bottom: 10%;
	left: 5%;
	width: 20%;
	box-sizing: border-box;
}

.map_absolute_talofofo{
	position: absolute;
	top: 25%;
	right: 5%;
	width: 20%;
	box-sizing: border-box;
}
	
.map_absolute_inalahan{
	position: absolute;
	bottom: 20%;
	right: 5%;
	width: 20%;
	box-sizing: border-box;
}
	
.map_absolute_merizo{
	position: absolute;
	bottom: -11%;
	right: 5%;
	width: 20%;
	box-sizing: border-box;
}

.map_a_flex{
	border: solid 0.1vw #A158B4;
	padding: 0.5vw;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
}

.map_a_flex a{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	height: auto;
	flex-wrap: wrap;
	min-height: 2vw;
}

.map_a_txt{
	display: flex;
	flex-direction: column;
	color: #462408;
	font-size: 12px;
	white-space: nowrap;
	flex-grow: 1;
}

.map_a_txt span{
	font-weight: 700;
	font-size: 16px;
}

.map_a_cursor{
	display: flex;
	align-items: center;
	justify-content: center;
}

.map_a_cursor img{
	width: 1.5vw;
	height: auto;
}
}

@media screen and (max-width:599px){
	.map_relative_wrap{
	position: relative;
	width: 100%;
}

.map_guam > img{
	display: block;
	width: 57%;
	height: auto;
	margin: 0 auto;
}

.map_absolute_tumon{
	position: absolute;
	top: 0;
	left: -2%;
	width: 30%;
	box-sizing: border-box;
	background-color: white;
}

.map_absolute_hagania{
	position: absolute;
	top: 37%;
	left: -2%;
	width: 34%;
	box-sizing: border-box;
	background-color: white;
}

.map_absolute_agat{
	position: absolute;
	bottom: 15px;
	left: -2%;
	width: 30%;
	box-sizing: border-box;
	background-color: white;
}

.map_absolute_talofofo{
	position: absolute;
	top: 20%;
	right: -2%;
	width: 35%;
	box-sizing: border-box;
	background-color: white;
}
	
.map_absolute_inalahan{
	position: absolute;
	bottom: 17%;
	right: -2%;
	width: 35%;
	box-sizing: border-box;
	background-color: white;
}
	
.map_absolute_merizo{
	position: absolute;
	bottom: -17%;
	right: -2%;
	width: 31%;
	box-sizing: border-box;
	background-color: white;
}

.map_a_flex{
	border: solid 0.1vw #A158B4;
	padding: 1vw;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
}

.map_a_flex a{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	height: auto;
	flex-wrap: wrap;
	min-height: 2vw;
}

.map_a_txt{
	display: flex;
	flex-direction: column;
	color: #462408;
	font-size: 2vw;
	white-space: nowrap;
	flex-grow: 1;
	line-height: 1;
}

.map_a_txt span{
	font-weight: 700;
	font-size: 3vw;
}

.map_a_cursor{
	display: flex;
	align-items: center;
	justify-content: center;
}

.map_a_cursor img{
	width: 20px;
	height: auto;
}
}