@charset "UTF-8";
/* ================================================
  設定
================================================ */
:root {
  --img-bg: url('../img/bg_01_light.jpg');
  --img-logo: url('../img/logo_01_dark.svg');
  --img-bg-hero-01: url('../img/bg_hero_01_light.png');
  --img-bg-hero-02: url('../img/bg_hero_02_light.png');
  --img-bg-hero-03: url('../img/bg_hero_03_light.png');
  --img-bg-hero-04: url('../img/bg_hero_04_light.png');
  --c-text: #0c1322;
  --c-text-reverse: #fff;
  --c-text-gray: #767676;
  --c-line-thin: #aeb8c0;
  --bgc-main: #f5f8fa;
  --bgc-sub: #fff;
  --bgc-reverse: #0c1322;
  --c-alert: #d41b0b;
}

/* ================================================
 コンポーネント
================================================ */
.topics-list {
  --arrow-border-color: var(--c-main);
  --hover-arrow-color: var(--c-main);
  --hover-arrow-img-color: var(--c-text-reverse);
}

.footer-bg {
  --brightness: 1.06;
}

.button {
  --hover-icon-color: #fff;
}

.box {
  --background-color: #e1e7ed;
  color: var(--c-text);
}
.box--reverse {
  --background-color: transparent;
}

.accordion {
  --background-color: #e1e7ed;
}