@charset "UTF-8";
:root {
  /* 設計幅÷10（従来の命名を踏襲） */
  --liquid-npcDesignRatio: calc(1920 / 10);
  --liquid-spcDesignRatio: calc(1366 / 10);
  --liquid-ltbDesignRatio: calc(1024 / 10);
  --liquid-ntbDesignRatio: calc(820 / 10);
  --liquid-spDesignRatio: calc(390 / 10);
  /* 追加：viewport単位のエイリアスと既定値 */
  --liquid-viewport: 100vw; /* フォールバック */
  --liquid-htmlroot: 10px; /* ≥1920px は 1rem=10px */
  --rem-min: 9px; /* 最小の読みやすさ下限（お好みで 8.5〜10px） */
  --rem-max: 10px; /* 上限は10pxで頭打ち */
}

/* 対応環境ではスクロールUIの影響を受けない svw を使用 */
@supports (width: 1svw) {
  :root {
    --liquid-viewport: 100svw;
  }
}
/* html の基準サイズは常に変数経由で決定（可読性ガード付き） */
html {
  font-size: clamp(var(--rem-min), var(--liquid-htmlroot), var(--rem-max));
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* 以下、幅に応じて 1rem を線形スケール（ロジックは従来どおり） */
@media screen and (max-width: 1920px) {
  :root {
    --liquid-htmlroot: calc(var(--liquid-viewport) / var(--liquid-npcDesignRatio));
  }
}
@media screen and (max-width: 1366px) {
  :root {
    --liquid-htmlroot: calc(var(--liquid-viewport) / var(--liquid-spcDesignRatio));
  }
}
@media screen and (max-width: 1024px) {
  :root {
    --liquid-htmlroot: calc(var(--liquid-viewport) / var(--liquid-ltbDesignRatio));
  }
}
@media screen and (max-width: 820px) {
  :root {
    --liquid-htmlroot: calc(var(--liquid-viewport) / var(--liquid-ntbDesignRatio));
  }
}
@media screen and (max-width: 520px) {
  :root {
    --liquid-htmlroot: calc(var(--liquid-viewport) / var(--liquid-spDesignRatio));
  }
}
/* ----------------------------------------------------------------------
基本設定
---------------------------------------------------------------------- */
body {
  font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  color: #333;
  font-weight: 500;
  line-height: 1.8;
  font-size: 16px;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

.inner {
  width: 90%;
  margin: 0 auto;
  max-width: 1360px;
}

.pc {
  display: none;
}

.sp {
  display: inline-block;
}

.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 38px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.textindent {
  text-indent: -1em;
  padding-left: 1em;
}

@media screen and (min-width: 768px) {
  .pc {
    display: inline-block;
  }
  .sp {
    display: none;
  }
  .text-center-pc {
    text-align: center;
  }
}
/* ----------------------------------------------------------------------
ヘッダー
---------------------------------------------------------------------- */
#top-head{
	position:fixed;
	width:1500px;
	background-color:rgba(255, 255, 255, 0.9); /* 背景白/不透明度90% */
    border-radius: 0.5rem;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	margin:1.5rem 2rem;
   
}
/* ナビゲーション全体の親要素を横並びにする */
#main-nav {
    display: flex;
    align-items: center; /* 垂直方向の真ん中合わせ */
    justify-content: space-between; /* メニューとボタンを両端に離す（お好みで） */
}

/* メニューのリスト（ul）を横並びにする */
#menu {
    display: flex;
    list-style: none; /* 点を消す */
    margin: 0;
    padding: 0;
}

/* 各メニュー項目の間に余白を作る */
#menu li {
    margin-right: 20px;
}

/* お問い合わせボタンの装飾（任意） */
.menu_contact_btn {
margin-left: 5px;
}





/* ----------------------------------------------------------------------
フッター
---------------------------------------------------------------------- */







.home .grecaptcha-badge {
  visibility: hidden;
}/*# sourceMappingURL=common.css.map */