@charset "utf-8";
/*********************************
絶対領域 特設サイト - STYLE - COMMON
2026.08.19
*********************************/
/* =========================================
   00. ROOT
========================================= */ 
:root {
  /* Typography */
  --fs-base: clamp(0.9375rem, -0.05vw + 1rem, 1rem);
  --fs-sm: 0.9375rem;
  --fs-xs: 0.875rem;

  --font-base:
    "メイリオ",
    Meiryo,
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro",
    Osaka,
    "ＭＳ Ｐゴシック",
    "MS PGothic",
    Arial,
    Helvetica,
    sans-serif;

  --font-mn: "Zen Old Mincho", serif;
  --font-en: "Helvetica Neue", "Inter", Arial, sans-serif;

  --lh-base: 1.7;
  --lh-tight: 1.4;

  /* Spacing */
  --sp-unit: clamp(16px, 1.25vw + 11px, 20px);
  --sp-xs: calc(var(--sp-unit) * 0.5);
  --sp-sm: calc(var(--sp-unit) * 0.75);
  --sp-lg: calc(var(--sp-unit) * 3);
  --sp-xl: calc(var(--sp-unit) * 5);
	
  /* Colors */
  --c-txt: #222;
  --c-wht: #fff;
  --c-blk: #160000;
  --c-accent: #d83a34;
	--c-dred: #971e25;
	--c-blue: #00bfff;
	--c-point: #9D1E5E;
  --c-gray: #f3f4f6;
  --c-line: rgba(34, 34, 34, 0.12);
  --c-link: #8d0000;
  --c-link-hover: #ad2f30;
  /* Shadow */
  --shadow-sm:
    0 8px 20px rgba(15, 23, 42, 0.08);
  --shadow-md:
    0 14px 34px rgba(15, 23, 42, 0.12);
  /* Layout */
  --container: 1080px;
  --header-h: 50px;
  --z-header: 200;
  --z-drawer: 190;
  --z-quick-nav: 150;
}
/* =========================================
   01. BASE
========================================= */
html {
  font-size: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  color: var(--c-txt);
  font-family: var(--font-base);
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  -webkit-text-size-adjust: 100%;
}
main {
	position: relative;
}
*, *::before, *::after {
  box-sizing: border-box;
}
a {
  color: var(--c-link);
  text-decoration: none;
}
a:hover {
  color: var(--c-link-hover);
  text-decoration: none;
}
a:hover > img:not([src$=".gif"]) {
	opacity:0.7;
 }
button {
  padding: 0;
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* =========================================
   02. UTILITIES
========================================= */
.ta-l {
  text-align: left;
}
.ta-c {
  text-align: center;
}
.ta-r {
  text-align: right;
}
.br-sp {
  display: none;
}
.br-pc {
  display: block;
}
/* =========================================
   03. CONTAINER
========================================= */
.container {
  width: min(var(--container), calc(100% - (var(--sp-unit) * 2)));
  margin-inline: auto;
}
/* =========================================
   Main Contetns
========================================= */
footer {
  width: 100%;
  padding: 2rem 2vw;
  background: var(--c-dred);
  color: var(--c-wht);
  text-align: center;
}
.footer-inner {
  width: min(100% - 40px, var(--container));
  margin: 0 auto;
  position: relative;
}
.footer-logo {
  width: calc(100vw / 4);
  max-width: 14rem;
  margin: 1rem auto;
}
.footer__copylight {
  margin: 2rem auto;
  font-size: calc(var(--fs-base) * 0.8);
  line-height: 1.2;
}
.footer__copylight > li {
  margin: 0.5rem 0;
}
.footer__note {
  margin: 2rem auto;
  font-size: calc(var(--fs-base) * 0.8);
  line-height: 1.4;
}
.footer__note > li {
  margin: 0.5rem 0;
}