@charset "UTF-8";
:root {
  --leading-trim: calc((1em - 1lh) / 2);
  /* width */
  --w-1200:1200px;
  --w-980:980px;
  --w-860:860px;
  /* main */
  --c-primary: #ECEEF4;
  --c-secondary: #cbcbcb;
  --c-base1: #0A0E1A;
  --c-base2: #26304A;
  --c-base3: #171E30;
  /* accent */
  --c-accent-gold:#C9A96A;
  --c-accent-mustard:#9C844F;
  --c-accent-coolgrey:#8791A8;
  --c-accent-greyishblue:#7985a7;
  --c-accent-darknavy:#26304A;
  /* mono */
  --c-text: #424242;
  --c-offwhite: #fcfcfc;
  --c-white: #ffffff;
  --sec_block:6rem;
  --sec_block-l:7rem;
  --sec_block-m:3.4rem;
  --sec_block-s:1.2rem;
}

/* reset
----------------- */
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

body {
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
}

section, div {
  position: relative;
}

img, picture, video, canvas, svg {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
  margin-block-end: 1.2rem;
  position: relative;
}

* > :last-child {
  margin-block-end: 0;
}

a {
  word-break: break-all;
}

svg {
  display: inline-block;
  fill: currentColor;
}

/* common
----------------- */
html,
body {
  padding: 0;
  margin: 0;
  background-color: var(--c-base1);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 180px;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  background-color: var(--c-base1);
  color: var(--c-primary);
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  scroll-snap-type: y proximity;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
@media (any-hover: hover) {
  a {
    text-decoration: none;
  }
}
a[href^="tel:"] {
  pointer-events: auto;
}
@media screen and (min-width: 980px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

br.spon {
  display: block;
}
@media screen and (min-width: 980px) {
  br.spon {
    display: none;
  }
}
br.spoff {
  display: none;
}
@media screen and (min-width: 980px) {
  br.spoff {
    display: block;
  }
}

.nolist {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* font */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

.font-serif {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.2em;
}

/* container
------------------- */
.container {
  container-type: inline-size;
  position: relative;
  display: flow-root;
  width: calc(100% - 11vw);
  max-width: 1200px;
}
@media screen and (min-width: 980px) {
  .container {
    width: calc(100% - 4vw);
  }
}
.container {
  margin-inline: auto;
}
.container .container_m,
.container .container_s,
.container .container_ss {
  width: 100%;
  margin-inline: auto;
}

.container_m {
  max-width: 980px;
}

.container_s {
  max-width: 860px;
}

.container_ss {
  max-width: 640px;
}

.ct_fullwide {
  margin-inline: -5.5vw;
}

.ct_fitcenter {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.sec_title {
  font-family: "Bebas Neue";
  font-size: clamp(2.5rem, -0.978rem + 17.39vw, 7.5rem);
  font-weight: 400;
  line-height: 1;
  background-image: url("../images/bg2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
}

p-block-image.aligncenter {
  margin-inline: auto;
}

.nomargin-bottom {
  margin-block-end: 0;
}

.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.aligncenter,
.wp-block-image.alignleft,
.wp-block-image.alignright {
  display: block;
}

/* svgsize
--------------------- */
svg {
  display: inline-block;
  fill: currentColor;
  stroke: none;
}

.logo {
  aspect-ratio: 150/150;
}

/* pageframe
------------------- */
.pgf {
  width: min(1800px, 100%);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "main";
}
@media screen and (min-width: 768px) {
  .pgf {
    grid-template-columns: 200px minmax(0, 1fr);
    grid-template-areas: "logo main";
    gap: 0;
  }
}
@media screen and (min-width: 980px) {
  .pgf {
    grid-template-columns: 200px minmax(0, 1fr) 240px;
    grid-template-areas: "logo main bnrs";
    gap: 40px;
  }
}

.pgf_main {
  min-width: 0;
  grid-area: main;
}

.pgf_left,
.pgf_right {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: auto; /* 左右だけ内容が多い時の保険 */
  text-align: center;
}

.pgf_left {
  grid-area: logo;
  padding-block: 40px;
  padding-inline-start: 40px;
  display: none;
}
@media screen and (min-width: 768px) {
  .pgf_left {
    display: block;
  }
}

.pgf_right {
  grid-area: bnrs;
  display: none;
}
@media screen and (min-width: 980px) {
  .pgf_right {
    display: grid;
    padding-block: 20px;
    align-items: end;
    justify-content: center;
  }
}

/* pgf_left
------------------- */
.logo {
  filter: brightness(80%) contrast(130%) grayscale(100%) invert(100%);
}

/* pgf_right
------------------- */
.group_bnrs {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}
.group_bnrs a {
  display: block;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  transition: 0.3s ease;
}
.group_bnrs a img {
  filter: grayscale(100%);
  transition: 0.3s ease;
}
.group_bnrs a:hover {
  background-color: rgb(255, 255, 255);
}
.group_bnrs a:hover img {
  filter: none;
}

/* ct
------------------ */
.mincho {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
}

.garamond {
  font-family: "Cormorant Garamond", serif;
}

/* hero
------------------ */
.hero {
  position: relative;
}

.hero_wrap {
  min-height: 100dvh;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 60px;
  grid-template-areas: "catch" "scroll";
  gap: 30px;
}

.hero_box {
  grid-area: catch;
  margin-inline: auto;
  display: grid;
  align-content: center;
  justify-items: center;
  padding-block-start: 40px;
}
@media screen and (min-width: 768px) {
  .hero_box {
    padding-block-start: 0;
    max-width: 700px;
    justify-items: inherit;
  }
}

.hero_subtitle {
  font-size: clamp(1rem, 0.826rem + 0.87vw, 1.25rem);
  margin-block-end: 0.8rem;
}

.hero_title {
  font-size: clamp(24px, 12.2cqw, 72px);
  line-height: 1.4;
  letter-spacing: 0.08em;
  margin-block: 0;
}
.hero_title .accent1 {
  color: var(--c-accent-gold);
}
.hero_title .accent2 {
  color: var(--c-accent-coolgrey);
}

.hero_lead {
  margin-block: 2.4rem;
}

.hero_name {
  color: var(--c-accent-greyishblue);
  letter-spacing: 0.08em;
  display: none;
}
@media screen and (min-width: 768px) {
  .hero_name {
    display: block;
  }
}

.hero_logo {
  display: block;
  text-align: center;
  margin-block: 2rem;
  filter: brightness(80%) contrast(130%) grayscale(100%) invert(100%);
}
@media screen and (min-width: 768px) {
  .hero_logo {
    display: none;
  }
}

.hero_scroll {
  grid-area: scroll;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hero_scroll::before {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  background: linear-gradient(var(--c-accent-mustard), transparent);
  animation: scroll 1s infinite;
}
.hero_scroll::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background-color: color-mix(in srgb, var(--c-accent-mustard) 50%, transparent);
  border-radius: 50%;
  /* アニメーションの指定 */
  animation: scrollMove 2s infinite ease-in-out;
}

/* 丸が上から下へ動くアニメーション */
@keyframes scrollMove {
  0% {
    top: 0;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    top: 100%;
    transform: translate(-50%, -100%);
    opacity: 0;
  }
}
/* philosophy
------------------ */
.spirit {
  margin-block-start: var(--sec_block-m);
  padding-block: var(--sec_block-m);
  text-align: center;
  border-top: 1px solid var(--c-base2);
  border-bottom: 1px solid var(--c-base2);
  border-image-source: linear-gradient(90deg, color-mix(in srgb, var(--c-base2) 0%, transparent) 0%, var(--c-base2) 20%, var(--c-base2) 80%, color-mix(in srgb, var(--c-base2) 0%, transparent) 100%);
  border-image-slice: 1 0;
}

.spirit_eyebrow {
  text-align: center;
  color: var(--c-accent-gold);
  font-size: clamp(1rem, 0.826rem + 0.87vw, 1.25rem);
  margin-block-end: 0.8rem;
}

.spirit_quote {
  font-size: clamp(17px, 5.4cqw, 36px);
  line-height: 1.4;
  letter-spacing: 0.1em;
}
.spirit_quote .accent {
  color: var(--c-accent-gold);
}

.spirit_attr {
  margin-block-start: 1rem;
  color: var(--c-accent-greyishblue);
}

/* structure
------------------ */
.structure {
  padding-block: var(--sec_block);
}

.structure_head {
  padding-block-end: var(--sec_block-m);
}

.structure_eyebrow {
  color: var(--c-accent-gold);
  font-size: clamp(1rem, 0.826rem + 0.87vw, 1.25rem);
  margin-block-end: 0.8rem;
}

.structure_title {
  font-size: clamp(17px, 5.4cqw, 36px);
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.structure_spine {
  position: relative;
}
.structure_spine::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: linear-gradient(180deg, var(--c-accent-coolgrey) 0%, var(--c-accent-coolgrey) 90%, transparent);
}
.structure_spine .tier {
  position: relative;
  padding-block: 0 30px;
  padding-inline-start: 36px;
}
@media screen and (min-width: 768px) {
  .structure_spine .tier {
    padding-inline-start: 48px;
  }
}
.structure_spine .tier {
  margin-block-end: 20px;
}
.structure_spine .tier:last-child {
  padding-block-end: 0;
}
.structure_spine .tier::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 18px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--c-base1);
  border: 2px solid var(--c-accent-coolgrey);
  transition: 0.3s ease;
}
.structure_spine .tier:hover::before {
  left: 5px;
  top: 14px;
  width: 21px;
  height: 21px;
  background: var(--c-accent-mustard);
  border: 2px solid var(--c-accent-mustard);
}
.structure_spine .tier_label {
  font-size: 1.9rem;
  margin-bottom: 0.2rem;
  color: var(--c-accent-mustard);
}
.structure_spine .tier_title {
  font-size: clamp(0.938rem, 0.633rem + 1.52vw, 1.375rem);
  letter-spacing: 0.02em;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .structure_spine .tier_title {
    letter-spacing: 0.06em;
  }
}
.structure_spine .firm {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, auto);
  grid-template-areas: "logo" "name_ja" "name_en" "role";
}
@media screen and (min-width: 980px) {
  .structure_spine .firm {
    grid-template-columns: 200px 1fr;
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "logo name_ja" "logo name_en" "logo role";
  }
}
.structure_spine .firm {
  gap: 0 30px;
  border: 1px solid var(--c-base2);
  border-radius: 4px;
  padding: 22px 24px;
  background: color-mix(in srgb, var(--c-base3) 60%, transparent);
  transition: border-color 0.35s, transform 0.35s, background 0.35s;
  margin-block-end: 20px;
}
.structure_spine .firm:last-child {
  margin-block-end: 0;
}
.structure_spine .firm:hover {
  border-color: var(--c-accent-mustard);
  transform: translateY(-3px);
  background: color-mix(in srgb, var(--c-base3) 80%, transparent);
}
.structure_spine .firm_logo {
  grid-area: logo;
  padding-block-end: 1.2rem;
}
@media screen and (min-width: 980px) {
  .structure_spine .firm_logo {
    padding-block-end: 0;
  }
}
.structure_spine .firm_logo a {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  transition: 0.3s ease;
}
.structure_spine .firm_logo a:hover {
  background-color: rgb(255, 255, 255);
}
.structure_spine .firm_name {
  grid-area: name_ja;
  font-weight: 600;
  font-size: 1.06rem;
  margin-bottom: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.6rem;
}
.structure_spine .firm_name_sub {
  font-size: 0.8rem;
}
.structure_spine .firm_en {
  grid-area: name_en;
  color: var(--c-accent-greyishblue);
  font-size: 0.9rem;
  letter-spacing: 0.1em;
  margin-bottom: 0.85rem;
}
.structure_spine .firm_role {
  grid-area: role;
  color: var(--c-secondary);
  font-size: 0.9rem;
}

/* cycle
------------------ */
.cycle {
  margin-block: var(--sec_block-m);
  padding-block: var(--sec_block);
  border-top: 1px solid var(--c-accent-gold);
  border-bottom: 1px solid var(--c-accent-gold);
  border-image-source: linear-gradient(90deg, color-mix(in srgb, var(--c-accent-gold) 0%, transparent) 0%, var(--c-accent-gold) 20%, var(--c-accent-gold) 80%, color-mix(in srgb, var(--c-accent-gold) 0%, transparent) 100%);
  border-image-slice: 1 0;
}

.cycle_wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  align-items: center;
}
@media screen and (min-width: 980px) {
  .cycle_wrap {
    grid-template-columns: 1.05fr 1fr;
    gap: 64px;
  }
}

.cycle_head {
  container-type: inline-size;
}

.cycle_eyebrow {
  color: var(--c-accent-gold);
  font-size: clamp(1rem, 0.826rem + 0.87vw, 1.25rem);
  margin-block-end: 0.8rem;
}

.cycle_title {
  font-size: clamp(17px, 5.4cqw, 36px);
  line-height: 1.4;
  letter-spacing: 0.1em;
}

/* 1. 親コンテナ：ここに全体の列幅を定義 */
.cycle_loop {
  display: grid;
  grid-template-columns: auto 1fr; /* 1列目: ナンバリング, 2列目: コンテンツ */
  gap: 1.6rem 1rem;
  position: relative;
}

/* 左側の縦ライン */
.cycle_loop::before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 0px;
  left: 17px; /* ナンバリングの丸の中心に合わせる */
  width: 1px;
  background-color: var(--c-secondary);
  z-index: 0;
}

