@charset "UTF-8";
/* ===================================================================
CSS information

file name  : homepage.css
author     : Abilive
style info : トップページ
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : Forwarder for all foundation settings
=================================================================== */
/* ===================================================================
   foundation/_variables.scss
   style info : Design tokens — all Sass variables
=================================================================== */
:root {
  --base: 14;
  --bp-tab: 1199px;
  --bp-sp: 767px;
  --column-width: 1280px;
  --base-size: 14px;
  --base-size-sp: 12px;
  --width-container: 1200px;
  --width-container-large: 1320px;
  --max-width-container: 1596px;
  --space-screen: 60px;
}
@media only screen and (min-width: 1561px) {
  :root {
    --space-screen: 80px;
  }
}
:root {
  --space-section: calc(100/var(--base) * 1em);
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  :root {
    --space-section: calc(70/var(--base) * 1em);
  }
}
@media screen and (max-width: 767px) {
  :root {
    --space-section: 3em;
  }
}
:root {
  --c-base: #fff;
  /* color text */
  --c-txt-primary: #1A1A1A;
  /* color border */
  --c-line-primary: #BDBDBD;
  /* color background */
  --c-bg-primary: #4d508a;
  --c-bg-secondary: #1A1917;
  --lh-100: 1;
  --lh-160: 1.6;
  --lh-200: 2;
  --fw-body: 400;
  --fw-lead: 600;
  --fw-body-en: 400;
  --fw-lead-en: 600;
  --link-hover-opacity: 0.75;
}

/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : Forwarder for all foundation settings
=================================================================== */
/* ===================================================================
   foundation/_breakpoints.scss
   style info : Breakpoint variables + mq() mixin
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : Forwarder for all foundation settings
=================================================================== */
/* ===================================================================
   foundation/_functions.scss
   style info : Sass utility functions
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : Forwarder for all foundation settings
=================================================================== */
/* ===================================================================
   foundation/_mixins.scss
   style info : All reusable Sass mixins
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : Forwarder for all foundation settings
=================================================================== */
/* ===================================================================
   foundation/_placeholders.scss
   style info : Sass placeholders (%)
=================================================================== */
/* ==========================================================
Utility: Spacing
-------------------------------------------------------------
Margin
  .u-m-{size}   -> margin
  .u-mx-{size}  -> margin-left + margin-right
  .u-my-{size}  -> margin-top + margin-bottom
  .u-mt-{size}  -> margin-top
  .u-mr-{size}  -> margin-right
  .u-mb-{size}  -> margin-bottom
  .u-ml-{size}  -> margin-left

Padding
  .u-p-{size}   -> padding
  .u-px-{size}  -> padding-left + padding-right
  .u-py-{size}  -> padding-top + padding-bottom
  .u-pt-{size}  -> padding-top
  .u-pr-{size}  -> padding-right
  .u-pb-{size}  -> padding-bottom
  .u-pl-{size}  -> padding-left

Example:
  <div class="u-px-20 u-py-10 u-mb-30">
    Content
  </div>
========================================================== */
/* Margin */
.u-m-0 {
  margin: calc(0 / var(--base) * 1em);
}

.u-mx-0 {
  margin-left: calc(0 / var(--base) * 1em);
  margin-right: calc(0 / var(--base) * 1em);
}

.u-my-0 {
  margin-top: calc(0 / var(--base) * 1em);
  margin-bottom: calc(0 / var(--base) * 1em);
}

.u-mt-0 {
  margin-top: calc(0 / var(--base) * 1em);
}

.u-mr-0 {
  margin-right: calc(0 / var(--base) * 1em);
}

.u-mb-0 {
  margin-bottom: calc(0 / var(--base) * 1em);
}

.u-ml-0 {
  margin-left: calc(0 / var(--base) * 1em);
}

/* Margin negative */
.u-m-n0 {
  margin: calc(0 / var(--base) * -1em);
}

.u-mx-n0 {
  margin-left: calc(0 / var(--base) * -1em);
  margin-right: calc(0 / var(--base) * -1em);
}

.u-my-n0 {
  margin-top: calc(0 / var(--base) * -1em);
  margin-bottom: calc(0 / var(--base) * -1em);
}

.u-mt-n0 {
  margin-top: calc(0 / var(--base) * -1em);
}

.u-mr-n0 {
  margin-right: calc(0 / var(--base) * -1em);
}

.u-mb-n0 {
  margin-bottom: calc(0 / var(--base) * -1em);
}

.u-ml-n0 {
  margin-left: calc(0 / var(--base) * -1em);
}

/* Padding */
.u-p-0 {
  padding: calc(0 / var(--base) * 1em);
}

.u-px-0 {
  padding-left: calc(0 / var(--base) * 1em);
  padding-right: calc(0 / var(--base) * 1em);
}

.u-py-0 {
  padding-top: calc(0 / var(--base) * 1em);
  padding-bottom: calc(0 / var(--base) * 1em);
}

.u-pt-0 {
  padding-top: calc(0 / var(--base) * 1em);
}

.u-pr-0 {
  padding-right: calc(0 / var(--base) * 1em);
}

.u-pb-0 {
  padding-bottom: calc(0 / var(--base) * 1em);
}

.u-pl-0 {
  padding-left: calc(0 / var(--base) * 1em);
}

/* Margin */
.u-m-4 {
  margin: calc(4 / var(--base) * 1em);
}

.u-mx-4 {
  margin-left: calc(4 / var(--base) * 1em);
  margin-right: calc(4 / var(--base) * 1em);
}

