/* ==================================================================
   Shopippi footer 用 抽出CSS (元: css/style-list.css)
   フッターマークアップ(components/footer.html)が必要とするクラス定義と
   カスタムプロパティ(既定値のみ。u-light-mode/u-dark-mode切替は対象外)を
   抽出したもの。手編集せず、my/generate_site.py で再生成すること。
   ================================================================== */

:root {
  --_palettes---neutral--100: #e6e6e6;
  --_palettes---neutral--400: #999;
  --_palettes---neutral--50: #f2f2f2;
  --_palettes---neutral--600: #666;
  --_palettes---neutral--950: #0d0d0d;
  --_palettes---neutral--black: #080808;
  --_palettes---neutral--white: #fefefe;
  --_sizes---button--base: 3.25rem;
  --_sizes---container--max-width: 90rem;
  --_sizes---container--padding: 8rem;
  --_sizes---grid--gutter: 1rem;
  --_sizes---main-nav--height: 4.25rem;
  --_sizes---spacing--base: 5rem;
  --_sizes---spacing--lg: 7.5rem;
  --_sizes---spacing--sm: 2.5rem;
  --_text---font-size--2xl: clamp(1.183rem, .956vi + .967rem, 1.732rem);
  --_text---font-size--2xs: clamp(.732rem, .069vi + .717rem, .772rem);
  --_text---font-size--base: clamp(1rem, .217vi + .951rem, 1.125rem);
  --_text---font-size--lg: clamp(1.057rem, .42vi + .963rem, 1.299rem);
  --_text---font-size--sm: clamp(.901rem, .158vi + .866rem, .992rem);
  --_text---font-size--xl: clamp(1.118rem, .664vi + .969rem, 1.5rem);
  --_text---font-size--xs: clamp(.813rem, .109vi + .788rem, .875rem);
  --_text---list-spacing--base: .5rem;
  --colors--stroke: var(--_palettes---neutral--400);
  --colors--surface: var(--_palettes---neutral--white);
  --colors--text: var(--_palettes---neutral--950);
  --trans-gray: #0000004d;
}

@media screen and (max-width: 991px) {
  :root {
    --_sizes---button--base: 3.25rem;
    --_sizes---container--max-width: 90rem;
    --_sizes---container--padding: 2rem;
    --_sizes---grid--gutter: 1rem;
    --_sizes---main-nav--height: 4.25rem;
    --_sizes---spacing--base: 4rem;
    --_sizes---spacing--lg: 5rem;
    --_sizes---spacing--sm: 2rem;
    --_text---font-size--2xl: clamp(1.183rem, .956vi + .967rem, 1.732rem);
    --_text---font-size--2xs: clamp(.732rem, .069vi + .717rem, .772rem);
    --_text---font-size--base: clamp(1rem, .217vi + .951rem, 1.125rem);
    --_text---font-size--lg: clamp(1.057rem, .42vi + .963rem, 1.299rem);
    --_text---font-size--sm: clamp(.901rem, .158vi + .866rem, .992rem);
    --_text---font-size--xl: clamp(1.118rem, .664vi + .969rem, 1.5rem);
    --_text---font-size--xs: clamp(.813rem, .109vi + .788rem, .875rem);
    --_text---list-spacing--base: .5rem;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --_sizes---button--base: 3.25rem;
    --_sizes---container--max-width: 90rem;
    --_sizes---container--padding: 1.5rem;
    --_sizes---grid--gutter: 1rem;
    --_sizes---main-nav--height: 4rem;
    --_sizes---spacing--base: 3.5rem;
    --_sizes---spacing--lg: 5.5rem;
    --_sizes---spacing--sm: 1.5rem;
    --_text---font-size--2xl: clamp(1.183rem, .956vi + .967rem, 1.732rem);
    --_text---font-size--2xs: clamp(.732rem, .069vi + .717rem, .772rem);
    --_text---font-size--base: clamp(1rem, .217vi + .951rem, 1.125rem);
    --_text---font-size--lg: clamp(1.057rem, .42vi + .963rem, 1.299rem);
    --_text---font-size--sm: clamp(.901rem, .158vi + .866rem, .992rem);
    --_text---font-size--xl: clamp(1.118rem, .664vi + .969rem, 1.5rem);
    --_text---font-size--xs: clamp(.813rem, .109vi + .788rem, .875rem);
    --_text---list-spacing--base: .5rem;
  }
}

