/*base.css : フォント設定、共通のスタイル設定など*/

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;700&display=swap');

:root {
  --main-color: #3052A4;
  --white: #ffffff;
  --text-color: #707070;
  --orange: #FE8803;
  --light-orange: #FFAA66;
  
  --font-base: "Zen Kaku Gothic New", sans-serif;
  --font-second: "tk-takumi-okiraku-markertai", sans-serif;
  --font-third: "Work Sans", "Noto Sans JP", sans-serif;

  
  --container-width: 1100px;
}

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 70px;
}

body {
  font-family: var(--font-base);
  color: var(--text-color);
  margin: 0;
  font-weight: 500;
}

.pc-only {
  display: none;
}

.pc-br {
  display: none;
}

.orange {
  color: var(--orange);
}

.white {
  color: #fff;
}

.center {
  text-align: center;
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


@media (min-width: 769px) {
  .sp-br {
    display: none;
  }

  .pc-br {
    display: block;
  }

  .pc-only {
    display: block;
  }

  .sp-only {
    display: none;
  }
}

.bold {
  font-weight: bold;
}

a {
  text-decoration: none;
  color: var(--text-color);
}

img {
  max-width: 100%;
}

ol {
  padding: 0;
}

ol li {
  list-style: none;
}

/* ==========================================================================
  WordPress管理バー表示時のスマホメニュー閉じるボタン位置調整
  ========================================================================== */

.admin-bar .sp-menu__close {
  top: calc(10px + 46px) !important; /* 通常の余白（10px）に管理バーの高さ（46px）をプラスします */
}

@media (min-width: 783px) {
  .admin-bar .sp-menu__close {
    top: calc(10px + 32px) !important;
  }
}