@CHARSET "UTF-8";

.dot {
    position: relative;
    padding-left: 1em;
}
.dot:before {
    position: absolute;
    left: 0;
    content: "・";
}
.section{

}
.sub-section {
    margin-top: 40px;
}
.sub-section header {
    margin-bottom: 20px;
}
.section h3{
	color: #54c3f1;
    font-size: 20px;
    font-weight: 500;
}
.map-image {
    
}
.map-desc {
    margin-top: 20px;
}
.map-desc .dot {
    font-weight: 600;
}
.map-api {
    
}
#maps{
	margin-top: 15px;
	width: 960px;
	height: 320px;
}

.s_tude{
    color: red;
    font-size: 14px;
    border: 1px solid;
    padding: 6px;
    margin-top: -8px;
    margin-left: 105px;
}
.n_gr{
display: flex;
}

@media screen and (max-width:640px) {

    .section {
        margin-top: 80px;
        padding: 0 20px;
    }
    .sub-section {
        margin-top: 80px;
    }
    .sub-section header {
        margin-bottom: 40px;
    }
    .section h3 {
        font-size: 40px;
    }
    #maps {
        margin-top: 30px;
        height: 640px;
        width: 100%;
    }
    .s_tude{
        color: red;
        font-size: 28px;
        border: 1px solid;
        padding: 6px;
        margin: 0px;
        margin-top: 10px;
    }
    .n_gr{
    display: flex;
    flex-wrap: wrap;
   

    }
}