@media screen and (max-width: 479px) {
  :root {
    --_sizes---button--base: 3.25rem;
    --_sizes---container--max-width: 90rem;
    --_sizes---container--padding: 1rem;
    --_sizes---grid--gutter: 1rem;
    --_sizes---main-nav--height: 4rem;
    --_sizes---spacing--base: 3.5rem;
    --_sizes---spacing--lg: 5.5rem;
    --_sizes---spacing--sm: 1.5rem;
    --_text---font-size--2xl: clamp(1.183rem, .956vi + .967rem, 1.732rem);
    --_text---font-size--2xs: clamp(.732rem, .069vi + .717rem, .772rem);
    --_text---font-size--base: clamp(1rem, .217vi + .951rem, 1.125rem);
    --_text---font-size--lg: clamp(1.057rem, .42vi + .963rem, 1.299rem);
    --_text---font-size--sm: clamp(.901rem, .158vi + .866rem, .992rem);
    --_text---font-size--xl: clamp(1.118rem, .664vi + .969rem, 1.5rem);
    --_text---font-size--xs: clamp(.813rem, .109vi + .788rem, .875rem);
    --_text---list-spacing--base: .5rem;
  }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
.w-inline-block {
  max-width: 100%;
  display: inline-block;
}
.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}
.w-embed:before,
.w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}
.w-embed:after {
  clear: both;
}
.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
.w-container:before,
.w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}
.w-container:after {
  clear: both;
}
.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}
.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}
.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.section {
  width: 100%;
  padding-top: var(--_sizes---spacing--base);
  padding-bottom: var(--_sizes---spacing--base);
}
.section.is-top-0 {
  padding-top: 0;
}
.section.is-bottom-0 {
  padding-bottom: 0;
}
.section.is-top-sm {
  padding-top: var(--_sizes---spacing--sm);
}
.section.is-bottom-sm {
  padding-bottom: var(--_sizes---spacing--sm);
}
.section.is-top-lg {
  padding-top: var(--_sizes---spacing--lg);
  border-top: 1px solid var(--trans-gray);
  background-color: var(--_palettes---neutral--white);
  margin-top: 2rem;
}
.section.is-bottom-lg {
  padding-bottom: var(--_sizes---spacing--lg);
}
.section.is-top-bottom-sm {
  padding-top: var(--_sizes---spacing--sm);
  padding-bottom: var(--_sizes---spacing--sm);
}
.section.is-padding-adjusted {
  padding: 1.25rem 1.25rem var(--_sizes---spacing--sm);
}
.section.is-bg-surface {
  background-color: var(--colors--surface);
  color: var(--colors--text);
}
.section.is-top-bottom-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.section.is-aside-nav {
  padding-top: 3rem;
  padding-bottom: 4rem;
}
.container {
  z-index: -1;
  width: 100%;
  max-width: var(--_sizes---container--max-width);
  padding-right: var(--_sizes---container--padding);
  padding-left: var(--_sizes---container--padding);
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  container-type: inline-size;
}
.container.is-6c {
  max-width: calc((min(100vw, var(--_sizes---container--max-width)) - 2 * (var(--_sizes---container--padding)) - 11 * var(--_sizes---grid--gutter)) * (6 / 12) + 5 * var(--_sizes---grid--gutter) + 2 * var(--_sizes---container--padding));
}
.container.is-8c {
  max-width: calc((min(100vw, var(--_sizes---container--max-width)) - 2 * (var(--_sizes---container--padding)) - 11 * var(--_sizes---grid--gutter)) * (8 / 12) + 7 * var(--_sizes---grid--gutter) + 2 * var(--_sizes---container--padding));
}
.container.is-10c {
  max-width: calc((min(100vw, var(--_sizes---container--max-width)) - 2 * (var(--_sizes---container--padding)) - 11 * var(--_sizes---grid--gutter)) * (10 / 12) + 9 * var(--_sizes---grid--gutter) + 2 * var(--_sizes---container--padding));
}
.container.is-full {
  max-width: none;
  padding-left: var(--_sizes---container--padding);
  background-color: var(--_palettes---neutral--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}
.container.is-full.work {
  padding-top: 2rem;
  padding-left: 8rem;
  padding-right: 8rem;
}
.container.is-full.blog-post {
  padding-left: 25%;
  padding-right: 25%;
}
.container.is-full.project-post {
  padding-right: 4rem;
}
.container.is-mega {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.container.is-main-nav-full {
  max-width: none;
  height: auto;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-inline-start: var(--_sizes---container--padding);
  padding-inline-end: 0;
  display: flex;
}
.container.is-main-nav-full.is-inside-pill {
  padding-inline-end: calc((var(--_sizes---main-nav--height) - var(--_sizes---button--base)) / 2);
}
.text-sm {
  color: var(--_palettes---neutral--black);
  font-size: var(--_text---font-size--sm);
  line-height: 1.5;
}
.text-lg {
  color: var(--_palettes---neutral--black);
  font-size: var(--_text---font-size--lg);
  line-height: 1.5;
}
.u-font-bold {
  color: var(--_palettes---neutral--black);
  font-weight: 700;
}
.button-wrapper.is-center {
  justify-content: center;
  align-items: center;
}
.icon {
  text-align: center;
  object-fit: contain;
  object-position: 50% 50%;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
  width: 1em;
  height: 1em;
  margin: 0;
  padding: 0;
  font-style: normal;
  line-height: 1;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: clip;
}
.icon:where(.w-variant-7b94d794-1457-79cf-b6dc-f032ad4d5632) {
  font-size: 1em;
}
.icon:where(.w-variant-48b781da-1282-d1c4-a6f6-69968b216582) {
  font-size: 2em;
}
.icon:where(.w-variant-a99f47df-662f-db4b-fd09-41555f1eb920) {
  font-size: 1em;
}
.icon:where(.w-variant-12076101-25a6-2c42-70d2-3ca04a0cea66),
.icon:where(.w-variant-40c83107-ec31-59fc-a125-1e91b2995530),
.icon:where(.w-variant-7ac06c1a-a923-bb18-8850-dd358ec5290a),
.icon:where(.w-variant-ed53c54e-e373-34e1-89d1-8f2bfa05cbf5),
.icon:where(.w-variant-25490987-7cee-544e-1ea2-952581bd9c9e),
.icon:where(.w-variant-59f0c9e7-06c2-fef7-5eb1-adb8f9d08290),
.icon:where(.w-variant-e7d297c2-8018-2932-c2a6-a186cbaed955),
.icon:where(.w-variant-3c685114-e995-c02d-72d6-9fcc5e4b1777),
.icon:where(.w-variant-99827df2-e515-7942-7817-40db3c4a14e8) {
  font-size: 2em;
}
.icon:where(.w-variant-6fd722ca-f05e-9f16-8d7d-857898492a08) {
  font-size: 3em;
}
.icon:where(.w-variant-61a087f8-d778-6d67-3e4f-a4de0116c248) {
  font-size: 1.25em;
}
.icon:where(.w-variant-d90edb07-c2f8-8067-b5cc-586cf731fe62) {
  font-size: 1.5em;
}
.icon:where(.w-variant-4cd86ac0-94bc-1e7f-617c-74a4f1dbf303) {
  font-size: 4em;
}
.icon:where(.w-variant-89cf620f-232b-7bf8-fbd4-f4e4925db134) {
  font-size: 5em;
}
.icon:where(.w-variant-4bff7cff-442f-5609-a4da-23a0363e65b4) {
  font-size: 6em;
}
.icon:where(.w-variant-3108cd30-fe80-c56a-1fda-2f00f4e889c9) {
  font-size: .75em;
}
.icon:where(.w-variant-adac90b7-c7e0-0afe-eae1-a7074eb519d2) {
  font-size: 10px;
}
.icon:where(.w-variant-2f6ea48b-c0f6-85b1-0016-49e45d3e8982),
.icon:where(.w-variant-733ef3e9-274d-acdf-5faa-2831ea6baa5e),
.icon:where(.w-variant-9a15b9f1-1af7-2447-e088-8d18415efa5e) {
  font-size: 2em;
}
.icon.is-0-75em {
  font-size: .75em;
}
.icon.is-1em {
  font-size: 1em;
}
.icon.is-1-25em {
  font-size: 1.25em;
}
.icon.is-1-5em {
  color: var(--_palettes---neutral--black);
  font-size: 1.5em;
}
.icon.is-2em {
  font-size: 2em;
}
.icon.is-3em {
  font-size: 3em;
}
.icon.is-4em {
  font-size: 4em;
}
.icon.is-5em {
  font-size: 5em;
}
.icon.is-6em {
  font-size: 6em;
}
.icon.is-0-75rem {
  font-size: .75rem;
}
.icon.is-1rem {
  font-size: 1rem;
}
.icon.is-1-25rem {
  font-size: 1.25rem;
}
.icon.is-1-5rem {
  font-size: 1.5rem;
}
.icon.is-2rem {
  font-size: 2rem;
}
.icon.is-3rem {
  font-size: 3rem;
}
.icon.is-4rem {
  font-size: 4rem;
}
.icon.is-5rem {
  font-size: 5rem;
}
.icon.is-6rem {
  font-size: 6rem;
}
.icon.is-image-0-75rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: .75rem;
}
.icon.is-image-1rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 1rem;
}
.icon.is-image-1-25rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 1.25rem;
}
.icon.is-image-1-5rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 1.5rem;
}
.icon.is-image-2rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 2rem;
}
.icon.is-image-3rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 3rem;
}
.icon.is-image-4rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 4rem;
}
.icon.is-image-5rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 5rem;
}
.icon.is-image-6rem {
  aspect-ratio: auto;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 6rem;
}
.icon.is-mini {
  font-size: 10px;
}
.icon.is-100p {
  width: 100%;
  height: 100%;
}
.icon.is-on-menu {
  font-size: 1.5em;
}
.icon.is-shop-menu {
  aspect-ratio: 80 / 100;
  width: auto;
  height: 1.15em;
}
.main-logo-link {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: auto;
  height: auto;
  color: var(--colors--text);
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: .25rem 0;
  text-decoration: none;
  display: flex;
  overflow: visible;
}
.main-logo {
  letter-spacing: 0;
  object-fit: contain;
  object-position: 50% 50%;
  width: auto;
  height: 5rem;
  color: inherit;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: .85rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
}
.main-logo.is-s2 {
  width: 2.5rem;
  height: 2.5rem;
}
.main-logo.is-square-logo {
  width: 3rem;
  height: 3rem;
}
.main-logo.is-long-logo {
  width: 9rem;
}
.main-logo-wrapper {
  width: auto;
  height: var(--_sizes---main-nav--height);
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1px;
  padding-right: 1px;
  display: flex;
  overflow: visible;
}
.footer_top {
  width: 100%;
  margin-bottom: var(--_sizes---spacing--lg);
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}
.footer_top.is-with-cta {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}
.footer_main {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  max-width: 18rem;
  display: flex;
}
.footer_nav {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.footer_nav.is-left {
  justify-content: flex-start;
}
.footer_nav.is-center {
  text-align: center;
  justify-content: center;
}
.list-none {
  grid-column-gap: 0rem;
  grid-row-gap: var(--_text---list-spacing--base);
  color: var(--_palettes---neutral--black);
  padding-left: 0;
  padding-right: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: .5rem;
  padding-inline: 0;
  list-style-type: none;
  display: flex;
}
.footer_social {
  grid-column-gap: .85rem;
  grid-row-gap: .85rem;
  color: var(--_palettes---neutral--black);
  flex-flow: column;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: .25rem;
  display: flex;
}
.footer_solcial-list {
  grid-column-gap: .75rem;
  grid-row-gap: .85rem;
  flex-flow: wrap;
  align-items: center;
  padding-inline-start: 0;
  list-style-type: none;
  display: flex;
}
.footer_nav-col {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  flex: 0 auto;
  width: 10rem;
  display: flex;
}
.footer_bottom {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-top: 1px solid var(--colors--stroke);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 3rem;
  line-height: 1.25;
  display: flex;
}
.footer_bottom.is-align-center {
  justify-content: center;
  align-items: center;
}
.footer_brand {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  display: flex;
}
.list-h {
  grid-column-gap: 1rem;
  grid-row-gap: .25rem;
  padding-left: 0;
  padding-right: 0;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-inline: 0;
  list-style-type: none;
  display: flex;
}
.list-h.is-center {
  color: var(--_palettes---neutral--black);
  text-align: center;
  justify-content: center;
  align-items: flex-start;
}
.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.footer-wrapper {
  margin-left: 0;
}
.tagline-text,
.code-embed,
.copyright-mark,
.copyright-text {
  color: var(--_palettes---neutral--black);
}

@media screen and (max-width: 991px) {
.w-container {
    max-width: 728px;
  }
.w-layout-blockcontainer {
    max-width: 728px;
  }
.section.is-aside-nav {
    padding-top: 6.5rem;
    padding-bottom: 2rem;
  }
.container {
    max-width: var(--_sizes---container--max-width);
  }
.container.is-8c {
    max-width: calc((min(100vw, var(--_sizes---container--max-width)) - 2 * (var(--_sizes---container--padding)) - 7 * var(--_sizes---grid--gutter)) * (6 / 8) + 5 * var(--_sizes---grid--gutter) + 2 * var(--_sizes---container--padding));
  }
.container.is-full.work {
    padding-left: 2rem;
    padding-right: 2rem;
  }
.icon.is-on-menu {
    font-size: 1.25em;
  }
.main-logo.is-long-logo {
    width: 8rem;
  }
.footer_top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }
.footer_top.is-with-cta {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }
.footer_nav-col {
    width: 8rem;
  }
.tagline-text {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
.w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }
.w-nav-brand {
    padding-left: 10px;
  }
.w-layout-blockcontainer {
    max-width: none;
  }
.section.is-top-lg {
    padding-top: var(--_sizes---spacing--sm);
    margin-top: 5rem;
  }
.section.is-padding-adjusted {
    padding-top: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }
.container.is-6c {
    max-width: calc((min(100vw, var(--_sizes---container--max-width)) - 2 * (var(--_sizes---container--padding)) - 5 * var(--_sizes---grid--gutter)) * (4 / 6) + 3 * var(--_sizes---grid--gutter) + 2 * var(--_sizes---container--padding));
  }
.text-sm {
    font-size: 1.5rem;
  }
.u-font-bold {
    font-size: var(--_text---font-size--base);
  }
.icon.is-1-5em {
    width: 1em;
    height: 1em;
  }
.icon.is-on-menu {
    font-size: 1em;
  }
.main-logo-link {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }
.main-logo-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }
.footer_top {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }
.footer_main {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    order: -1;
    width: 100%;
    max-width: none;
  }
