@charset "UTF-8";

.access-layout {
    margin: 0;
    padding: 10px;
    border: solid 1px #bbb;
    border-radius: 8px;
    background: #fff;
}

.access-layout h2 {
    font-size: 160%;
    font-weight: bold;
    color: #063;
}

.access-layout-l,
.access-layout-r {
    display: inline-block;
    padding: 4px;
    margin: 0;
    vertical-align: top;
}

.access-layout-l h2,
.access-layout-r h2 {
    font-size: 150%;
}

.access-layout-l p,
.access-layout-r p {
    font-size: 100%;
    margin: 0;
    padding: 0;
}

.access-layout-l img,
.access-layout-r img {
    display: block;
    width: 100%;
    padding: 0;
    margin: 4px auto;
    border-radius: 8px;
}

.access-layout-l {
    width: 50%;
}

.access-layout-r {
    width: 48%;
}

.google-map {
	display: block;
	width: 100%;
	margin: 0 auto 10px auto;
	height: 726px;
	border: solid 1px #aaa;
}

.top-access {
	margin-bottom: 10px;
}

.top-access-row {
  display: flex;
  gap: 4px;
}

.top-access+.top-access {
  margin-top: 4px;
}

.top-access-item-a,
.top-access-item-b {
  background: #eee;
  padding: 8px 14px;
  margin: 1px 0;
}

.top-access-item-a:nth-child(1),
.top-access-item-b:nth-child(1) {
  width: 6em;
}

.top-access-item-a:nth-child(2),
.top-access-item-b:nth-child(2) {
  flex: 2;
}

.top-access-item-a:nth-child(3),
.top-access-item-b:nth-child(3) {
  flex: 1;
}

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

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

.access-layout-l,
.access-layout-r {
    display: block;
    width: auto;
    padding: 4px;
    margin: 4px;
}

.google-map {
	display: block;
	width: 100%;
	margin: 6px auto;
    padding: 0;
	height: 400px;
    border: solid 1px #aaa;
}

.top-access-item-a,
.top-access-item-b {
	font-size: 98%;
}

.top-access-item-a:nth-child(1),
.top-access-item-b:nth-child(1) {
    width: 6em;
}
}