@charset "UTF-8";
:root {
  --font-family-base: "zen-kaku-gothic-antique", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-iskra: "iskra", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-noto-sans-cjk-jp: "noto-sans-cjk-jp", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-mizolet: "mizolet", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-sichandich: "sichandich", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
  --font-family-sichandic: "sichandic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}

:root {
  --font-weight-base: 400;
}

:root {
  --color-base: #000;
  --color-placeholder: #fff;
  --color-yellow: #f8b800;
  --color-brown: #d25315;
}

:root {
  --z-index-level-top: 2147483647;
}

:root {
  --leading-trim: calc((1em - 1lh) / 2);
}

/* 言語が英語（ラテン系言語）の場合、cap-heightベースにする */
:root:lang(en) {
  --leading-trim: calc((1cap - 1lh) / 2);
}

/* もし lh が未対応のブラウザであれば fallback */
@supports not (top: 1lh) {
  :root {
    --leading-trim: 0px;
  }
}
:root {
  --width-pc-design: 1440;
  --width-pc-design-content: 1300;
  --width-pc-design-content-percent: calc(var(--width-pc-design-content) / (--width-pc-design-content * .05) * 100%);
  --width-pc-design-content-vw: calc(var(--width-pc-design-content) / (--width-pc-design-content * .05) * 100vw);
  --width-pc-design-content-rem: calc((var(--width-pc-design-content) / 10) * 1rem);
  --width-sp-design: 800;
  --width-sp-design-content: 720;
  --width-sp-design-content-percent: calc(var(--width-sp-design-content) / var(--width-sp-design) * 100%);
  --width-sp-design-content-vw: calc(var(--width-sp-design-content) / var(--width-sp-design) * 100vw);
  --width-sp-design-content-rem: calc((var(--width-sp-design-content) / 10) * 1rem);
}

:root {
  --border-radius-infinity: calc(1px / 0);
}

:root {
  --opacity-base: .5;
}

:root {
  --transition-base: .4s;
  --transition-sub: .6s;
  --transition-animation-base: .4s;
  --transition-animation-sub: .6s;
}

/*! AuthorHash: y11i12 | Version: 1.5.0 */
*, *::after, *::before {
  line-break: strict;
  overflow-wrap: anywhere;
  word-break: normal;
  min-inline-size: 0;
  box-sizing: border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, picture,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  font: normal normal var(--font-weight-base) 100%/1 var(--font-family-base);
  color: var(--color-base);
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  height: 100%;
  overflow-y: scroll;
}
@media screen and (min-width: 1500px) {
  html {
    font-size: 0.6666666667vw;
  }
}
@media screen and (max-width: 1440px) {
  html {
    font-size: calc(10 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: clamp(0%, 10 / var(--width-sp-design) * 100vw, 31.25%);
  }
}
html:has(body.is-fixed) {
  overflow: clip;
  overscroll-behavior: none;
}

body {
  min-height: 100svh;
}
body.is-fixed {
  overflow: clip;
  overscroll-behavior: none;
}

a {
  color: inherit;
  text-decoration: none;
  outline: none;
  background-color: transparent;
  transition: opacity var(--transition-base);
}
a:focus-visible {
  text-decoration: none;
  opacity: var(--opacity-base);
}
@media (any-hover: hover) {
  a:hover {
    text-decoration: none;
    opacity: var(--opacity-base);
  }
}

abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

span,
small {
  font: inherit;
  color: inherit;
}

picture {
  display: block;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img, svg {
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-style: none;
}

button, input, optgroup, select, textarea {
  font: normal normal var(--font-weight-base) 100%/1 var(--font-family-base);
  color: var(--color-base);
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

::placeholder {
  color: var(--color-placeholder);
}

button, input {
  overflow: visible;
}
button[disabled], input[disabled] {
  cursor: not-allowed;
}

button, select {
  text-transform: none;
}

button {
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
  transition: opacity var(--transition-base);
}
button:focus-visible {
  opacity: var(--opacity-base);
}
@media (any-hover: hover) {
  button:hover {
    opacity: var(--opacity-base);
  }
}

textarea {
  display: block;
  resize: none;
  field-sizing: content;
  overflow: auto;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=checkbox], [type=radio] {
  position: absolute;
  visibility: hidden;
  width: 1px;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

pre {
  white-space: pre-wrap;
}

ul, ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  background-clip: padding-box;
}

:root {
  --header-height: 22.8rem;
}

@media screen and (max-width: 767px) {
  :root {
    --header-height: 15.6rem;
  }
}
.l-header {
  position: relative;
  z-index: 1000;
  height: var(--header-height);
}
.l-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .l-header.is-scroll .logo {
    opacity: 0;
    pointer-events: none;
  }
}
.l-header .inner {
  display: flex;
  align-items: center;
  column-gap: 6rem;
  padding-inline: 7.4rem;
  height: inherit;
}
@media screen and (max-width: 767px) {
  .l-header .inner {
    padding-inline: 2.8rem;
  }
}
@media screen and (min-width: 768px) {
  .l-header .logo {
    position: fixed;
    top: 6.2rem;
    left: 7.4rem;
    z-index: 1;
    transition: opacity var(--transition-sub);
  }
}
.l-header .logo_link {
  display: grid;
  grid-template-columns: 12.8rem 11.2rem;
  column-gap: 3.4rem;
}
@media screen and (max-width: 767px) {
  .l-header .logo_link {
    grid-template-columns: 14.3rem 12.5rem;
  }
}
.l-header .list {
  display: flex;
  column-gap: 3.2rem;
}
@media screen and (min-width: 768px) {
  .l-header .list {
    padding-left: 33.4rem;
  }
}
@media screen and (max-width: 767px) {
  .l-header .list {
    display: none;
  }
}
.l-header .list_item {
  position: relative;
}
.l-header .list_item:focus-visible .list_detail, .l-header .list_item:hover .list_detail {
  pointer-events: all;
}
.l-header .list_item:focus-visible .list_detail_item, .l-header .list_item:hover .list_detail_item {
  transform: rotateX(0deg);
  opacity: 1;
}
.l-header .list_item:focus-visible .list_detail_item:nth-child(1), .l-header .list_item:hover .list_detail_item:nth-child(1) {
  transition-delay: 0s;
}
.l-header .list_item:focus-visible .list_detail_item:nth-child(2), .l-header .list_item:hover .list_detail_item:nth-child(2) {
  transition-delay: 0.2s;
}
.l-header .list_link {
  font-family: var(--font-family-mizolet);
  font-size: 1.8rem;
  line-height: 3.6666666667;
}
.l-header .list_detail {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1.1rem;
  position: absolute;
  top: 100%;
  z-index: 10;
  width: 46rem;
  height: 10.4rem;
  pointer-events: none;
}
.l-header .list_detail_item {
  border: 0.3rem solid #221714;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0.7rem 0.9rem 0.2rem rgba(0, 0, 0, 0.4);
  transform: rotateX(180deg);
  transform-origin: center;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: transform var(--transition-sub), opacity var(--transition-sub);
}
.l-header .list_detail_item:nth-child(1) {
  transition-delay: 0.2s;
}
.l-header .list_detail_link {
  display: grid;
  align-items: center;
  position: relative;
  height: 100%;
}
.l-header .list_detail_link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 1.9rem;
  width: 0.6rem;
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 29.64"><path fill="%23221714" d="M2.78,29.64l-2.78-1.23,5.92-13.35c.05-.16.05-.32,0-.48L0,1.23,2.78,0l5.99,13.52c.3.84.3,1.77,0,2.61l-.04.11-5.95,13.41Z"/></svg>') center/contain no-repeat;
  translate: 0 0;
  transition: translate var(--transition-base);
}
.l-header .list_detail_link:focus-visible {
  opacity: 1;
}
.l-header .list_detail_link:focus-visible::after {
  translate: 50% 0;
}
@media (any-hover: hover) {
  .l-header .list_detail_link:hover {
    opacity: 1;
  }
  .l-header .list_detail_link:hover::after {
    translate: 50% 0;
  }
}
.l-header .list_detail_hgroup {
  position: relative;
  padding-left: 9rem;
}
.l-header .list_detail_hgroup_img {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 9rem;
  pointer-events: none;
}
.l-header .list_detail_hgroup_en {
  font-family: var(--font-family-iskra);
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 0.5;
  letter-spacing: 0.1em;
  color: #ccc;
  text-transform: uppercase;
}
.l-header .list_detail_hgroup_jp {
  font-family: var(--font-family-mizolet);
  font-size: 1rem;
  letter-spacing: 0.1em;
  margin-top: 0.7rem;
}
.l-header .fixed {
  gap: 1.2rem;
  position: fixed;
  top: 2.8rem;
  right: 2.8rem;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .l-header .fixed {
    display: grid;
    grid-template-columns: 6.8rem;
  }
}
@media screen and (max-width: 767px) {
  .l-header .fixed {
    display: flex;
    flex-direction: row-reverse;
    position: absolute;
    padding-right: 10rem;
  }
}
.l-header .fixed_btn {
  display: block;
  width: 100%;
  border-radius: 0.7rem;
  background: #000;
}
@media screen and (max-width: 767px) {
  .l-header .fixed_btn {
    width: 10rem;
    border-radius: 1.1rem;
  }
  .l-header .fixed_btn.js-menu-btn {
    position: fixed;
    top: 2.8rem;
    right: 2.8rem;
  }
}
.l-header .menu {
  position: fixed;
  inset: 0;
  z-index: 20;
  padding: 2.8rem 2.8rem 4.6rem;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .l-header .menu {
    padding-bottom: 4rem;
  }
}
.l-header .menu.is-open {
  opacity: 1;
  pointer-events: all;
}
.l-header .menu_close {
  display: block;
  margin-left: auto;
  width: 6.8rem;
  border-radius: 0.7rem;
  background: #000;
}
@media screen and (max-width: 767px) {
  .l-header .menu_close {
    width: 10rem;
    border-radius: 1.1rem;
  }
}
.l-header .menu_list {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.3rem 1.7rem;
  margin: 4rem auto 0;
  max-width: 130rem;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list {
    grid-template-columns: 1fr;
    gap: 2rem;
    max-width: 64rem;
  }
}
.l-header .menu_list_item {
  border: 0.3rem solid #221714;
  border-radius: 1.4rem;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_item {
    border-radius: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .l-header .menu_list_item-about {
    display: grid;
    grid-template-rows: auto 14.6rem;
    grid-row: 1/3;
    grid-column: 1;
  }
}
@media screen and (min-width: 768px) {
  .l-header .menu_list_item-qa {
    grid-row: 3;
    grid-column: 1;
  }
}
@media screen and (min-width: 768px) {
  .l-header .menu_list_item-works {
    grid-row: 1;
    grid-column: 2;
  }
}
@media screen and (min-width: 768px) {
  .l-header .menu_list_item-blog {
    grid-row: 2;
    grid-column: 2;
  }
}
.l-header .menu_list_item-contact {
  border: none;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .l-header .menu_list_item-contact {
    grid-row: 3/5;
    grid-column: 2;
  }
}
.l-header .menu_list_item-other {
  margin-top: auto;
  border: none;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .l-header .menu_list_item-other {
    display: grid;
    align-items: flex-end;
    grid-template-columns: auto 1fr;
    column-gap: 5.2rem;
    grid-row: 4;
    grid-column: 1;
  }
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_item-other {
    margin-top: 7.6rem;
  }
}
.l-header .menu_list_link {
  display: block;
  position: relative;
  padding: 3.1rem 3.9rem;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_link {
    padding: 4.1rem 3.8rem;
  }
}
.l-header .menu_list_link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 2.4rem;
  width: 1.6rem;
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 59.79"><path fill="%23221714" d="M2.74,59.79l-2.74-1.27,12.79-27.57c.24-.68.24-1.42,0-2.11L0,1.27,2.74,0l12.87,27.73c.52,1.39.52,2.93,0,4.32l-.05.11L2.74,59.79Z"/></svg>') center/contain no-repeat;
  translate: 0 0;
  transition: translate var(--transition-base);
}
.l-header .menu_list_link:focus-visible {
  opacity: 1;
}
.l-header .menu_list_link:focus-visible::after {
  translate: 50% 0;
}
@media (any-hover: hover) {
  .l-header .menu_list_link:hover {
    opacity: 1;
  }
  .l-header .menu_list_link:hover::after {
    translate: 50% 0;
  }
}
.l-header .menu_list_hgroup_en {
  font-family: var(--font-family-iskra);
  font-weight: 900;
  font-size: 4.8rem;
  line-height: 0.5;
  letter-spacing: 0.1em;
  color: #ccc;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_hgroup_en {
    font-size: 5.4rem;
  }
}
.l-header .menu_list_hgroup_jp {
  font-family: var(--font-family-mizolet);
  font-size: 2rem;
  letter-spacing: 0.1em;
  margin-top: 2.1rem;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_hgroup_jp {
    font-size: 2.2rem;
    margin-top: 2.6rem;
  }
}
.l-header .menu_list_detail {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  border-top: 0.3rem solid #221714;
}
.l-header .menu_list_detail::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  translate: -50% 0;
  width: 0.3rem;
  height: 100%;
  background: #221714;
}
.l-header .menu_list_detail_link {
  position: relative;
}
@media screen and (min-width: 768px) {
  .l-header .menu_list_detail_link {
    display: grid;
    align-items: center;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_detail_link {
    display: block;
  }
}
.l-header .menu_list_detail_link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 2.7rem;
  width: 0.9rem;
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 29.64"><path fill="%23221714" d="M2.78,29.64l-2.78-1.23,5.92-13.35c.05-.16.05-.32,0-.48L0,1.23,2.78,0l5.99,13.52c.3.84.3,1.77,0,2.61l-.04.11-5.95,13.41Z"/></svg>') center/contain no-repeat;
  translate: 0 0;
  transition: translate var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_detail_link::after {
    right: 3rem;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 50.99"><path fill="%23221714" d="M2.93,50.99l-2.93-.73,5.9-23.73c.13-.64.13-1.43-.01-2.14L0,.73l2.93-.73,5.9,23.73c.23,1.16.23,2.37.01,3.46l-5.91,23.8Z"/></svg>') center/contain no-repeat;
  }
}
.l-header .menu_list_detail_link:focus-visible {
  opacity: 1;
}
.l-header .menu_list_detail_link:focus-visible::after {
  translate: 50% 0;
}
@media (any-hover: hover) {
  .l-header .menu_list_detail_link:hover {
    opacity: 1;
  }
  .l-header .menu_list_detail_link:hover::after {
    translate: 50% 0;
  }
}
.l-header .menu_list_detail_hgroup {
  position: relative;
}
@media screen and (min-width: 768px) {
  .l-header .menu_list_detail_hgroup {
    padding-left: 12.8rem;
  }
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_detail_hgroup {
    text-align: center;
    padding-block: 8.9rem 2.6rem;
  }
}
.l-header .menu_list_detail_hgroup_img {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 12.8rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_detail_hgroup_img {
    top: -0.8rem;
    left: 50%;
    translate: -50% 0;
    width: 15rem;
  }
}
.l-header .menu_list_detail_hgroup_en {
  font-family: var(--font-family-iskra);
  font-weight: 900;
  font-size: 2.2rem;
  line-height: 0.5;
  letter-spacing: 0.1em;
  color: #ccc;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_detail_hgroup_en {
    font-size: 2.8rem;
  }
}
.l-header .menu_list_detail_hgroup_jp {
  font-family: var(--font-family-mizolet);
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_detail_hgroup_jp {
    font-size: 1.8rem;
    margin-top: 0.9rem;
  }
}
.l-header .menu_list_contacts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 13.3rem 1fr;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts {
    grid-template-rows: 30rem 1fr;
    gap: 2rem;
  }
}
.l-header .menu_list_contacts_item:has(._tel) {
  grid-column: span 2;
}
.l-header .menu_list_contacts_link {
  --_txt-color: var(--color-base);
  --_icon-tel-color: var(--color-base);
  display: block;
  position: relative;
  padding: 3.4rem 2.9rem 0;
  height: 100%;
  border-radius: 1.4rem;
  background: #ccc;
  transition: background-color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_link {
    padding: 3rem 0 0;
    border-radius: 1.8rem;
  }
}
.l-header .menu_list_contacts_link:focus-visible {
  --_txt-color: #fff;
  --_icon-tel-color: #fff;
  background-color: #221714;
  opacity: 1;
}
@media (any-hover: hover) {
  .l-header .menu_list_contacts_link:hover {
    --_txt-color: #fff;
    --_icon-tel-color: #fff;
    background-color: #221714;
    opacity: 1;
  }
}
.l-header .menu_list_contacts_link._line::before {
  content: "";
  position: absolute;
  right: 2.9rem;
  bottom: 0;
  width: 5.6rem;
  height: 100%;
  background: url(../img/common/header_menu_img_line.svg) center bottom/contain no-repeat;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_link._line::before {
    right: 50%;
    bottom: -1.8rem;
    translate: 50% 0;
    width: 9.8rem;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.4rem), 0 calc(100% - 1.4rem));
  }
}
.l-header .menu_list_contacts_link._mail::before {
  content: "";
  position: absolute;
  right: 3.6rem;
  bottom: 0;
  width: 6.6rem;
  height: 100%;
  background: url(../img/common/header_menu_img_mail.svg) center bottom/contain no-repeat;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_link._mail::before {
    right: 50%;
    bottom: -0.5rem;
    translate: 50% 0;
    width: 11.4rem;
  }
}
.l-header .menu_list_contacts_link._tel {
  padding: 1.6rem 0;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_link._tel {
    padding-block: 4.8rem;
  }
}
@media screen and (min-width: 768px) {
  .l-header .menu_list_contacts_link._tel::before {
    content: "";
    position: absolute;
    right: 3.1rem;
    bottom: -0.1rem;
    width: 6rem;
    height: 100%;
    background: url(../img/common/header_menu_img_tel.svg) center bottom/contain no-repeat;
  }
}
.l-header .menu_list_contacts_ttl {
  font-size: 1.8rem;
  line-height: 1.1111111111;
  font-weight: 900;
  color: var(--_txt-color);
  position: relative;
  width: fit-content;
  transition: color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_ttl {
    font-size: 2.6rem;
    margin-inline: auto;
  }
}
.l-header .menu_list_contacts_ttl._line {
  padding-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_ttl._line {
    padding-bottom: 8.8rem;
  }
}
.l-header .menu_list_contacts_ttl._line::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  translate: -50% 0;
  width: 5.2rem;
  height: 100%;
  background: url(../img/common/header_menu_icon_line.svg) center bottom/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_ttl._line::before {
    width: 7.3rem;
  }
}
.l-header .menu_list_contacts_ttl._mail {
  padding-bottom: 4.9rem;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_ttl._mail {
    padding-bottom: 7.4rem;
  }
}
.l-header .menu_list_contacts_ttl._mail::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  translate: -50% 0;
  width: 5rem;
  height: 100%;
  background: url(../img/common/header_menu_icon_mail.svg) center bottom/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_ttl._mail::before {
    width: 7rem;
  }
}
.l-header .menu_list_contacts_tel_ttl {
  font-size: 1.8rem;
  line-height: 1.1111111111;
  font-weight: 900;
  color: var(--_txt-color);
  position: relative;
  margin-inline: auto;
  padding-left: 2.4rem;
  width: fit-content;
  transition: color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_tel_ttl {
    font-size: 2.8rem;
    padding-left: 4rem;
  }
}
.l-header .menu_list_contacts_tel_ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 1.7rem;
  height: 2.6rem;
  mask: url(../img/common/header_menu_icon_tel.svg) center/contain no-repeat;
  background-color: var(--_icon-tel-color);
  transition: background-color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_tel_ttl::before {
    width: 3rem;
    height: 4.6rem;
  }
}
.l-header .menu_list_contacts_tel_num {
  font-family: var(--font-family-iskra);
  font-weight: 900;
  font-size: 4.4rem;
  line-height: 0.3181818182;
  letter-spacing: 0.025em;
  color: var(--_txt-color);
  text-align: center;
  margin-top: 1.8rem;
  transition: color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_tel_num {
    font-size: 7.6rem;
    letter-spacing: 0.1em;
    margin-top: 3.3rem;
  }
}
.l-header .menu_list_contacts_tel_time {
  font-family: var(--font-family-mizolet);
  font-size: 1.2rem;
  color: var(--_txt-color);
  text-align: center;
  margin-top: 2.4rem;
  transition: color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_contacts_tel_time {
    font-size: 2rem;
    margin-top: 4.8rem;
  }
}
.l-header .menu_list_logo_link {
  display: grid;
  grid-template-columns: 12.8rem 11.2rem;
  column-gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_logo_link {
    grid-template-columns: 19.2rem 16.7rem;
    column-gap: 4.9rem;
  }
}
.l-header .menu_list_add {
  font-family: var(--font-family-mizolet);
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_add {
    font-size: 2.8rem;
    margin-top: 5.2rem;
  }
}
.l-header .menu_list_add_link {
  display: inline-block;
  position: relative;
  margin-top: 1.2rem;
  padding-left: 2.3rem;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_add_link {
    margin-top: 0.9rem;
    padding-left: 4.3rem;
  }
}
.l-header .menu_list_add_link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 1.4rem;
  height: 2rem;
  background: url(../img/common/icon_spot.svg) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .l-header .menu_list_add_link::before {
    width: 2.6rem;
    height: 3.7rem;
  }
}
.l-header .menu_copy {
  font-size: 1.2rem;
  line-height: 2;
  text-align: right;
  margin: 7.8rem auto 0;
  max-width: 130rem;
}
@media screen and (max-width: 767px) {
  .l-header .menu_copy {
    font-size: 2.4rem;
    line-height: 1.2083333333;
    text-align: left;
    max-width: 64rem;
  }
}

