@charset "utf-8";
html {
  font-size: 16px;
}
html *, ::before, ::after {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
}
a {
  display: block;
  text-decoration: none;
}
a, a:hover {
  color: #3c3c3f;
}
a.button {
  transition: .3s;
}
a.button:hover {
  transform: scale(1.1);
}
ul, dl {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
p, dt, dd {
  margin: 0;
  padding: 0;
}
img {
  height: auto;
  vertical-align: bottom;
  width: 100%;
}
iframe {
  margin: 0;
  padding: 0;
}
button {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  background-color: #f2f2f2;
  color: #3c3c3f;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  line-height: 1.5;
}
.wrapper {
  background-color: #fff;
  box-shadow: 0 0 22px -9px #999;
  margin: 0 auto;
  max-width: 576px;
  width: 100%;
}
.header {
  background: #f3f3f6;
  height: 48px;
  text-align: center;
}
.header__img {
  margin: auto;
  padding-top: 12px;
  width: 176px;
}
.trouble__back {
  background: #686868;
}
.access {
  background: #ddeff6;
  padding-bottom: 64px;
}
.access__map {
  aspect-ratio: 16 / 9;
  height: auto;
  margin: 16px 0;
  padding: 0 4%;
  vertical-align: bottom;
  width: 100%;
}
.access__table {
  margin: 0 8%;
}
.access__th, .access__td {
  vertical-align: top;
}
.access__th span {
  background-color: #4998c1;
  border-radius: 4em;
  color: #fff;
  display: inline-block;
  text-align: center;
  width: 6rem;
}
.access__td {
  padding-bottom: 16px;
  padding-left: 16px;
}
.reservation {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 96px 0 192px;
}
.reservation img {
  display: block;
  max-width: 390px;
}
.tel a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.footer {
  background-color: #4998c1;
  color: #fff;
  font-size: .75rem;
  margin-top: 96px;
  padding: 8px 4% 96px;
  text-align: center;
}