.u-my-4 {
  margin-top: calc(4 / var(--base) * 1em);
  margin-bottom: calc(4 / var(--base) * 1em);
}

.u-mt-4 {
  margin-top: calc(4 / var(--base) * 1em);
}

.u-mr-4 {
  margin-right: calc(4 / var(--base) * 1em);
}

.u-mb-4 {
  margin-bottom: calc(4 / var(--base) * 1em);
}

.u-ml-4 {
  margin-left: calc(4 / var(--base) * 1em);
}

/* Margin negative */
.u-m-n4 {
  margin: calc(4 / var(--base) * -1em);
}

.u-mx-n4 {
  margin-left: calc(4 / var(--base) * -1em);
  margin-right: calc(4 / var(--base) * -1em);
}

.u-my-n4 {
  margin-top: calc(4 / var(--base) * -1em);
  margin-bottom: calc(4 / var(--base) * -1em);
}

.u-mt-n4 {
  margin-top: calc(4 / var(--base) * -1em);
}

.u-mr-n4 {
  margin-right: calc(4 / var(--base) * -1em);
}

.u-mb-n4 {
  margin-bottom: calc(4 / var(--base) * -1em);
}

.u-ml-n4 {
  margin-left: calc(4 / var(--base) * -1em);
}

/* Padding */
.u-p-4 {
  padding: calc(4 / var(--base) * 1em);
}

.u-px-4 {
  padding-left: calc(4 / var(--base) * 1em);
  padding-right: calc(4 / var(--base) * 1em);
}

.u-py-4 {
  padding-top: calc(4 / var(--base) * 1em);
  padding-bottom: calc(4 / var(--base) * 1em);
}

.u-pt-4 {
  padding-top: calc(4 / var(--base) * 1em);
}

.u-pr-4 {
  padding-right: calc(4 / var(--base) * 1em);
}

.u-pb-4 {
  padding-bottom: calc(4 / var(--base) * 1em);
}

.u-pl-4 {
  padding-left: calc(4 / var(--base) * 1em);
}

/* Margin */
.u-m-8 {
  margin: calc(8 / var(--base) * 1em);
}

.u-mx-8 {
  margin-left: calc(8 / var(--base) * 1em);
  margin-right: calc(8 / var(--base) * 1em);
}

.u-my-8 {
  margin-top: calc(8 / var(--base) * 1em);
  margin-bottom: calc(8 / var(--base) * 1em);
}

.u-mt-8 {
  margin-top: calc(8 / var(--base) * 1em);
}

.u-mr-8 {
  margin-right: calc(8 / var(--base) * 1em);
}

.u-mb-8 {
  margin-bottom: calc(8 / var(--base) * 1em);
}

.u-ml-8 {
  margin-left: calc(8 / var(--base) * 1em);
}

/* Margin negative */
.u-m-n8 {
  margin: calc(8 / var(--base) * -1em);
}

.u-mx-n8 {
  margin-left: calc(8 / var(--base) * -1em);
  margin-right: calc(8 / var(--base) * -1em);
}

.u-my-n8 {
  margin-top: calc(8 / var(--base) * -1em);
  margin-bottom: calc(8 / var(--base) * -1em);
}

.u-mt-n8 {
  margin-top: calc(8 / var(--base) * -1em);
}

.u-mr-n8 {
  margin-right: calc(8 / var(--base) * -1em);
}

.u-mb-n8 {
  margin-bottom: calc(8 / var(--base) * -1em);
}

.u-ml-n8 {
  margin-left: calc(8 / var(--base) * -1em);
}

/* Padding */
.u-p-8 {
  padding: calc(8 / var(--base) * 1em);
}

.u-px-8 {
  padding-left: calc(8 / var(--base) * 1em);
  padding-right: calc(8 / var(--base) * 1em);
}

.u-py-8 {
  padding-top: calc(8 / var(--base) * 1em);
  padding-bottom: calc(8 / var(--base) * 1em);
}

.u-pt-8 {
  padding-top: calc(8 / var(--base) * 1em);
}

.u-pr-8 {
  padding-right: calc(8 / var(--base) * 1em);
}

.u-pb-8 {
  padding-bottom: calc(8 / var(--base) * 1em);
}

.u-pl-8 {
  padding-left: calc(8 / var(--base) * 1em);
}

/* Margin */
.u-m-12 {
  margin: calc(12 / var(--base) * 1em);
}

.u-mx-12 {
  margin-left: calc(12 / var(--base) * 1em);
  margin-right: calc(12 / var(--base) * 1em);
}

.u-my-12 {
  margin-top: calc(12 / var(--base) * 1em);
  margin-bottom: calc(12 / var(--base) * 1em);
}

.u-mt-12 {
  margin-top: calc(12 / var(--base) * 1em);
}

.u-mr-12 {
  margin-right: calc(12 / var(--base) * 1em);
}

.u-mb-12 {
  margin-bottom: calc(12 / var(--base) * 1em);
}

.u-ml-12 {
  margin-left: calc(12 / var(--base) * 1em);
}

/* Margin negative */
.u-m-n12 {
  margin: calc(12 / var(--base) * -1em);
}

.u-mx-n12 {
  margin-left: calc(12 / var(--base) * -1em);
  margin-right: calc(12 / var(--base) * -1em);
}

.u-my-n12 {
  margin-top: calc(12 / var(--base) * -1em);
  margin-bottom: calc(12 / var(--base) * -1em);
}

.u-mt-n12 {
  margin-top: calc(12 / var(--base) * -1em);
}

