@charset "UTF-8";


.grid_schoolmap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 24px;
}
.grid_schoolmap_map {
    grid-column: span 7 / span 7;
}
.grid_schoolmap_txt {
    grid-column: span 5 / span 5;
    grid-column-start: 8;
}

@media screen and (max-width: 640px){
.grid_schoolmap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(auto, 1fr);
    gap: 16px;
}
    
.grid_schoolmap_map {
display: none;
    grid-column: span 0 / span 0;
}

.grid_schoolmap_txt {
    grid-column: span 12 / span 12;
    grid-column-start: 1;
}
}





.schoolmap_map {
display: block;
position: relative;
	background: url(../../../../uploads/2025/07/map_all.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-bottom: 121.5625%;
	overflow: hidden;

}

.yamagaya {
position: absolute;
display: inline-block;
top: 0%;
left: 50.95%;
width: 25.156%;
}
.niigata {
position: absolute;
display: inline-block;
top: 14.3%;
left: 7.5%;
width: 51.56%;
}
.fukushima {
position: absolute;
display: inline-block;
top: 28.1%;
right: 14.9%;
width: 42.8125%;
}

.ibaraki {
position: absolute;
display: inline-block;
top: 52.8%;
right: 19.8%;
width: 26.255%;
}
.chiba {
position: absolute;
display: inline-block;
top: 73.5%;
right: 19.1%;
width: 25.46875%;
}
.tokyo {
position: absolute;
display: inline-block;
top: 77.1%;
right: 40.9%;
width: 22.03125%;
}
.kanagawa {
position: absolute;
display: inline-block;
top: 82.15%;
right: 43.6%;
width: 19.94375%;
}



.__btn_show {
display: none;
margin-bottom: 2px;
text-align: right;
}
dl.schList dt {
padding: 0;
margin: 0;
}

dl.schList dt {
padding: 2px 16px;
color: #FFF;
border: 1px solid #006699;
background-color: #0099cc;
}
dl.schList dd {
			margin: 2px 0;
			border-left: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
dl.schList dd a {
display: block;
padding: 2px 16px;
background-color: #f4f4f4;
}
dl.schList dd a::after { content: ">"; color: #0066cc; font-weight: bold; float: right; }


@media screen and (max-width: 640px){
dl.schList dt {
padding: 8px 16px;
margin-bottom: 2px;
}
dl.schList dd {
margin: 4px 0;
}
dl.schList dd a {
padding: 8px 16px;
}
}