.l-main {
  position: relative;
  z-index: 1;
  background: #fff;
}

.l-footer {
  --_padding-top: 26rem;
  --_base-window-height: 920;
  position: relative;
  padding-top: var(--_padding-top);
  height: calc(100svh + var(--_padding-top));
  max-height: calc(var(--_base-window-height) / 10 * 1rem + var(--_padding-top));
  background: #ccc;
}
@media screen and (max-width: 767px) {
  .l-footer {
    --_padding-top: 22rem;
    --_base-window-height: 1760;
  }
}
.l-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: var(--_padding-top);
  border-bottom-left-radius: var(--border-radius-infinity);
  background: #fff;
}
.l-footer .c-wrap {
  position: fixed;
  left: 50%;
  bottom: 0;
  translate: -50% 0;
  padding-bottom: min(4.6rem, 46 / var(--_base-window-height) * 100svh);
  width: 100%;
}
@media screen and (max-width: 767px) {
  .l-footer .c-wrap {
    padding-bottom: min(4.2rem, 42 / var(--_base-window-height) * 100svh);
    max-width: 90%;
  }
}
.l-footer .ttl {
  font-family: var(--font-family-mizolet);
  font-size: min(2.6rem, 26 / var(--_base-window-height) * 100svh);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-footer .ttl {
    font-size: min(3.8rem, 38 / var(--_base-window-height) * 100svh);
    line-height: 1.2105263158;
  }
}
.l-footer .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(7.4rem, 74 / var(--_base-window-height) * 100svh) min(3.2rem, 32 / var(--_base-window-height) * 100svh);
  margin: min(2.9rem, 29 / var(--_base-window-height) * 100svh) auto 0;
  max-width: min(120.4rem, 1204 / var(--_base-window-height) * 100svh);
}
@media screen and (max-width: 767px) {
  .l-footer .list {
    grid-template-columns: repeat(2, 1fr);
    gap: min(7.6rem, 76 / var(--_base-window-height) * 100svh) min(4.5rem, 45 / var(--_base-window-height) * 100svh);
    margin-top: min(6.9rem, 69 / var(--_base-window-height) * 100svh);
    max-width: min(72rem, 720 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .list_item {
  display: grid;
  min-height: min(38rem, 380 / var(--_base-window-height) * 100svh);
}
@media screen and (max-width: 767px) {
  .l-footer .list_item:nth-child(1) {
    grid-row: 2;
    grid-column: span 2;
    min-height: min(22rem, 220 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .list_link {
  padding-block: min(4.7rem, 47 / var(--_base-window-height) * 100svh);
  display: block;
  position: relative;
  border-radius: 1.8rem;
  background: #fff;
  transition: background-color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-footer .list_link {
    padding-block: min(3.9rem, 39 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .list_link:focus-visible {
  background: #000;
  opacity: 1;
}
.l-footer .list_link:focus-visible .list_ttl,
.l-footer .list_link:focus-visible .list_txt,
.l-footer .list_link:focus-visible .list_num,
.l-footer .list_link:focus-visible .list_time {
  color: #fff;
}
.l-footer .list_link:focus-visible .list_icon_path._tel {
  fill: #fff;
}
.l-footer .list_link:focus-visible .list_icon_path._line-bg {
  fill: #fff;
}
.l-footer .list_link:focus-visible .list_icon_path._line-txt {
  fill: #000;
}
.l-footer .list_link:focus-visible .list_icon_path._mail {
  stroke: #fff;
  fill: #fff;
}
.l-footer .list_link:focus-visible .list_arrow {
  translate: 25% 0;
}
.l-footer .list_link:focus-visible .list_arrow_path {
  fill: #fff;
}
@media (any-hover: hover) {
  .l-footer .list_link:hover {
    background: #000;
    opacity: 1;
  }
  .l-footer .list_link:hover .list_ttl,
  .l-footer .list_link:hover .list_txt,
  .l-footer .list_link:hover .list_num,
  .l-footer .list_link:hover .list_time {
    color: #fff;
  }
  .l-footer .list_link:hover .list_icon_path._tel {
    fill: #fff;
  }
  .l-footer .list_link:hover .list_icon_path._line-bg {
    fill: #fff;
  }
  .l-footer .list_link:hover .list_icon_path._line-txt {
    fill: #000;
  }
  .l-footer .list_link:hover .list_icon_path._mail {
    stroke: #fff;
    fill: #fff;
  }
  .l-footer .list_link:hover .list_arrow {
    translate: 25% 0;
  }
  .l-footer .list_link:hover .list_arrow_path {
    fill: #fff;
  }
}
@media screen and (max-width: 767px) {
  .l-footer .list_link._tel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 min(16.4rem, 164 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .list_ttl {
  font-family: var(--font-family-mizolet);
  font-size: min(2rem, 20 / var(--_base-window-height) * 100svh);
  text-align: center;
  transition: color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-footer .list_ttl {
    font-size: min(2.8rem, 28 / var(--_base-window-height) * 100svh);
  }
}
@media screen and (max-width: 767px) {
  .l-footer .list_ttl._tel {
    text-align: left;
  }
}
.l-footer .list_box {
  margin-top: min(2.2rem, 22 / var(--_base-window-height) * 100svh);
}
@media screen and (max-width: 767px) {
  .l-footer .list_box {
    margin-top: min(1.8rem, 18 / var(--_base-window-height) * 100svh);
  }
}
@media screen and (max-width: 767px) {
  .l-footer .list_box._tel {
    position: absolute;
    top: 50%;
    left: min(3rem, 30 / var(--_base-window-height) * 100svh);
    translate: 0 -50%;
    margin-top: 0;
  }
}
.l-footer .list_icon {
  margin-inline: auto;
  min-height: min(8.8rem, 88 / var(--_base-window-height) * 100svh);
}
.l-footer .list_icon._tel {
  width: min(5.7rem, 57 / var(--_base-window-height) * 100svh);
}
@media screen and (max-width: 767px) {
  .l-footer .list_icon._tel {
    min-height: auto;
  }
}
.l-footer .list_icon._line {
  width: min(6.8rem, 68 / var(--_base-window-height) * 100svh);
}
@media screen and (max-width: 767px) {
  .l-footer .list_icon._line {
    width: min(8rem, 80 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .list_icon._mail {
  padding-top: min(1.3rem, 13 / var(--_base-window-height) * 100svh);
  width: min(5.8rem, 58 / var(--_base-window-height) * 100svh);
}
@media screen and (max-width: 767px) {
  .l-footer .list_icon._mail {
    padding-top: min(1.4rem, 14 / var(--_base-window-height) * 100svh);
    width: min(6.8rem, 68 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .list_icon_path {
  transition: fill var(--transition-base), stroke var(--transition-base);
}
.l-footer .list_icon_path._tel {
  fill: #000;
}
.l-footer .list_icon_path._line-bg {
  fill: #b5b5b5;
}
.l-footer .list_icon_path._line-txt {
  fill: #fff;
}
.l-footer .list_icon_path._mail {
  fill: #221714;
  stroke: #221714;
  stroke-miterlimit: 10;
  stroke-width: min(0.052rem, 0.52 / var(--_base-window-height) * 100svh);
}
.l-footer .list_txt {
  font-family: var(--font-family-iskra);
  font-weight: 900;
  font-size: min(3.4rem, 34 / var(--_base-window-height) * 100svh);
  line-height: 1.0882352941;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  text-align: center;
  text-transform: uppercase;
  transition: color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-footer .list_txt {
    font-size: min(3.6rem, 36 / var(--_base-window-height) * 100svh);
    line-height: 1.0833333333;
  }
}
@media screen and (max-width: 767px) {
  .l-footer .list_txt._tel {
    margin-top: min(0.7rem, 7 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .list_num {
  font-family: var(--font-family-iskra);
  font-weight: 900;
  font-size: min(3.7rem, 37 / var(--_base-window-height) * 100svh);
  line-height: 0.3513513514;
  letter-spacing: 0.025em;
  text-align: center;
  margin-top: min(2rem, 20 / var(--_base-window-height) * 100svh);
  transition: color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-footer .list_num {
    font-size: min(6rem, 60 / var(--_base-window-height) * 100svh);
    text-align: left;
    margin-top: min(2.2rem, 22 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .list_time {
  font-family: var(--font-family-mizolet);
  font-size: min(1.2rem, 12 / var(--_base-window-height) * 100svh);
  text-align: center;
  margin-top: min(1.8rem, 18 / var(--_base-window-height) * 100svh);
  transition: color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-footer .list_time {
    font-size: min(1.9rem, 19 / var(--_base-window-height) * 100svh);
    text-align: left;
    margin-top: min(3.6rem, 36 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .list_arrow {
  display: block;
  margin: min(1.8rem, 18 / var(--_base-window-height) * 100svh) auto 0;
  width: min(8.3rem, 83 / var(--_base-window-height) * 100svh);
  transition: translate var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-footer .list_arrow {
    margin-top: min(1.6rem, 16 / var(--_base-window-height) * 100svh);
    width: min(9.6rem, 96 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .list_arrow_path {
  fill: #221714;
  transition: fill var(--transition-base);
}
.l-footer .list_img {
  position: absolute;
  left: 50%;
  bottom: max(-3.3rem, -33 / var(--_base-window-height) * 100svh);
  z-index: 1;
  translate: -50% 0;
  width: min(10rem, 100 / var(--_base-window-height) * 100svh);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .l-footer .list_img {
    width: min(12.5rem, 125 / var(--_base-window-height) * 100svh);
  }
}
@media screen and (max-width: 767px) {
  .l-footer .list_img._tel {
    left: auto;
    right: min(2.5rem, 25 / var(--_base-window-height) * 100svh);
    bottom: 0;
    translate: 0 0;
  }
}
@media screen and (max-width: 767px) {
  .l-footer .list_img._line {
    bottom: max(-3.4rem, -34 / var(--_base-window-height) * 100svh);
  }
}
@media screen and (max-width: 767px) {
  .l-footer .list_img._mail {
    bottom: max(-4.6rem, -46 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .bottom {
  margin-top: min(9.2rem, 92 / var(--_base-window-height) * 100svh);
}
@media screen and (min-width: 768px) {
  .l-footer .bottom {
    display: grid;
    grid-template-columns: 1fr auto;
  }
}
@media screen and (max-width: 767px) {
  .l-footer .bottom {
    margin-top: min(5.1rem, 51 / var(--_base-window-height) * 100svh);
  }
}
@media screen and (min-width: 768px) {
  .l-footer .btn {
    grid-row: 1;
    grid-column: 2;
  }
}
.l-footer .btn_link {
  font-family: var(--font-family-mizolet);
  font-size: min(2.2rem, 22 / var(--_base-window-height) * 100svh);
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  position: relative;
  padding-inline: min(7.5rem, 75 / var(--_base-window-height) * 100svh);
  width: min(66rem, 660 / var(--_base-window-height) * 100svh);
  height: min(7.4rem, 74 / var(--_base-window-height) * 100svh);
  border-radius: var(--border-radius-infinity);
  background: #fff;
  transition: color var(--transition-base), background-color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-footer .btn_link {
    font-size: min(3.2rem, 32 / var(--_base-window-height) * 100svh);
    text-align: center;
    align-items: flex-start;
    justify-content: center;
    margin-inline: auto;
    padding: min(3.5rem, 35 / var(--_base-window-height) * 100svh) 0 0;
    width: min(72rem, 720 / var(--_base-window-height) * 100svh);
    height: min(14rem, 140 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .btn_link::after {
  content: "";
  position: absolute;
  right: min(7.3rem, 73 / var(--_base-window-height) * 100svh);
  bottom: 0;
  width: min(6.7rem, 67 / var(--_base-window-height) * 100svh);
  height: 100%;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 23"><path fill="%23221714" d="M56.75,13H1.5c-.83,0-1.5-.67-1.5-1.5s.67-1.5,1.5-1.5h55.25c.83,0,1.5.67,1.5,1.5s-.67,1.5-1.5,1.5Z"/><path fill="%23221714" d="M56,23c-.37,0-.74-.14-1.03-.41-.6-.57-.63-1.52-.05-2.12l8.52-8.97-8.52-8.97c-.57-.6-.55-1.55.05-2.12.6-.57,1.55-.54,2.12.05l9.5,10c.55.58.55,1.49,0,2.07l-9.5,10c-.29.31-.69.47-1.09.47Z"/></svg>') center/contain no-repeat;
  background-color: var(--color-base);
  translate: 0 0;
  transition: background-color var(--transition-base), translate var(--transition-base);
}
@media screen and (max-width: 767px) {
  .l-footer .btn_link::after {
    right: 50%;
    bottom: min(2.2rem, 22 / var(--_base-window-height) * 100svh);
    width: min(9.4rem, 94 / var(--_base-window-height) * 100svh);
    height: min(3rem, 30 / var(--_base-window-height) * 100svh);
    mask: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94 30"><path fill="%23221714" d="M79.7,17H2c-1.1,0-2-.9-2-2s.9-2,2-2h77.7c1.1,0,2,.9,2,2s-.9,2-2,2Z"/><path fill="%23221714" d="M78.65,30c-.52,0-1.04-.2-1.43-.6-.77-.79-.75-2.06.04-2.83l11.88-11.57-11.88-11.57c-.79-.77-.81-2.04-.04-2.83.77-.79,2.04-.81,2.83-.04l13.35,13c.39.38.6.89.6,1.43s-.22,1.06-.6,1.43l-13.35,13c-.39.38-.89.57-1.4.57Z"/></svg>') center/contain no-repeat;
    translate: 50% 0;
  }
}
.l-footer .btn_link:focus-visible {
  color: #fff;
  background: var(--color-base);
  opacity: 1;
}
.l-footer .btn_link:focus-visible::after {
  background: #fff;
  translate: 25% 0;
}
@media screen and (max-width: 767px) {
  .l-footer .btn_link:focus-visible::after {
    translate: 75% 0;
  }
}
@media (any-hover: hover) {
  .l-footer .btn_link:hover {
    color: #fff;
    background: var(--color-base);
    opacity: 1;
  }
  .l-footer .btn_link:hover::after {
    background: #fff;
    translate: 25% 0;
  }
}
@media screen and (any-hover: hover) and (max-width: 767px) {
  .l-footer .btn_link:hover::after {
    translate: 75% 0;
  }
}
@media screen and (min-width: 768px) {
  .l-footer .logo {
    grid-row: 1;
    grid-column: 1;
  }
}
@media screen and (max-width: 767px) {
  .l-footer .logo {
    margin-top: min(10.2rem, 102 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .logo_link {
  display: grid inline;
  grid-template-columns: min(14.5rem, 145 / var(--_base-window-height) * 100svh) min(12.6rem, 126 / var(--_base-window-height) * 100svh);
  column-gap: min(6rem, 60 / var(--_base-window-height) * 100svh);
}
@media screen and (max-width: 767px) {
  .l-footer .logo_link {
    grid-template-columns: min(22.6rem, 226 / var(--_base-window-height) * 100svh) min(19.7rem, 197 / var(--_base-window-height) * 100svh);
    column-gap: min(5.8rem, 58 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .add {
  font-family: var(--font-family-mizolet);
  font-size: min(1.6rem, 16 / var(--_base-window-height) * 100svh);
  line-height: 1.5;
  margin-top: min(3.5rem, 35 / var(--_base-window-height) * 100svh);
}
@media screen and (min-width: 768px) {
  .l-footer .add {
    grid-row: 2;
    grid-column: 1;
  }
}
@media screen and (max-width: 767px) {
  .l-footer .add {
    font-size: min(2.8rem, 28 / var(--_base-window-height) * 100svh);
    line-height: 1.6428571429;
    margin-top: min(5rem, 50 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .add_link {
  display: inline-block;
  position: relative;
  margin-top: min(1.9rem, 19 / var(--_base-window-height) * 100svh);
  padding-left: min(2.3rem, 23 / var(--_base-window-height) * 100svh);
}
@media screen and (max-width: 767px) {
  .l-footer .add_link {
    margin-top: min(1rem, 10 / var(--_base-window-height) * 100svh);
    padding-left: min(4.3rem, 43 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .add_link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: min(1.4rem, 14 / var(--_base-window-height) * 100svh);
  height: min(2rem, 20 / var(--_base-window-height) * 100svh);
  background: url(../img/common/icon_spot.svg) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .l-footer .add_link::before {
    width: min(2.6rem, 26 / var(--_base-window-height) * 100svh);
    height: min(3.7rem, 37 / var(--_base-window-height) * 100svh);
  }
}
.l-footer .copy {
  font-family: var(--font-family-mizolet);
  font-size: min(1.2rem, 12 / var(--_base-window-height) * 100svh);
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .l-footer .copy {
    grid-row: 2;
    grid-column: 2;
    margin: auto 0 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .l-footer .copy {
    font-size: min(2.4rem, 24 / var(--_base-window-height) * 100svh);
    line-height: 1;
    margin-top: min(10.8rem, 108 / var(--_base-window-height) * 100svh);
  }
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(4rem);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-4rem);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 1.6rem, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 1.6rem, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 1.6rem, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 1.6rem, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  box-sizing: border-box;
  width: 15rem;
  height: 15rem;
  border-radius: 2rem;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 1rem;
  color: #FFF;
  margin-top: 0.5rem;
  display: none;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 7.2rem;
  height: 100%;
  color: #FFF;
  text-align: center;
  content: "";
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 72 80" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><mask style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="72" height="80"><rect width="72" height="80" fill="%23D9D9D9"/></mask><g><rect y="80" width="80" height="67" transform="rotate(-90 0 80)" fill="url(%23pattern0_3041_19048)"/></g><defs><pattern id="pattern0_3041_19048" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_3041_19048" transform="matrix(0.00390625 0 0 0.00466418 0 -0.104478)"/></pattern><image id="image0_3041_19048" width="256" height="256" xlink:href="data:image/png;base64,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"/></defs></svg>') center top 4.6rem/contain no-repeat;
}

.scroll-hint-icon:after {
  content: "";
  width: 7.2rem;
  height: 1.5rem;
  display: block;
  position: absolute;
  top: 2.3rem;
  left: 50%;
  translate: -50% 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==) center/contain no-repeat;
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 0.4rem 0.5rem rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content::before,
.simplebar-content::after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 1rem;
  border-radius: var(--border-radius-infinity);
  background: var(--color-yellow);
}

.simplebar-vertical {
  top: 0;
  width: 0.9rem;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .simplebar-vertical {
    width: 1rem;
  }
}

.simplebar-scrollbar::before {
  top: 0.2rem;
  bottom: 0.2rem;
  left: 0.2rem;
  right: 0.2rem;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 1.1rem;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 1rem;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 50rem;
  width: 50rem;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 1rem 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.c-article {
  display: flow-root;
}
.c-article > *:not(:first-child) {
  margin-top: 2em;
}
.c-article > *:empty + * {
  margin-top: 0;
}
.c-article > div, .c-article > figure {
  display: flow-root;
}
.c-article img {
  width: auto;
}
@media screen and (max-width: 767px) {
  .c-article img {
    width: 100%;
  }
}
.c-article iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.c-article h1,
.c-article h2,
.c-article h3 {
  font-family: var(--font-family-mizolet);
  font-size: 2.8rem;
  line-height: 1.6428571429;
}
@media screen and (max-width: 767px) {
  .c-article h1,
  .c-article h2,
  .c-article h3 {
    font-size: 3.2rem;
    line-height: 1.4375;
  }
}
.c-article h4 {
  font-family: var(--font-family-mizolet);
  font-size: 2.6rem;
  line-height: 1.6923076923;
}
@media screen and (max-width: 767px) {
  .c-article h4 {
    font-size: 3rem;
    line-height: 1.4666666667;
  }
}
.c-article h5 {
  font-family: var(--font-family-mizolet);
  font-size: 2.2rem;
  line-height: 1.9090909091;
}
@media screen and (max-width: 767px) {
  .c-article h5 {
    font-size: 2.8rem;
    line-height: 1.7142857143;
  }
}
.c-article h6 {
  font-family: var(--font-family-mizolet);
  font-size: 2rem;
  line-height: 2.1;
}
@media screen and (max-width: 767px) {
  .c-article h6 {
    font-size: 2.6rem;
    line-height: 1.7692307692;
  }
}
.c-article p,
.c-article li,
.c-article th,
.c-article td,
.c-article blockquote {
  font-size: 2rem;
  line-height: 2.1;
}
@media screen and (max-width: 767px) {
  .c-article p,
  .c-article li,
  .c-article th,
  .c-article td,
  .c-article blockquote {
    font-size: 2.6rem;
    line-height: 1.7692307692;
  }
}
.c-article strong,
.c-article b {
  font-weight: 700;
}
.c-article em {
  font-style: italic;
}
.c-article a {
  text-decoration: underline;
  text-decoration-color: var(--color-yellow);
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 0.3rem;
  transition: text-decoration-color var(--transition-base), opacity var(--transition-base);
}
.c-article a:focus-visible {
  text-decoration-color: transparent;
}
@media (any-hover: hover) {
  .c-article a:hover {
    text-decoration-color: transparent;
  }
}
.c-article ul,
.c-article ol {
  padding-left: 2em;
}
.c-article ul li {
  list-style-type: disc;
}
.c-article ol li {
  list-style-type: decimal;
}
.c-article blockquote {
  color: #fff;
  padding: 3rem;
  background: var(--color-brown);
}
.c-article blockquote * {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .c-article blockquote {
    padding: 2rem;
  }
}
.c-article .aligncenter {
  text-align: center;
  display: block;
  margin-inline: auto;
}
.c-article .alignright {
  float: right;
}
.c-article .alignleft {
  float: left;
}

.is-preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.js-bottom-action._fade-in {
  opacity: 0;
  translate: 0 5rem;
  transition: opacity ease-out var(--transition-animation-base), translate ease-out var(--transition-animation-base);
}
.js-bottom-action._fade-in.is-bottom-action {
  opacity: 1;
  translate: 0 0;
}
.js-bottom-action._fade-up {
  opacity: 0;
  translate: 0 5rem;
  transition: opacity ease-out var(--transition-animation-base), translate ease-out var(--transition-animation-base);
}
.js-bottom-action._fade-up.is-bottom-action {
  opacity: 1;
  translate: 0 0;
}
.js-bottom-action._slide-in-top {
  clip-path: inset(0 0 100% 0);
  transition: clip-path var(--transition-animation-base);
}
.js-bottom-action._slide-in-top.is-bottom-action {
  clip-path: inset(0);
}
.js-bottom-action._slide-in-bottom {
  clip-path: inset(100% 0 0 0);
  transition: clip-path var(--transition-animation-base);
}
.js-bottom-action._slide-in-bottom.is-bottom-action {
  clip-path: inset(0);
}
.js-bottom-action._slide-in-left {
  clip-path: inset(0 0 0 100%);
  transition: clip-path var(--transition-animation-base);
}
.js-bottom-action._slide-in-left.is-bottom-action {
  clip-path: inset(0);
}
.js-bottom-action._slide-in-right {
  clip-path: inset(0 100% 0 0);
  transition: clip-path var(--transition-animation-base);
}
.js-bottom-action._slide-in-right.is-bottom-action {
  clip-path: inset(0);
}
.js-bottom-action._delay-100ms {
  transition-delay: 100ms;
}
.js-bottom-action._delay-200ms {
  transition-delay: 200ms;
}
.js-bottom-action._delay-300ms {
  transition-delay: 300ms;
}
.js-bottom-action._delay-400ms {
  transition-delay: 400ms;
}
.js-bottom-action._delay-500ms {
  transition-delay: 500ms;
}
.js-bottom-action._delay-600ms {
  transition-delay: 600ms;
}
.js-bottom-action._delay-700ms {
  transition-delay: 700ms;
}
.js-bottom-action._delay-800ms {
  transition-delay: 800ms;
}
.js-bottom-action._delay-900ms {
  transition-delay: 900ms;
}
.js-bottom-action._delay-1000ms {
  transition-delay: 1000ms;
}
.js-bottom-action._delay-1100ms {
  transition-delay: 1100ms;
}
.js-bottom-action._delay-1200ms {
  transition-delay: 1200ms;
}
.js-bottom-action._delay-1300ms {
  transition-delay: 1300ms;
}
.js-bottom-action._delay-1400ms {
  transition-delay: 1400ms;
}
.js-bottom-action._delay-1500ms {
  transition-delay: 1500ms;
}
.js-bottom-action._delay-1600ms {
  transition-delay: 1600ms;
}
.js-bottom-action._delay-1700ms {
  transition-delay: 1700ms;
}
.js-bottom-action._delay-1800ms {
  transition-delay: 1800ms;
}
.js-bottom-action._delay-1900ms {
  transition-delay: 1900ms;
}
.js-bottom-action._delay-2000ms {
  transition-delay: 2000ms;
}
.js-bottom-action._delay-2100ms {
  transition-delay: 2100ms;
}
.js-bottom-action._delay-2200ms {
  transition-delay: 2200ms;
}
.js-bottom-action._delay-2300ms {
  transition-delay: 2300ms;
}
.js-bottom-action._delay-2400ms {
  transition-delay: 2400ms;
}
.js-bottom-action._delay-2500ms {
  transition-delay: 2500ms;
}
.js-bottom-action._delay-2600ms {
  transition-delay: 2600ms;
}
.js-bottom-action._delay-2700ms {
  transition-delay: 2700ms;
}
.js-bottom-action._delay-2800ms {
  transition-delay: 2800ms;
}
.js-bottom-action._delay-2900ms {
  transition-delay: 2900ms;
}
.js-bottom-action._delay-3000ms {
  transition-delay: 3000ms;
}

.js-acd {
  --_js-acd-cont-rows: 0fr;
}
.js-acd.is-open {
  --_js-acd-cont-rows: 1fr;
}
.js-acd_cont {
  display: grid;
  grid-template-rows: var(--_js-acd-cont-rows);
  transition: grid-template-rows var(--transition-animation-sub) ease-out;
}
.js-acd_cont_outer {
  overflow: hidden;
}

.js-random-bounce_item {
  display: inline-block;
  will-change: transform;
  transition: transform var(--transition-sub) cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes c-loop-slide-first {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes c-loop-slide-last {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.c-wrap {
  margin-inline: auto;
  width: var(--width-pc-design-content-percent);
  max-width: var(--width-pc-design-content-rem);
}
@media screen and (max-width: 767px) {
  .c-wrap {
    width: var(--width-sp-design-content-percent);
    max-width: 100%;
  }
}

.c-width-breakout {
  container-type: inline-size;
}
.c-width-breakout_center {
  margin-inline: calc(50% - 50cqi);
}
.c-width-breakout_left {
  margin-left: calc(50% - 50cqi);
}
.c-width-breakout_right {
  margin-right: calc(50% - 50cqi);
}

.c-lower-btn_link {
  --_c-lower-btn-icon: 0 0;
  display: grid inline;
  place-content: center;
  padding: 1.3rem 3rem;
  min-width: 32rem;
  border: 0.4rem solid #221714;
  border-radius: var(--border-radius-infinity);
  background: #fff;
  transition: background-color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .c-lower-btn_link {
    padding: 3.4rem 6.1rem;
    min-width: 50rem;
  }
}
.c-lower-btn_link:focus-visible {
  --_c-lower-btn-icon: 25% 0;
  opacity: 1;
}
@media (any-hover: hover) {
  .c-lower-btn_link:hover {
    --_c-lower-btn-icon: 25% 0;
    opacity: 1;
  }
}
.c-lower-btn_link:has(._back):focus-visible {
  --_c-lower-btn-icon: -25% 0;
}
@media (any-hover: hover) {
  .c-lower-btn_link:has(._back):hover {
    --_c-lower-btn-icon: -25% 0;
  }
}
.c-lower-btn_txt {
  font-family: var(--font-family-mizolet);
  font-size: 2.2rem;
  line-height: 1.5454545455;
  color: #221714;
  position: relative;
  padding-right: 6.1rem;
  transition: color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .c-lower-btn_txt {
    font-size: 2.8rem;
    line-height: 1.5;
    padding-right: 11.7rem;
  }
}
.c-lower-btn_txt::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2.8rem;
  height: 100%;
  mask: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 24"><polygon fill="%23221714" points="1.41 24 0 22.61 10.78 12 0 1.39 1.41 0 13.6 12 1.41 24"/><polygon fill="%23221714" points="15.81 24 14.4 22.61 25.18 12 14.4 1.39 15.81 0 28 12 15.81 24"/></svg>') center/contain no-repeat;
  background-color: #221714;
  translate: var(--_c-lower-btn-icon);
  transition: translate var(--transition-base);
}
@media screen and (max-width: 767px) {
  .c-lower-btn_txt::after {
    width: 5.6rem;
    mask: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 49"><polygon fill="%23221714" points="2.82 49 0 46.16 21.56 24.5 0 2.84 2.82 0 27.21 24.5 2.82 49"/><polygon fill="%23221714" points="31.62 49 28.79 46.16 50.35 24.5 28.79 2.84 31.62 0 56 24.5 31.62 49"/></svg>') center/contain no-repeat;
  }
}
.c-lower-btn_txt._back {
  padding-inline: 6.1rem 0;
}
@media screen and (max-width: 767px) {
  .c-lower-btn_txt._back {
    padding-inline: 11.7rem 0;
  }
}
.c-lower-btn_txt._back::after {
  left: 0;
  right: auto;
  scale: -1 1;
}

.c-roof-ttl {
  width: fit-content;
}
.c-roof-ttl:has(.c-roof-ttl_sub) {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-roof-ttl._fv .c-roof-ttl_en {
    font-size: 5.6rem;
    line-height: 1.0714285714;
    padding-top: 10.2rem;
    width: 42rem;
  }
  .c-roof-ttl._fv .c-roof-ttl_en::before {
    height: 9.3rem;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 422 99.24"><path fill="%23221714" d="M419.89,99.24L221.74,6.93c-6.93-2.57-14.55-2.57-21.48,0L2.11,99.24l-2.11-4.53L198.33,2.31l.09-.03c8.11-3.04,17.05-3.04,25.16,0l.18.08,198.24,92.36-2.11,4.53Z"/></svg>') center/contain no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .c-roof-ttl._fv .c-roof-ttl_jp {
    font-size: 3.2rem;
    margin-top: 2.4rem;
  }
}
.c-roof-ttl_en {
  font-family: var(--font-family-iskra);
  font-weight: 900;
  font-size: 4.4rem;
  line-height: 1.2272727273;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  padding-top: 7.8rem;
  width: 32.2rem;
}
@media screen and (max-width: 767px) {
  .c-roof-ttl_en {
    font-size: 6.2rem;
    line-height: 1.1290322581;
    padding-top: 12rem;
    width: 50.2rem;
  }
}
.c-roof-ttl_en::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 7.6rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 322 75.89"><path fill="%23221714" d="M320.31,75.89L169.16,5.47c-5.26-1.95-11.05-1.95-16.31,0L1.69,75.89l-1.69-3.63L151.3,1.77l.07-.03c6.21-2.32,13.05-2.32,19.26,0l.14.06,151.23,70.45-1.69,3.63Z"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .c-roof-ttl_en::before {
    height: 11.6rem;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 462 108.24"><path fill="%23221714" d="M459.89,108.24L242.85,7.13c-7.65-2.84-16.06-2.84-23.71,0L2.11,108.24l-2.11-4.53L217.21,2.51l.09-.03c8.83-3.3,18.56-3.3,27.39,0l.18.08,217.12,101.16-2.11,4.53Z"/></svg>') center/contain no-repeat;
  }
}
.c-roof-ttl_jp {
  font-family: var(--font-family-mizolet);
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
  text-indent: 0.1em;
  margin: 2.4rem auto 0;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .c-roof-ttl_jp {
    font-size: 3.8rem;
    letter-spacing: 0em;
    text-indent: 0;
    margin-top: 4rem;
  }
}
.c-roof-ttl_jp_dq {
  letter-spacing: 0;
  text-indent: -0.45em;
  display: inline-block;
}
.c-roof-ttl_jp_dq ~ .c-roof-ttl_jp_dq {
  letter-spacing: -0.45em;
  text-indent: 0;
}
.c-roof-ttl_sub {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  display: inline-block;
  margin-top: 42.7rem;
}
@media screen and (max-width: 767px) {
  .c-roof-ttl_sub {
    margin-top: 7.3rem;
  }
}
.c-roof-ttl_sub_txt {
  font-family: var(--font-family-mizolet);
  font-size: 3.6rem;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: left;
  white-space: nowrap;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-roof-ttl_sub_txt {
    font-size: 4.2rem;
    line-height: 1.7619047619;
  }
}
.c-roof-ttl_sub_txt_dq {
  letter-spacing: -0.45em;
  display: inline-block;
}

.c-border-radius {
  --_padding: 0.6rem;
  --_radius: 1.2rem;
  padding: var(--_padding);
  border-radius: var(--_radius);
}
.c-border-radius_inner {
  border-radius: calc(var(--_radius) - var(--_padding));
}

.c-fv-sec {
  padding-top: 8.2rem;
}
@media screen and (max-width: 767px) {
  .c-fv-sec {
    padding-top: 4.1rem;
  }
}
@media screen and (min-width: 768px) {
  .c-fv-sec .c-wrap {
    display: grid;
    align-items: flex-start;
    grid-template-columns: auto 1fr;
    column-gap: 4.9rem;
  }
  .c-fv-sec .c-wrap:has(.c-fv-sec_hgroup) {
    column-gap: 12.6rem;
  }
}
.c-fv-sec .c-roof-ttl_en {
  margin-inline: auto;
}
.c-fv-sec_txt {
  font-size: 2rem;
  line-height: 2.1;
  margin-top: 6.3rem;
}
@media screen and (max-width: 767px) {
  .c-fv-sec_txt {
    font-size: 2.8rem;
    line-height: 2;
    letter-spacing: -0.016em;
    margin-top: 6.2rem;
  }
}
.c-fv-sec_hgroup {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.3rem 2rem;
  margin-top: 15.5rem;
}
@media screen and (max-width: 767px) {
  .c-fv-sec_hgroup {
    gap: 3.2rem 2.9rem;
    margin-top: 14.2rem;
  }
}
.c-fv-sec_hgroup_date_txt {
  font-family: var(--font-family-mizolet);
  font-size: 2.4rem;
  line-height: 1.0833333333;
}
@media screen and (max-width: 767px) {
  .c-fv-sec_hgroup_date_txt {
    font-size: 3.4rem;
    line-height: 1.0588235294;
  }
}
.c-fv-sec_hgroup_category {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}
.c-fv-sec_hgroup_category_label {
  font-family: var(--font-family-mizolet);
  font-size: 1.6rem;
  line-height: 1.625;
  color: #fff;
  text-align: center;
  padding-inline: 1rem;
  min-width: 10rem;
  background: #e5e5e5;
}
@media screen and (max-width: 767px) {
  .c-fv-sec_hgroup_category_label {
    font-size: 2.2rem;
    line-height: 1.6363636364;
    min-width: 14rem;
  }
}
.c-fv-sec_hgroup_category_label._architect {
  background: #f8b800;
}
.c-fv-sec_hgroup_category_label._estate {
  background: #d25315;
}
.c-fv-sec_hgroup_ttl {
  font-family: var(--font-family-mizolet);
  font-size: 3.8rem;
  line-height: 1.3157894737;
  flex: 0 0 100%;
}
@media screen and (max-width: 767px) {
  .c-fv-sec_hgroup_ttl {
    font-size: 4.8rem;
    line-height: 1.3541666667;
  }
}

.c-card-list {
  display: grid;
  direction: rtl;
  grid-template-columns: repeat(6, 1fr);
  gap: 3.6rem 3.68rem;
}
@media screen and (max-width: 767px) {
  .c-card-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem 3rem;
    margin-inline: auto;
    width: 72rem;
  }
}
.c-card-list .c-card-modal_br {
  display: none;
}
.c-card-list_item {
  display: grid;
  direction: ltr;
}
.c-card-list_item.js-random-card_item {
  opacity: 0;
  scale: 0;
  transition: opacity 0.2s, scale 0.2s;
}
.c-card-list_item.js-random-card_item.is-show {
  opacity: 1;
  scale: 1;
}
.c-card-list_item:has(.c-card-list_hgroup) {
  grid-row: 3;
  grid-column: 3/5;
}
@media screen and (max-width: 767px) {
  .c-card-list_item:has(.c-card-list_hgroup) {
    grid-row: 2;
    grid-column: 1/3;
  }
}
@media (any-hover: hover) {
  .c-card-list_item:hover .c-card-list_front {
    transform: rotateY(180deg);
    pointer-events: none;
  }
  .c-card-list_item:hover .c-card-list_back {
    transform: rotateY(0deg);
    pointer-events: all;
  }
}
.c-card-list_item.is-open .c-card-list_front {
  transform: rotateY(180deg);
  pointer-events: none;
}
.c-card-list_item.is-open .c-card-list_back {
  transform: rotateY(0deg);
  pointer-events: all;
}
.c-card-list_hgroup {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-card-list_hgroup {
    padding-top: 1.3rem;
  }
}
.c-card-list_hgroup_txt {
  font-family: var(--font-family-sichandic);
  font-size: 4.6rem;
  letter-spacing: 0.25em;
  text-indent: 0.25em;
}
@media screen and (max-width: 767px) {
  .c-card-list_hgroup_txt {
    font-size: 5.8rem;
  }
}
.c-card-list_hgroup_roof {
  font-family: var(--font-family-sichandic);
  font-size: 2.8rem;
  letter-spacing: 0.25em;
  text-indent: 0.25em;
  position: relative;
  margin-top: 0.2rem;
  padding-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .c-card-list_hgroup_roof {
    font-size: 3.6rem;
    margin-top: 0.3rem;
    padding-top: 4.6rem;
  }
}
.c-card-list_hgroup_roof::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 31.6rem;
  height: 7.6rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 316 75.88"><path fill="%23221714" d="M314.28,75.88L165.98,5.46c-5.15-1.94-10.8-1.94-15.95,0L1.72,75.88l-1.72-3.62L148.45,1.78l.07-.03c6.11-2.33,12.84-2.33,18.95,0l.15.06,148.38,70.45-1.72,3.62Z"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .c-card-list_hgroup_roof::before {
    width: 41.2rem;
    height: 9.9rem;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 412 98.73"><path fill="%23221714" d="M409.86,98.73L216.44,6.91c-6.74-2.54-14.15-2.55-20.89,0L2.14,98.73l-2.14-4.52L193.59,2.31l.09-.04c7.94-3.03,16.69-3.03,24.63,0l.18.08,193.5,91.86-2.14,4.52Z"/></svg>') center/contain no-repeat;
  }
}
.c-card-list_hgroup_vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: mixed;
  text-orientation: mixed;
  display: inline-block;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .c-card-list_hgroup_vertical {
    margin-top: 3rem;
  }
}
.c-card-list_hgroup_vertical_txt {
  font-family: var(--font-family-mizolet);
  font-size: 2.8rem;
  line-height: 2.0714285714;
  letter-spacing: 0.22em;
  text-align: left;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-card-list_hgroup_vertical_txt {
    font-size: 3.4rem;
    line-height: 2.1176470588;
    letter-spacing: 0.19em;
  }
}
.c-card-list_circle {
  font-family: var(--font-family-sichandic);
  font-size: 3.2rem;
  display: grid;
  place-content: center;
  position: absolute;
  top: 1.5rem;
  right: 1.3rem;
  width: 5.6rem;
  height: 5.6rem;
  border: 0.4rem solid #000;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .c-card-list_circle {
    font-size: 3.8rem;
    top: 1.8rem;
    right: 1.5rem;
    width: 6.8rem;
    height: 6.8rem;
    border-width: 0.5rem;
  }
}
.c-card-list_front, .c-card-list_back {
  grid-row: 1;
  grid-column: 1;
  position: relative;
  z-index: 1;
  width: 100%;
  border: 0.4rem solid #000;
  border-radius: 2rem;
  box-shadow: 0.7rem 0.9rem 0.2rem rgba(0, 0, 0, 0.4);
  transform-origin: center;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: transform var(--transition-sub);
}
@media screen and (max-width: 767px) {
  .c-card-list_front, .c-card-list_back {
    border-radius: 2.4rem;
  }
}
.c-card-list_front_vertical, .c-card-list_back_vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: mixed;
  text-orientation: mixed;
  display: inline-block;
}
.c-card-list_front_vertical_txt, .c-card-list_back_vertical_txt {
  font-family: var(--font-family-mizolet);
  font-size: 2.2rem;
  line-height: 1.5909090909;
  letter-spacing: 0.05em;
  text-align: left;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-card-list_front_vertical_txt, .c-card-list_back_vertical_txt {
    font-size: 2.8rem;
    line-height: 1.5;
  }
}
.c-card-list_front {
  text-align: right;
  display: grid;
  background: var(--color-yellow);
  transform: rotateY(0deg);
}
@media (any-hover: hover) {
  .c-card-list_front:focus-visible, .c-card-list_front:hover {
    cursor: initial;
    opacity: 1;
  }
}
.c-card-list_front_vertical {
  margin-left: auto;
  padding: 1.7rem 8.5rem 0 0.2rem;
  width: fit-content;
  height: 31.1rem;
}
@media screen and (max-width: 767px) {
  .c-card-list_front_vertical {
    padding: 1.7rem 10.7rem 0 0.2rem;
    height: 37.2rem;
  }
}
.c-card-list_front_img {
  display: block;
  position: absolute;
  right: 1.3rem;
  bottom: 2rem;
  z-index: -1;
  width: 9.6rem;
}
@media screen and (max-width: 767px) {
  .c-card-list_front_img {
    right: 1.4rem;
    bottom: 1.4rem;
    width: 11.5rem;
  }
}
.c-card-list_back {
  text-align: center;
  background: var(--color-brown);
  transform: rotateY(180deg);
  pointer-events: none;
}
.c-card-list_back_vertical {
  padding-inline: 8.5rem 0.5rem;
  height: 26.5rem;
}
@media screen and (max-width: 767px) {
  .c-card-list_back_vertical {
    padding-inline: 9.2rem 1rem;
    height: 32.3rem;
  }
}
.c-card-list_back_vertical_txt {
  color: #fff;
}
.c-card-list_back_close {
  position: absolute;
  top: 3rem;
  left: 2.6rem;
  z-index: 1;
  width: 2.7rem;
}
@media screen and (max-width: 767px) {
  .c-card-list_back_close {
    top: 2.8rem;
    left: 2.8rem;
    width: 4.2rem;
  }
}
@media (any-hover: hover) {
  .c-card-list_back_close:focus-visible, .c-card-list_back_close:hover {
    cursor: initial;
    opacity: 1;
  }
}
.c-card-list_back_btn {
  font-family: var(--font-family-mizolet);
  font-size: 1.6rem;
  text-align: center;
  padding-block: 1.4rem 1.2rem;
  width: 100%;
  border-top: 0.4rem solid #000;
}
@media screen and (max-width: 767px) {
  .c-card-list_back_btn {
    font-size: 2rem;
    padding-block: 1.3rem 1.1rem;
  }
}

.c-card-modal {
  display: grid;
  place-content: center;
  position: fixed;
  inset: 0;
  z-index: var(--z-index-level-top);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-sub);
}
.c-card-modal.is-open {
  opacity: 1;
  pointer-events: all;
}
.c-card-modal .c-card-list_br {
  display: none;
}
.c-card-modal_bg {
  position: absolute;
  inset: 0;
  cursor: initial;
}
.c-card-modal_outer {
  padding-block: 5rem;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .c-card-modal_outer {
    padding-block: 10rem;
  }
}
.c-card-modal_inner {
  position: relative;
  z-index: 1;
  padding: 5.7rem 10.4rem;
  width: 120rem;
  min-height: 50rem;
  border: 0.2rem solid #fff;
  border-radius: 2.2rem;
  background: #d8d9d9;
}
@media screen and (min-width: 768px) {
  .c-card-modal_inner {
    display: grid;
    grid-template-columns: 22rem 1fr;
    column-gap: 7.7rem;
  }
}
@media screen and (max-width: 767px) {
  .c-card-modal_inner {
    width: 70rem;
    min-height: auto;
    border-width: 0.3rem;
  }
}
.c-card-modal_box {
  text-align: center;
  position: relative;
  width: 100%;
  border: 0.4rem solid #000;
  border-radius: 2rem;
  background: var(--color-brown);
  box-shadow: 0.7rem 0.9rem 0.2rem rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 767px) {
  .c-card-modal_box {
    margin-inline: auto;
    width: 30rem;
    border-width: 0.5rem;
    border-radius: 3.2rem;
    box-shadow: 0.9rem 1.2rem 0.3rem rgba(0, 0, 0, 0.4);
  }
}
.c-card-modal_box_circle {
  font-family: var(--font-family-sichandic);
  font-size: 3.2rem;
  display: grid;
  place-content: center;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 5.6rem;
  height: 5.6rem;
  border: 0.4rem solid #000;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .c-card-modal_box_circle {
    font-size: 5.2rem;
    top: 2.7rem;
    right: 2.2rem;
    width: 9.2rem;
    height: 9.2rem;
    border-width: 0.5rem;
  }
}
.c-card-modal_box_vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: mixed;
  text-orientation: mixed;
  display: inline-block;
  padding-inline: 8.4rem 2rem;
  height: 37.3rem;
}
@media screen and (max-width: 767px) {
  .c-card-modal_box_vertical {
    padding-inline: 13.7rem 5rem;
    height: 51rem;
  }
}
.c-card-modal_box_vertical_txt {
  font-family: var(--font-family-mizolet);
  font-size: 2.2rem;
  line-height: 1.5909090909;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: left;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-card-modal_box_vertical_txt {
    font-size: 2.8rem;
    line-height: 1.5;
    letter-spacing: 0.12em;
  }
}
.c-card-modal_box_close {
  position: absolute;
  top: 2.5rem;
  left: 2.6rem;
  width: 3.1rem;
}
@media screen and (max-width: 767px) {
  .c-card-modal_box_close {
    top: 2rem;
    left: 4rem;
    width: 4.4rem;
  }
}
.c-card-modal_txt-box {
  position: relative;
  margin-top: 2.2rem;
}
@media screen and (min-width: 768px) {
  .c-card-modal_txt-box {
    padding-left: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .c-card-modal_txt-box {
    margin-top: 3rem;
    padding-top: 6.4rem;
  }
}
.c-card-modal_txt-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  height: 36rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 360"><polygon fill="%23221714" points="25 360 21.18 360 21.18 188.94 0 168.51 21.18 148.09 21.18 0 25 0 25 149.66 5.45 168.51 25 187.36 25 360"/></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .c-card-modal_txt-box::before {
    width: 100%;
    height: 4.2rem;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 42"><polygon fill="%23221714" points="320 0 284.04 37 286.15 42 291 37 291.01 37 320 7.17 348.99 37 349 37 353.85 42 355.96 37 320 0"/><polygon fill="%23221714" points="284.04 37 0 37 0 42 286.15 42 284.03 37.01 284.04 37"/><polygon fill="%23221714" points="355.96 37 355.97 37.01 353.85 42 640 42 640 37 355.96 37"/></svg>') center/contain no-repeat;
  }
}
.c-card-modal_txt-box_circle {
  font-family: var(--font-family-sichandic);
  font-size: 3.2rem;
  display: grid;
  place-content: center;
  width: 5.6rem;
  height: 5.6rem;
  border: 0.4rem solid #000;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .c-card-modal_txt-box_circle {
    font-size: 5.2rem;
    margin-inline: auto;
    width: 9.2rem;
    height: 9.2rem;
    border-width: 0.5rem;
  }
}
.c-card-modal_txt-box_txt {
  font-size: 2.2rem;
  line-height: 1.5909090909;
  letter-spacing: 0.08em;
  margin-top: 3.4rem;
}
@media screen and (max-width: 767px) {
  .c-card-modal_txt-box_txt {
    font-size: 3rem;
    line-height: 1.8;
    letter-spacing: 0em;
    margin-top: 1.7rem;
  }
}
.c-card-modal_close {
  position: absolute;
  right: 2.7rem;
  bottom: 2rem;
  z-index: 1;
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 767px) {
  .c-card-modal_close {
    width: 5rem;
    height: 5rem;
  }
}
.c-card-modal_close::before, .c-card-modal_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 0.4rem;
  border-radius: 0.2rem;
  background: var(--color-base);
}
.c-card-modal_close::before {
  rotate: -135deg;
}
.c-card-modal_close::after {
  rotate: -45deg;
}

.c-blog-list {
  --_c-blog-list-link-grid-template-columns: repeat(2, 1fr);
  --_c-blog-list-link-gap: 0 4.2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8.8rem 12rem;
}
@media screen and (max-width: 767px) {
  .c-blog-list {
    grid-template-columns: 1fr;
    gap: 8rem 0;
  }
}
.c-blog-list._vertical {
  --_c-blog-list-link-grid-template-columns: 1fr;
  --_c-blog-list-link-gap: 3.5rem 0;
  grid-template-columns: repeat(4, 1fr);
  gap: 6.8rem;
}
@media screen and (max-width: 767px) {
  .c-blog-list._vertical {
    grid-template-columns: repeat(2, 1fr);
    gap: 7.5rem 4rem;
  }
}
.c-blog-list_link {
  --_c-blog-list-img-scale: 1;
  display: grid;
  grid-template-columns: var(--_c-blog-list-link-grid-template-columns);
  gap: var(--_c-blog-list-link-gap);
}
.c-blog-list_link:focus-visible {
  --_c-blog-list-img-scale: 1.1;
  opacity: 1;
}
@media (any-hover: hover) {
  .c-blog-list_link:hover {
    --_c-blog-list-img-scale: 1.1;
    opacity: 1;
  }
}
.c-blog-list_img {
  aspect-ratio: 274/258;
  border-radius: 1.6rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .c-blog-list_img {
    aspect-ratio: 340/320;
    border-radius: 2.3rem;
  }
}
.c-blog-list_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  scale: var(--_c-blog-list-img-scale);
  transition: scale var(--transition-base);
}
.c-blog-list_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  row-gap: 0.6rem;
}
.c-blog-list_date {
  font-family: var(--font-family-mizolet);
  font-size: 1.8rem;
  line-height: 1.4444444444;
}
@media screen and (max-width: 767px) {
  .c-blog-list_date {
    font-size: 2.6rem;
    line-height: 1.3076923077;
  }
}
.c-blog-list_category {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}
.c-blog-list_category_label {
  font-family: var(--font-family-mizolet);
  font-size: 1.6rem;
  line-height: 1.625;
  color: #fff;
  text-align: center;
  padding-inline: 1rem;
  min-width: 10rem;
  background: #e5e5e5;
}
@media screen and (max-width: 767px) {
  .c-blog-list_category_label {
    font-size: 2.2rem;
    line-height: 1.5454545455;
    min-width: 12.4rem;
  }
}
.c-blog-list_category_label._architect {
  background: #f8b800;
}
.c-blog-list_category_label._estate {
  background: #d25315;
}
.c-blog-list_ttl {
  font-family: var(--font-family-mizolet);
  font-size: 1.8rem;
  line-height: 1.5555555556;
  flex: 0 0 100%;
  margin-top: 1.7rem;
}
@media screen and (max-width: 767px) {
  .c-blog-list_ttl {
    font-size: 2.6rem;
    line-height: 1.2307692308;
  }
}
.c-blog-list_txt {
  font-size: 1.5rem;
  line-height: 1.4666666667;
  flex: 0 0 100%;
  margin-top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .c-blog-list_txt {
    font-size: 2.2rem;
    line-height: 1.2727272727;
    margin-top: 2rem;
  }
}
.c-blog-list_tag {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  gap: 1.2rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-blog-list_tag {
    margin-top: 3.2rem;
  }
}
.c-blog-list_tag_label {
  font-family: var(--font-family-mizolet);
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: center;
  padding-inline: 1.5rem;
  min-width: 9.2rem;
  border-radius: var(--border-radius-infinity);
  background: #e5e5e5;
}
@media screen and (max-width: 767px) {
  .c-blog-list_tag_label {
    font-size: 2.2rem;
    line-height: 1.8181818182;
    padding-inline: 2rem;
    min-width: 13rem;
  }
}

.c-pager {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  max-width: 120rem;
}
@media screen and (min-width: 768px) {
  .c-pager {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .c-pager {
    max-width: 88.8888888889%;
  }
}
.c-pager_item:first-child {
  margin-right: auto;
}
.c-pager_item:last-child {
  margin-left: auto;
  scale: -1 1;
}
.c-pager_link {
  width: 8.9rem;
  height: 8.9rem;
}
@media screen and (max-width: 767px) {
  .c-pager_link {
    width: 6.4rem;
    height: 6.4rem;
  }
}
.c-pager_link-num {
  --_c-pager-link-num-txt-before-scale: 0 1;
  display: grid;
  place-content: center;
}
.c-pager_link-num._current {
  --_c-pager-link-num-txt-before-scale: 1 1;
  pointer-events: none;
}
.c-pager_link-num:focus-visible {
  --_c-pager-link-num-txt-before-scale: 1 1;
  opacity: 1;
}
@media (any-hover: hover) {
  .c-pager_link-num:hover {
    --_c-pager-link-num-txt-before-scale: 1 1;
    opacity: 1;
  }
}
.c-pager_link-num_txt {
  font-family: var(--font-family-iskra);
  font-weight: 900;
  font-size: 3rem;
  letter-spacing: 0.25em;
  text-indent: 0.25em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-pager_link-num_txt {
    font-size: 2.8rem;
    letter-spacing: 0em;
    text-indent: 0;
  }
}
.c-pager_link-num_txt::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.2rem;
  translate: -50% 0;
  width: 56%;
  height: 0.2rem;
  background: #000;
  scale: var(--_c-pager-link-num-txt-before-scale);
  transform-origin: center left;
  transition: scale var(--transition-base);
}
@media screen and (max-width: 767px) {
  .c-pager_link-num_txt::before {
    bottom: -0.6rem;
    width: 100%;
  }
}
.c-pager_link-arrow {
  display: block;
  position: relative;
  border: 0.2rem solid #000;
  border-radius: 50%;
  transition: background-color var(--transition-base);
}
.c-pager_link-arrow._not-link {
  opacity: 0;
  pointer-events: none;
}
.c-pager_link-arrow:focus-visible {
  background: #000;
  opacity: 1;
}
.c-pager_link-arrow:focus-visible::after {
  background-color: #fff;
}
@media (any-hover: hover) {
  .c-pager_link-arrow:hover {
    background: #000;
    opacity: 1;
  }
  .c-pager_link-arrow:hover::after {
    background-color: #fff;
  }
}
.c-pager_link-arrow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -67.5% 0;
  width: 1.3rem;
  height: 100%;
  mask: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 22.96"><path d="M11.48,22.96c-.39,0-.78-.15-1.07-.44L.45,12.56c-.59-.59-.59-1.55,0-2.15L10.41.44c.59-.59,1.55-.59,2.15,0,.59.59.59,1.55,0,2.15L3.66,11.48l8.89,8.89c.59.59.59,1.55,0,2.15-.3.3-.68.44-1.07.44Z"/></svg>') center/contain no-repeat;
  background-color: #241d1b;
  transition: background-color var(--transition-base);
}

.c-pager-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-inline: auto;
  max-width: 120rem;
}
@media screen and (max-width: 767px) {
  .c-pager-detail {
    max-width: 90%;
  }
}
.c-pager-detail_item {
  --_c-pager-detail-padding-inline: 8.8rem;
}
@media screen and (max-width: 767px) {
  .c-pager-detail_item {
    --_c-pager-detail-padding-inline: 3rem;
  }
}
.c-pager-detail_item:first-child .c-pager-detail_link-arrow {
  padding-left: var(--_c-pager-detail-padding-inline);
}
.c-pager-detail_item:first-child .c-pager-detail_link-arrow::after {
  left: 0;
}
.c-pager-detail_item:first-child .c-pager-detail_link-arrow:focus-visible::after {
  translate: -50% 0;
}
@media (any-hover: hover) {
  .c-pager-detail_item:first-child .c-pager-detail_link-arrow:hover::after {
    translate: -50% 0;
  }
}
.c-pager-detail_item:last-child .c-pager-detail_link-arrow {
  padding-right: var(--_c-pager-detail-padding-inline);
}
.c-pager-detail_item:last-child .c-pager-detail_link-arrow::after {
  right: 0;
  scale: -1 1;
}
.c-pager-detail_item:last-child .c-pager-detail_link-arrow:focus-visible::after {
  translate: 50% 0;
}
@media (any-hover: hover) {
  .c-pager-detail_item:last-child .c-pager-detail_link-arrow:hover::after {
    translate: 50% 0;
  }
}
.c-pager-detail_link:focus-visible {
  opacity: 1;
}
@media (any-hover: hover) {
  .c-pager-detail_link:hover {
    opacity: 1;
  }
}
.c-pager-detail_link-back {
  font-family: var(--font-family-mizolet);
  font-size: 2.2rem;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  display: grid;
  place-content: center;
  width: 36.4rem;
  height: 7.6rem;
  border: 0.2rem solid #000;
  border-radius: var(--border-radius-infinity);
  background: #fff;
  transition: color var(--transition-base), background-color var(--transition-base);
}
@media screen and (max-width: 767px) {
  .c-pager-detail_link-back {
    font-size: 2.6rem;
    width: 31.3rem;
  }
}
.c-pager-detail_link-back:focus-visible {
  color: #fff;
  background-color: #000;
}
@media (any-hover: hover) {
  .c-pager-detail_link-back:hover {
    color: #fff;
    background-color: #000;
  }
}
.c-pager-detail_link-arrow {
  font-family: var(--font-family-mizolet);
  font-size: 2.2rem;
  letter-spacing: 0.05em;
  display: block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-pager-detail_link-arrow {
    font-size: 2.6rem;
  }
}
.c-pager-detail_link-arrow._not-link {
  opacity: 0;
  pointer-events: none;
}
.c-pager-detail_link-arrow::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1.2rem;
  height: 100%;
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 22.09"><path fill="%23221714" d="M10.56,22.09c-.38,0-.76-.15-1.04-.45L.4,12.03c-.53-.56-.53-1.43,0-1.98L9.51.45c.55-.58,1.46-.6,2.04-.05.58.55.6,1.46.05,2.04L3.43,11.04l8.18,8.61c.55.58.52,1.49-.05,2.04-.28.26-.64.4-.99.4Z"/></svg>') center/contain no-repeat;
  transition: background-color var(--transition-base), translate var(--transition-base);
}
@media screen and (max-width: 767px) {
  .c-pager-detail_link-arrow::after {
    width: 1.3rem;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 22.01"><path fill="%23221714" d="M12.02,22.01c-.24,0-.47-.08-.66-.25L.32,11.73c-.2-.19-.32-.45-.32-.73s.12-.54.32-.73L11.36.25c.4-.36,1.02-.34,1.38.07.36.4.33,1.02-.07,1.38L2.44,11.01l10.24,9.3c.4.36.43.98.07,1.38-.19.21-.46.32-.73.32Z"/></svg>') center/contain no-repeat;
  }
}

.c-loading {
  display: grid;
  place-content: center;
  position: fixed;
  inset: 0;
  z-index: var(--z-index-level-top);
  background: #fff;
  transform-origin: center;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: rotateY(0deg);
  opacity: 1;
  pointer-events: auto;
  transition: transform var(--transition-sub), opacity var(--transition-sub);
}
.c-loading.is-hide {
  transform: rotateY(180deg);
  opacity: 0;
  pointer-events: none;
}
.c-loading_logo {
  display: grid;
  grid-template-columns: 12.8rem 11.2rem;
  column-gap: 3.4rem;
}
@media screen and (max-width: 767px) {
  .c-loading_logo {
    grid-template-columns: 14.3rem 12.5rem;
  }
}

@media screen and (min-width: 768px) {
  .u-letter-spacing-none-pc {
    letter-spacing: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-letter-spacing-none-sp {
    letter-spacing: 0 !important;
  }
}

.u-text-color-base {
  color: var(--_color-base);
}

.u-text-align-left {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .u-text-align-left-pc {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .u-text-align-left-sp {
    text-align: left;
  }
}
.u-text-align-center {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .u-text-align-center-pc {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .u-text-align-center-sp {
    text-align: center;
  }
}
.u-text-align-right {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .u-text-align-right-pc {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .u-text-align-right-sp {
    text-align: right;
  }
}

.u-text-gradation {
  color: transparent;
  display: inline-block;
  background-image: linear-gradient(90deg, rgb(255, 140, 110) 0%, rgb(37, 145, 255) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media screen and (max-width: 767px) {
  .u-pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .u-sp {
    display: none !important;
  }
}

.u-leading-trim-block {
  margin-block: var(--leading-trim);
}
@media screen and (min-width: 768px) {
  .u-leading-trim-block-pc {
    margin-block: var(--leading-trim);
  }
}
@media screen and (max-width: 767px) {
  .u-leading-trim-block-sp {
    margin-block: var(--leading-trim);
  }
}

.u-leading-trim-top {
  margin-top: var(--leading-trim);
}
@media screen and (min-width: 768px) {
  .u-leading-trim-top-pc {
    margin-top: var(--leading-trim);
  }
}
@media screen and (max-width: 767px) {
  .u-leading-trim-top-sp {
    margin-top: var(--leading-trim);
  }
}

.u-leading-trim-bottom {
  margin-bottom: var(--leading-trim);
}
@media screen and (min-width: 768px) {
  .u-leading-trim-bottom-pc {
    margin-bottom: var(--leading-trim);
  }
}
@media screen and (max-width: 767px) {
  .u-leading-trim-bottom-sp {
    margin-bottom: var(--leading-trim);
  }
}

.u-border-radius-infinity {
  border-radius: var(--border-radius-infinity);
}

/*! Copyright (c) Yukiya Ichida This source code is licensed under the MIT license. See LICENSE file in the root directory for details. */

/*# sourceMappingURL=common.css.map */