.u-mr-n12 {
  margin-right: calc(12 / var(--base) * -1em);
}

.u-mb-n12 {
  margin-bottom: calc(12 / var(--base) * -1em);
}

.u-ml-n12 {
  margin-left: calc(12 / var(--base) * -1em);
}

/* Padding */
.u-p-12 {
  padding: calc(12 / var(--base) * 1em);
}

.u-px-12 {
  padding-left: calc(12 / var(--base) * 1em);
  padding-right: calc(12 / var(--base) * 1em);
}

.u-py-12 {
  padding-top: calc(12 / var(--base) * 1em);
  padding-bottom: calc(12 / var(--base) * 1em);
}

.u-pt-12 {
  padding-top: calc(12 / var(--base) * 1em);
}

.u-pr-12 {
  padding-right: calc(12 / var(--base) * 1em);
}

.u-pb-12 {
  padding-bottom: calc(12 / var(--base) * 1em);
}

.u-pl-12 {
  padding-left: calc(12 / var(--base) * 1em);
}

/* Margin */
.u-m-16 {
  margin: calc(16 / var(--base) * 1em);
}

.u-mx-16 {
  margin-left: calc(16 / var(--base) * 1em);
  margin-right: calc(16 / var(--base) * 1em);
}

.u-my-16 {
  margin-top: calc(16 / var(--base) * 1em);
  margin-bottom: calc(16 / var(--base) * 1em);
}

.u-mt-16 {
  margin-top: calc(16 / var(--base) * 1em);
}

.u-mr-16 {
  margin-right: calc(16 / var(--base) * 1em);
}

.u-mb-16 {
  margin-bottom: calc(16 / var(--base) * 1em);
}

.u-ml-16 {
  margin-left: calc(16 / var(--base) * 1em);
}

/* Margin negative */
.u-m-n16 {
  margin: calc(16 / var(--base) * -1em);
}

.u-mx-n16 {
  margin-left: calc(16 / var(--base) * -1em);
  margin-right: calc(16 / var(--base) * -1em);
}

.u-my-n16 {
  margin-top: calc(16 / var(--base) * -1em);
  margin-bottom: calc(16 / var(--base) * -1em);
}

.u-mt-n16 {
  margin-top: calc(16 / var(--base) * -1em);
}

.u-mr-n16 {
  margin-right: calc(16 / var(--base) * -1em);
}

.u-mb-n16 {
  margin-bottom: calc(16 / var(--base) * -1em);
}

.u-ml-n16 {
  margin-left: calc(16 / var(--base) * -1em);
}

/* Padding */
.u-p-16 {
  padding: calc(16 / var(--base) * 1em);
}

.u-px-16 {
  padding-left: calc(16 / var(--base) * 1em);
  padding-right: calc(16 / var(--base) * 1em);
}

.u-py-16 {
  padding-top: calc(16 / var(--base) * 1em);
  padding-bottom: calc(16 / var(--base) * 1em);
}

.u-pt-16 {
  padding-top: calc(16 / var(--base) * 1em);
}

.u-pr-16 {
  padding-right: calc(16 / var(--base) * 1em);
}

.u-pb-16 {
  padding-bottom: calc(16 / var(--base) * 1em);
}

.u-pl-16 {
  padding-left: calc(16 / var(--base) * 1em);
}

/* Margin */
.u-m-20 {
  margin: calc(20 / var(--base) * 1em);
}

.u-mx-20 {
  margin-left: calc(20 / var(--base) * 1em);
  margin-right: calc(20 / var(--base) * 1em);
}

.u-my-20 {
  margin-top: calc(20 / var(--base) * 1em);
  margin-bottom: calc(20 / var(--base) * 1em);
}

.u-mt-20 {
  margin-top: calc(20 / var(--base) * 1em);
}

.u-mr-20 {
  margin-right: calc(20 / var(--base) * 1em);
}

.u-mb-20 {
  margin-bottom: calc(20 / var(--base) * 1em);
}

.u-ml-20 {
  margin-left: calc(20 / var(--base) * 1em);
}

/* Margin negative */
.u-m-n20 {
  margin: calc(20 / var(--base) * -1em);
}

.u-mx-n20 {
  margin-left: calc(20 / var(--base) * -1em);
  margin-right: calc(20 / var(--base) * -1em);
}

.u-my-n20 {
  margin-top: calc(20 / var(--base) * -1em);
  margin-bottom: calc(20 / var(--base) * -1em);
}

.u-mt-n20 {
  margin-top: calc(20 / var(--base) * -1em);
}

.u-mr-n20 {
  margin-right: calc(20 / var(--base) * -1em);
}

.u-mb-n20 {
  margin-bottom: calc(20 / var(--base) * -1em);
}

.u-ml-n20 {
  margin-left: calc(20 / var(--base) * -1em);
}

/* Padding */
.u-p-20 {
  padding: calc(20 / var(--base) * 1em);
}

.u-px-20 {
  padding-left: calc(20 / var(--base) * 1em);
  padding-right: calc(20 / var(--base) * 1em);
}

.u-py-20 {
  padding-top: calc(20 / var(--base) * 1em);
  padding-bottom: calc(20 / var(--base) * 1em);
}

.u-pt-20 {
  padding-top: calc(20 / var(--base) * 1em);
}

.u-pr-20 {
  padding-right: calc(20 / var(--base) * 1em);
}

.u-pb-20 {
  padding-bottom: calc(20 / var(--base) * 1em);
}

.u-pl-20 {
  padding-left: calc(20 / var(--base) * 1em);
}

