@charset "utf-8";

/* ==========================================
 Layout
============================================*/

/* デザイン幅に対する比率計算用 */
[style*="--w"] {
  width: calc(100% * var(--w) / 1100);
}

:root {
  --container-width: 600;
  --min_w1: 375;
  --max_w1: 600;
}
/* ==========================================
 Layer
============================================*/

.layer--1 {
  top: 51%;
}

.layer--2 {
  top: 78%;
}

.layer--3 {
  top: 78%;
}

.layer--4 {
  top: 79%;
}

/* ==========================================
 Footer
============================================*/

.footer {
  font-weight: 500;
}

.footer__menu {
  flex-direction: column;
  align-items: center;
  margin-bottom: 2em;
}

.footer__menu a {
  padding: 0.2em 1em;
}