@charset "UTF-8";
/*******************/
/*変数用*/
:root {
    --accent-color: #0C7EC2; /* アクセントカラー */
    --base-color: #212121; /* アクセントカラー */
    --sub-color: #707070; /*　サブカラー */
}
:root { /*フォント周り*/
    --font-base-color: #212121; /*　ベースカラー */
    --sub-color: #707070; /*　サブカラー */
    --main-font-family: 
        "source-han-sans-japanese", "Noto Sans JP", "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
/* ============= */
/* 全体のレイアウト設定 */
/* ============= */
/*common*/
#top_arrow-down {
    text-align: center; /* 中央揃え */
}

#top_arrow-down svg {
    height: 30px; /* 矢印アイコンの高さ */
    width: auto; /* 幅は自動調整 */
    color: #0C7EC2; /* SVGの色としてアクセントカラーを使用 */
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}