/* Margin */
.u-m-24 {
  margin: calc(24 / var(--base) * 1em);
}

.u-mx-24 {
  margin-left: calc(24 / var(--base) * 1em);
  margin-right: calc(24 / var(--base) * 1em);
}

.u-my-24 {
  margin-top: calc(24 / var(--base) * 1em);
  margin-bottom: calc(24 / var(--base) * 1em);
}

.u-mt-24 {
  margin-top: calc(24 / var(--base) * 1em);
}

.u-mr-24 {
  margin-right: calc(24 / var(--base) * 1em);
}

.u-mb-24 {
  margin-bottom: calc(24 / var(--base) * 1em);
}

.u-ml-24 {
  margin-left: calc(24 / var(--base) * 1em);
}

/* Margin negative */
.u-m-n24 {
  margin: calc(24 / var(--base) * -1em);
}

.u-mx-n24 {
  margin-left: calc(24 / var(--base) * -1em);
  margin-right: calc(24 / var(--base) * -1em);
}

.u-my-n24 {
  margin-top: calc(24 / var(--base) * -1em);
  margin-bottom: calc(24 / var(--base) * -1em);
}

.u-mt-n24 {
  margin-top: calc(24 / var(--base) * -1em);
}

.u-mr-n24 {
  margin-right: calc(24 / var(--base) * -1em);
}

.u-mb-n24 {
  margin-bottom: calc(24 / var(--base) * -1em);
}

.u-ml-n24 {
  margin-left: calc(24 / var(--base) * -1em);
}

/* Padding */
.u-p-24 {
  padding: calc(24 / var(--base) * 1em);
}

.u-px-24 {
  padding-left: calc(24 / var(--base) * 1em);
  padding-right: calc(24 / var(--base) * 1em);
}

.u-py-24 {
  padding-top: calc(24 / var(--base) * 1em);
  padding-bottom: calc(24 / var(--base) * 1em);
}

.u-pt-24 {
  padding-top: calc(24 / var(--base) * 1em);
}

.u-pr-24 {
  padding-right: calc(24 / var(--base) * 1em);
}

.u-pb-24 {
  padding-bottom: calc(24 / var(--base) * 1em);
}

.u-pl-24 {
  padding-left: calc(24 / var(--base) * 1em);
}

/* Margin */
.u-m-28 {
  margin: calc(28 / var(--base) * 1em);
}

.u-mx-28 {
  margin-left: calc(28 / var(--base) * 1em);
  margin-right: calc(28 / var(--base) * 1em);
}

.u-my-28 {
  margin-top: calc(28 / var(--base) * 1em);
  margin-bottom: calc(28 / var(--base) * 1em);
}

.u-mt-28 {
  margin-top: calc(28 / var(--base) * 1em);
}

.u-mr-28 {
  margin-right: calc(28 / var(--base) * 1em);
}

.u-mb-28 {
  margin-bottom: calc(28 / var(--base) * 1em);
}

.u-ml-28 {
  margin-left: calc(28 / var(--base) * 1em);
}

/* Margin negative */
.u-m-n28 {
  margin: calc(28 / var(--base) * -1em);
}

.u-mx-n28 {
  margin-left: calc(28 / var(--base) * -1em);
  margin-right: calc(28 / var(--base) * -1em);
}

.u-my-n28 {
  margin-top: calc(28 / var(--base) * -1em);
  margin-bottom: calc(28 / var(--base) * -1em);
}

.u-mt-n28 {
  margin-top: calc(28 / var(--base) * -1em);
}

.u-mr-n28 {
  margin-right: calc(28 / var(--base) * -1em);
}

.u-mb-n28 {
  margin-bottom: calc(28 / var(--base) * -1em);
}

.u-ml-n28 {
  margin-left: calc(28 / var(--base) * -1em);
}

/* Padding */
.u-p-28 {
  padding: calc(28 / var(--base) * 1em);
}

.u-px-28 {
  padding-left: calc(28 / var(--base) * 1em);
  padding-right: calc(28 / var(--base) * 1em);
}

.u-py-28 {
  padding-top: calc(28 / var(--base) * 1em);
  padding-bottom: calc(28 / var(--base) * 1em);
}

.u-pt-28 {
  padding-top: calc(28 / var(--base) * 1em);
}

.u-pr-28 {
  padding-right: calc(28 / var(--base) * 1em);
}

.u-pb-28 {
  padding-bottom: calc(28 / var(--base) * 1em);
}

.u-pl-28 {
  padding-left: calc(28 / var(--base) * 1em);
}

/* Margin */
.u-m-32 {
  margin: calc(32 / var(--base) * 1em);
}

.u-mx-32 {
  margin-left: calc(32 / var(--base) * 1em);
  margin-right: calc(32 / var(--base) * 1em);
}

.u-my-32 {
  margin-top: calc(32 / var(--base) * 1em);
  margin-bottom: calc(32 / var(--base) * 1em);
}

.u-mt-32 {
  margin-top: calc(32 / var(--base) * 1em);
}

.u-mr-32 {
  margin-right: calc(32 / var(--base) * 1em);
}

.u-mb-32 {
  margin-bottom: calc(32 / var(--base) * 1em);
}

.u-ml-32 {
  margin-left: calc(32 / var(--base) * 1em);
}

/* Margin negative */
.u-m-n32 {
  margin: calc(32 / var(--base) * -1em);
}

.u-mx-n32 {
  margin-left: calc(32 / var(--base) * -1em);
  margin-right: calc(32 / var(--base) * -1em);
}

