@charset "UTF-8";
/*
============================================================
# Layouts
============================================================
*/
/* bodyタグ */
/* body直下div */
/* ドロワーメニュー  */
.l-drawerNav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 400;
  display: flex;
  flex-flow: nowrap row;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  max-width: 75rem;
  height: 100%;
  padding: 1em;
  margin-right: auto;
  margin-left: auto;
  pointer-events: none;
}

/* スクロールヘッダー */
.l-scrollHeader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  pointer-events: none;
  opacity: 0;
}

.l-scrollHeader.is-show {
  pointer-events: all;
  opacity: 1;
}

/* 画面に固定されるボタン */
.l-scrollCtaBtn {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 10;
  display: none;
  overflow: visible;
  transform: translateY(-50%);
}

@media screen and (min-width: 43.75em) {
  .l-scrollCtaBtn {
    display: block;
  }
}
.l-main {
  min-height: 100svh;
}

.l-mainBottom {
  margin-top: 5em;
}

.l-footer {
  padding: 0 1em 1em;
  margin-top: clamp(2rem, 1.5rem + 2vw, 4rem);
}

/* inner
--------------------------------------------- */
.l-inner,
.l-inner.wp-block-group {
  margin-right: auto;
  margin-left: auto;
}

.l-inner.--row-large,
.l-inner.wp-block-group.--row-large {
  width: 90%;
  max-width: 87.5rem;
}

.l-inner.--row-main,
.l-inner.wp-block-group.--row-main {
  width: 90%;
  max-width: 62.5rem;
}

@media screen and (min-width: 43.75em) {
  .l-inner.--row-main,
  .l-inner.wp-block-group.--row-main {
    width: 80%;
  }
}

.l-inner.--row-medium,
.l-inner.wp-block-group.--row-medium {
  width: 80%;
  /* max-width: 50rem; */
  max-width: 65rem;
}

.l-inner.--row-small,
.l-inner.wp-block-group.--row-small {
  width: 80%;
  max-width: 40rem;
}

.l-inner.--col-main,
.l-inner.wp-block-group.--col-main {
  padding: 3em 0;
}

.l-inner.--col-medium,
.l-inner.wp-block-group.--col-medium {
  padding: 1.5em 0;
}

.l-inner.--col-small,
.l-inner.wp-block-group.--col-small {
  padding: 1em 0;
}

.l-inner.--col-bottom,
.l-inner.wp-block-group.--col-bottom {
  margin-bottom: 3em;
}