@charset "utf-8";

:root {
  /* pc_font */
  --pc_lger: clamp(35px, 1vw, 50px);
  --pc_lg: clamp(25px, 1vw, 50px);
  --pc_middle: clamp(16px, 1vw, 18px);
  --pc_small: clamp(13px, 1vw, 16px);
  --pc_smaller: clamp(12px, 1vw, 12px);
  /* phone_font */
  --phone_lg: clamp(35px, 1vw, 50px);
  --phone_middle: clamp(20px, 1vw, 25px);
  --phone_small: clamp(13px, 1vw, 16px);
  --phone_smaller: clamp(12px, 1vw, 12px);
  /* font_color */
  --color_black: #333;
  --color_white: #fff;
  --color_green: #416e07;
  --linkColor: red;
  --linkHover: #06c;
}

.main {
  max-width: 900px;
  margin: 0 auto;
}

.main_view img {
  margin: 0 auto;
}

.subNav ul li {
  float: left;
  margin-right: 5px;
}

.map {
  /* margin: 20px 0 20px 10px; */
  border: 1px solid #4f9906;
  padding-bottom: 20px;
  background: -moz-linear-gradient(top, #bbb, var(--color_white));
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: center;
}

.map iframe {
  padding: 15px;
}

.map h1,
.map h2,
.map address,
.map p {
  font-size: var(--pc_middle);
  text-align: center;
}

.map p:first-child {
  font-size: var(--pc_lg);
}

address {
  font-size: var(--pc_small);
}

.map .uketsuke {
  font-size: 20px;
  font-weight: bolder;
  color: var(--color_green);
}

.map p {
  margin-top: -3px;
}

@media screen and (max-width: 390px) {
  .map h1,
  .map h2,
  .map address,
  .map p {
    font-size: var(--phone_middle);
  }

  .map p:first-child {
    font-size: var(--phone_lg);
  }

  address {
    font-size: var(--phone_small);
  }
}