.u-my-n32 {
  margin-top: calc(32 / var(--base) * -1em);
  margin-bottom: calc(32 / var(--base) * -1em);
}

.u-mt-n32 {
  margin-top: calc(32 / var(--base) * -1em);
}

.u-mr-n32 {
  margin-right: calc(32 / var(--base) * -1em);
}

.u-mb-n32 {
  margin-bottom: calc(32 / var(--base) * -1em);
}

.u-ml-n32 {
  margin-left: calc(32 / var(--base) * -1em);
}

/* Padding */
.u-p-32 {
  padding: calc(32 / var(--base) * 1em);
}

.u-px-32 {
  padding-left: calc(32 / var(--base) * 1em);
  padding-right: calc(32 / var(--base) * 1em);
}

.u-py-32 {
  padding-top: calc(32 / var(--base) * 1em);
  padding-bottom: calc(32 / var(--base) * 1em);
}

.u-pt-32 {
  padding-top: calc(32 / var(--base) * 1em);
}

.u-pr-32 {
  padding-right: calc(32 / var(--base) * 1em);
}

.u-pb-32 {
  padding-bottom: calc(32 / var(--base) * 1em);
}

.u-pl-32 {
  padding-left: calc(32 / var(--base) * 1em);
}

/* Margin */
.u-m-48 {
  margin: calc(48 / var(--base) * 1em);
}

.u-mx-48 {
  margin-left: calc(48 / var(--base) * 1em);
  margin-right: calc(48 / var(--base) * 1em);
}

.u-my-48 {
  margin-top: calc(48 / var(--base) * 1em);
  margin-bottom: calc(48 / var(--base) * 1em);
}

.u-mt-48 {
  margin-top: calc(48 / var(--base) * 1em);
}

.u-mr-48 {
  margin-right: calc(48 / var(--base) * 1em);
}

.u-mb-48 {
  margin-bottom: calc(48 / var(--base) * 1em);
}

.u-ml-48 {
  margin-left: calc(48 / var(--base) * 1em);
}

/* Margin negative */
.u-m-n48 {
  margin: calc(48 / var(--base) * -1em);
}

.u-mx-n48 {
  margin-left: calc(48 / var(--base) * -1em);
  margin-right: calc(48 / var(--base) * -1em);
}

.u-my-n48 {
  margin-top: calc(48 / var(--base) * -1em);
  margin-bottom: calc(48 / var(--base) * -1em);
}

.u-mt-n48 {
  margin-top: calc(48 / var(--base) * -1em);
}

.u-mr-n48 {
  margin-right: calc(48 / var(--base) * -1em);
}

.u-mb-n48 {
  margin-bottom: calc(48 / var(--base) * -1em);
}

.u-ml-n48 {
  margin-left: calc(48 / var(--base) * -1em);
}

/* Padding */
.u-p-48 {
  padding: calc(48 / var(--base) * 1em);
}

.u-px-48 {
  padding-left: calc(48 / var(--base) * 1em);
  padding-right: calc(48 / var(--base) * 1em);
}

.u-py-48 {
  padding-top: calc(48 / var(--base) * 1em);
  padding-bottom: calc(48 / var(--base) * 1em);
}

.u-pt-48 {
  padding-top: calc(48 / var(--base) * 1em);
}

.u-pr-48 {
  padding-right: calc(48 / var(--base) * 1em);
}

.u-pb-48 {
  padding-bottom: calc(48 / var(--base) * 1em);
}

.u-pl-48 {
  padding-left: calc(48 / var(--base) * 1em);
}

/* Margin */
.u-m-64 {
  margin: calc(64 / var(--base) * 1em);
}

.u-mx-64 {
  margin-left: calc(64 / var(--base) * 1em);
  margin-right: calc(64 / var(--base) * 1em);
}

.u-my-64 {
  margin-top: calc(64 / var(--base) * 1em);
  margin-bottom: calc(64 / var(--base) * 1em);
}

.u-mt-64 {
  margin-top: calc(64 / var(--base) * 1em);
}

.u-mr-64 {
  margin-right: calc(64 / var(--base) * 1em);
}

.u-mb-64 {
  margin-bottom: calc(64 / var(--base) * 1em);
}

.u-ml-64 {
  margin-left: calc(64 / var(--base) * 1em);
}

/* Margin negative */
.u-m-n64 {
  margin: calc(64 / var(--base) * -1em);
}

.u-mx-n64 {
  margin-left: calc(64 / var(--base) * -1em);
  margin-right: calc(64 / var(--base) * -1em);
}

.u-my-n64 {
  margin-top: calc(64 / var(--base) * -1em);
  margin-bottom: calc(64 / var(--base) * -1em);
}

.u-mt-n64 {
  margin-top: calc(64 / var(--base) * -1em);
}

.u-mr-n64 {
  margin-right: calc(64 / var(--base) * -1em);
}

.u-mb-n64 {
  margin-bottom: calc(64 / var(--base) * -1em);
}

.u-ml-n64 {
  margin-left: calc(64 / var(--base) * -1em);
}

/* Padding */
.u-p-64 {
  padding: calc(64 / var(--base) * 1em);
}

.u-px-64 {
  padding-left: calc(64 / var(--base) * 1em);
  padding-right: calc(64 / var(--base) * 1em);
}

.u-py-64 {
  padding-top: calc(64 / var(--base) * 1em);
  padding-bottom: calc(64 / var(--base) * 1em);
}

.u-pt-64 {
  padding-top: calc(64 / var(--base) * 1em);
}

.u-pr-64 {
  padding-right: calc(64 / var(--base) * 1em);
}