/* 2. 各ステップ：親のgridを引き継ぐ（subgrid） */
.cycle_step {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
  align-items: start;
  z-index: 1;
}

/* ナンバリング（丸枠） */
.step_num {
  display: grid;
  place-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--c-secondary);
  border-radius: 50%;
  color: var(--c-secondary);
  background-color: var(--c-base1);
}

/* 3. コンテンツ全体：Flexboxにして横並びを制御 */
.step_ct {
  display: flex;
  flex-wrap: wrap; /* はみ出た要素（説明文）を折り返させる */
  align-items: baseline; /* 文字の底辺のラインを揃える */
  gap: 0.3rem 0.75rem; /* 日本語と英語の間の隙間 */
  padding-block: 4px 1rem;
}

/* 日本語の見出し */
.step_t1 {
  font-weight: bold;
  letter-spacing: 0.05em;
}

/* 英語の見出し（日本語の横に並ぶ） */
.step_t2 {
  color: var(--c-accent-gold);
}

/* 説明文：width 100% で強制的に次の行へ改行させる */
.step_desc {
  width: 100%;
  color: var(--c-secondary);
  font-size: 0.95rem;
}

/*
  .cycle{background:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .cyc-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
  @media(max-width:860px){.cyc-grid{grid-template-columns:1fr;gap:40px}}
  .cyc-grid h3{font-family:"Shippori Mincho",serif;font-weight:700;font-size:clamp(1.5rem,3vw,2rem);
    line-height:1.55;margin-bottom:1.5rem}
  .cyc-grid h3 .g{color:var(--gold)}
  .cyc-grid p{color:var(--muted);font-size:.98rem;margin-bottom:1rem}
  .cyc-grid p b{color:var(--paper);font-weight:500}
  .loop{border:1px solid var(--line);border-radius:2px;padding:30px 28px;background:var(--ink)}
  .loop .step{display:flex;align-items:flex-start;gap:16px;padding:15px 0;position:relative}
  .loop .step:not(:last-child)::after{content:"";position:absolute;left:11px;top:38px;bottom:-8px;width:1px;background:var(--line-2)}
  .loop .num{flex:none;width:24px;height:24px;border:1px solid var(--gold);border-radius:50%;
    display:flex;align-items:center;justify-content:center;font-family:"Cormorant Garamond",serif;
    color:var(--gold);font-size:.9rem;font-style:italic}
  .loop .st-t{font-family:"Shippori Mincho",serif;font-weight:600;color:var(--paper);font-size:.98rem}
  .loop .st-d{color:var(--muted);font-size:.85rem;line-height:1.7;margin-top:.15rem}
  .loop .st-d em{font-style:normal;color:var(--gold-dim)}
  */
