@charset "UTF-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");
body {
  font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(0.6rem, 0.673rem + 0.3vw, 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.75rem + 0.4vw, 1.5rem);
  line-height: 1.35;
}

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: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

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

/*-------------------------------------------*/
/*  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%;
  }
}
.row-cols-xl-3 a {
  height: 100%;
}

/*-------------------------------------------*/
/*  add
/*-------------------------------------------*/
@media (max-width: 991.98px) {
  .w-150-lg {
    width: 150% !important;
  }
}
@media (max-width: 767.98px) {
  .w-150-lg {
    width: 100% !important;
  }
}
@media (max-width: 575.98px) {
  .w-150-lg {
    width: 150% !important;
  }
}

.nav {
  flex-wrap: nowrap;
}

.row-cols-xl-3 .btn {
  min-height: 50px;
}

.flex-column {
  display: flex;
  flex-flow: column;
  height: 90%;
}

@media (min-width: 575.99px) {
  br.md {
    display: none;
  }
}
@media (min-width: 1200px) {
  br.md {
    display: none;
  }
}

.indent {
  text-indent: -0.8em;
  padding-left: 0.8em;
}

.highlighter {
  background: linear-gradient(transparent 50%, #ff6 50%);
}/*# sourceMappingURL=additional.css.map */