.u-pb-64 {
  padding-bottom: calc(64 / var(--base) * 1em);
}

.u-pl-64 {
  padding-left: calc(64 / var(--base) * 1em);
}

.u-color-txt-primary {
  color: var(--c-txt-primary);
}

.u-bg-txt-primary {
  background-color: var(--c-txt-primary);
}

.u-border-txt-primary {
  border-color: var(--c-txt-primary);
}

.u-color-line-primary {
  color: var(--c-line-primary);
}

.u-bg-line-primary {
  background-color: var(--c-line-primary);
}

.u-border-line-primary {
  border-color: var(--c-line-primary);
}

.u-color-bg-primary {
  color: var(--c-bg-primary);
}

.u-bg-bg-primary {
  background-color: var(--c-bg-primary);
}

.u-border-bg-primary {
  border-color: var(--c-bg-primary);
}

.u-color-bg-secondary {
  color: var(--c-bg-secondary);
}

.u-bg-bg-secondary {
  background-color: var(--c-bg-secondary);
}

.u-border-bg-secondary {
  border-color: var(--c-bg-secondary);
}

.u-title-bg {
  background-image: linear-gradient(rgba(77, 80, 138, 0.8), rgba(77, 80, 138, 0.8)), url("../images/common/bg_title.webp");
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  opacity: 0.3;
  display: block;
}

/* ===================================================================
CSS information

file name  : homepage.css
author     : Abilive
style info : トップページ
=================================================================== */
/* ===================================================================
   components/_slider-fv.scss
   style info : Slider fv
   =================================================================== */
