@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Noto+Sans+JP:wght@300;400;500;600;700;900&family=Noto+Serif+JP:wght@300;400;500;600;700;900&family=Shippori+Mincho+B1&family=Oswald:wght@400;700&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,700;1,900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");
body {
  font-family: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
  font-size: clamp(0.6rem, 0.673rem + 0.4vw, 1.1rem);
  font-weight: 400;
  line-height: 1.5;
}

/*-------------------------------------------*/
/*  見出し
/*-------------------------------------------*/
h1 {
  font-size: clamp(1.1rem, 1.5rem + 0.6vw, 2.5rem);
}

h2 {
  font-size: clamp(1rem, 1.25rem + 0.5vw, 2rem);
}

h3 {
  font-size: clamp(0.9rem, 1rem + 0.5vw, 1.75rem);
}

h4 {
  font-size: clamp(0.9rem, 0.85rem + 0.5vw, 1.5rem);
}

h5 {
  font-size: clamp(0.8rem, 0.673rem + 0.5vw, 1.25rem);
}

.h_marker {
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
}

/*-------------------------------------------*/
/*  offcanvas
/*-------------------------------------------*/
.offcanvas {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 50vw;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: ;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

#side_menu a.nav-link:hover {
  color: #2e2e2e;
  text-decoration: underline !important;
}

/*-------------------------------------------*/
/*  ボタン
/*-------------------------------------------*/
.btn-shadow {
  box-shadow: 5px 5px #c8c8c9;
  margin-bottom: 1em !important;
}

.back-to-top-btn {
  position: fixed;
  left: 50%;
  bottom: 0.5rem;
  transform: translateX(-50%);
  display: none; /* 初期状態では非表示 */
  background-color: #ffffff;
  color: #86b744;
  border: #86b744 1px solid;
  width: 70%;
  margin: 0 auto;
  padding: 10px 15px;
  border-radius: 0;
  cursor: pointer;
  z-index: 1025; /* 他の要素より上に表示 */
}
.back-to-top-btn.show {
  display: block; /* スクロール時に表示 */
}

@media (max-width: 768px) {
  .back-to-top-btn {
    bottom: 5px !important;
    left: 120px !important;
    width: 140px;
    height: 25px;
    border-bottom: none;
    border-radius: 6px 6px 0 0 !important;
    padding: 3px 15px;
  }
}
@media (max-width: 390px) {
  .back-to-top-btn {
    bottom: 5px !important;
    left: 100px !important;
    width: 120px;
    height: 25px;
    border-bottom: none;
    border-radius: 6px 6px 0 0 !important;
    padding: 3px 15px;
  }
}
/*-------------------------------------------*/
/*  nav.nav-pills
/*-------------------------------------------*/
.nav.nav-pills {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: 400;
  --bs-nav-link-color: #2e2e2e;
  --bs-nav-link-hover-color: #111111;
  --bs-nav-link-disabled-color: #6c757d;
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #2e2e2e;
}
.nav.nav-pills .nav-item {
  margin: 0.3em 0.5em;
}
@media (max-width: 768px) {
  .nav.nav-pills .nav-item {
    margin: 0.1em 0.3em;
  }
}
.nav.nav-pills .nav-item .nav-link {
  border: 1px solid var(--bs-nav-pills-link-active-bg);
}
@media (max-width: 768px) {
  .nav.nav-pills .nav-item .nav-link {
    font-size: 0.75em;
  }
}

@media screen and (max-width: 768px) {
  #mid_nav .nav-pills .nav-link {
    border-width: 3px;
    font-size: 1em;
  }
}

/*-------------------------------------------*/
/*  googlemap
/*-------------------------------------------*/
.gmap,
.g-map {
  height: 0;
  overflow: hidden;
  padding-bottom: 35%;
  position: relative;
  border-radius: 0.5rem;
}
.gmap iframe,
.g-map iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100% !important;
  width: 100% !important;
  /*filter: brightness(.95) grayscale(1) sepia(0);
  &:hover {
    filter: none;
  }*/
}

.gmap-50,
.g-map-50 {
  height: 0;
  overflow: hidden;
  padding-bottom: 50%;
  position: relative;
  border-radius: 0.5rem;
}
.gmap-50 iframe,
.g-map-50 iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100% !important;
  width: 100% !important;
  /*filter: brightness(.95) grayscale(1) sepia(0);
  &:hover {
    filter: none;
  }*/
}

.gmap-75,
.g-map-75 {
  height: 0;
  overflow: hidden;
  padding-bottom: 75%;
  position: relative;
  border-radius: 0.5rem;
}
.gmap-75 iframe,
.g-map-75 iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100% !important;
  width: 100% !important;
  /*filter: brightness(.95) grayscale(1) sepia(0);
  &:hover {
    filter: none;
  }*/
}

@media only screen and (max-width: 767.98px) {
  /* モバイル用 */
  .gmap,
  .g-map {
    padding-bottom: 75%;
  }
}/*# sourceMappingURL=additional.css.map */