.footer_nav {
    justify-content: space-between;
    align-items: flex-start;
  }
.list-none {
    margin-left: 1em;
  }
.footer_social {
    margin-top: 0;
  }
.footer_solcial-list {
    margin-left: 2em;
  }
.footer_bottom {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }
.footer_brand {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }
.footer-wrapper {
    flex-direction: column;
    align-items: center;
  }
.footer-wrapper {
    flex-flow: row;
  }
.tagline-text {
    font-size: var(--_text---font-size--xl);
  }
.footer-link-item {
    font-size: var(--_text---font-size--base);
  }
}

@media screen and (max-width: 479px) {
.w-container {
    max-width: none;
  }
.section.is-top-lg {
    margin-top: 2rem;
  }
.container.is-6c {
    max-width: calc((min(100vw, var(--_sizes---container--max-width)) - 2 * (var(--_sizes---container--padding)) - 3 * var(--_sizes---grid--gutter)) * (3 / 4) + 2 * var(--_sizes---grid--gutter) + 2 * var(--_sizes---container--padding));
  }
.container.is-full {
    overflow: auto;
  }
.container.is-full.work {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
.container.is-full.blog-post {
    padding-left: 5%;
    padding-right: 5%;
  }
.container.is-full.project-post {
    margin-bottom: var(--_sizes---spacing--base);
    padding-right: var(--_sizes---container--padding);
  }
.container.is-main-nav-full.is-inside-pill {
    padding-left: 1.25rem;
  }
.text-sm {
    margin-top: .5rem;
    margin-bottom: .5rem;
    font-size: 1rem;
  }
.u-font-bold {
    font-size: var(--_text---font-size--2xl);
  }
.icon.is-1-5em {
    width: 20px;
    height: 20px;
  }
.main-logo-link {
    flex-flow: column;
  }
.main-logo.is-long-logo {
    width: 7rem;
  }
.main-logo-wrapper {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: auto;
  }
.footer_top {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }
.footer_main {
    flex-flow: column;
  }
.footer_nav {
    grid-column-gap: 5vw;
    grid-row-gap: 2rem;
  }
.footer_social {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-top: 0;
  }
.footer_solcial-list {
    justify-content: flex-start;
    align-items: center;
  }
.footer_nav-col {
    width: 36vw;
  }
.footer_brand {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
.copyright-text {
    font-size: var(--_text---font-size--base);
  }
.list-item,
  .footer-link-item {
    font-size: var(--_text---font-size--xs);
  }
.footer-link-item-sub {
    font-size: var(--_text---font-size--2xs);
  }
}