@charset "utf-8";
.text th{
    width: 6em;
    color: #666;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}
.column2{max-width: 960px;}
#map{width: calc(100% - 300px);}
#map iframe{
	width:100%;
	height:500px;
}
.text{width: 300px; padding-right: 20px;}
.note{
    font-size: 12px;
    line-height: 1.5;
}

@media screen and (max-width:965px){
    #map iframe{
        width:100%;
        height:400px;
    }
}

@media screen and (max-width:720px){
    .column2, #map {width: 100%;}
    .text{padding-right: 0;}
}

@media screen and (max-width:600px){
    #map iframe{
        width:100%;
        height:300px;
    }
}