@media only screen and (min-width: 1200px) {
  .c-slider-fv {
    height: 100vh;
  }
}
@media print {
  .c-slider-fv {
    height: 100vh;
  }
}
@media only screen and (min-width: 1200px) {
  .c-slider-fv .splide,
  .c-slider-fv .splide__track {
    height: 100vh;
  }
}
@media print {
  .c-slider-fv .splide,
  .c-slider-fv .splide__track {
    height: 100vh;
  }
}
@media only screen and (min-width: 1200px) {
  .c-slider-fv .splide__slide {
    height: 100%;
  }
}
@media print {
  .c-slider-fv .splide__slide {
    height: 100%;
  }
}
.c-slider-fv .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-slider-fv__control {
  max-width: -webkit-max-content;
  max-width: max-content;
  display: inline-flex;
  align-items: center;
  position: absolute;
  bottom: calc(26 / var(--base) * 1em);
  right: calc(34 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  .c-slider-fv__control {
    bottom: 0.75em;
    right: 1em;
  }
}
.c-slider-fv__control .splide__pagination {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  padding: 0;
}
.c-slider-fv__control .splide__pagination__page {
  width: calc(10 / var(--base) * 1em);
  height: calc(10 / var(--base) * 1em);
  margin: 0 calc(15 / var(--base) * 1em) 0 0;
  background: var(--c-base);
  opacity: 0.4;
}
.c-slider-fv__control .splide__pagination__page.is-active {
  background: var(--c-base);
  transform: scale(1);
  z-index: 1;
  opacity: 1;
}
.c-slider-fv__toggle {
  padding: 0;
  border: 0;
  background: transparent;
  border: 0;
}
.c-slider-fv__toggle svg {
  width: calc(18 / var(--base) * 1em);
  height: calc(18 / var(--base) * 1em);
}
.c-slider-fv__toggle--pause {
  display: none;
}
.c-slider-fv__toggle--play {
  display: block;
}
.c-slider-fv__toggle--play svg {
  fill: var(--c-base);
}
.c-slider-fv__toggle.is-paused .c-slider-fv__toggle--pause {
  display: block;
}
.c-slider-fv__toggle.is-paused .c-slider-fv__toggle--play {
  display: none;
}

body {
  background: url(../images/common/bg_page.webp) top center/cover no-repeat;
}

.p-intro {
  position: relative;
}
.p-intro__catch {
  width: -webkit-max-content;
  width: max-content;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  bottom: 10%;
}
@media only screen and (max-width: 767px) {
  .p-intro__catch {
    bottom: 7.5em;
  }
}
.p-intro__catch-txt {
  text-align: center;
  line-height: 1.8;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS Mincho", serif;
  font-size: 143%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-intro__catch-txt {
    font-size: 129%;
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__catch-txt {
    font-size: 100%;
  }
}
.p-intro__catch-txt {
  margin-top: calc(20 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-intro__catch-txt {
    margin-top: calc(15 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__catch-txt {
    margin-top: 1.25em;
  }
}
.p-intro__catch-txt-top {
  line-height: 1;
  font-family: "Cormorant", serif;
  font-size: 229%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-intro__catch-txt-top {
    font-size: 200%;
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__catch-txt-top {
    font-size: 172%;
  }
}
.p-intro__catch-txt-bottom {
  line-height: 1;
  font-family: "NotoSerifDisplay";
  margin-top: calc(5 / var(--base) * 1em);
  font-size: 458%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-intro__catch-txt-bottom {
    font-size: 358%;
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__catch-txt-bottom {
    font-size: 215%;
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__catch-txt-bottom {
    top: 0.3em;
  }
}
.p-intro .btn_scroll {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(-100 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-intro .btn_scroll {
    bottom: calc(-120 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro .btn_scroll {
    bottom: -5em;
  }
}
.p-intro .btn_scroll a {
  display: inline-block;
  width: calc(10 / var(--base) * 1em);
  text-align: center;
}
.p-intro .btn_scroll a:focus {
  outline: none;
}

.p-concept {
  position: relative;
  margin-top: calc(70 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  .p-concept {
    margin-top: 5em;
  }
}
.p-concept {
  padding-top: calc(100 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-concept {
    padding-top: calc(70 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-concept {
    padding-top: 3em;
  }
}
.p-concept .c-title {
  text-align: center;
  position: relative;
  z-index: 1;
}
.p-concept__catch {
  text-align: center;
  position: relative;
  z-index: 2;
  color: var(--c-txt-primary);
  margin-top: -8vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-concept__catch {
    margin-top: -8.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-concept__catch {
    margin-top: -4em;
  }
}
.p-concept__catch-en {
  font-weight: 500;
  font-family: "NotoSerifDisplay";
  line-height: 1;
  font-size: 343%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-concept__catch-en {
    font-size: 286%;
  }
}
@media only screen and (max-width: 767px) {
  .p-concept__catch-en {
    font-size: 200%;
  }
}
.p-concept__catch-jp {
  line-height: 1.8;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS Mincho", serif;
  font-size: 143%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-concept__catch-jp {
    font-size: 129%;
  }
}
@media only screen and (max-width: 767px) {
  .p-concept__catch-jp {
    font-size: 100%;
  }
}
.p-concept__catch-jp {
  margin-top: calc(15 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-concept__catch-jp {
    margin-top: calc(10 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-concept__catch-jp {
    margin-top: 1em;
  }
}
.p-concept__content {
  position: relative;
  margin-top: calc(-110 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-concept__content {
    margin-top: calc(-80 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-concept__content {
    margin-top: -3em;
  }
}
.p-concept__content .c-txt {
  color: var(--c-txt-primary);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-concept__content .c-txt {
    text-align: left;
  }
}
.p-concept__content .c-txt {
  margin-top: calc(35 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-concept__content .c-txt {
    margin-top: calc(25 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-concept__content .c-txt {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .p-concept__content .c-txt {
    width: 82.9333333333%;
    margin: 1.5em auto 0;
  }
}
.p-concept__img {
  margin-inline: auto;
  width: 41.6666666667%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-concept__img {
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .p-concept__img {
    width: 100%;
  }
}
.p-concept__img img {
  width: 100%;
  height: auto;
}

.p-rooms {
  margin-top: calc(100 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-rooms {
    margin-top: calc(70 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms {
    margin-top: 5em;
  }
}
.p-rooms {
  padding-top: calc(100 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-rooms {
    padding-top: calc(70 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms {
    padding-top: 3em;
  }
}
.p-rooms__imgs {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: calc(-80 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-rooms__imgs {
    margin-top: calc(-40 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms__imgs {
    margin-top: -3.25em;
  }
}
@media only screen and (min-width: 1561px) and (max-width: 1800px) {
  .p-rooms__imgs {
    margin-top: calc(-70 / var(--base) * 1em);
  }
}
.p-rooms__img {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .p-rooms__img {
    width: 100%;
  }
}
.p-rooms__img:nth-child(2) {
  margin-top: calc(60 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-rooms__img:nth-child(2) {
    margin-top: calc(50 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-rooms__img:nth-child(2) {
    margin-top: 1em;
  }
}
.p-rooms__img img {
  width: 100%;
  height: auto;
}

.p-dining {
  margin-top: calc(100 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-dining {
    margin-top: calc(70 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-dining {
    margin-top: 5em;
  }
}
.p-dining {
  padding-top: calc(100 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-dining {
    padding-top: calc(70 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-dining {
    padding-top: 3em;
  }
}
.p-dining__img {
  margin-top: calc(-85 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-dining__img {
    margin-top: calc(-40 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-dining__img {
    margin-top: -3.25em;
  }
}
@media only screen and (min-width: 1561px) and (max-width: 1800px) {
  .p-dining__img {
    margin-top: calc(-70 / var(--base) * 1em);
  }
}
.p-dining__img img {
  width: 100%;
  height: auto;
}

.p-wellness {
  margin-top: calc(100 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-wellness {
    margin-top: calc(70 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-wellness {
    margin-top: 5em;
  }
}
.p-wellness {
  padding-top: calc(100 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-wellness {
    padding-top: calc(70 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-wellness {
    padding-top: 3em;
  }
}
.p-wellness__img {
  margin-top: calc(-85 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-wellness__img {
    margin-top: calc(-40 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-wellness__img {
    margin-top: -3.25em;
  }
}
@media only screen and (min-width: 1561px) and (max-width: 1800px) {
  .p-wellness__img {
    margin-top: calc(-70 / var(--base) * 1em);
  }
}
.p-wellness__img img {
  width: 100%;
  height: auto;
}
.p-wellness__loop {
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .p-wellness__loop {
    margin-top: -1px;
  }
}
.p-wellness__loop .c-loop {
  display: flex;
  width: -webkit-max-content;
  width: max-content;
  flex-wrap: nowrap;
  animation: loop-list 50s linear infinite;
  will-change: transform;
}
@media only screen and (max-width: 1199px) {
  .p-wellness__loop .c-loop {
    animation-duration: 30s;
  }
}
.p-wellness__loop .c-loop .loop__box {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
.p-wellness__loop .c-loop .loop__box .loop__item img {
  display: block;
  width: 45.415vw;
  height: auto;
  max-width: 654px;
}
.p-wellness__loop .c-loop.stop {
  animation-play-state: paused;
}
@keyframes loop-list {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.p-wellness__loop .btn_stop {
  text-align: center;
  margin-top: calc(20 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  .p-wellness__loop .btn_stop {
    margin-top: 1.5em;
  }
}
.p-wellness__loop .wellness_stopbtn {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -webkit-max-content;
  width: max-content;
  border: 0;
  background: none;
  margin-inline: auto;
}

.p-activities {
  margin-top: calc(100 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-activities {
    margin-top: calc(70 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-activities {
    margin-top: 5em;
  }
}
.p-activities {
  padding-top: calc(100 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-activities {
    padding-top: calc(70 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-activities {
    padding-top: 3em;
  }
}
.p-activities__img {
  max-width: 600px;
  margin: calc(-85 / var(--base) * 1em) auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-activities__img {
    margin: calc(-40 / var(--base) * 1em) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-activities__img {
    margin: -3em auto 0;
  }
}
.p-activities__img {
  width: 90%;
}
@media only screen and (max-width: 767px) {
  .p-activities__img {
    width: 100%;
  }
}
@media only screen and (min-width: 1561px) {
  .p-activities__img {
    max-width: 41.6666666667%;
  }
}
@media print {
  .p-activities__img {
    max-width: 41.6666666667%;
  }
}
@media only screen and (min-width: 1561px) and (max-width: 1800px) {
  .p-activities__img {
    margin-top: calc(-70 / var(--base) * 1em);
  }
}
.p-activities__img img {
  width: 100%;
  height: auto;
}
.p-activities .c-title span {
  display: block;
  width: 100%;
}

.c-txt-set__title {
  text-align: center;
}
.c-txt-set__info {
  line-height: 2.4;
}
@media only screen and (max-width: 767px) {
  .c-txt-set__info {
    line-height: 2;
  }
}
.c-txt-set__info {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-txt-set__info {
    text-align: left;
  }
}

.p-location {
  margin-top: calc(100 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-location {
    margin-top: calc(70 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-location {
    margin-top: 5em;
  }
}
.p-location {
  padding-top: calc(100 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-location {
    padding-top: calc(70 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .p-location {
    padding-top: 3em;
  }
}
.p-location__content {
  margin: calc(-25 / var(--base) * 1em) auto 0;
}
@media only screen and (max-width: 767px) {
  .p-location__content {
    margin: -0.75em auto 0;
  }
}
.p-location__content {
  width: 66.6666666667%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-location__content {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .p-location__content {
    width: 90%;
  }
}
.p-location__content iframe {
  border: 0;
  width: 100%;
  aspect-ratio: 2.4;
  filter: grayscale(1);
}
@media only screen and (max-width: 767px) {
  .p-location__content iframe {
    aspect-ratio: 1.8;
  }
}
.p-location__content .c-table {
  width: 72.5%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-location__content .c-table {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .p-location__content .c-table {
    width: 100%;
  }
}
.p-location__content .c-table {
  margin: calc(40 / var(--base) * 1em) auto 0;
}
@media only screen and (max-width: 767px) {
  .p-location__content .c-table {
    margin: calc(30 / var(--base) * 1em) auto 0;
  }
}
.p-location__content .c-table th {
  line-height: 1.8;
  vertical-align: top;
  color: var(--c-txt-primary);
  font-size: 115%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-location__content .c-table th {
    font-size: 108%;
  }
}
@media only screen and (max-width: 767px) {
  .p-location__content .c-table th {
    font-size: 100%;
  }
}
.p-location__content .c-table th {
  padding-block: calc(10 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  .p-location__content .c-table th {
    padding-block: calc(5 / var(--base) * 1em);
  }
}
.p-location__content .c-table th {
  width: 12.9310344828%;
}
@media only screen and (max-width: 767px) {
  .p-location__content .c-table th {
    width: 20%;
  }
}
.p-location__content .c-table td {
  line-height: 1.8;
  color: var(--c-txt-primary);
  font-size: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-location__content .c-table td {
    font-size: 93%;
  }
}
@media only screen and (max-width: 767px) {
  .p-location__content .c-table td {
    font-size: 100%;
  }
}
.p-location__content .c-table td {
  padding-block: calc(10 / var(--base) * 1em);
}
@media only screen and (max-width: 767px) {
  .p-location__content .c-table td {
    padding-block: calc(5 / var(--base) * 1em);
  }
}
.p-location__content .c-table td {
  width: 87.0689655172%;
}
@media only screen and (max-width: 767px) {
  .p-location__content .c-table td {
    width: 80%;
  }
}

.c-txt--note {
  width: 91.6666666667%;
  color: var(--c-txt-primary);
  border-top: 1px solid var(--c-line-primary);
  margin: calc(80 / var(--base) * 1em) auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .c-txt--note {
    margin: calc(50 / var(--base) * 1em) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .c-txt--note {
    margin: calc(30 / var(--base) * 1em) auto 0;
  }
}
.c-txt--note {
  padding-block: calc(45 / var(--base) * 1em);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .c-txt--note {
    padding-block: calc(35 / var(--base) * 1em);
  }
}
@media only screen and (max-width: 767px) {
  .c-txt--note {
    padding-block: calc(25 / var(--base) * 1em);
  }
}
.c-txt--note {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-txt--note {
    text-align: left;
  }
}
@media only screen and (min-width: 1561px) {
  .c-txt--note {
    margin-top: 200px;
  }
}
@media print {
  .c-txt--note {
    margin-top: 200px;
  }
}

h2.c-title {
  font-size: 13.9vw;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  h2.c-title {
    font-size: 715%;
  }
}
/*# sourceMappingURL=homepage.css.map */