/* cycle
------------------ */
.profile {
  padding-block: var(--sec_block);
}

.profile_eyebrow {
  color: var(--c-accent-gold);
  font-size: clamp(1rem, 0.826rem + 0.87vw, 1.25rem);
  margin-block-end: 0.8rem;
  text-align: center;
}

.profile_logo {
  text-align: center;
  filter: brightness(80%) contrast(130%) grayscale(100%) invert(100%);
}
.profile_logo img {
  height: 4.4rem;
  width: auto;
}

.profile_companyname {
  font-size: 1rem;
  text-align: center;
  margin-block: 1.2rem;
}

.profile_details {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.profile_list {
  display: grid;
  margin-block-end: 0.8rem;
}
@media screen and (min-width: 980px) {
  .profile_list {
    grid-template-columns: auto 1fr;
  }
}
.profile_list dt {
  padding-block: 0.86rem 0.3rem;
  padding-inline-end: 0;
  border-bottom: 1px solid var(--c-base2);
}
@media screen and (min-width: 980px) {
  .profile_list dt {
    padding-inline-end: 1.2rem;
    padding-block: 0.86rem;
  }
}
.profile_list dd {
  padding-block: 0.3rem 0.86rem;
}
@media screen and (min-width: 980px) {
  .profile_list dd {
    padding-block: 0.86rem;
    border-bottom: 1px solid var(--c-base2);
  }
}

.business_list li {
  margin-block: 0.3rem;
  font-size: 0.9rem;
}

/* 1行パターン・複数行パターンの共通親要素 */
.js-split-text {
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  /* FOUC防止初期状態 */
  opacity: 0;
  visibility: hidden;
}

/* ★重要: 複数行パターンがある場合のみの設定 */
.js-split-text-line {
  display: block;
  overflow: hidden;
}

.js-split-text:has(.js-split-text-line) {
  overflow: visible;
}

/* 準備完了（DOM整形後） */
.js-split-text.is-ready {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}

/* アニメーション発火 */
.js-split-text.is-active {
  --y: 0;
}

/* =========================
   文字
========================= */
.js-split-text .char {
  display: inline-block;
  vertical-align: bottom;
  white-space: pre;
  transform: translateY(var(--y, 115%));
  transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: calc(0.04s * var(--char-index));
}

/* ==========================================
   【新機能】その場でフェードインさせるオプション（行対応版）
========================================== */
.js-split-text.jsfade,
.js-split-text-line.jsfade {
  --y: 0;
  overflow: visible !important;
}
.js-split-text.jsfade .char,
.js-split-text-line.jsfade .char {
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: calc(0.04s * var(--char-index));
}

.js-split-text.is-active.jsfade .char,
.js-split-text.is-active .js-split-text-line.jsfade .char {
  opacity: 1;
}

/* radial-gradient の中心（--mx / --my）をJSがカーソルに追従させる */
.bgglow {
  --bgglow-color1: hsl(215, 83%, 14%); /* 追従する光の色 */
  --bgglow-color2: hsl(225deg 80% 14%); /* 固定側の光の色 */
  --mx: 50%;
  --my: 50%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.5;
  background: radial-gradient(circle 70vw at var(--mx) var(--my), var(--bgglow-color1), transparent 40%);
}
.bgglow::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle 60vw at 80% 15%, var(--bgglow-color2), transparent 70%);
  background-attachment: fixed;
}

.bgnet {
  --bgnet-color: hsl(189, 4%, 33%); /* 粒子と線の色 */
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  height: 100dvh;
  z-index: 0;
}

.bgnet canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* scrollin
----------------- */
.scrollin {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.9s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.scrollin.in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .scrollin {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
/* footer
------------------ */
.ft {
  margin-block-start: var(--sec_block);
}

.ft_logo {
  filter: brightness(80%) contrast(130%) grayscale(100%) invert(100%);
  text-align: center;
}
.ft_logo img {
  height: 2.4rem;
  width: auto;
}

.copyright {
  padding-block: 20px;
  text-align: center;
  font-size: 10px;
  color: var(--c-accent-coolgrey);
}/*# sourceMappingURL=toppage.css.map */