@charset "UTF-8";
/* ==========================================================================
 Foundation
============================================================================*/
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap");
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

html {
  font-size: clamp(14px * 0.85, 100vw * 14 / 1365, 19.6px);
}
@media screen and (max-width: 767px) {
  html {
    font-size: clamp(12px * 1, 100vw * 12 / 375, 48px);
  }
}

body {
  background-color: #cdf5d0;
  position: relative;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #7d5aff;
  letter-spacing: 0.04em;
  font-size: 1rem;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  color: #28292b;
}

body.pc a[href^="tel:"] {
  cursor: default;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
 layout
============================================================================*/
.l-header {
  background: none;
  pointer-events: none;
}
.l-header button,
.l-header a {
  pointer-events: auto;
}
.l-header__top {
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 3.1428571429rem;
  padding-bottom: 2.2857142857rem;
  mix-blend-mode: normal;
}
@media screen and (max-width: 999px) {
  .l-header__top {
    padding-top: 1.1666666667rem;
    padding-bottom: 1.3333333333rem;
  }
}
.l-header__inner {
  max-width: 82.2857142857rem;
  margin: auto;
  padding-right: 0.8571428571rem;
}
@media screen and (max-width: 999px) {
  .l-header__inner {
    padding-right: 1rem;
    padding-left: 1.8333333333rem;
  }
}
.l-header__top-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .l-header__top-inner {
    gap: 1.3333333333rem;
  }
}
.l-header__logo {
  width: 18.1428571429rem;
  flex-shrink: 0;
  transition: opacity 0.3s;
}
@media screen and (max-width: 999px) {
  .is-ham-open .l-header__logo {
    opacity: 0;
  }
  .l-header__logo {
    width: 12.3333333333rem;
  }
}
.l-header__nav-list {
  font-family: "Josefin Sans", "Zen Kaku Gothic Antique", sans-serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: clamp(34px * 0.1, 100vw * 34 / 1365, 34px);
  margin-left: auto;
  font-weight: 500;
  font-size: 0.8571428571rem;
  letter-spacing: 0.04em;
  line-height: 1.2;
  padding-top: 0.4em;
}
@media screen and (max-width: 999px) {
  .l-header__nav-list {
    display: none;
  }
}
.l-header__nav-link {
  color: #28292b;
  white-space: nowrap;
  transition: opacity 0.3s;
}
.--cta .l-header__nav-link {
  display: flex;
  align-items: center;
  gap: 0.7142857143rem;
}
.--cta .l-header__nav-link:hover {
  opacity: 0.8;
}
@media (any-hover: hover) {
  .l-header__nav-link:hover {
    opacity: 0.6;
  }
}
.l-header__nav-icon {
  display: block;
  width: 1.2857142857rem;
  height: 1.2857142857rem;
}
.l-header__nav-icon img {
  width: 100%;
  height: auto;
  display: block;
}

.l-header-nav {
  pointer-events: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 90;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.is-ham-open .l-header-nav {
  transition: opacity 0.5s 0.2s, visibility 0.5s 0.2s;
  opacity: 1;
  visibility: visible;
}
.l-header-nav a {
  color: #28292b;
}
.l-header-nav__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(40, 41, 43, 0.25);
  z-index: 1;
}
.l-header-nav__inner {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  max-width: 57.8571428571rem;
  min-width: 41.4285714286rem;
  height: 100%;
  background-color: #cdf5d0;
  backdrop-filter: blur(8px);
  z-index: 2;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  padding: clamp(70px, 15.401540154vh, 140px) clamp(72px * 0.1, 100vw * 72 / 1365, 72px) 4.2857142857rem;
  transform: translateX(20%);
  opacity: 0;
  transition: transform 0.6s, opacity 0.6s;
  overflow-y: auto;
}
@media screen and (max-width: 999px) {
  .l-header-nav__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: unset;
    min-width: unset;
    padding: clamp(57.4px, 10.5128205128vh, 82px) 2rem 1.6666666667rem;
  }
}
.is-ham-open .l-header-nav__inner {
  transition: transform 0.6s 0.2s, opacity 0.6s 0.2s;
  transform: translateX(0);
  opacity: 1;
}
.l-header-nav__logo {
  display: block;
  width: 14.7142857143rem;
  margin-inline: auto;
  margin-bottom: 2.8571428571rem;
}
.l-header-nav__logo picture,
.l-header-nav__logo img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 999px) {
  .l-header-nav__logo {
    width: 17.1666666667rem;
    margin-bottom: 4rem;
  }
}
.l-header-nav__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.7142857143rem;
  font-weight: 200;
  font-size: 1.7142857143rem;
  line-height: 1;
  font-family: "Josefin Sans", "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (max-width: 999px) {
  .l-header-nav__list {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    font-size: 1.25rem;
    max-width: 500px;
    margin-inline: auto;
    text-align: center;
    font-weight: 400;
  }
}
.l-header-nav__icon {
  display: block;
  width: 2.2857142857rem;
  height: 2.2857142857rem;
  margin-inline: auto;
}
.l-header-nav__icon picture,
.l-header-nav__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media screen and (max-width: 999px) {
  .l-header-nav__icon {
    width: 2.25rem;
    height: 2.25rem;
  }
}
.l-header-nav__contacts {
  margin-top: clamp(36px, 7.9207920792vh, 72px);
  padding-top: clamp(36px, 7.9207920792vh, 72px);
  border-top: 1px solid #ffffff;
  display: grid;
  gap: 2.5714285714rem;
}
@media screen and (max-width: 999px) {
  .l-header-nav__contacts {
    margin-top: clamp(50.4px, 9.2307692308vh, 72px);
    padding-top: clamp(50.4px, 9.2307692308vh, 72px);
    gap: 1.5rem;
    max-width: 500px;
    margin-inline: auto;
  }
}
.l-header-nav__contact-link {
  display: block;
  border: 1px solid #28292b;
  padding: 1.2857142857rem;
  font-size: 1.2857142857rem;
  line-height: 2;
  text-align: center;
  font-weight: 500;
  width: 100%;
  border-radius: 0.8571428571rem;
}
.l-header-nav__contact-link.--contact {
  background-color: #28292b;
  border-color: #ffffff;
  color: #ffffff;
  transition: opacity 0.7s, letter-spacing 0.3s;
}
.l-header-nav__contact-link.--contact:hover {
  opacity: 0.9;
  letter-spacing: 0.08em;
}
.l-header-nav__contact-link.--line {
  background-color: #ffffff;
  color: #28292b;
  transition: filter 0.7s, letter-spacing 0.3s;
}
.l-header-nav__contact-link.--line:hover {
  filter: brightness(0.95);
  letter-spacing: 0.08em;
}

.l-footer {
  padding: 6.0714285714rem 0 0.8571428571rem;
  background-color: #ffffff;
  position: relative;
  z-index: 10;
  margin-top: 10.8571428571rem;
}
body.home .l-footer, body.about .l-footer {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .l-footer {
    padding: 4.6666666667rem 0 3.3333333333rem;
    margin-top: 8.8333333333rem;
  }
  body.home .l-footer, body.about .l-footer {
    margin-top: 0;
  }
}
.l-footer__main {
  position: relative;
}
.l-footer__top-btn {
  position: absolute;
  top: 40%;
  right: 0;
  width: 2.7857142857rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .l-footer__top-btn {
    top: -40%;
  }
}
.l-footer__logo {
  width: 17.2857142857rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .l-footer__logo {
    width: 17.8333333333rem;
  }
}
.l-footer__copyright-wrap {
  margin-top: 5rem;
  font-size: 0.8571428571rem;
  text-align: center;
  font-weight: 500;
  color: #000000;
}
.l-footer__copyright-wrap span {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (max-width: 767px) {
  .l-footer__copyright-wrap {
    font-size: 0.8333333333rem;
    margin-top: 6rem;
  }
}

.l-main {
  padding-top: 0;
}
.l-main.--no-mv {
  margin-top: 11.5714285714rem;
}
@media screen and (max-width: 767px) {
  .l-main.--no-mv {
    margin-top: 6.6666666667rem;
  }
}

.l-inner {
  margin: auto;
  max-width: 87.2142857143rem;
  width: 89.4505494505%;
}
@media screen and (max-width: 767px) {
  .l-inner {
    width: calc(100% - 2rem * 2);
  }
}
.l-inner.--small {
  max-width: 70rem;
}
.l-inner.--smallest {
  max-width: 54.2857142857rem;
}
@media screen and (max-width: 767px) {
  .l-inner:not(.--sp-full) {
    max-width: 500px;
  }
}

.l-wrapper {
  position: relative;
  z-index: 10;
}

.l-section {
  padding: 11.4285714286rem 0;
}
@media screen and (max-width: 767px) {
  .l-section {
    padding: 6.6666666667rem 0;
  }
}

/* ==========================================================================
 object
============================================================================*/
.c-ttl-sec {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 2.5714285714rem;
  line-height: 1.7;
  letter-spacing: 0.04em;
  text-align: center;
  gap: 0.7142857143rem;
}
@media screen and (max-width: 767px) {
  .c-ttl-sec {
    font-size: 1.6666666667rem;
    gap: 0.6666666667rem;
  }
}
@media screen and (max-width: 767px) {
  .c-ttl-sec {
    font-size: 1.5rem;
    gap: 0.5rem;
  }
}
.c-ttl-sec.--line::after {
  content: "";
  display: block;
  width: 3.5714285714rem;
  height: 0.2142857143rem;
  margin: 1.7142857143rem auto 0;
  background-color: #183f7b;
}
@media screen and (max-width: 767px) {
  .c-ttl-sec.--line::after {
    width: 3.3333333333rem;
    height: 0.25rem;
    margin-top: 1.3333333333rem;
  }
}

.c-ttl-simple {
  margin-top: 4rem;
  font-size: 2.5714285714rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-ttl-simple {
    margin-top: 3rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .c-ttl-simple {
    margin-top: 2.3333333333rem;
    font-size: 1.6666666667rem;
  }
}

.c-ttl-image {
  display: flex;
  justify-content: center;
}
.c-ttl-image span {
  display: block;
}
.c-ttl-image .--text {
  position: relative;
}
.c-ttl-image .--text > img {
  position: relative;
  z-index: 10;
}
.c-ttl-image .--img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.c-ttl-round {
  max-width: clamp(555px * 1, 100vw * 555 / 1365, 888px);
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 50px;
  text-align: center;
  font-size: clamp(15px * 1, 100vw * 15 / 1365, 24px);
  font-weight: 600;
  margin: auto;
  padding: clamp(9px * 1, 100vw * 9 / 1365, 14.4px) clamp(20px * 1, 100vw * 20 / 1365, 32px);
}

.c-ttl-dot {
  display: flex;
  font-size: 1.9285714286rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #28292b;
  margin-bottom: 0.7407407407em;
}
@media screen and (max-width: 767px) {
  .c-ttl-dot {
    font-size: 1.6666666667rem;
  }
}
.c-ttl-dot::before {
  content: "";
  display: block;
  width: 0.962962963em;
  height: 0.962962963em;
  background-color: #28292b;
  border: 0.2962962963em solid #28292b;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 0.5555555556em;
  margin-top: 0.36em;
}
.c-ttl-dot.--small {
  font-size: 1.2857142857rem;
}
.c-ttl-dot.--small::before {
  margin-top: 0.4em;
  width: 0.8338888889em;
  height: 0.8338888889em;
  border: 0.2566666667em solid #28292b;
}

.c-ttl-color {
  margin: 0 0 1.7142857143rem;
  padding: 0.3571428571rem 1.4285714286rem;
  font-size: 1.4285714286rem;
  font-weight: 700;
  color: #28292b;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.c-ttl-color:not(:first-child) {
  margin-top: 3.5714285714rem;
}
@media screen and (max-width: 767px) {
  .c-ttl-color {
    margin-bottom: 1.6666666667rem;
    padding: 0.6666666667rem 1.1666666667rem;
    font-size: 1.3333333333rem;
  }
}
.c-ttl-color.--green {
  color: #ffffff;
  background-color: #28292b;
}
.c-ttl-color.--green-dark {
  color: #ffffff;
  background-color: #28292b;
}

.c-ttl-order {
  display: flex;
  align-items: baseline;
  gap: 0.4285714286rem;
  margin: 0 0 1.4285714286rem;
  font-size: 1.7857142857rem;
  font-weight: 600;
  color: #28292b;
  line-height: 1.5;
  letter-spacing: 0;
}
.c-ttl-order:not(:first-child) {
  margin-top: 2.1428571429rem;
}
@media screen and (max-width: 767px) {
  .c-ttl-order {
    font-size: 1.3333333333rem;
    margin-bottom: 1rem;
    gap: 0.3333333333rem;
  }
}
.c-ttl-order::before {
  content: attr(data-order) ".";
  flex-shrink: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.c-ttl-order__txt {
  flex: 1;
}

.c-ttl-line {
  font-size: 2.2857142857rem;
  font-weight: 500;
  margin-bottom: 1.4285714286rem;
}
.c-ttl-line::after {
  content: "";
  display: block;
  height: 2px;
  margin-top: 2.1428571429rem;
  background: linear-gradient(to right, #28292b 0%, #28292b 11%, #c9c9ca 11%, #c9c9ca 100%);
}

.c-ttl-ribbon {
  font-size: 5rem;
  line-height: 1;
  margin-bottom: calc(0.2em + 6.8571428571rem);
  margin-left: -5rem;
  color: #ffffff;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .c-ttl-ribbon {
    font-size: 4.2857142857rem;
  }
}
@media screen and (max-width: 767px) {
  .c-ttl-ribbon {
    font-size: 3.1166666667rem;
    margin-bottom: calc(0.2em + 3.6666666667rem);
    margin-left: 0;
  }
}
.c-ttl-ribbon__line {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: -0.2em;
  position: relative;
  padding-top: 1.2142857143rem;
  letter-spacing: 0.09em;
  clip-path: inset(0 calc(100% + 8.5714285714rem) 0 -8.5714285714rem);
  transition: clip-path 1.3s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-ttl-ribbon__line {
    padding-top: 1.0833333333rem;
    letter-spacing: 0.05em;
    clip-path: inset(0 calc(100% + 0rem) 0 0rem);
    padding-left: 2.1666666667rem;
    padding-right: 0.5em;
  }
}
.is-scrolled .c-ttl-ribbon__line {
  clip-path: inset(0 0 0 -8.5714285714rem);
}
.c-ttl-ribbon__line:nth-child(1) {
  padding-right: 1.4785714286rem;
}
@media screen and (max-width: 767px) {
  .c-ttl-ribbon__line:nth-child(1) {
    padding-right: 0.5em;
  }
}
.c-ttl-ribbon__line:nth-child(2) {
  padding-right: 0.05rem;
  transition-delay: 0.2s;
}
@media screen and (max-width: 767px) {
  .c-ttl-ribbon__line:nth-child(2) {
    padding-right: 0.5em;
  }
}
.c-ttl-ribbon__line::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 8.5714285714rem);
  height: 100%;
  background-color: #7d5aff;
}
@media screen and (max-width: 767px) {
  .c-ttl-ribbon__line::before {
    width: 100%;
  }
}
.c-ttl-ribbon__line-text {
  position: relative;
  z-index: 5;
}

.c-ttl-page {
  padding-top: 20.7142857143rem;
  margin-bottom: 7.1428571429rem;
}
@media screen and (max-width: 999px) {
  .c-ttl-page {
    padding-top: 15.7142857143rem;
  }
}
.c-ttl-page__inner {
  height: 8.2857142857rem;
  background-color: #ffffff;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 999px) {
  .c-ttl-page__inner {
    height: 6.4285714286rem;
    margin-bottom: 6.6666666667rem;
  }
}
@media screen and (max-width: 767px) {
  .c-ttl-page__inner {
    height: auto;
    margin-bottom: 5.8333333333rem;
  }
}
.c-ttl-page__walker {
  position: absolute;
  width: 25rem;
}
@media screen and (max-width: 999px) {
  .c-ttl-page__walker {
    width: 15.7142857143rem;
  }
}
.c-ttl-page__walker.--left {
  left: 1.7857142857rem;
  top: -16.4285714286rem;
}
@media screen and (max-width: 999px) {
  .c-ttl-page__walker.--left {
    top: -10rem;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-ttl-page__walker.--left {
    width: 23.3333333333rem;
    top: -15rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
.c-ttl-page__walker.--right {
  right: 1.7857142857rem;
  top: -15.7142857143rem;
}
@media screen and (max-width: 999px) {
  .c-ttl-page__walker.--right {
    top: -10rem;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-ttl-page__walker.--right {
    display: none;
  }
}
.c-ttl-page__txts {
  font-weight: 700;
  line-height: 1;
}
.c-ttl-page__txts-en {
  font-size: 4.7857142857rem;
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: -0.55em;
  letter-spacing: 0.09em;
  padding-left: 0.09em;
  z-index: 100;
  display: block;
}
@media screen and (max-width: 999px) {
  .c-ttl-page__txts-en {
    font-size: 3.9285714286rem;
  }
}
@media screen and (max-width: 767px) {
  .c-ttl-page__txts-en {
    font-size: 2.9166666667rem;
    padding-top: 3.6666666667rem;
    position: static;
  }
}
.c-ttl-page__txts-ja {
  font-size: 2.1428571429rem;
  text-align: center;
  letter-spacing: 0.09em;
  padding-top: 4.2142857143rem;
  font-size: 1.1428571429rem;
  display: block;
  text-align: center;
  width: 100%;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 999px) {
  .c-ttl-page__txts-ja {
    padding-top: 2.8571428571rem;
  }
}
@media screen and (max-width: 767px) {
  .c-ttl-page__txts-ja {
    font-size: 1.0833333333rem;
    padding-top: 1.1666666667rem;
    padding-bottom: 2.4166666667rem;
    padding-inline: 1.6666666667rem;
  }
}

.people {
  position: relative;
}
.people::before {
  content: "";
  background-image: url("/people/sample.png");
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.3;
  opacity: 0;
  z-index: 999999999999999;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.c-ttl-sec + .c-txt-sec {
  margin-top: 1.1428571429em;
}

.c-txt {
  font-weight: 400;
  line-height: 1.8;
}
.c-txt:not(:first-child) {
  margin-top: 2.2857142857rem;
}

.c-txt-large {
  font-size: 1.1428571429rem;
  font-weight: 500;
}
.c-txt-large + .c-txt-large {
  margin-top: 2.2857142857rem;
}
@media screen and (max-width: 767px) {
  .c-txt-large {
    font-size: 1.1666666667rem;
  }
  .c-txt-large + .c-txt-large {
    margin-top: 2.3333333333rem;
  }
}

.c-btn-soft {
  display: block;
  border-radius: 10px;
  width: 160px;
  font-size: 13px;
  color: #ffffff;
  line-height: 1;
  padding: 1em 0;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
  transition: transform 0.5s cubic-bezier(0.42, 2.5, 0.45, 1.005);
}
@media (any-hover: hover) {
  .c-btn-soft:hover {
    transform: scale(1.1);
  }
}
.c-btn-soft:focus-visible {
  transform: scale(1.1);
}
.c-btn-soft.--disabled {
  background: #b3b3b3 !important;
  pointer-events: none;
}
.c-btn-soft.--smaller {
  font-size: 11px;
  padding: 1.1818181818em 0;
}
.c-btn-soft.--smallest {
  font-size: 10px;
  padding: 1.3em 0;
}

.c-btn-round {
  display: flex;
  justify-content: center;
}
.c-btn-round a,
.c-btn-round button {
  display: flex;
  border: none;
  cursor: pointer;
  font-family: inherit;
  gap: 1.7142857143rem;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #ffffff;
  font-size: clamp(15px * 1, 100vw * 15 / 1365, 24px);
  line-height: 2;
  font-weight: 700;
  letter-spacing: 0.07em;
  padding: 0.7142857143rem 3.4285714286rem;
  border-radius: 100vh;
  transition: opacity 0.3s cubic-bezier(0.2, 0.64, 0.315, 1);
  text-align: center;
}
.c-btn-round a:hover,
.c-btn-round button:hover {
  opacity: 0.9;
}
@media screen and (max-width: 767px) {
  .c-btn-round a,
  .c-btn-round button {
    display: block;
    gap: 1rem;
    padding: 0.8333333333rem 0;
    font-size: 1.25rem;
    max-width: 21.4166666667rem;
    width: 100%;
    margin-inline: auto;
  }
}
.c-btn-round.--contact {
  margin-top: 1.7142857143rem;
}
@media screen and (max-width: 767px) {
  .c-btn-round.--contact {
    margin-top: 0;
  }
}
.c-btn-round.--contact a {
  padding: 1.2857142857rem 7.4285714286rem;
  font-size: 1.2857142857rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c-btn-round.--contact a {
    font-size: 1.1666666667rem;
    padding: 1rem 1.6666666667rem;
  }
}
.c-btn-round__icon {
  transition: transform 1s cubic-bezier(0.2, 0.64, 0.315, 1);
}
a:hover .c-btn-round__icon {
  transform: translateX(0.2857142857rem);
}
.c-btn-round.--large a {
  font-size: clamp(12px * 1, 100vw * 12 / 1365, 19.2px);
  min-width: sizeX(200);
  letter-spacing: 0.01em;
  padding: 0.8em 1.5em;
}
@media screen and (max-width: 767px) {
  .c-btn-round.--large a {
    min-width: unset;
    padding: 0.8333333333rem 1.6666666667rem;
  }
}

.c-btn-more__link {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.--long .c-btn-more__link {
  display: flex;
  align-items: center;
  gap: 1.4285714286rem;
}
.--reversed .c-btn-more__link {
  flex-direction: row-reverse;
}
.c-btn-more__txt {
  font-size: 1.0714285714rem;
  letter-spacing: 0.05em;
  font-weight: 300;
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-btn-more__txt {
    font-size: 1rem;
  }
}
.c-btn-more__icon {
  position: relative;
  margin: 1.0714285714rem 0 0;
  width: 11.4285714286rem;
  height: auto;
  transform: translateX(0.7142857143rem);
}
.--long .c-btn-more__icon, .c-btn-more__icon.--long {
  width: 5.7142857143rem;
  margin: 0;
  transform: translateX(0);
}
.c-btn-more__icon.--mt-none {
  margin-top: 0;
}
.--reversed .c-btn-more__icon, .c-btn-more__icon.--reversed {
  transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
  .c-btn-more__icon {
    width: 8.9166666667rem;
    margin: 0.4166666667rem 0 0;
    transform: translateX(0.5833333333rem);
  }
}
.c-btn-more__arrow {
  width: 11.4285714286rem;
  height: auto;
  transform-origin: left center;
  will-change: transform;
  transform: translateX(0) translate3d(0, 0, 0);
  transition: transform 1s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-btn-more__arrow {
    width: 8.9166666667rem;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  a:hover .c-btn-more__arrow {
    transform: translateX(2.2857142857rem) translate3d(0, 0, 0);
  }
  .--long a:hover .c-btn-more__arrow {
    transform: translateX(1.1428571429rem) translate3d(0, 0, 0);
  }
}
.--long .c-btn-more__arrow {
  margin: 0;
  width: 5.7142857143rem;
}
.c-btn-more__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 11.4285714286rem;
  height: auto;
  transform-origin: left center;
  transform: scaleX(1);
  transition: transform 1s cubic-bezier(0.2, 0.64, 0.315, 1);
}
.--long .c-btn-more__line {
  width: 5.7142857143rem;
}
@media screen and (max-width: 767px) {
  .c-btn-more__line {
    width: 8.9166666667rem;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  a:hover .c-btn-more__line {
    transform: scaleX(1.2);
  }
}

.c-btn-more-news {
  text-align: left;
}
.c-btn-more-news__link {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .c-btn-more-news__link {
    margin: auto;
  }
}
.c-btn-more-news__txt {
  font-size: 0.7857142857rem;
  font-weight: 300;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-btn-more-news__txt {
    text-align: center;
    font-size: 1rem;
  }
}
.c-btn-more-news__icon {
  position: relative;
  margin: 0.7142857143rem 0 0;
  width: 6.4285714286rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .c-btn-more-news__icon {
    width: 8.9166666667rem;
    margin: 0.4166666667rem 0 0;
    transform: translateX(0.5833333333rem);
  }
}
.c-btn-more-news__arrow {
  margin: 0.7142857143rem auto 0;
  width: 6.4285714286rem;
  height: auto;
  transform: translateX(0);
  transition: transform 1s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-btn-more-news__arrow {
    width: 8.9166666667rem;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  a:hover .c-btn-more-news__arrow {
    transform: translateX(1.2857142857rem);
  }
}
.c-btn-more-news__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.4285714286rem;
  height: auto;
  transform-origin: left center;
  transform: scaleX(1);
  transition: transform 1s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-btn-more-news__line {
    width: 8.9166666667rem;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  a:hover .c-btn-more-news__line {
    transform: scaleX(1.2);
  }
}

.c-btn {
  margin-top: 2.8571428571rem;
}
@media screen and (max-width: 767px) {
  .c-btn {
    margin-top: 2rem;
  }
}
.c-btn__primary {
  display: flex;
  justify-content: space-between;
  padding: 1.1428571429rem 2.8571428571rem;
  border-radius: 100vh;
  border: 1.5px solid #28292b;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  min-width: 17.1428571429rem;
  color: #28292b;
  font-size: 1.2142857143rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.1em;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .c-btn__primary {
    font-size: 1.1666666667rem;
    padding: 1rem 2.6666666667rem;
    min-width: 13.3333333333rem;
  }
}
@media (any-hover: hover) {
  .c-btn__primary:hover {
    background-color: #28292b;
    color: #ffffff;
  }
}
.c-btn__primary:focus-visible {
  background-color: #28292b;
  color: #ffffff;
}
.c-btn__primary.--single {
  display: flex;
  justify-content: space-between;
  padding: 1.1428571429rem 2.8571428571rem;
  border-radius: 100vh;
  border: 1.5px solid #28292b;
  width: -moz-fit-content;
  width: fit-content;
  margin: 5.7142857143rem auto 0;
  min-width: 17.1428571429rem;
  background-color: #28292b;
  color: #ffffff;
  font-size: 1.2142857143rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.1em;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .c-btn__primary.--single {
    font-size: 1.1666666667rem;
    padding: 1rem 2.6666666667rem;
    min-width: 13.3333333333rem;
    margin: 3.3333333333rem auto 0;
  }
}
@media (any-hover: hover) {
  .c-btn__primary.--single:hover {
    background-color: #ffffff;
    color: #28292b;
  }
}
.c-btn__primary.--single:focus-visible {
  background-color: #ffffff;
  color: #28292b;
}

.p-contact-form__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2.8571428571rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__actions {
    margin-top: 2.6666666667rem;
  }
}
.p-contact-form__actions .c-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5714285714rem;
  padding: 1.1428571429rem 2.8571428571rem;
  border-radius: 100vh;
  border: 1.5px solid #28292b;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: #342b25;
  font-size: 1.2142857143rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.1em;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .p-contact-form__actions .c-btn {
    font-size: 1.1666666667rem;
    padding: 1rem 2.6666666667rem;
  }
}
@media (any-hover: hover) {
  .p-contact-form__actions .c-btn:hover {
    color: #ffffff;
    background-color: #342b25;
  }
}
.p-contact-form__actions .c-btn:focus-visible {
  color: #ffffff;
  background-color: #342b25;
}
.p-contact-form__actions .c-btn__icon {
  display: inline-flex;
  transform: translateX(0px);
  transition: transform 0.3s ease;
}
@media (any-hover: hover) {
  .p-contact-form__actions .c-btn:hover .c-btn__icon {
    transform: translateX(5px);
  }
}
.p-contact-form__actions .c-btn:focus-visible .c-btn__icon {
  transform: translateX(5px);
}

.c-btn-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 80;
}
@media screen and (max-width: 767px) {
  .c-btn-fixed {
    bottom: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
  }
}
.c-btn-fixed.--show-on-scroll {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s ease, visibility 0.7s ease;
}
.c-btn-fixed.--show-on-scroll.--show {
  opacity: 1;
  visibility: visible;
}
.c-btn-fixed__list {
  display: flex;
  overflow: hidden;
  background-color: #ffffff;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-top-right-radius: 0.8571428571rem;
  border-top-left-radius: 0.8571428571rem;
}
@media screen and (max-width: 767px) {
  .c-btn-fixed__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    margin-inline: -1px;
  }
}
.c-btn-fixed__item:first-child a {
  border-top-left-radius: 0.8571428571rem;
}
@media screen and (max-width: 767px) {
  .c-btn-fixed__item:first-child a {
    border-top-left-radius: 1rem;
  }
}
.c-btn-fixed__item:last-child a {
  border-top-right-radius: 0.8571428571rem;
}
@media screen and (max-width: 767px) {
  .c-btn-fixed__item:last-child a {
    border-top-right-radius: 1rem;
  }
}
.c-btn-fixed__link {
  display: block;
  border: 1px solid #28292b;
  padding: 1.7142857143rem;
  line-height: 1;
  width: 21.4285714286rem;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-btn-fixed__link {
    padding: 2rem 0;
    width: 100%;
  }
}
.c-btn-fixed__link.--contact {
  background-color: #28292b;
  color: #ffffff;
  transition: opacity 0.7s, letter-spacing 0.3s;
}
.c-btn-fixed__link.--contact:hover {
  opacity: 0.9;
  letter-spacing: 0.08em;
}
.c-btn-fixed__link.--line {
  background-color: #ffffff;
  color: #28292b;
  transition: filter 0.7s, letter-spacing 0.3s;
}
.c-btn-fixed__link.--line:hover {
  filter: brightness(0.95);
  letter-spacing: 0.08em;
}

.c-btn-push {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 33.2142857143rem;
  margin: auto 0;
  border-radius: 0.3571428571rem;
  font-size: 1.2857142857rem;
  font-weight: 500;
  letter-spacing: 0;
  transition: all 0.3s ease;
  padding: 0.5714285714rem 0;
}
.c-btn-push.--orange {
  background-color: #28292b;
  color: #ffffff;
  box-shadow: 0 4px 0 #b47306;
}
@media (any-hover: hover) {
  .c-btn-push.--orange:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #b47306;
  }
}
.c-btn-push.--orange:focus-visible {
  transform: translateY(2px);
  box-shadow: 0 2px 0 #b47306;
}
.c-btn-push.--orange span {
  color: #ffffff;
}
.c-btn-push.--white-green {
  background-color: #ffffff;
  box-shadow: 0 4px 0 #169a4a;
  border: 2px solid #169a4a;
}
@media (any-hover: hover) {
  .c-btn-push.--white-green:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #169a4a;
  }
}
.c-btn-push.--white-green:focus-visible {
  transform: translateY(2px);
  box-shadow: 0 2px 0 #169a4a;
}
.c-btn-push.--white-green span {
  color: #28292b;
}
.c-btn-push.--gradegreen {
  max-width: 28.7857142857rem;
  margin-top: 1.4285714286rem;
  background: linear-gradient(-75deg, #21a154 0%, #53ce84 100%);
  color: #ffffff;
  box-shadow: 0 4px 0 #199249;
  border-radius: 100vh;
}
@media (any-hover: hover) {
  .c-btn-push.--gradegreen:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #199249;
  }
}
.c-btn-push.--gradegreen:focus-visible {
  transform: translateY(2px);
  box-shadow: 0 2px 0 #199249;
}
.c-btn-push.--gradegreen span {
  color: #ffffff;
}
.c-btn-push.--btn {
  margin: 3.5714285714rem auto 0;
}
.c-btn-push__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 2.5;
  text-decoration: none;
  color: inherit;
}

.c-btn-viewmore {
  display: flex;
  justify-content: center;
  margin-top: 1.4285714286rem;
}
@media screen and (max-width: 767px) {
  .c-btn-viewmore {
    margin-top: 1.6666666667rem;
  }
}
.c-btn-viewmore__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2.5714285714rem;
  padding: 0.5714285714rem 0.7142857143rem 0.5714285714rem 3.5714285714rem;
  background-color: #ffffff;
  border: 1px solid #28292b;
  border-radius: 0.2857142857rem;
  color: #28292b;
  font-size: 1.0714285714rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .c-btn-viewmore__link {
    padding: 0.8333333333rem 1.6666666667rem;
    font-size: 1.1666666667rem;
  }
}
@media (any-hover: hover) {
  .c-btn-viewmore__link:hover {
    background-color: #28292b;
    color: #ffffff;
  }
  .c-btn-viewmore__link:hover .c-btn-viewmore__icon svg,
  .c-btn-viewmore__link:hover .c-btn-viewmore__icon img {
    filter: brightness(0) invert(1);
  }
}
.c-btn-viewmore__link:focus-visible {
  background-color: #28292b;
  color: #ffffff;
}
.c-btn-viewmore__link:focus-visible .c-btn-viewmore__icon svg,
.c-btn-viewmore__link:focus-visible .c-btn-viewmore__icon img {
  filter: brightness(0) invert(1);
}
.c-btn-viewmore__icon {
  display: flex;
  align-items: center;
  width: 0.2857142857rem;
  transition: transform 0.3s ease;
}
.c-btn-viewmore__icon svg,
.c-btn-viewmore__icon img {
  width: 100%;
  height: auto;
  display: block;
}
@media (any-hover: hover) {
  .c-btn-viewmore__link:hover .c-btn-viewmore__icon {
    transform: translateX(0.2857142857rem);
  }
}

.c-btn-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 61.8571428571rem;
  gap: 3.5714285714rem;
  justify-content: center;
  align-items: center;
  margin: 2.1428571429rem auto 0;
  color: #ffffff;
  text-align: center;
  font-size: 1.2857142857rem;
  line-height: 2.5;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-btn-cta {
    grid-template-columns: 1fr;
    gap: 2.1428571429rem;
  }
}

.c-btn-cta-item {
  display: block;
  cursor: pointer;
  padding: 0.4285714286rem 0;
  border-radius: 100vh;
  transition: transform 0.15s ease, box-shadow 0.15s ease, all 0.3s ease;
  text-align: center;
  text-decoration: none;
}
.c-btn-cta-item.--orange {
  background-color: #28292b;
  color: #ffffff;
  border: 1px solid #28292b;
  box-shadow: 0 4px 0 #b47306;
}
@media (any-hover: hover) {
  .c-btn-cta-item.--orange:hover {
    background-color: #ffffff;
    color: #28292b;
    border-color: #28292b;
    text-decoration: none;
  }
}
.c-btn-cta-item.--orange:focus-visible {
  background-color: #ffffff;
  color: #28292b;
  border-color: #28292b;
  text-decoration: none;
}
@media (any-hover: hover) {
  .c-btn-cta-item.--orange.--contact:hover {
    background-color: #28292b;
    color: #ffffff;
    transform: translateY(2px);
    box-shadow: 0 2px 0 #b47306;
  }
}
.c-btn-cta-item.--orange.--contact:focus-visible {
  background-color: #28292b;
  color: #ffffff;
  transform: translateY(2px);
  box-shadow: 0 2px 0 #b47306;
}
.c-btn-cta-item.--green {
  background-color: #28292b;
  color: #ffffff;
  border: 2px solid #ffffff;
  box-shadow: 0 4px 0 #257d0d;
}
@media (any-hover: hover) {
  .c-btn-cta-item.--green:hover {
    background-color: #ffffff;
    color: #28292b;
    text-decoration: none;
  }
}
.c-btn-cta-item.--green:focus-visible {
  background-color: #ffffff;
  color: #28292b;
  text-decoration: none;
}
.c-btn-cta-item.--gradegreen {
  background: linear-gradient(90deg, #21a154 0%, #53ce84 100%);
  color: #ffffff;
  color: #ffffff;
  box-shadow: 0 4px 0 #199249;
  border-radius: 100vh;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
@media (any-hover: hover) {
  .c-btn-cta-item.--gradegreen:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #199249;
  }
}
.c-btn-cta-item.--gradegreen span {
  color: #ffffff;
}
.c-btn-cta-item.--contact {
  max-width: 28.7857142857rem;
  margin: 1.4285714286rem auto 0;
  padding: 1.0714285714rem 0;
  font-size: 1.2857142857rem;
  line-height: 1.5;
  font-weight: 500;
}
.c-btn-cta-item__link {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  line-height: inherit;
  font: inherit;
  border-radius: inherit;
  cursor: pointer;
}

.c-back-btn {
  margin: 5.7142857143rem auto 0;
  max-width: 28.7857142857rem;
  border: 1px solid #28292b;
  border-radius: 100vh;
  text-align: center;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .c-back-btn:hover {
    background-color: #28292b;
  }
  .c-back-btn:hover span {
    color: #ffffff;
  }
}
.c-back-btn__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4285714286rem 0;
}
.c-back-btn__txt {
  font-size: 1.2857142857rem;
  font-weight: 600;
  line-height: 2.5;
  text-decoration: none;
  color: #28292b;
}
@media (any-hover: hover) {
  .c-back-btn__txt:hover {
    color: #ffffff;
  }
}

.c-hover-scale {
  overflow: hidden;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}
.c-hover-scale img,
.c-hover-scale video {
  transform: scale(1);
  transition: transform 1.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media (any-hover: hover) {
  a:hover .c-hover-scale img {
    transform: scale(1.08);
  }
}

.c-icon-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #dde0de;
  color: #696969;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.c-icon-arrow svg {
  width: 0.5714285714rem;
  height: 0.5714285714rem;
  display: block;
}
@media (any-hover: hover) {
  .c-icon-arrow:hover {
    background-color: #ffffff;
    color: #ffffff;
  }
}

.c-accordion__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.7s;
}
.--open > .c-accordion__body {
  grid-template-rows: 1fr;
}
.c-accordion__inner {
  overflow: hidden;
}
.c-accordion__btn.--plus {
  display: flex;
  align-items: center;
  gap: 0.5em;
  position: relative;
}
.c-accordion__plus {
  display: block;
  width: 1.75em;
  height: 1.75em;
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .c-accordion__plus {
    width: 1.75em;
    height: 1.75em;
  }
}
.c-accordion__plus::before, .c-accordion__plus::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 0.3em);
  width: 1em;
  height: 1px;
  background-color: #28292b;
  transition: transform 0.3s;
}
@media screen and (max-width: 767px) {
  .c-accordion__plus::before, .c-accordion__plus::after {
    left: calc(50% - 0.25em);
    width: 0.875em;
  }
}
.c-accordion__plus::after {
  transform: rotate(-90deg);
}
.--open .c-accordion__plus::after {
  transform: rotate(0deg);
}

@media screen and (max-width: 767px) {
  .c-accordion-sp__body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.7s;
  }
  .--open > .c-accordion-sp__body {
    grid-template-rows: 1fr;
  }
  .c-accordion-sp__inner {
    overflow: hidden;
  }
  .c-accordion-sp__btn.--plus {
    display: flex;
    align-items: center;
    gap: 0.5em;
    position: relative;
  }
  .c-accordion-sp__plus {
    display: block;
    width: 2em;
    height: 2em;
    border: 1px solid #efefef;
    border-radius: 50%;
    position: relative;
  }
  .c-accordion-sp__plus::before, .c-accordion-sp__plus::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 0.3em);
    width: 0.6em;
    height: 2px;
    background-color: #efefef;
    transition: transform 0.3s;
  }
  .c-accordion-sp__plus::after {
    transform: rotate(-90deg);
  }
  .--open .c-accordion-sp__plus::after {
    transform: rotate(0deg);
  }
}

.c-anim-pos {
  position: relative;
}

.c-anim-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-inner:has(.c-anim-cont) {
  position: relative;
}

[data-type-in] {
  opacity: 0;
}
[data-type-in]:has(.c-anim-char) {
  opacity: 1;
}

.c-breadcrumb {
  max-width: 87.2142857143rem;
  margin: 0 auto;
  padding: 0.8571428571rem 0 0;
  font-weight: 500;
  color: #696969;
  background-color: #ffffff;
}
.c-breadcrumb #breadcrumbs {
  vertical-align: baseline;
}
.c-breadcrumb #breadcrumbs > span {
  font-size: 0.7142857143rem;
}
.c-breadcrumb #breadcrumbs > span > span {
  font-size: 1rem;
  padding: 0 0.7em;
}
.c-breadcrumb #breadcrumbs > span > span:first-child {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .c-breadcrumb {
    padding: 0.8333333333rem 1.25rem;
    font-size: 0.9166666667rem;
  }
}
.c-breadcrumb a {
  color: inherit;
  text-decoration: none;
}
@media (any-hover: hover) {
  .c-breadcrumb a:hover {
    text-decoration: underline;
  }
}
.c-breadcrumb a:focus-visible {
  text-decoration: underline;
}
.c-breadcrumb p {
  margin: 0;
}

.c-ham {
  display: none;
  width: 1.2857142857rem;
  height: 0.9285714286rem;
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 999px) {
  .c-ham {
    display: block;
  }
}
.c-ham__line {
  position: absolute;
  top: calc(40% - 0.7px);
  left: 0;
  width: 100%;
  height: 1.4px;
  background-color: #231815;
}
.c-ham__line:nth-child(1) {
  transform: translateY(-0.4285714286rem);
  transition: transform 0.3s, background-color 0.3s;
}
.is-ham-open .c-ham__line:nth-child(1) {
  transform: rotate(-30deg) translateY(0);
}
@media screen and (max-width: 767px) {
  .is-ham-open .c-ham__line:nth-child(1) {
    transform: rotate(-45deg) translateY(0);
  }
}
.c-ham__line:nth-child(2) {
  transition: opacity 0.3s;
}
.is-ham-open .c-ham__line:nth-child(2) {
  opacity: 0;
}
.c-ham__line:nth-child(3) {
  transform: translateY(0.4285714286rem);
  transition: transform 0.3s, background-color 0.3s;
}
.is-ham-open .c-ham__line:nth-child(3) {
  transform: rotate(30deg) translateY(0);
}
@media screen and (max-width: 767px) {
  .is-ham-open .c-ham__line:nth-child(3) {
    transform: rotate(45deg) translateY(0);
  }
}

.c-list-cat .c-accordion__body {
  padding-left: 7em;
}
@media screen and (max-width: 767px) {
  .c-list-cat .c-accordion__body {
    padding-left: 0;
  }
}
.c-list-cat__row {
  display: grid;
  grid-template-columns: 7em 1fr;
  gap: 1em;
}
.c-list-cat__row.--followed {
  margin-top: 1.6428571429em;
}
@media screen and (max-width: 767px) {
  .c-list-cat__row {
    grid-template-columns: 1fr;
  }
}
.c-list-cat__ttl {
  font-size: 1em;
  font-weight: 700;
  align-self: center;
}
.c-list-cat__header {
  padding-bottom: 1.6428571429em;
  position: relative;
  border-bottom: 1px solid #efefef;
}
.c-list-cat__header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7em;
  height: 1px;
}
.c-list-cat__top {
  display: flex;
  align-items: center;
  gap: 1em;
}
.c-list-cat__inner {
  display: flex;
  gap: 1em;
  white-space: nowrap;
  flex-wrap: wrap;
}
.c-list-cat__inner.--tag {
  padding-top: 1em;
  font-size: 0.9em;
}
.c-list-cat__link {
  padding: 0.6em 1em;
  border-radius: 10px;
  transition: background-color 0.3s, border-color 0.3s;
  border: 1px solid #efefef;
}
.c-list-cat__link.--active {
  color: #ffffff;
}
.c-list-cat__divider {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5em;
}
.c-list-cat__matched {
  padding-left: 1.5em;
  position: relative;
  display: flex;
  align-items: center;
  gap: 1em;
}
.c-list-cat__matched::before {
  content: "";
  position: absolute;
  top: -5%;
  left: 0;
  width: 1px;
  height: 110%;
  background-color: #efefef;
}
@media screen and (max-width: 767px) {
  .c-list-cat__matched.--pc {
    display: none;
  }
}
.c-list-cat__matched.--sp::before {
  display: none;
}
.c-list-cat__matched.--sp {
  padding-left: 0;
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  .c-list-cat__matched.--sp {
    display: none;
  }
}

.c-list-cat-sort {
  margin-top: 0.7em;
}
.c-list-cat-sort__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1em;
}
.c-list-cat-sort__item {
  display: flex;
  align-items: center;
  gap: 1em;
}
.c-list-cat-sort__list {
  display: flex;
  align-items: center;
  gap: 0.7em;
}
.c-list-cat-sort__btn {
  opacity: 0.5;
}
.c-list-cat-sort__btn.--active {
  opacity: 1;
}
.c-list-cat-sort__icon {
  display: inline-block;
  margin-left: 0.2em;
  width: 0.8em;
  height: 1em;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  transform: translateY(0.1em);
}
.c-list-cat-sort__icon.--up {
  transform: translateY(0.1em) rotate(180deg);
}

@media screen and (max-width: 767px) {
  .c-marquee {
    font-size: 13px;
  }
}
.c-marquee .swiper {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.c-marquee .swiper.swiper-initialized {
  opacity: 1;
}
.c-marquee .swiper-wrapper {
  transition-timing-function: linear;
}
.p-branding .c-marquee .swiper-slide {
  width: 111.5714285714em;
}
.p-mvv .c-marquee .swiper-slide {
  width: 243.0714285714em;
}
.p-story .c-marquee .swiper-slide {
  width: 119.2857142857em;
}
.c-marquee__item {
  display: flex;
}
.c-marquee__img:nth-child(1) {
  width: 94px;
}
.c-marquee__img:nth-child(2) {
  width: 55px;
}
.c-marquee__img:nth-child(3) {
  width: 108px;
}
.c-marquee__img:nth-child(4) {
  width: 58px;
}
.c-marquee__img:nth-child(5) {
  width: 93px;
}
.c-marquee__img:nth-child(6) {
  width: 66px;
}
.c-marquee__img:nth-child(7) {
  width: 105px;
}
.c-marquee__img:nth-child(8) {
  width: 147px;
}
.c-marquee__img:nth-child(9) {
  width: 81px;
}
.c-marquee__img:nth-child(10) {
  width: 61px;
}
.c-marquee__img:nth-child(11) {
  width: 29px;
}
.c-marquee__img:nth-child(12) {
  width: 72px;
}
.c-marquee__img:nth-child(13) {
  width: 95px;
}
.c-marquee__img:nth-child(14) {
  width: 70px;
}
.c-marquee__img:nth-child(15) {
  width: 97px;
}
.c-marquee__img:nth-child(16) {
  width: 58px;
}
.c-marquee__img:nth-child(17) {
  width: 94px;
}
.c-marquee__img:nth-child(18) {
  width: 179px;
}

/* Modal */
.modal__overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.modal__container {
  max-width: 90%;
  max-height: 90vh;
  padding: 30px;
  overflow-y: auto;
}

.modal__title {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
}

.modal__footer {
  display: flex;
  justify-content: flex-end;
}

.modal__content img {
  width: 100%;
  height: 70vh;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

/* Animation */
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(10%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  transition: visibility 0.5s ease-in-out;
  visibility: hidden;
}

.micromodal-slide.is-open {
  visibility: visible;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.c-pagination {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 5.7142857143rem;
  gap: 1.7857142857rem;
  line-height: 1;
  font-family: "Lexend Mega", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-pagination {
    margin-top: 56px;
    font-size: 1.25rem;
    gap: 1.25rem;
  }
}
.c-pagination a {
  color: #696969;
  text-decoration: none;
  font-weight: 300;
}
.c-pagination__arrow {
  width: 2.8571428571rem;
  height: 3.2142857143rem;
  border: 1px solid #696969;
  display: grid;
  place-items: center;
}
@media (any-hover: hover) {
  .c-pagination__arrow:hover {
    background-color: #28292b;
  }
}
.c-pagination__arrow:focus-visible {
  background-color: #28292b;
}
.c-pagination__arrow img {
  width: 1.3214285714rem;
}
.c-pagination__arrow.--disabled {
  pointer-events: none;
  opacity: 0.3;
}
.c-pagination__page {
  width: 2.8571428571rem;
  height: 3.2142857143rem;
  border: 1px solid #696969;
  display: grid;
  place-items: center;
}
@media (any-hover: hover) {
  .c-pagination__page:hover {
    background-color: #28292b;
  }
}
.c-pagination__page:focus-visible {
  background-color: #28292b;
}
.c-pagination__page.--current {
  border: 1px solid #28292b;
  background-color: #28292b;
  color: #ffffff;
}
.c-pagination__dots {
  font-size: 0.8571428571rem;
  line-height: 2.8571428571rem;
  margin: 0 -0.5em;
}

.c-para-bg {
  position: relative;
  overflow: hidden;
}
.c-para-bg__bg {
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 150%;
}

[data-effect^=fade-in] {
  opacity: 0;
}

[data-effect=fade-in-up] {
  transform: translateY(20px);
}

[data-zoom=in-out],
[data-zoom=in] {
  transform: scale(0.5);
  opacity: 0;
  transform-origin: left bottom;
}
@media (prefers-reduced-motion: reduce) {
  [data-zoom=in-out],
  [data-zoom=in] {
    transform: none !important;
    opacity: 1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-zoom=out] {
    transform: none !important;
    opacity: 1 !important;
  }
}

[data-zoom-orig=center-bottom] {
  transform-origin: center bottom;
}

[data-card=in-out] [data-card-item],
[data-card=in] [data-card-item] {
  filter: blur(5px);
  opacity: 0;
  transform-origin: left bottom;
}
@media (prefers-reduced-motion: reduce) {
  [data-card=in-out] [data-card-item],
  [data-card=in] [data-card-item] {
    transform: none !important;
    opacity: 1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-card=out] [data-card-item] {
    transform: none !important;
    opacity: 1 !important;
  }
}

[data-type-in] {
  max-width: 90vw;
}
[data-type-in] .c-anim-char {
  display: inline-block;
}

[data-fade=in] {
  opacity: 0;
  filter: blur(10px);
}
@media (prefers-reduced-motion: reduce) {
  [data-fade=in] {
    opacity: 1 !important;
  }
}

[data-fade=in-up] {
  opacity: 0;
  transform: translateY(20px);
  filter: blur(10px);
}
@media (prefers-reduced-motion: reduce) {
  [data-fade=in-up] {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

.path-pc__base {
  fill: #fff;
  -webkit-mask: url(#path-pc-mask);
          mask: url(#path-pc-mask);
}
.path-pc__mask {
  stroke-miterlimit: 500;
  stroke: #fff;
  stroke-dashoffset: 0 !important;
}
.path-pc__mask.--mask-pc-1 {
  stroke-dasharray: 990 990;
  stroke-dashoffset: 990;
}
.path-pc__mask.--mask-pc-2 {
  stroke-dasharray: 1180 1180;
  stroke-dashoffset: 1180;
}
.path-pc__mask.--mask-pc-3 {
  stroke-dasharray: 1240 1240;
  stroke-dashoffset: 1240;
}
.path-pc__mask.--mask-pc-4 {
  stroke-dasharray: 1300 1300;
  stroke-dashoffset: 1300;
}
.path-pc__mask.--mask-pc-5 {
  stroke-dasharray: 1320 1320;
  stroke-dashoffset: 1320;
}
.path-pc__mask.--mask-pc-6 {
  stroke-dasharray: 1410 1410;
  stroke-dashoffset: 1410;
}
.path-pc__mask.--mask-pc-7 {
  stroke-dasharray: 1320 1320;
  stroke-dashoffset: 1320;
}
.path-pc__mask.--mask-pc-8 {
  stroke-dasharray: 1820 1820;
  stroke-dashoffset: 1820;
}

.c-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../img/common/bg-sticky.webp) no-repeat top center/cover;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .c-bg {
    background-image: url(../img/common/bg-sticky-sp.webp);
  }
}

.c-card-place {
  padding: sizeY(50) sizeX(30) sizeY(40);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  color: #ffffff;
  text-align: center;
}
.c-card-place__name {
  margin-top: sizeY(10);
  font-size: clamp(12px * 1, 100vw * 12 / 1365, 19.2px);
  font-weight: 700;
  line-height: 1.5833333333;
  min-height: 3.1666em;
  display: grid;
  place-items: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c-card-place__place {
  font-size: clamp(8.5px * 1, 100vw * 8.5 / 1365, 11.05px);
  font-weight: 700;
  letter-spacing: 0.16em;
  border-top: 1px dotted #ffffff;
  padding-top: sizeY(10);
  margin-top: sizeY(10);
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.c-card-place__text {
  font-size: clamp(9.5px * 1, 100vw * 9.5 / 1365, 12.35px);
  font-weight: 500;
  line-height: 1.5833333333;
}

.c-category {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7142857143rem;
}
@media screen and (max-width: 767px) {
  .c-category {
    padding-top: 2.8571428571rem;
    padding-bottom: 0;
    gap: 1.3333333333rem;
    justify-content: center;
    align-items: center;
  }
}
.c-category.--mt30 {
  margin-top: 2.1428571429rem;
}
@media screen and (max-width: 767px) {
  .c-category.--mt30 {
    margin-top: 2.5rem;
  }
}
.c-category__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 11.7142857143rem;
  padding: 0.3571428571rem 0;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 0;
  border-radius: 9999px;
  border: 1.5px solid #28292b;
  background: #fff;
  color: #28292b;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
@media (any-hover: hover) {
  .c-category__btn:hover {
    background: #28292b;
    color: #ffffff;
  }
}
.c-category__btn:focus-visible {
  background: #28292b;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .c-category__btn {
    font-size: 1.1666666667rem;
  }
}

/* ✅ 「選択中（黒塗り）」は aria-current="page" / .is-active / .--select で判定 */
.c-category__btn[aria-current=page],
.c-category__btn.is-active,
.c-category__btn.--select {
  background: #28292b;
  color: #ffffff;
}

.c-editor {
  font-size: 1.1428571429rem;
  font-weight: 400;
  line-height: 1.9;
}
@media screen and (max-width: 767px) {
  .c-editor {
    font-size: 1.1666666667rem;
  }
}
.c-editor > * + * {
  margin-top: 1.7142857143rem;
}
.c-editor h2 {
  margin-top: 4rem !important;
  font-size: 1.7142857143rem;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-editor h2 {
    margin-top: 3.3333333333rem !important;
    font-size: 1.5833333333rem;
  }
}
.c-editor h3 {
  margin-top: 2.8571428571rem !important;
  font-size: 1.4285714286rem;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-editor h3 {
    margin-top: 2.6666666667rem !important;
    font-size: 1.4166666667rem;
  }
}
.c-editor h4 {
  margin-top: 2.2857142857rem !important;
  font-size: 1.2857142857rem;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-editor h4 {
    margin-top: 2rem !important;
    font-size: 1.25rem;
  }
}
.c-editor a {
  color: #183f7b;
  text-decoration: underline;
}
.c-editor ul,
.c-editor ol {
  padding-left: 1.4em;
}
.c-editor ul li + li,
.c-editor ol li + li {
  margin-top: 0.5714285714rem;
}
.c-editor ul ul,
.c-editor ul ol,
.c-editor ol ul,
.c-editor ol ol {
  margin-top: 0.5714285714rem;
}
.c-editor ul li {
  list-style: disc;
}
.c-editor ol li {
  list-style: decimal;
}
.c-editor img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5714285714rem;
}
.c-editor hr {
  border: none;
  border-top: 1px solid rgba(40, 41, 43, 0.25);
}
.c-editor blockquote {
  padding: 1.4285714286rem 1.7142857143rem;
  border-left: 4px solid #183f7b;
  background-color: rgba(24, 63, 123, 0.04);
}
.c-editor blockquote > * + * {
  margin-top: 0.8571428571rem;
}
.c-editor code {
  padding: 0.2em 0.4em;
  border-radius: 4px;
  background-color: #f1f1f1;
  font-size: 0.9em;
}
.c-editor table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .c-editor table {
    font-size: 1rem;
  }
}
.c-editor table th,
.c-editor table td {
  padding: 0.8571428571rem;
  border: 1px solid rgba(40, 41, 43, 0.25);
  text-align: left;
}
.c-editor table th {
  background-color: rgba(24, 63, 123, 0.06);
}

.c-form__row {
  margin-top: 2.2857142857rem;
}
.c-form__row:first-child {
  margin-top: 0;
}
.c-form__label-wrap {
  display: flex;
  align-items: center;
  gap: 0.5714285714rem;
}
.c-form__label {
  font-size: 0.8571428571rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-form__label {
    font-size: 1rem;
  }
}
.c-form__required {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.1428571429rem 0.7142857143rem;
  border-radius: 100vh;
  background-color: #7d5aff;
  color: #ffffff;
  font-size: 0.7142857143rem;
  font-weight: 500;
  line-height: 1.6;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .c-form__required {
    font-size: 0.6666666667rem;
  }
}
.c-form__note {
  font-size: 0.8571428571rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #7d5aff;
}
.c-form__control {
  margin-top: 0.5714285714rem;
}
.c-form__input, .c-form__textarea {
  width: 100%;
  padding: 0.7142857143rem 2.1428571429rem;
  border-radius: 1.1428571429rem;
  font-size: 1.0714285714rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: #28292b;
  background-color: #ffffff;
  transition: border-color 0.2s;
}
@media screen and (max-width: 767px) {
  .c-form__input, .c-form__textarea {
    border-radius: 0.6666666667rem;
    font-size: 1rem;
    padding: 0.8333333333rem 2.5rem;
  }
}
.c-form__input::-moz-placeholder, .c-form__textarea::-moz-placeholder {
  color: #c6c7c7;
}
.c-form__input::placeholder, .c-form__textarea::placeholder {
  color: #c6c7c7;
}
.c-form__input:focus-visible, .c-form__textarea:focus-visible {
  outline: none;
  border-color: #183f7b;
}
.c-form__input[aria-invalid=true], .c-form__textarea[aria-invalid=true] {
  border-color: #e2453c;
}
.c-form__textarea {
  resize: vertical;
  min-height: 11.4285714286rem;
}
.c-form__radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1.1428571429rem 2.2857142857rem;
}
.c-form__radio, .c-form__checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.5714285714rem;
  font-size: 1.0714285714rem;
  line-height: 1.6;
  cursor: pointer;
}
.c-form__radio input, .c-form__checkbox input {
  -webkit-appearance: auto;
  -moz-appearance: auto;
       appearance: auto;
  width: 1.2857142857rem;
  height: 1.2857142857rem;
  accent-color: #183f7b;
  flex-shrink: 0;
}
.c-form__radio a, .c-form__checkbox a {
  color: #183f7b;
  text-decoration: underline;
}
.c-form__error {
  margin-top: 0.5714285714rem;
  font-size: 0.9285714286rem;
  color: #e2453c;
}
.c-form__error--page {
  text-align: center;
  margin-bottom: 1.7142857143rem;
}
.c-form__privacy {
  margin-top: 4.2857142857rem;
}
@media screen and (max-width: 767px) {
  .c-form__privacy {
    margin-top: 1.8333333333rem;
  }
}
.c-form__privacy-note {
  font-size: 0.9285714286rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2.3;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-form__privacy-note {
    font-size: 1rem;
  }
}
.c-form__privacy-required {
  color: #e2453c;
}
.c-form__privacy-box {
  max-height: 15.7142857143rem;
  margin-top: 1.4285714286rem;
  padding: 2rem 1.7142857143rem;
  overflow-y: auto;
  border-radius: 0.8571428571rem;
  background-color: #ffffff;
  -webkit-overflow-scrolling: touch;
  color: #28292b;
}
@media screen and (max-width: 767px) {
  .c-form__privacy-box {
    max-height: 16.6666666667rem;
    margin-top: 1.3333333333rem;
    padding: 1.6666666667rem 1.3333333333rem;
    border-radius: 0.8333333333rem;
  }
}
.c-form__privacy-ttl {
  margin-bottom: 1.1428571429rem;
  font-size: 0.8571428571rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.7;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-form__privacy-ttl {
    margin-bottom: 1rem;
    font-size: 1.1666666667rem;
  }
}
.c-form__privacy-box p {
  font-size: 0.7857142857rem;
  letter-spacing: 0.04em;
  font-weight: 500;
  line-height: 1.8;
}
.c-form__privacy-box p + p {
  margin-top: 0.8571428571rem;
}
@media screen and (max-width: 767px) {
  .c-form__privacy-box p {
    font-size: 1rem;
  }
}
.c-form__privacy .c-form__checkbox {
  display: flex;
  justify-content: center;
  margin-top: 2.2857142857rem;
  color: #7d5aff;
  font-size: 0.8571428571rem;
}
@media screen and (max-width: 767px) {
  .c-form__privacy .c-form__checkbox {
    margin-top: 1.3333333333rem;
  }
}
.c-form__privacy .c-form__checkbox span {
  font-family: "Noto Serif JP", sans-serif;
  letter-spacing: 0.03em;
}
.c-form__submit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  gap: 1.0714285714rem;
  margin-top: 3.7857142857rem;
}
@media screen and (max-width: 767px) {
  .c-form__submit {
    width: 100%;
    margin-inline: auto;
    margin-top: 5rem;
  }
}
.c-form__btn {
  min-width: 18.3571428571rem;
  justify-content: center;
}
.c-form__btn.--secondary {
  background-color: #898989;
  color: #ffffff;
}

.c-form-confirm {
  max-width: 42.8571428571rem;
  margin: 8.4285714286rem auto 0;
}
@media screen and (max-width: 767px) {
  .c-form-confirm {
    margin-top: 4rem;
  }
}
.c-form-confirm__row {
  display: grid;
  grid-template-columns: 17.1428571429rem 1fr;
  gap: 1.9285714286rem;
  padding: 1.7142857143rem 0;
  border-bottom: 1px solid #c6c7c7;
}
.c-form-confirm__row:first-child {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .c-form-confirm__row {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    padding: 2rem 0;
  }
}
.c-form-confirm__label {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.7857142857rem;
  font-size: 1rem;
  font-weight: 700;
  color: #7d5aff;
}
@media screen and (max-width: 767px) {
  .c-form-confirm__label {
    font-size: 1.0833333333rem;
    align-items: center;
    gap: 1rem;
  }
}
.c-form-confirm__value {
  font-size: 1.0714285714rem;
  line-height: 1.8;
  word-break: break-word;
  color: #28292b;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c-form-confirm__value {
    font-size: 1rem;
  }
}

.p-top-mv {
  font-size: clamp(14px * 0.6, 100vw * 14 / 1365, 21px);
  padding-top: 8.2142857143em;
  opacity: 0;
  transition: opacity 0.5s linear;
}
@media screen and (max-width: 767px) {
  .p-top-mv {
    font-size: clamp(15px * 0.6, 100vw * 15 / 375, 37.5px);
    padding-top: 2.8666666667em;
  }
}
.init .p-top-mv {
  opacity: 1;
}
.p-top-mv__main {
  position: relative;
  max-width: 73.7857142857em;
  width: 90%;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-top-mv__main {
    width: 100%;
  }
}

.p-top-mv-images {
  position: relative;
  aspect-ratio: 1033/550;
  clip-path: url(#mv-clip);
}
@media screen and (max-width: 767px) {
  .p-top-mv-images {
    aspect-ratio: 375/503;
  }
}
.p-top-mv-images__clip-defs {
  position: absolute;
}
.p-top-mv-images img {
  width: 100%;
  aspect-ratio: 1033/550;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 767px) {
  .p-top-mv-images img {
    aspect-ratio: 375/503;
  }
}

.p-top-mv-content__logo {
  position: absolute;
  bottom: -3.5714285714rem;
  left: 50%;
  transform: translateX(-50%);
  width: 26.2857142857em;
  z-index: 20;
}
@media screen and (max-width: 767px) {
  .p-top-mv-content__logo {
    width: 17.3466666667em;
    bottom: -4.2786666667em;
  }
}
.p-top-mv-content__copy {
  position: absolute;
  top: 3.8421052632em;
  right: 0;
  transform: translateX(50%);
  font-size: 1.3571428571em;
  writing-mode: vertical-rl;
  display: flex;
  flex-direction: column;
  gap: 0.4736842105em;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top-mv-content__copy {
    top: 1.4em;
    font-size: 1em;
    right: 50%;
    transform: translateX(50%);
  }
}
.p-top-mv-content__line {
  display: block;
  padding: 0.7619047619em 0.380952381em;
  background-color: #7d5aff;
  color: #ffffff;
  line-height: 1;
  letter-spacing: 0.2857142857em;
  clip-path: inset(0 0 0.8571428571em 0);
  font-weight: 700;
}
.p-top-mv-content__line.--maru {
  clip-path: inset(0 0 1.0476190476em 0);
}
.p-top-mv-content__line-text {
  white-space: nowrap;
  display: block;
}
.p-top-mv-content__banner {
  position: absolute;
  top: 5.2142857143em;
  left: 0;
  transform: translateX(-50%);
  width: 16.2142857143em;
}
@media screen and (max-width: 767px) {
  .p-top-mv-content__banner-sp {
    transform: none;
    width: 19em;
    margin-inline: auto;
    margin-top: 4.2666666667em;
    position: relative;
    top: auto;
    left: auto;
  }
}

.p-top-mv-marquee {
  position: relative;
  margin-top: -100px;
  padding-top: 205px;
  overflow: hidden;
  height: 321px;
}
@media screen and (max-width: 767px) {
  .p-top-mv-marquee {
    padding-top: 280px;
    height: 396px;
  }
}
.p-top-mv-marquee__imgs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-top-mv-marquee__imgs {
    top: 75px;
  }
}
.p-top-mv-marquee__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.p-top-mv-marquee__img.--play {
  animation: walker 18s steps(45) infinite;
}
@media screen and (max-width: 767px) {
  .p-top-mv-marquee__img.--play {
    animation: walker-sp 14.4s steps(36) infinite;
  }
}
@keyframes walker {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-120vw);
  }
}
@keyframes walker-sp {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-220vw);
  }
}
.p-top-mv-marquee__img img {
  width: 321px;
}
.p-top-mv-marquee__img.--img1 {
  left: calc(300px + 0vw);
}
@media screen and (max-width: 767px) {
  .p-top-mv-marquee__img.--img1 {
    left: calc(150px + 0vw);
  }
}
.p-top-mv-marquee__img.--img2 {
  left: calc(300px + 60vw);
}
@media screen and (max-width: 767px) {
  .p-top-mv-marquee__img.--img2 {
    left: calc(150px + 110vw);
  }
}
.p-top-mv-marquee__img.--img3 {
  left: calc(300px + 120vw);
}
@media screen and (max-width: 767px) {
  .p-top-mv-marquee__img.--img3 {
    left: calc(150px + 220vw);
  }
}
.p-top-mv-marquee__img.--img4 {
  left: calc(300px + 180vw);
}
@media screen and (max-width: 767px) {
  .p-top-mv-marquee__img.--img4 {
    left: calc(150px + 330vw);
  }
}
.p-top-mv-marquee__texts {
  height: 116px;
  padding-top: 56px;
  overflow: hidden;
  background-color: #ffffff;
  font-size: 22px;
  white-space: nowrap;
}
.p-top-mv-marquee__text {
  display: inline-block;
  padding-right: 1em;
  animation: marquee 30s linear infinite;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.p-top-what {
  padding-top: 6.2857142857rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top-what {
    padding-top: 5.3333333333rem;
  }
}
.p-top-what__inner {
  box-sizing: content-box;
  max-width: 73.1428571429rem;
  padding: 0 7.1428571429rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-top-what__inner {
    padding: 0;
  }
}
.p-top-what__contents {
  position: relative;
}
.p-top-what__lead {
  font-size: 2.1428571429rem;
  line-height: 1.5;
  margin-bottom: 6.8571428571rem;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 767px) {
  .p-top-what__lead {
    font-size: 1.8333333333rem;
    line-height: 1.5;
    margin-top: 10rem;
    margin-bottom: 5.3333333333rem;
  }
}
.p-top-what__lead-line {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #7d5aff;
  padding: 0 1.0214285714rem 0 1.2142857143rem;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.8s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .p-top-what__lead-line {
    padding-left: 1.5rem;
  }
}
.is-scrolled .p-top-what__lead-line:nth-child(1) {
  transition-delay: 0.2s;
}
.is-scrolled .p-top-what__lead-line:nth-child(2) {
  transition-delay: 0.4s;
}
.is-scrolled .p-top-what__lead-line:nth-child(3) {
  transition-delay: 0.6s;
}
.is-scrolled .p-top-what__lead-line:nth-child(4) {
  transition-delay: 0.8s;
}
.is-scrolled .p-top-what__lead-line {
  clip-path: inset(0 0 0 0);
}
.p-top-what__lead-line.--short {
  padding-right: 0.1642857143rem;
}
.p-top-what__lead-line + .p-top-what__lead-line {
  margin-top: 1.2857142857rem;
}
@media screen and (max-width: 767px) {
  .p-top-what__sublead {
    margin-top: 3.3333333333rem;
    line-height: 1.8947368421;
    letter-spacing: 0.14em;
    font-weight: 700;
    padding-left: 2rem;
    font-size: 1.5833333333rem;
  }
}
.p-top-what__text {
  font-size: 1rem;
  line-height: 2.1428571429;
  color: #7d5aff;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-top-what__text {
    font-size: 1.0833333333rem;
    line-height: 2.0769230769;
    letter-spacing: 0.08em;
    padding-left: 2rem;
    margin-top: 2rem;
  }
}
.p-top-what__text + .p-top-what__text {
  margin-top: 2.1428571429em;
}
.p-top-what__more {
  margin-top: 3.2857142857rem;
}
.p-top-what__more a {
  max-width: 22.9285714286rem;
  height: 3.9285714286rem;
  font-size: 1.4285714286rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 767px) {
  .p-top-what__more a {
    max-width: 21.4166666667rem;
  }
}

.p-top-what-images {
  position: absolute;
  top: 0;
  left: 34.0221428571rem;
  width: 59.4764285714rem;
  padding-top: 7.3571428571rem;
}
@media screen and (max-width: 767px) {
  .p-top-what-images {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    padding-top: 4.74rem;
  }
}
.p-top-what-images__person {
  position: absolute;
  z-index: 20;
}
.p-top-what-images__person img {
  display: block;
  animation: upDown 4s ease-in-out infinite alternate;
  transform: translateY(-10px);
}
@keyframes upDown {
  from {
    transform: translateY(-10px);
  }
  to {
    transform: translateY(10px);
  }
}
.p-top-what-images__person.--person-1 {
  width: 10.2192857143rem;
  top: 14.1385714286rem;
  left: 0.5714285714rem;
}
@media screen and (max-width: 767px) {
  .p-top-what-images__person.--person-1 {
    width: 6.5883333333rem;
    top: 27.9666666667rem;
    left: 23.5rem;
  }
}
.p-top-what-images__person.--person-1 img {
  animation-duration: 4s;
  animation-delay: 1s;
}
.p-top-what-images__person.--person-2 {
  width: 12.2514285714rem;
  top: 0.7678571429rem;
  left: 7.3514285714rem;
}
@media screen and (max-width: 767px) {
  .p-top-what-images__person.--person-2 {
    width: 7.8933333333rem;
    top: 3.9666666667rem;
    left: 0.9166666667rem;
  }
}
.p-top-what-images__person.--person-2 img {
  animation-duration: 3.9s;
  animation-delay: 2s;
}
.p-top-what-images__person.--person-3 {
  width: 18.5678571429rem;
  top: -1.5521428571rem;
  left: 15.7757142857rem;
}
@media screen and (max-width: 767px) {
  .p-top-what-images__person.--person-3 {
    width: 11.9508333333rem;
    top: 0rem;
    left: 8.75rem;
  }
}
.p-top-what-images__person.--person-3 img {
  animation-duration: 4.1s;
  animation-delay: 3s;
}
.p-top-what-images__person.--person-4 {
  width: 9.3171428571rem;
  top: 1.8592857143rem;
  left: 37.8785714286rem;
}
@media screen and (max-width: 767px) {
  .p-top-what-images__person.--person-4 {
    width: 6.0083333333rem;
    top: 2.3833333333rem;
    left: 23rem;
  }
}
.p-top-what-images__person.--person-4 img {
  animation-duration: 4.2s;
  animation-delay: 4s;
}
.p-top-what-images__map {
  position: absolute;
  top: 53.5421428571rem;
  left: 11.2142857143rem;
  width: 35.2857142857rem;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .p-top-what-images__map {
    top: 31.3833333333rem;
    left: 3.5833333333rem;
    width: 22.3825rem;
  }
}

.p-top-what-points {
  margin-top: 7.7857142857rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(29px * 0.1, 100vw * 29 / 1365, 29px);
  counter-reset: top-what-point;
}
@media screen and (max-width: 1023px) {
  .p-top-what-points {
    margin-inline: -5.7142857143rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-what-points {
    margin-top: 5.3333333333rem;
    grid-template-columns: 1fr;
    gap: 4.4166666667rem;
    width: calc(100% - 2.5rem);
    margin-inline: auto;
  }
}
.p-top-what-points__item {
  background-color: #ffffff;
  position: relative;
  counter-increment: top-what-point;
}
.p-top-what-points__num {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.5778571429rem;
  height: 2.175rem;
  background-color: #ffffff;
  border-radius: 100vh;
  border: 1px solid #7d5aff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.25em;
}
@media screen and (max-width: 767px) {
  .p-top-what-points__num {
    width: 9.5766666667rem;
    height: 2.7491666667rem;
  }
}
.p-top-what-points__num-text {
  display: flex;
  align-items: baseline;
  gap: 0.5em;
}
.p-top-what-points__num-text::before {
  content: "Point";
  font-size: 1.0714285714rem;
}
@media screen and (max-width: 767px) {
  .p-top-what-points__num-text::before {
    font-size: 1.3333333333rem;
  }
}
.p-top-what-points__num-text::after {
  content: counter(top-what-point);
  font-size: 1.5714285714rem;
}
@media screen and (max-width: 767px) {
  .p-top-what-points__num-text::after {
    font-size: 1.9166666667rem;
  }
}
.p-top-what-points__title {
  font-size: 1.1428571429rem;
  line-height: 1.5;
  margin-bottom: 1.1428571429rem;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.09em;
  background-color: #7d5aff;
  text-align: center;
  padding: 2.3271428571rem 0 1.8128571429rem;
}
@media screen and (max-width: 1023px) {
  .p-top-what-points__title {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-what-points__title {
    font-size: 1.4166666667rem;
    line-height: 1.6470588235;
    margin-bottom: 0.3333333333rem;
    padding: 2.975rem 0 2.2908333333rem;
  }
}
.p-top-what-points__text {
  font-size: 10px;
  font-weight: 500;
  line-height: 2;
  padding: 0 1.6778571429rem 0.8571428571rem;
}
@media screen and (max-width: 767px) {
  .p-top-what-points__text {
    font-size: 0.9166666667rem;
    line-height: 1.8181818182;
    padding: 0 2rem 1.25rem;
  }
}

.p-top-schedule {
  padding-top: 5.7142857143rem;
  padding-bottom: 1.7857142857rem;
  margin-bottom: -1.7857142857rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top-schedule {
    padding-top: 10rem;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.p-top-schedule__inner {
  box-sizing: content-box;
  max-width: 84rem;
  padding: 0 1.7142857143rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-top-schedule__inner {
    padding: 0;
  }
}
.p-top-schedule__inner .c-ttl-ribbon {
  margin-left: 0.4285714286rem;
  margin-bottom: 0.2em;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top-schedule__inner .c-ttl-ribbon {
    margin-left: 0;
  }
}
.p-top-schedule__contents {
  position: relative;
}
.p-top-schedule__header {
  display: flex;
  align-items: center;
  gap: 3.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-top-schedule__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-top-schedule__lead {
  font-size: 1rem;
  line-height: 1.7857142857;
  margin-bottom: 1.1428571429rem;
  font-weight: 700;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 767px) {
  .p-top-schedule__lead {
    font-size: 1.1666666667rem;
    margin-bottom: 1.3333333333rem;
    padding-left: 2.1666666667rem;
  }
}
.p-top-schedule__main {
  margin-top: 2.8571428571rem;
  display: grid;
  padding-right: 9.2857142857rem;
  grid-template-columns: 1fr 26.0714285714rem;
  background-color: #ffffff;
  position: relative;
  z-index: 10;
  border-radius: 4.5714285714rem;
}
@media screen and (max-width: 999px) {
  .p-top-schedule__main {
    padding-right: 2.8571428571rem;
    grid-template-columns: 1fr 22.8571428571rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-schedule__main {
    margin-top: 3.3333333333rem;
    padding-right: 0;
    grid-template-columns: 1fr;
    width: calc(100% - 2.5rem);
    margin-inline: auto;
    gap: 2.6666666667rem;
    padding-top: 4.6666666667rem;
  }
}
.p-top-schedule__info {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  align-items: center;
  padding-top: 0;
  gap: 4.1428571429rem;
  transform: translateY(1.8214285714rem);
}
@media screen and (max-width: 999px) {
  .p-top-schedule__info {
    gap: 2.1428571429rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-schedule__info {
    transform: none;
  }
}
.p-top-schedule__info-top {
  display: grid;
  gap: 1.6428571429rem;
  max-width: 28.7142857143rem;
  width: 75%;
}
.p-top-schedule__logo {
  padding-left: 1.4285714286rem;
  padding-right: 1rem;
}
.p-top-schedule__sample {
  margin-top: -1.7857142857rem;
  margin-bottom: -1.5714285714rem;
  display: block;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-top-schedule__sample {
    margin-top: 0;
    margin-bottom: 0;
    margin-inline: -1.25rem;
  }
}
.p-top-schedule__btn {
  display: flex;
  justify-content: center;
}
.p-top-schedule__btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20rem;
  height: 5.8571428571rem;
  background-color: #000;
  color: #ffffff;
  font-size: 1.1428571429rem;
  line-height: 1.5625;
  font-weight: 700;
  letter-spacing: 0.09em;
  border-radius: 100vh;
  text-align: center;
}

.p-top-map {
  padding-top: 9.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-top-map {
    padding-top: 8.3333333333rem;
  }
}
.p-top-map__inner {
  box-sizing: content-box;
  max-width: 84rem;
  padding: 0 1.7142857143rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-top-map__inner {
    padding: 0;
  }
}
.p-top-map__inner .c-ttl-ribbon {
  margin-left: 0.4285714286rem;
  margin-bottom: 0.2em;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top-map__inner .c-ttl-ribbon {
    margin-left: 0;
  }
}
.p-top-map__contents {
  position: relative;
}
.p-top-map__header {
  display: flex;
  align-items: center;
  gap: 3.4285714286rem;
}
@media screen and (max-width: 1023px) {
  .p-top-map__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.7142857143rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-map__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
}
.p-top-map__lead {
  font-size: 1rem;
  line-height: 1.7857142857;
  font-weight: 700;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 767px) {
  .p-top-map__lead {
    font-size: 1.1666666667rem;
    line-height: 1.7857142857;
    padding-left: 1.25rem;
  }
}
.p-top-map__main {
  max-width: 66.7857142857rem;
  margin-top: 4.5714285714rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-top-map__main {
    padding-inline: 1.25rem;
  }
}
.p-top-map__download {
  margin-top: 2.8571428571rem;
}
.p-top-map__download a {
  max-width: 20rem;
  width: 100%;
  height: 5.8571428571rem;
  display: flex;
  text-align: center;
  justify-content: center;
  font-size: 1.1428571429rem;
  font-weight: 700;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 767px) {
  .p-top-map__download a {
    max-width: 18.3333333333rem;
    height: 5.3333333333rem;
    font-size: 1.1666666667rem;
  }
}
.p-top-map__archive {
  margin-top: 2.8571428571rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-top-map__archive {
    margin-top: 4.5rem;
    flex-direction: column;
    gap: 2.1666666667rem;
  }
}
.p-top-map__archive-text {
  font-size: 1rem;
  line-height: 2.1428571429;
  font-weight: 700;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 767px) {
  .p-top-map__archive-text {
    font-size: 1.1666666667rem;
    line-height: 1.7142857143;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-top-map__archive-link {
    width: 100%;
  }
}
.p-top-map__archive-link a {
  max-width: 13.3571428571rem;
  width: 100%;
  height: 2.7142857143rem;
  text-align: center;
  justify-content: center;
  font-size: 1.1428571429rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-top-map__archive-link a {
    max-width: 15.5833333333rem;
    height: 3.1666666667rem;
    font-size: 1.3333333333rem;
    width: 100%;
    flex-shrink: 0;
  }
}

.p-top-actions {
  margin-top: 14.2857142857rem;
  background-color: #7d5aff;
  color: #ffffff;
  position: relative;
  padding-top: 1px;
  padding-bottom: 4.7142857143rem;
}
@media screen and (max-width: 767px) {
  .p-top-actions {
    margin-top: 11.9166666667rem;
    padding-bottom: 5.5rem;
  }
}
.p-top-actions__inner {
  max-width: 69.3571428571rem;
  margin-inline: auto;
  box-sizing: content-box;
  padding-inline: 3.5714285714rem;
}
@media screen and (max-width: 767px) {
  .p-top-actions__inner {
    padding-inline: 0;
  }
}
.p-top-actions__contents {
  position: relative;
}
.p-top-actions__people {
  margin-top: -6.7857142857rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (max-width: 767px) {
  .p-top-actions__people {
    margin-top: -7.9166666667rem;
  }
}
.p-top-actions__people-item {
  grid-row: 1/2;
  grid-column: 1/2;
}
.p-top-actions__ttl {
  font-size: 3.9285714286rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-align: center;
  margin-top: -0.5714285714rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .p-top-actions__ttl {
    font-size: 3.3333333333rem;
    margin-top: 3.3333333333rem;
    margin-bottom: 2.3333333333rem;
  }
}
.p-top-actions__lead {
  font-size: 1.1428571429rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-align: center;
  margin-bottom: 0.5714285714rem;
}
.p-top-actions__text {
  font-size: 0.7857142857rem;
  line-height: 2.0909090909;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-top-actions__text {
    font-size: 1rem;
    line-height: 1.6153846154;
    padding-left: 2.4166666667rem;
    padding-right: 1.0833333333rem;
    margin-bottom: 2.4166666667rem;
    margin-top: 2.3333333333rem;
    text-align: left;
  }
  .p-top-actions__text br {
    display: none;
  }
}
.p-top-actions__link {
  margin-top: 1.7142857143rem;
}
@media screen and (max-width: 767px) {
  .p-top-actions__link {
    margin-top: 4.6666666667rem;
  }
}
.p-top-actions__link a {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 14.8571428571rem;
  width: 100%;
  height: 3.0714285714rem;
  font-size: 1.2857142857rem;
  letter-spacing: 0.09em;
  line-height: 1;
  padding-block: 0.3em 0em;
}
@media screen and (max-width: 767px) {
  .p-top-actions__link a {
    max-width: 15.5rem;
    height: 3.25rem;
    font-size: 1.3333333333rem;
  }
}

.p-top-actions-slider__slide {
  padding: 0 1.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-top-actions-slider__slide {
    padding: 0 0.9166666667rem;
  }
}
.p-top-actions-slider__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.1428571429rem;
  margin-top: 2.1428571429rem;
}
.p-top-actions-slider__arrow {
  max-width: 2.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-top-actions-slider__arrow {
    max-width: 3.3333333333rem;
  }
}

.p-value {
  margin-top: 8.5714285714rem;
  padding-top: 5.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-value {
    margin-top: 5rem;
    padding-top: 3rem;
  }
}

.p-value-cases {
  margin-top: 6.8571428571rem;
  display: flex;
  flex-direction: column;
  gap: 5.1428571429rem;
  counter-reset: case;
}
@media screen and (max-width: 767px) {
  .p-value-cases {
    margin-top: 4rem;
    gap: 3rem;
    max-width: 530px;
    margin-inline: auto;
  }
}
.p-value-cases__item {
  background-color: #cdf5d0;
  padding: 2.5714285714rem;
  border-radius: 1.2857142857rem;
  border: 1px solid rgba(40, 41, 43, 0.25);
  counter-increment: case;
}
@media screen and (max-width: 767px) {
  .p-value-cases__item {
    padding: 1.5rem;
    border-radius: 0.75rem;
  }
}
.p-value-cases__ttl {
  display: flex;
  align-items: baseline;
  font-size: 1.7142857143rem;
  font-weight: 500;
  padding-bottom: 0.4285714286rem;
  border-bottom: 1px solid #28292b;
}
@media screen and (max-width: 767px) {
  .p-value-cases__ttl {
    font-size: 1.1666666667rem;
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 389px) {
  .p-value-cases__ttl {
    flex-direction: column;
    gap: 0.3333333333rem;
  }
}
.p-value-cases__ttl::before {
  content: "case 0" counter(case);
  font-size: 1.7142857143rem;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #28292b;
  display: block;
  width: 10.0714285714rem;
}
@media screen and (max-width: 767px) {
  .p-value-cases__ttl::before {
    font-size: 1rem;
    width: 6rem;
  }
}
.p-value-cases__troubles {
  margin-top: 3.4285714286rem;
  display: grid;
  grid-template-columns: 12.2857142857rem 1fr;
  gap: 1.7142857143rem;
}
@media screen and (max-width: 1279px) {
  .p-value-cases__troubles {
    grid-template-columns: 1fr;
    gap: 0.8571428571rem;
  }
}
@media screen and (max-width: 767px) {
  .p-value-cases__troubles {
    margin-top: 2rem;
    gap: 1rem;
  }
}
.p-value-cases__troubles-ttl {
  font-size: 0.8571428571rem;
  padding: 0.4285714286rem 0.8571428571rem;
  color: #ffffff;
  background-color: #28292b;
  border-radius: 0.5714285714rem;
  align-self: start;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .p-value-cases__troubles-ttl {
    font-size: 0.8333333333rem;
    padding: 0.3333333333rem 0.8333333333rem;
    border-radius: 0.6666666667rem;
    font-weight: 700;
  }
}
.p-value-cases__troubles-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px * 0.1, 100vw * 24 / 1365, 24px);
}
@media screen and (max-width: 767px) {
  .p-value-cases__troubles-list {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.p-value-cases__troubles-item {
  display: flex;
  flex-direction: column;
  padding: 1.1428571429rem;
  border: 1px solid rgba(40, 41, 43, 0.25);
  border-radius: 0.5714285714rem;
  font-weight: 500;
}
@media screen and (max-width: 1099px) {
  .p-value-cases__troubles-item {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-value-cases__troubles-item {
    display: flex;
    padding: 1rem;
    border-radius: 0.6666666667rem;
  }
}
@media screen and (max-width: 374px) {
  .p-value-cases__troubles-item {
    display: block;
  }
}
.p-value-cases__list {
  margin-top: 3.4285714286rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px * 0.1, 100vw * 24 / 1365, 24px);
}
@media screen and (max-width: 767px) {
  .p-value-cases__list {
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-top: 2rem;
    max-width: 450px;
    margin-inline: auto;
  }
}
.p-value-cases__list-ttl {
  margin-top: 3.4285714286rem;
  font-size: 1.7142857143rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.7142857143rem;
}
@media screen and (max-width: 767px) {
  .p-value-cases__list-ttl {
    margin-top: 2rem;
    font-size: 1.5rem;
    font-weight: 500;
  }
}
.p-value-cases__list-ttl::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.2857142857rem;
  background-color: #28292b;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateY(20%);
}
@media screen and (max-width: 767px) {
  .p-value-cases__list-ttl::before {
    width: 1.3rem;
    height: 1.125rem;
  }
}
.p-value-cases__list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.7142857143rem;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1.1428571429rem;
  gap: 3.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-value-cases__list-item {
    padding: 1.5rem;
    border-radius: 1.3333333333rem;
    gap: 2rem;
  }
}
.p-value-cases__list-term {
  font-size: 1.4285714286rem;
  font-weight: 500;
  text-align: center;
  margin-inline: -0.8571428571rem;
  line-height: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-value-cases__list-term {
    font-size: 1.3333333333rem;
    line-height: 2.3333333333rem;
    margin-inline: -1rem;
  }
}
.p-value-cases__list-term .--small {
  font-size: 0.9em;
  display: block;
}
.p-value-cases__list-img {
  display: block;
  width: 16.8571428571rem;
}
@media screen and (max-width: 767px) {
  .p-value-cases__list-img {
    width: 14.6666666667rem;
  }
}
.p-value-cases__table {
  margin-top: 3.4285714286rem;
  display: grid;
  grid-template-columns: 1.7142857143rem repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .p-value-cases__table {
    margin-top: 2rem;
    grid-template-columns: 1fr;
  }
}
.p-value-cases__table-col {
  display: flex;
  flex-direction: column;
  counter-increment: case-table;
}
@media screen and (max-width: 767px) {
  .p-value-cases__table-col {
    display: grid;
    grid-template-columns: 4.6666666667rem 1fr;
    border-bottom: 1px solid #28292b;
  }
  .p-value-cases__table-col:last-child {
    border-bottom: none;
  }
}
.p-value-cases__table-col::before {
  display: block;
  padding-left: 1.7142857143rem;
  height: 1.4285714286rem;
  background-image: linear-gradient(to right, #28292b 50%, transparent 50%);
  background-size: 4px 1px;
  background-position: center bottom;
  background-repeat: repeat-x;
  font-size: 0.8571428571rem;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #28292b;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-value-cases__table-col::before {
    padding-top: 1.3333333333rem;
    padding-left: 0;
    height: auto;
    background-image: linear-gradient(to bottom, #28292b 50%, transparent 50%);
    background-size: 1px 4px;
    background-position: center right;
    background-repeat: repeat-y;
    font-size: 0.8333333333rem;
  }
}
@media screen and (max-width: 767px) {
  .p-value-cases__table-col:nth-child(1) {
    display: none;
  }
}
.p-value-cases__table-col:nth-child(1)::before {
  content: "";
}
.p-value-cases__table-col:nth-child(2) {
  counter-reset: case-table;
}
.p-value-cases__table-col:not(:first-child) {
  border-left: 1px solid #28292b;
}
@media screen and (max-width: 767px) {
  .p-value-cases__table-col:not(:first-child) {
    border-left: none;
  }
}
.p-value-cases__table-col:not(:first-child)::before {
  content: "Step 0" counter(case-table);
}
@media screen and (max-width: 767px) {
  .p-value-cases__table-col:last-child .p-value-cases__table-body {
    padding-bottom: 0;
  }
}
.p-value-cases__table-body {
  padding: 1.7142857143rem 1.7142857143rem 0;
  display: grid;
  gap: 0.8571428571rem;
}
@media screen and (max-width: 767px) {
  .p-value-cases__table-body {
    padding: 0.6666666667rem 0 2rem 1.3333333333rem;
    gap: 1rem;
  }
}
.p-value-cases__table-ttl {
  font-size: 1.4285714286rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-value-cases__table-ttl {
    font-size: 1.3333333333rem;
  }
}

.p-member {
  margin-top: 8.5714285714rem;
  padding-top: 5.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-member {
    margin-top: 5rem;
    padding-top: 3rem;
  }
}

.p-member-list {
  margin-top: 3.4285714286rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(40px * 0.1, 100vw * 40 / 1365, 40px);
  align-items: start;
}
@media screen and (max-width: 1279px) {
  .p-member-list {
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
  }
}
@media screen and (max-width: 767px) {
  .p-member-list {
    max-width: 500px;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.p-member-list__item {
  background-color: #ffffff;
  padding: 1.7142857143rem;
  border-radius: 0.8571428571rem;
  border: 1px solid #c9c9ca;
}
@media screen and (max-width: 767px) {
  .p-member-list__item {
    padding: 1.5rem;
    border-radius: 0.6666666667rem;
  }
}
.p-member-list__header {
  display: grid;
  grid-template-columns: 142fr 122fr;
  align-items: center;
  gap: 0.8571428571rem;
}
@media screen and (max-width: 1279px) {
  .p-member-list__header {
    grid-template-columns: 6.8571428571rem 1fr;
  }
}
@media screen and (max-width: 767px) {
  .p-member-list__header {
    grid-template-columns: 8rem 1fr;
    gap: 0;
  }
}
.p-member-list__name {
  padding-left: 1.7142857143rem;
}
@media screen and (max-width: 1279px) {
  .p-member-list__name {
    padding-left: 0.8571428571rem;
  }
}
@media screen and (max-width: 767px) {
  .p-member-list__name {
    padding-left: 2rem;
  }
}
.p-member-list__name-position {
  font-size: 0.8571428571rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-member-list__name-position {
    font-size: 1rem;
  }
}
.p-member-list__name-name {
  font-size: 1.2857142857rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-member-list__name-name {
    font-size: 1.3333333333rem;
  }
}
.p-member-list__description {
  margin-top: 1.7142857143rem;
}
@media screen and (max-width: 767px) {
  .p-member-list__description {
    margin-top: 1.5rem;
  }
}

.p-flow {
  margin-top: 8.5714285714rem;
  padding-top: 5.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-flow {
    margin-top: 5rem;
    padding-top: 3rem;
  }
}

.p-flow-list {
  margin-top: 6.8571428571rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(40px * 0.1, 100vw * 40 / 1365, 40px);
  counter-reset: flow;
}
@media screen and (max-width: 767px) {
  .p-flow-list {
    margin-top: 4rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}
.p-flow-list__item {
  counter-increment: flow;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-flow-list__item {
    display: grid;
    grid-template-columns: 5.25rem 1fr;
  }
}
.p-flow-list__item::before {
  content: "0" counter(flow);
  display: block;
  font-family: "Inter", sans-serif;
  font-size: 1.7142857143rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-flow-list__item::before {
    font-size: 1.5rem;
    width: 2.25rem;
    height: 4rem;
    display: grid;
    place-items: center;
  }
}
.p-flow-list__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 3.4285714286rem;
  height: 0.5714285714rem;
  background-image: url(../img/common/arrow-right-long-bitmap.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 7.8571428571rem;
  right: -3.1428571429rem;
  clip-path: inset(0 100% 0 0);
  transform: translateX(-20%);
  transition: transform 0.3s ease-in-out, clip-path 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .p-flow-list__item:not(:last-child)::after {
    background-image: url(../img/common/arrow-bottom-long-bitmap.webp);
    background-size: 100% auto;
    background-position: center bottom;
    width: 0.6133333333rem;
    height: calc(100% - 5rem);
    top: 5rem;
    right: auto;
    left: 0.8333333333rem;
    clip-path: inset(0 0 100% 0);
    transform: translateY(20%);
  }
}
.p-flow-list__item.--scrolled::after {
  transform: translateX(0);
  clip-path: inset(0 0% 0 0);
}
@media screen and (max-width: 767px) {
  .p-flow-list__item.--scrolled::after {
    transform: translateY(0);
    clip-path: inset(0 0 0% 0);
  }
}
.p-flow-list__item:nth-child(1)::after {
  transition-delay: 0.2s;
}
.p-flow-list__item:nth-child(2)::after {
  transition-delay: 0.4s;
}
.p-flow-list__item:nth-child(3)::after {
  transition-delay: 0.6s;
}
.p-flow-list__item:nth-child(4)::after {
  transition-delay: 0.8s;
}
.p-flow-list__item:nth-child(5)::after {
  transition-delay: 1s;
}
@media screen and (max-width: 767px) {
  .p-flow-list__body {
    display: grid;
    grid-template-columns: 4rem 1fr;
    gap: 1.3333333333rem 2rem;
  }
}
.p-flow-list__img {
  display: block;
  width: 5.7142857143rem;
  margin: 2.5714285714rem auto;
}
@media screen and (max-width: 767px) {
  .p-flow-list__img {
    width: 4rem;
    margin: 0;
  }
}
.p-flow-list__content {
  display: grid;
  gap: 1.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-flow-list__content {
    display: contents;
  }
}
.p-flow-list__ttl {
  font-size: 1.1428571429rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-flow-list__ttl {
    font-size: 1.1666666667rem;
    text-align: left;
    align-self: center;
  }
}
@media screen and (max-width: 767px) {
  .p-flow-list__dsc {
    grid-column: 1/3;
    padding-bottom: 2rem;
  }
}

.p-case-study {
  margin-top: 13.7142857143rem;
  padding-top: 5.1428571429rem;
  background-image: url(../img/case-study/bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-case-study {
    margin-top: 8rem;
    padding-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-case-study {
    padding-top: 2rem;
  }
}
.p-case-study__main {
  padding: 16rem 0 22.8571428571rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.7142857143rem;
}
@media screen and (max-width: 767px) {
  .p-case-study__main {
    gap: 2rem;
    padding: 10.1666666667rem 0 13.3333333333rem;
  }
}
.p-case-study__comingsoon {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .p-case-study__comingsoon {
    font-size: 2rem;
    font-weight: 400;
  }
}
.p-case-study__txt {
  font-size: 1.2857142857rem;
}
@media screen and (max-width: 767px) {
  .p-case-study__txt {
    font-size: 1rem;
    text-align: center;
  }
}

.p-faq {
  margin-top: 8.5714285714rem;
  padding-top: 5.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-faq {
    margin-top: 8rem;
    padding-top: 3rem;
  }
}
.p-faq__inner {
  display: grid;
  grid-template-columns: 464fr 904fr;
}
@media screen and (max-width: 767px) {
  .p-faq__inner {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
}

.p-faq-list {
  display: grid;
  gap: 4.5714285714rem;
}
@media screen and (max-width: 767px) {
  .p-faq-list {
    gap: 2.6666666667rem;
  }
}
.p-faq-list__item {
  border-bottom: 1px solid rgba(40, 41, 43, 0.25);
  padding-bottom: 1.7142857143rem;
}
@media screen and (max-width: 767px) {
  .p-faq-list__item {
    padding-bottom: 1.3333333333rem;
  }
}
.p-faq-list__ttl {
  font-size: 1.7142857143rem;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .p-faq-list__ttl {
    font-size: 1.3333333333rem;
    letter-spacing: 0.04em;
  }
}
.p-faq-list__btn {
  width: 100%;
}
.p-faq-list__btn span {
  flex-grow: 1;
  font-weight: 400;
}
.p-faq-list__btn::before {
  content: "Q";
  display: inline-block;
  width: 2.2857142857rem;
  font-size: 2rem;
  text-align: center;
  margin-right: 2.2857142857rem;
  color: #28292b;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  flex-shrink: 0;
  align-self: start;
}
@media screen and (max-width: 767px) {
  .p-faq-list__btn::before {
    width: 1.1666666667rem;
    font-size: 1.1666666667rem;
    margin-right: 1.5rem;
    padding-top: 0.15em;
  }
}
.p-faq-list__contents {
  padding-top: 1.1428571429rem;
  font-size: 1.2857142857rem;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-faq-list__contents {
    font-size: 1.1666666667rem;
    padding-top: 1rem;
  }
}
.p-faq-list__contents span {
  flex-grow: 1;
}
.p-faq-list__contents::before {
  content: "A";
  display: inline-block;
  width: 2.2857142857rem;
  font-size: 2rem;
  text-align: center;
  margin-right: 3.4285714286rem;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  flex-shrink: 0;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-faq-list__contents::before {
    line-height: 1.75;
    width: 1.1666666667rem;
    font-size: 1.1666666667rem;
    margin-right: 2.1666666667rem;
    padding-top: 0.15em;
  }
}

.p-intro {
  margin-top: 7.8571428571rem;
}
@media screen and (max-width: 767px) {
  .p-intro {
    margin-top: 5.3333333333rem;
  }
}
.p-intro__ttl {
  padding-left: 1.4285714286rem;
  font-size: 2.5714285714rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-intro__ttl {
    padding-left: 0;
    font-size: 1.6666666667rem;
    line-height: 1.6;
  }
}
.p-intro__txt {
  margin-top: 2.8571428571rem;
  padding: 0 1.4285714286rem;
  font-size: 1.2857142857rem;
  letter-spacing: 0.04em;
  line-height: 2.2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-intro__txt {
    margin-top: 2rem;
    padding: 0;
    font-size: 1.1666666667rem;
    line-height: 1.9;
  }
}

.p-strengths {
  margin-top: 11.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-strengths {
    margin-top: 6.6666666667rem;
  }
}

.p-strengths-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.7142857143rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-strengths-list {
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-top: 2.6666666667rem;
  }
}
.p-strengths-list__item {
  display: flex;
  flex-direction: column;
  padding: 2.2857142857rem 1.7142857143rem 2.8571428571rem;
  background-color: #f4f5f9;
  border-radius: 1.1428571429rem;
  border: 1px solid #e8e9ec;
}
.p-strengths-list__item > *:not(:last-child) {
  margin-bottom: 1.7142857143rem;
}
@media screen and (max-width: 767px) {
  .p-strengths-list__item {
    flex-direction: column;
    padding: 2rem 1.6666666667rem 2.3333333333rem;
    border-radius: 1rem;
  }
  .p-strengths-list__item > *:not(:last-child) {
    margin-bottom: 1.6666666667rem;
  }
}
.p-strengths-list__img {
  width: 7.1428571429rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-strengths-list__img {
    width: 6rem;
  }
}
.p-strengths-list__ttl {
  font-size: 1.4285714286rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.75;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-strengths-list__ttl {
    font-size: 1.3333333333rem;
  }
}
.p-strengths-list__txt {
  font-size: 1.1428571429rem;
  letter-spacing: 0.04em;
  line-height: 1.75;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .p-strengths-list__txt {
    font-size: 1.1666666667rem;
  }
}

.p-services {
  margin-top: 11.4285714286rem;
  background-color: #f7f8fb;
  padding-top: 8.5714285714rem;
  padding-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .p-services {
    margin-top: 6.6666666667rem;
    padding-top: 5.3333333333rem;
    padding-bottom: 6rem;
  }
}

.p-services-list {
  display: grid;
  gap: 2.8571428571rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-services-list {
    gap: 2.6666666667rem;
    margin-top: 3.3333333333rem;
  }
}
.p-services-list__item {
  padding: 2.8571428571rem 2.4285714286rem;
  background-color: #ffffff;
  border-radius: 1.1428571429rem;
  border: 1px solid #e8e9ec;
}
@media screen and (max-width: 767px) {
  .p-services-list__item {
    padding: 2.6666666667rem 2rem;
  }
}
.p-services-list__ttl {
  color: #183f7b;
  font-size: 1.7142857143rem;
  font-weight: 600;
  font-family: "nosto sans self", serif;
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-services-list__ttl {
    font-size: 1.5rem;
  }
}
.p-services-list__dsc {
  margin-top: 2.2857142857rem;
  font-size: 1.1428571429rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-services-list__dsc {
    margin-top: 1.3333333333rem;
    font-size: 1.1666666667rem;
  }
}
.p-services-list__dsc strong {
  font-weight: 700;
}
.p-services-list__body {
  margin-top: 2.2857142857rem;
  padding-top: 2.2857142857rem;
  border-top: none;
  background: repeating-linear-gradient(to right, #e8e9ec 0, #e8e9ec 2px, transparent 2px, transparent 4px) top left/4px 2px repeat-x;
}
@media screen and (max-width: 767px) {
  .p-services-list__body {
    margin-top: 2rem;
    padding-top: 2rem;
  }
}
.p-services-list__sub {
  color: #183f7b;
  font-size: 1.4285714286rem;
  font-weight: 700;
  font-family: "nosto sans self", serif;
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-services-list__sub {
    font-size: 1.3333333333rem;
  }
}
.p-services-list__caps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.1428571429rem 2.8571428571rem;
  margin-top: 2.2857142857rem;
}
@media screen and (max-width: 767px) {
  .p-services-list__caps {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.6666666667rem;
    margin-top: 1.3333333333rem;
  }
}
.p-services-list__cap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.2857142857rem;
  padding: 1.1428571429rem 0.8571428571rem;
  background-color: #ffffff;
  border: 1px solid #e8e9ec;
  border-radius: 0.5714285714rem;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-services-list__cap {
    min-height: 4.6666666667rem;
    padding: 1rem 0.6666666667rem;
    font-size: 1rem;
    border-radius: 0.5rem;
  }
}

.p-column {
  margin-top: 11.4285714286rem;
  margin-bottom: 11.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-column {
    margin-top: 6.6666666667rem;
    margin-bottom: 4.6666666667rem;
  }
}
.p-column__txt {
  margin: 2.2857142857rem auto 0;
  font-size: 1.2857142857rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.7;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-column__txt {
    margin-top: 1.3333333333rem;
    font-size: 1.1666666667rem;
    text-align: left;
  }
}
.p-column__inner {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-column__inner {
    margin-top: 3.3333333333rem;
  }
}
.p-column__sub {
  font-size: 1.7142857143rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-column__sub {
    font-size: 1.5rem;
  }
}
.p-column__more {
  margin-top: 3.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-column__more {
    margin-top: 2.6666666667rem;
  }
}

.p-column-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3.6428571429rem;
  margin-top: 1.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-column-list {
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-top: 1.3333333333rem;
  }
}
.p-column-list__item {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid #e8e9ec;
  border-radius: 0.5714285714rem;
  overflow: hidden;
}
.p-column-list__item:hover .p-column-list__img img {
  transform: scale(1.05);
}
.p-column-list__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .p-column-list__link:hover {
    opacity: 0.85;
  }
}
.p-column-list__img {
  overflow: hidden;
  aspect-ratio: 16/9;
  background-color: #e8eef5;
}
.p-column-list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.8s cubic-bezier(0.2, 0.64, 0.315, 1);
}
.p-column-list__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 2.2857142857rem 1.4285714286rem 2.2857142857rem;
}
@media screen and (max-width: 767px) {
  .p-column-list__body {
    padding: 2rem 1.3333333333rem 2rem;
  }
}
.p-column-list__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-column-list__meta {
    gap: 0.6666666667rem;
  }
}
.p-column-list__category {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8.5714285714rem;
  padding: 0.2857142857rem 0.8571428571rem;
  border-radius: 100vh;
  background-color: rgba(24, 63, 123, 0.08);
  color: #183f7b;
  font-size: 1.1428571429rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.75;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-column-list__category {
    width: auto;
    min-width: 0;
    font-size: 1rem;
    padding: 0.25rem 0.8333333333rem;
  }
}
.p-column-list__date {
  color: #696969;
  font-size: 1.1428571429rem;
  letter-spacing: 0.04em;
  line-height: 1.75;
  color: #969697;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-column-list__date {
    font-size: 1rem;
  }
}
.p-column-list__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 1.1428571429rem;
  font-size: 1.1428571429rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-column-list__ttl {
    margin-top: 0.8333333333rem;
    font-size: 1.1666666667rem;
  }
}

.p-people {
  margin-top: 11.4285714286rem;
  margin-bottom: 11.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-people {
    margin-top: 6.6666666667rem;
    margin-bottom: 4.6666666667rem;
  }
}
.p-people__txt {
  margin: 2.2857142857rem auto 0;
  font-size: 1.2857142857rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.7;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-people__txt {
    margin-top: 1.3333333333rem;
    font-size: 1.1666666667rem;
    text-align: left;
  }
}
.p-people__inner {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-people__inner {
    margin-top: 3.3333333333rem;
  }
}
.p-people__sub {
  font-size: 1.7142857143rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .p-people__sub {
    font-size: 1.5rem;
  }
}
.p-people__more {
  margin-top: 3.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-people__more {
    margin-top: 2.6666666667rem;
  }
}

.p-top-people {
  margin-top: 11.0769230769em;
  box-sizing: content-box;
  max-width: 90.4615384615em;
  margin-inline: auto;
  padding-inline: 2.4615384615em;
  font-size: clamp(13px * 0.3, 100vw * 13 / 1240, 13px);
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top-people {
    margin-top: 13.0833333333rem;
    padding-inline: 1.25rem;
    font-size: clamp(12px * 1, 100vw * 12 / 375, 12px);
  }
}
.p-top-people__inner {
  position: relative;
  padding-top: 1px;
}
.p-top-people__header {
  display: grid;
  grid-template-columns: 32.3076923077em 1fr;
}
@media screen and (max-width: 767px) {
  .p-top-people__header {
    grid-template-columns: 21.3333333333rem 1fr;
    position: relative;
  }
}
.p-top-people__ttl {
  margin-top: -1.3076923077em;
}
.p-top-people__ttl-container {
  background-color: #01a0bd;
  padding-left: 5.5384615385em;
  border-top-right-radius: 3.3846153846em;
  border-top-left-radius: 3.3846153846em;
}
@media screen and (max-width: 767px) {
  .p-top-people__ttl-container {
    padding-left: 2.5rem;
    border-top-right-radius: 2.5rem;
    border-top-left-radius: 2.5rem;
    position: relative;
    z-index: 10;
  }
}
.p-top-people__ttl .--ja {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16.5869230769em;
  height: 2.8515384615em;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
  color: #01a0bd;
  background-color: #ffffff;
  border-radius: 100vh;
  border: 1px dashed #01a0bd;
}
@media screen and (max-width: 767px) {
  .p-top-people__ttl .--ja {
    position: relative;
    z-index: 20;
    width: 15.25rem;
    height: 2.6666666667rem;
    font-size: 1rem;
  }
}
.p-top-people__ttl .--en {
  display: block;
  margin-top: 0.7272727273em;
  padding-left: 0.1818181818em;
  font-size: 4.2307692308em;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top-people__ttl .--en {
    padding-left: 0;
    font-size: 3.25rem;
    margin-top: 2.0833333333rem;
  }
}
.p-top-people__people {
  background-color: #01a0bd;
  display: block;
  padding: 0;
  margin: 0;
}
.p-top-people__people-inner {
  overflow: hidden;
  background-color: #cdf5d0;
  border-bottom-left-radius: 3.3846153846em;
  position: relative;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-top-people__people-inner {
    border-bottom-left-radius: 2.5rem;
    position: static;
  }
}
.p-top-people__people-inner-img {
  width: 21.8461538462em;
  display: block;
  position: absolute;
  left: 4.2307692308em;
  bottom: -2px;
}
@media screen and (max-width: 767px) {
  .p-top-people__people-inner-img {
    bottom: auto;
    top: 0;
    left: 2.3333333333rem;
    width: 16.6666666667rem;
    height: auto;
    transform: translateY(-7.75rem);
  }
}
.p-top-people__main {
  background-color: #01a0bd;
  border-radius: 3.3846153846em;
  border-top-left-radius: 0;
  padding: 4.3076923077em 4.4615384615em 3.3076923077em 5.5384615385em;
  display: grid;
  grid-template-columns: 6350fr 4111fr;
}
@media screen and (max-width: 767px) {
  .p-top-people__main {
    grid-template-columns: 1fr;
    padding: 2rem 2.1666666667rem 3.25rem 2.6666666667rem;
    gap: 1.3333333333rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-people__left {
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-top-people__right {
    order: 1;
  }
}

.p-top-people-list {
  margin-top: 3.0769230769em;
  overflow: visible !important;
}
@media screen and (max-width: 767px) {
  .p-top-people-list {
    margin-top: 2.3333333333rem;
  }
}
.p-top-people-list .swiper-wrapper {
  overflow: visible;
}
.p-top-people-list__container {
  margin-left: -3.0769230769em;
  padding-left: 3.0769230769em;
  padding-bottom: 3.5153846154em;
  margin-right: 3.0769230769em;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top-people-list__container {
    margin-left: -2.6666666667rem;
    padding-left: 2.6666666667rem;
    margin-right: -2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}
.p-top-people-list__item {
  padding-right: 3.0769230769em;
}
.p-top-people-list__link {
  background-color: #ffffff;
  color: #01a0bd;
  display: block;
  padding: 0.9230769231em 0.7307692308em 0.7307692308em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top-people-list__link {
    padding: 1rem 0.7916666667rem 0.7916666667rem;
  }
}
.p-top-people-list__ttl {
  font-size: 0.8461538462em;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 0.8636363636em;
  padding-bottom: 0.5636363636em;
  border-bottom: 1px dashed #642300;
  display: flex;
  min-height: 3.4em;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
}
@media screen and (max-width: 767px) {
  .p-top-people-list__ttl {
    font-size: 0.9166666667rem;
    margin-bottom: 0.7916666667rem;
    padding-bottom: 0.5166666667rem;
  }
}
.p-top-people-list__category {
  position: absolute;
  left: -1.9818181818em;
  bottom: -0.8563636364em;
  font-size: 0.8461538462em;
  font-weight: 700;
  letter-spacing: 0.09em;
  padding: 1.3490909091em 0.8090909091em;
  color: #ffffff;
  background-color: #01a0bd;
  border-radius: 100vh;
  border: 1px dashed #ffffff;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
  .p-top-people-list__category {
    font-size: 0.9166666667rem;
    padding: 1.2366666667rem 0.7416666667rem;
  }
}
.p-top-people-list__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 4.9230769231em;
}
@media screen and (max-width: 767px) {
  .p-top-people-list__bottom {
    gap: 1.6666666667rem;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }
}
.p-top-people-list__controls {
  display: flex;
  align-items: center;
  gap: 2.3076923077em;
}
@media screen and (max-width: 767px) {
  .p-top-people-list__controls {
    gap: 2.5rem;
  }
}
.p-top-people-list__nav {
  display: flex;
  gap: 2.1538461538em;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-top-people-list__nav {
    gap: 2.3333333333rem;
  }
}
.p-top-people-list__arrow {
  width: 2.1538461538em;
}
@media screen and (max-width: 767px) {
  .p-top-people-list__arrow {
    width: 2.3333333333rem;
  }
}
.p-top-people-list__pagination {
  flex-shrink: 0;
  font-size: 1.0769230769em;
}
@media screen and (max-width: 767px) {
  .p-top-people-list__pagination {
    font-size: 1.1666666667rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-people-list__btn {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.p-top-people-list__btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100vh;
  line-height: 0.6;
  padding-top: 0.4em;
  font-size: 1.3846153846em;
  color: #ffffff;
  background-color: #000000;
  width: 11.6111111111em;
  height: 2.3333333333em;
}
@media screen and (max-width: 767px) {
  .p-top-people-list__btn a {
    width: 17.4166666667rem;
    height: 3.5rem;
  }
}

.p-top-people-image-slider {
  margin-top: -10.1538461538em;
}
@media screen and (max-width: 767px) {
  .p-top-people-image-slider {
    margin-top: 0;
  }
}

.p-top-closing {
  position: relative;
  padding-top: 3.4285714286rem;
}
.p-top-closing__buildings {
  width: 100%;
  height: 177.8898514851px;
  background-image: url("../img/top/buildings.webp");
  background-size: 1615px 177.8898514851px;
  background-position: left 0px top 50%;
  background-repeat: repeat-x;
  animation: buildings 30s linear infinite;
}
@media screen and (max-width: 767px) {
  .p-top-closing__buildings {
    height: 90.1188118812px;
    background-size: 800px 88.1188118812px;
    background-position: left 0px top 50%;
    animation: buildingsSp 20s linear infinite;
  }
}
@keyframes buildings {
  0% {
    background-position: left 0px top 50%;
  }
  100% {
    background-position: left 1615px top 50%;
  }
}
@keyframes buildingsSp {
  0% {
    background-position: left 0px top 50%;
  }
  100% {
    background-position: left 800px top 50%;
  }
}
.p-top-closing__people {
  position: relative;
  margin-top: -156px;
  margin-bottom: -147px;
  max-width: 578px;
  margin-inline: auto;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-top-closing__people {
    margin-top: -10.8333333333rem;
    margin-bottom: -9.1666666667rem;
    max-width: 26.5rem;
  }
}
.p-top-closing__main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: #7d5aff;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top-closing__main {
    grid-template-columns: 1fr;
  }
}
.p-top-closing__item {
  padding: 5.1428571429rem 0 4.5714285714rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-top-closing__item {
    padding: 6rem 0 3.5833333333rem;
  }
}
.p-top-closing__item + .p-top-closing__item {
  border-left: 1px dashed #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top-closing__item + .p-top-closing__item {
    border-left: none;
    border-top: 1px dashed #ffffff;
  }
}
.p-top-closing__label {
  font-size: 3.9285714286rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 767px) {
  .p-top-closing__label {
    font-size: 3.25rem;
  }
}
.p-top-closing__text {
  margin-top: 3.5714285714rem;
  font-size: 0.9285714286rem;
  font-weight: 700;
  line-height: 2.15;
  letter-spacing: 0.09em;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.3em;
}
@media screen and (max-width: 767px) {
  .p-top-closing__text {
    margin-top: 1.5rem;
    font-size: 1rem;
  }
}
.p-top-closing__btn {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-closing__btn {
    margin-top: 2.25rem;
  }
}
.p-top-closing__btn a {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 13.3571428571rem;
  height: 2.8571428571rem;
  font-size: 1.0714285714rem;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 767px) {
  .p-top-closing__btn a {
    min-width: 15.5833333333rem;
    height: 3.3333333333rem;
    font-size: 1.25rem;
  }
}

.p-company {
  margin-top: 11.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-company {
    margin-top: 8.3333333333rem;
  }
}
.p-company__inner {
  max-width: 78.5714285714rem;
  margin: 0 auto;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-company__inner {
    margin-top: 3.3333333333rem;
  }
}
.p-company__list {
  border-top: none;
  border-bottom: none;
  background-image: repeating-linear-gradient(to right, #193f7b 0, #193f7b 2px, transparent 2px, transparent 4px), repeating-linear-gradient(to right, #193f7b 0, #193f7b 2px, transparent 2px, transparent 4px);
  background-size: 100% 1px;
  background-position: top left, bottom left;
  background-repeat: repeat-x;
}
.p-company__row {
  display: grid;
  grid-template-columns: 14.2857142857rem 1fr;
  gap: 1.7142857143rem;
  padding: 1.1428571429rem 0;
  border-bottom: none;
  background-image: repeating-linear-gradient(to right, #193f7b 0, #193f7b 2px, transparent 2px, transparent 4px);
  background-size: 100% 1px;
  background-repeat: repeat-x;
  background-position: bottom left;
}
@media screen and (max-width: 767px) {
  .p-company__row {
    grid-template-columns: 1fr;
    gap: 0.6666666667rem;
    padding: 1.6666666667rem 0;
  }
}
.p-company__row:last-child {
  border-bottom: none;
  background-image: none;
}
.p-company__term {
  padding-left: 2.8571428571rem;
  color: #183f7b;
  font-size: 1.4285714286rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-company__term {
    padding-left: 0;
    font-size: 1.1666666667rem;
    line-height: 1.5;
  }
}
.p-company__description {
  font-size: 1.4285714286rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-company__description {
    font-size: 1.1666666667rem;
  }
}
.p-company__address {
  font-style: normal;
}

.p-contact {
  background-image: url(../img/contact/contact-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 11.4285714286rem;
  padding-bottom: 11.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-contact {
    margin-top: 8.3333333333rem;
    padding-bottom: 5.3333333333rem;
  }
}
.p-contact__txt {
  margin-top: 4rem;
  font-size: 1.2857142857rem;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-contact__txt {
    margin-top: 2.6666666667rem;
    font-size: 1.1666666667rem;
    text-align: center;
    line-height: 1.8;
  }
}
.p-contact__btns {
  display: grid;
  gap: 2.5714285714rem;
  width: 100%;
  max-width: 48rem;
}
@media screen and (max-width: 767px) {
  .p-contact__btns {
    gap: 1.5rem;
    padding: 0 1.6666666667rem;
    max-width: 500px;
  }
}
.p-contact__btn {
  line-height: 2;
  text-align: center;
  font-weight: 500;
  width: 100%;
  border-radius: 0.8571428571rem;
}
@media screen and (max-width: 767px) {
  .p-contact__btn {
    font-size: 1.1666666667rem;
    padding: 1.5rem;
    border-radius: 0.6666666667rem;
  }
}
.p-contact__btn.--contact {
  transition: opacity 0.7s, letter-spacing 0.3s;
}
.p-contact__btn.--contact:hover {
  opacity: 0.9;
  letter-spacing: 0.08em;
}
.p-contact__btn.--line {
  background-color: #ffffff;
  color: #28292b;
  transition: filter 0.7s, letter-spacing 0.3s;
}
.p-contact__btn.--line:hover {
  filter: brightness(0.95);
  letter-spacing: 0.08em;
}
.p-contact__ttl {
  padding-top: 5.7142857143rem;
}
@media screen and (max-width: 767px) {
  .p-contact__ttl {
    padding-top: 3.3333333333rem;
  }
}

.p-column-detail__body {
  max-width: 54.2857142857rem;
  margin: 11.4285714286rem auto 4rem;
}
@media screen and (max-width: 767px) {
  .p-column-detail__body {
    margin: 4.6666666667rem auto 4.6666666667rem;
  }
}
.p-column-detail__meta {
  display: flex;
  align-items: center;
  gap: 0.8571428571rem;
}
.p-column-detail__ttl {
  margin-top: 1.1428571429rem;
  margin-bottom: 5.7142857143rem;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-column-detail__ttl {
    font-size: 1.6666666667rem;
    margin-bottom: 3.3333333333rem;
  }
}
.p-column-detail__img {
  margin-top: 1.7142857143rem;
  aspect-ratio: 16/10;
  overflow: hidden;
  border-radius: 1.1428571429rem;
  background-color: #e8eef5;
}
.p-column-detail__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-column-detail__img {
    margin-top: 1.3333333333rem;
  }
}
.p-column-detail__notfound {
  text-align: center;
  padding: 5.7142857143rem 0;
}
.p-column-detail__back {
  display: flex;
  justify-content: center;
  max-width: 54.2857142857rem;
  margin: 4rem auto 11.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-column-detail__back {
    margin: 3.3333333333rem auto 4.6666666667rem;
  }
}

.p-people-detail {
  color: #7d5aff;
}
.p-people-detail__inner {
  max-width: 56.1428571429rem;
  margin: 0 auto;
  padding: 0 1.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-people-detail__inner {
    padding: 0 2rem;
  }
}
.p-people-detail__article {
  margin: 0 auto 4rem;
}
@media screen and (max-width: 767px) {
  .p-people-detail__article {
    margin-bottom: 3.3333333333rem;
  }
}
.p-people-detail__head {
  text-align: center;
}
.p-people-detail__area {
  color: #ffffff;
  font-size: 0.7857142857rem;
  font-weight: 700;
  letter-spacing: 0em;
  padding: 0.5714285714rem 1.1428571429rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  line-height: 1;
  border-radius: 1.4285714286rem;
  border: 1px dashed #ffffff;
  background-color: #01a0bd;
}
@media screen and (max-width: 767px) {
  .p-people-detail__area {
    font-size: 0.9166666667rem;
  }
}
.p-people-detail__ttl {
  margin-top: 1.4285714286rem;
  padding: 1.1428571429rem 0;
  color: #7d5aff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4;
  border-top: 1px solid #7d5aff;
  border-bottom: 1px solid #7d5aff;
}
@media screen and (max-width: 767px) {
  .p-people-detail__ttl {
    margin-top: 1.5833333333rem;
    padding-top: 1.0833333333rem;
    padding-bottom: 1.75rem;
    font-size: 1.8333333333rem;
    line-height: 1.6;
  }
}
.p-people-detail__movie {
  margin-top: 6.7857142857rem;
}
@media screen and (max-width: 767px) {
  .p-people-detail__movie {
    margin-top: 2.3333333333rem;
  }
}
.p-people-detail__movie-inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 6.7857142857rem;
}
@media screen and (max-width: 767px) {
  .p-people-detail__movie-inner {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
.p-people-detail__movie-media {
  width: 19.5714285714rem;
  flex-shrink: 0;
  padding: 3.8571428571rem 3rem 2.3571428571rem;
  background-color: #ffffff;
  border-radius: 1.4285714286rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-people-detail__movie-media {
    width: 23.5833333333rem;
    padding: 3.3333333333rem 2.6666666667rem 2.3333333333rem;
  }
}
.p-people-detail__movie-ttl {
  writing-mode: vertical-rl;
  position: absolute;
  top: 3.8571428571rem;
  left: 0;
  transform: translateX(-50%);
  line-height: 1;
  font-size: 2.1428571429rem;
  letter-spacing: 0.09em;
  font-weight: 700;
}
.p-people-detail__movie-msg {
  width: 16.3571428571rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -45%);
}
@media screen and (max-width: 767px) {
  .p-people-detail__movie-msg {
    width: 80%;
  }
}
.p-people-detail__movie-play {
  width: 1.7857142857rem;
  height: 1.7857142857rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease-in-out;
  pointer-events: none;
}
a:hover .p-people-detail__movie-play {
  transform: translate(-50%, -50%) scale(1.3);
}
@media screen and (max-width: 767px) {
  .p-people-detail__movie-play {
    width: 2.0833333333rem;
    height: 2.0833333333rem;
  }
}
.p-people-detail__movie-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.5714285714rem;
  height: 2.5714285714rem;
  padding-top: 0.2em;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  background-color: #7d5aff;
  color: #ffffff;
  border-radius: 100vh;
  font-size: 0.7857142857rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-people-detail__movie-link {
    width: 13.5rem;
    height: 3rem;
    font-size: 0.9166666667rem;
  }
}
.p-people-detail__movie-deco.--left {
  width: 17rem;
  flex-shrink: 0;
  padding-top: 5.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-people-detail__movie-deco.--left {
    padding-top: 0;
    align-self: flex-start;
    width: 15.25rem;
    margin-bottom: 5.3333333333rem;
  }
}
.p-people-detail__movie-deco.--right {
  width: 17rem;
  padding-right: 6.0714285714rem;
  flex-shrink: 0;
  padding-top: 15.3571428571rem;
}
@media screen and (max-width: 767px) {
  .p-people-detail__movie-deco.--right {
    padding-top: 0;
    padding-right: 0;
    align-self: flex-end;
    width: 10.5833333333rem;
    margin-top: 4.6666666667rem;
  }
}
.p-people-detail__body-inner {
  max-width: 56.1428571429rem;
  padding: 0 0.5714285714rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-people-detail__body-inner {
    padding: 0 2rem;
  }
}
.p-people-detail__visual {
  margin: 7rem auto 0;
  max-width: 40.8571428571rem;
}
@media screen and (max-width: 767px) {
  .p-people-detail__visual {
    margin-top: 6.3333333333rem;
  }
}
.p-people-detail__visual img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.p-people-detail__intro-ttl {
  margin-top: 5.7142857143rem;
  color: #7d5aff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .p-people-detail__intro-ttl {
    margin-top: 3.3333333333rem;
    font-size: 1.8333333333rem;
    line-height: 1.6;
  }
}
.p-people-detail__lead {
  margin-top: 2rem;
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-people-detail__lead {
    margin-top: 3.1666666667rem;
    font-size: 1rem;
    line-height: 2.2;
  }
}
.p-people-detail__toc {
  margin-top: 3.5714285714rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-people-detail__toc {
    margin-top: 2.5rem;
    line-height: 2.2;
  }
}
.p-people-detail__toc-ttl {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-people-detail__toc-ttl {
    font-size: 1rem;
  }
}
.p-people-detail__toc-list {
  margin-top: 0.1428571429rem;
}
.p-people-detail__toc-item {
  font-size: 1rem;
  letter-spacing: 0.04em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-people-detail__toc-item {
    font-size: 1rem;
    letter-spacing: 0.05em;
  }
}
.p-people-detail__toc-link {
  color: inherit;
}
.p-people-detail__toc-link::before {
  content: "・";
}
.p-people-detail__body {
  margin-top: 6.5714285714rem;
}
@media screen and (max-width: 767px) {
  .p-people-detail__body {
    margin-top: 5.3333333333rem;
  }
}
.p-people-detail__body h3 {
  display: flex;
  align-items: center;
  margin-top: 7.8571428571rem !important;
  color: #7d5aff;
  font-size: 1.5714285714rem;
  letter-spacing: 0.08em;
  line-height: 1.6;
  position: relative;
  padding-left: 1.1428571429rem;
}
.p-people-detail__body h3::before {
  content: "";
  display: block;
  width: 0.4285714286rem;
  height: calc(100% - 1.1428571429rem);
  background-color: #7d5aff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-people-detail__body h3::before {
    width: 4px;
    height: calc(100% - 0.9166666667rem);
  }
}
@media screen and (max-width: 767px) {
  .p-people-detail__body h3 {
    margin-top: 4rem !important;
    font-size: 1.5rem;
  }
}
.p-people-detail__body p {
  margin-top: 4.9285714286rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-people-detail__body p {
    margin-top: 3.3333333333rem;
    font-size: 1rem;
    line-height: 2.2;
  }
}
.p-people-detail__body h3 + p,
.p-people-detail__body h3 + figure {
  margin-top: 2.8571428571rem;
}
@media screen and (max-width: 767px) {
  .p-people-detail__body h3 + p,
  .p-people-detail__body h3 + figure {
    margin-top: 2.5rem;
  }
}
.p-people-detail__body p + p {
  margin-top: 2.2857142857rem;
}
.p-people-detail__body small {
  display: block;
  margin-top: 2.2857142857rem;
  font-weight: 500;
  font-size: 0.8125em;
  line-height: 2;
}
.p-people-detail__body blockquote {
  margin: 2rem 0;
  padding: 0 1.4285714286rem;
  border: none;
  background: none;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 2;
}
.p-people-detail__body blockquote footer {
  margin-top: 0.5714285714rem;
  font-size: 0.9285714286rem;
  text-align: right;
}
.p-people-detail__body figure {
  margin: 4.4285714286rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-people-detail__body figure {
    margin-top: 3.3333333333rem;
  }
}
.p-people-detail__body figure + figure {
  margin-top: 2.2857142857rem;
}
.p-people-detail__body img {
  border-radius: 0;
  max-width: 40.8571428571rem;
  aspect-ratio: 572/382;
  margin: 0 auto;
}
.p-people-detail__body figcaption {
  max-width: 40.8571428571rem;
  margin: 0 auto;
  margin-top: 1rem;
  font-size: 0.7857142857rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.9;
}
@media screen and (max-width: 767px) {
  .p-people-detail__body figcaption {
    margin-top: 1.1666666667rem;
    font-size: 0.8333333333rem;
    line-height: 2;
  }
}
.p-people-detail__profile {
  margin-top: 10.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-people-detail__profile {
    margin-top: 6.6666666667rem;
  }
}
.p-people-detail__profile-img {
  max-width: 40.8571428571rem;
  aspect-ratio: 572/382;
  margin: 0 auto;
}
.p-people-detail__profile-ttl {
  margin-top: 3.2857142857rem;
  color: #7d5aff;
  font-size: 1.4285714286rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .p-people-detail__profile-ttl {
    margin-top: 3.3333333333rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
.p-people-detail__profile-name {
  display: flex;
  align-items: center;
  gap: 0.7142857143rem;
  margin-top: 1.1428571429rem;
  color: inherit;
  font-size: 1.2857142857rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.p-people-detail__profile-name::before {
  content: "■";
  display: block;
}
.p-people-detail__profile-name[href] {
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  border-bottom: 2px solid currentColor;
}
@media screen and (max-width: 767px) {
  .p-people-detail__profile-name[href] {
    border-bottom: 1.5px solid currentColor;
  }
}
@media screen and (max-width: 767px) {
  .p-people-detail__profile-name {
    font-size: 1.1666666667rem;
  }
}
.p-people-detail__profile-txt {
  margin-top: 2.3571428571rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-people-detail__profile-txt {
    margin-top: 1.5rem;
    font-size: 1.0833333333rem;
  }
}
.p-people-detail__back {
  margin: 11.2142857143rem auto 0;
}
.p-people-detail__back .c-btn-round a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.2857142857rem;
  letter-spacing: 0.09em;
  line-height: 1;
  padding: 1.1428571429rem 3.4285714286rem 1rem;
}
@media screen and (max-width: 767px) {
  .p-people-detail__back .c-btn-round a {
    font-size: 1.3333333333rem;
    padding: 1.3333333333rem 4rem 1.1666666667rem;
  }
}
.p-people-detail__back .c-btn-round a span {
  display: block;
  line-height: 1;
  margin-inline-end: -0.09em;
  transform: translateY(0.08em);
}
@media screen and (max-width: 767px) {
  .p-people-detail__back {
    margin: 8.3333333333rem auto 0;
  }
}

.p-people__read {
  line-height: 1.8;
  letter-spacing: 0.07em;
  text-align: center;
}

.p-people-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5.9285714286rem 5.3571428571rem;
  margin: 8.2142857143rem auto 0;
  max-width: 62.1428571429rem;
  scroll-margin-top: 7.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-people-list {
    grid-template-columns: 1fr;
    gap: 4.1666666667rem;
    margin-top: 4.1666666667rem;
  }
}
.p-people-list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 1.1428571429rem;
  background-color: #ffffff;
}
.p-people-list__item[hidden] {
  display: none;
}
.p-people-list__item:hover .p-people-list__img img {
  transform: scale(1.05);
}
.p-people-list__link {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2.2857142857rem 2.2857142857rem 2rem;
  color: inherit;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .p-people-list__link:hover {
    opacity: 0.85;
  }
}
@media screen and (max-width: 767px) {
  .p-people-list__link {
    padding: 2.6666666667rem 2.3333333333rem 1.9166666667rem;
  }
}
.p-people-list__num {
  position: absolute;
  top: 0;
  left: 2.2857142857rem;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10.0714285714rem;
  height: 2.0714285714rem;
  padding: 0 1.1428571429rem;
  border-radius: 100vh;
  background-color: #7d5aff;
  color: #ffffff;
  font-size: 0.9285714286rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.7;
  white-space: nowrap;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .p-people-list__num {
    left: 1.75rem;
    min-width: 11.75rem;
    height: 2.4166666667rem;
    padding: 0 1.9166666667rem;
    font-size: 1rem;
  }
}
.p-people-list__img {
  overflow: hidden;
  aspect-ratio: 316/198;
  background-color: #e8eef5;
}
.p-people-list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.8s cubic-bezier(0.2, 0.64, 0.315, 1);
}
.p-people-list__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 1.3571428571rem;
}
@media screen and (max-width: 767px) {
  .p-people-list__body {
    margin-top: 1.4166666667rem;
  }
}
.p-people-list__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-people-list__meta {
    gap: 0.6666666667rem;
  }
}
.p-people-list__category {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8.5714285714rem;
  padding: 0.2857142857rem 0.8571428571rem;
  border-radius: 100vh;
  background-color: rgba(24, 63, 123, 0.08);
  color: #183f7b;
  font-size: 1.1428571429rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.75;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-people-list__category {
    width: auto;
    min-width: 0;
    font-size: 1rem;
    padding: 0.25rem 0.8333333333rem;
  }
}
.p-people-list__date {
  color: #696969;
  font-size: 1.1428571429rem;
  letter-spacing: 0.04em;
  line-height: 1.75;
  color: #969697;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-people-list__date {
    font-size: 1rem;
  }
}
.p-people-list__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #7d5aff;
  font-size: 0.9285714286rem;
  letter-spacing: 0.15em;
  line-height: 1.77;
}
@media screen and (max-width: 767px) {
  .p-people-list__ttl {
    font-size: 1.0833333333rem;
  }
}

.c-pager {
  margin-top: 5.7142857143rem;
}
@media screen and (max-width: 767px) {
  .c-pager {
    margin-top: 4.6666666667rem;
  }
}
.c-pager__list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .c-pager__list {
    gap: 1.6666666667rem;
  }
}
.c-pager__link {
  display: inline-block;
  color: #7d5aff;
  font-size: 1.4285714286rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  padding-bottom: 0.4285714286rem;
  border-bottom: 3px solid transparent;
}
@media screen and (max-width: 767px) {
  .c-pager__link {
    font-size: 1.5rem;
  }
}
.c-pager__link.is-current {
  border-bottom-color: #7d5aff;
}

.p-actions__inner {
  padding: 0 1.4285714286rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-actions__inner {
    max-width: none;
  }
}
.p-actions__ttl {
  font-size: 1.0714285714rem;
  line-height: 1.8;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-actions__ttl {
    font-size: 1.1666666667rem;
    line-height: 1.8;
  }
}
.p-actions__read {
  margin-top: 0.7142857143rem;
  font-size: 0.7857142857rem;
  font-weight: 500;
  line-height: 2.1;
  letter-spacing: 0.07em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-actions__read {
    margin-top: 2.25rem;
    font-size: 1rem;
    line-height: 1.8;
  }
}

.p-actions-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 7.1428571429rem 3.6428571429rem;
  margin: 8.9285714286rem auto 0;
  max-width: 72.7142857143rem;
}
@media screen and (max-width: 767px) {
  .p-actions-list {
    gap: 4.6666666667rem 2rem;
    margin-top: 6rem;
  }
}
@media screen and (max-width: 769px) {
  .p-actions-list {
    grid-template-columns: 1fr;
    gap: 6rem;
  }
}
.p-actions-list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-actions-list__balloon {
  position: relative;
  z-index: 1;
  width: 75%;
  margin-bottom: 0.3571428571rem;
}
.p-actions-list__balloon picture,
.p-actions-list__balloon img {
  width: 100%;
  height: auto;
  display: block;
}
.p-actions-list__card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 1.7857142857rem 1.7857142857rem 2.1428571429rem;
  border-radius: 1.1428571429rem;
  background-color: #7d5aff;
  color: #ffffff;
}
.p-actions-list__item.--has-link .p-actions-list__card {
  padding-bottom: 3.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-actions-list__card {
    padding: 2.3333333333rem 2.0833333333rem 3.3333333333rem;
  }
  .p-actions-list__item.--has-link .p-actions-list__card {
    padding-bottom: 3.3333333333rem;
  }
}
.p-actions-list__img {
  overflow: hidden;
  aspect-ratio: 4/3;
  border-radius: 0.2857142857rem;
  background-color: #e8eef5;
}
.p-actions-list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.p-actions-list__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 0.8571428571rem;
}
@media screen and (max-width: 767px) {
  .p-actions-list__body {
    margin-top: 1.1666666667rem;
  }
}
.p-actions-list__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 3.2em;
  font-size: 1.0714285714rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
}
.p-actions-list__ttl .note {
  display: block;
  margin-top: 0.1428571429rem;
  font-size: 0.7857142857rem;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-actions-list__ttl .note {
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .p-actions-list__ttl {
    font-size: 1.3333333333rem;
    line-height: 1.3;
  }
}
.p-actions-list__txt {
  margin-top: 0.7142857143rem;
  font-size: 0.8571428571rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-actions-list__txt {
    margin-top: 0.6666666667rem;
    font-size: 1.0833333333rem;
  }
}
.p-actions-list__btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10.7857142857rem;
  height: 2.1428571429rem;
  padding: 0 1.4285714286rem;
  border-radius: 100vh;
  background-color: #28292b;
  color: #ffffff;
  font-size: 0.9285714286rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
  white-space: nowrap;
  transform: translate(-50%, 50%);
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .p-actions-list__btn:hover {
    opacity: 0.85;
  }
}
@media screen and (max-width: 767px) {
  .p-actions-list__btn {
    min-width: 14.0833333333rem;
    height: 2.8333333333rem;
    font-size: 1.1666666667rem;
  }
}
.p-actions-list__item.--has-link {
  position: relative;
}

.p-archive {
  padding-bottom: 11.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-archive {
    padding-bottom: 6.6666666667rem;
  }
}
.p-archive__inner {
  padding: 0 1.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-archive__inner {
    padding: 0 1.3333333333rem;
  }
}
.p-archive__ttl {
  font-size: 1.0714285714rem;
  line-height: 1.8;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-archive__ttl {
    font-size: 1.1666666667rem;
  }
}
.p-archive__read {
  margin-top: 0.7142857143rem;
  font-size: 0.7857142857rem;
  font-weight: 500;
  line-height: 2.1;
  letter-spacing: 0.07em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-archive__read {
    margin-top: 2.25rem;
    font-size: 1rem;
    line-height: 1.8;
  }
}

.p-archive-list {
  display: flex;
  flex-direction: column;
  gap: 10.0714285714rem;
  margin: 7.1428571429rem auto 0;
  max-width: 67.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-archive-list {
    gap: 4rem;
    margin-top: 7.5833333333rem;
  }
}
.p-archive-list__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.1428571429rem;
  padding-bottom: 0.0714285714rem;
  border-bottom: 1px solid #7d5aff;
}
@media screen and (max-width: 767px) {
  .p-archive-list__head {
    padding-bottom: 0.0833333333rem;
    gap: 0.8333333333rem;
  }
}
.p-archive-list__ttl {
  color: #7d5aff;
  font-size: 2.2857142857rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .p-archive-list__ttl {
    font-size: 1.0833333333rem;
  }
}
.p-archive-list__date {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-archive-list__date {
    gap: 1rem;
  }
}
.p-archive-list__period {
  padding-right: 1.1428571429rem;
  color: #7d5aff;
  font-size: 1.4285714286rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.4;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-archive-list__period {
    font-size: 0.75rem;
  }
}
.p-archive-list__boder {
  width: 1px;
  height: 3.4285714286rem;
  background-color: #7d5aff;
  margin-bottom: -1px;
}
@media screen and (max-width: 767px) {
  .p-archive-list__boder {
    height: 1.4166666667rem;
    margin-bottom: -3px;
  }
}
.p-archive-list__card {
  margin-top: 3rem;
  overflow: hidden;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-archive-list__card {
    margin-top: 1.25rem;
  }
}
.p-archive-list__map img {
  width: 100%;
  height: auto;
  display: block;
}
.p-archive-list__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7142857143rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 20rem;
  height: 3.4285714286rem;
  margin: 1.7142857143rem auto 0;
  padding: 0 2.5714285714rem;
  border-radius: 100vh;
  background-color: #28292b;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .p-archive-list__btn:hover {
    opacity: 0.85;
  }
}
@media screen and (max-width: 767px) {
  .p-archive-list__btn {
    min-width: 15.5833333333rem;
    height: 3.3333333333rem;
    margin-top: 2.5833333333rem;
    font-size: 1.1666666667rem;
  }
}
.p-archive-list__btn-icon {
  display: inline-flex;
}
.p-archive-list__btn-icon svg {
  display: block;
}

.p-contact-form {
  padding-bottom: 9rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form {
    padding-bottom: 5.5833333333rem;
  }
}
.p-contact-form__inner {
  padding: 0 1.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__inner {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-contact-form__inner.--confirm {
    padding: 0 1.3333333333rem;
  }
}
.p-contact-form__ttl {
  font-size: 1.5714285714rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.09em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-form__ttl {
    font-size: 1.5rem;
  }
}
.p-contact-form__lead {
  font-size: 1.1428571429rem;
  line-height: 1.88;
  letter-spacing: 0.13em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-form__lead {
    font-size: 1rem;
    letter-spacing: 0.07em;
  }
}
.p-contact-form__warning {
  width: -moz-fit-content;
  width: fit-content;
  margin: 1.7142857143rem auto 0;
  padding: 0.7142857143rem 1.4285714286rem;
  background-color: #28292b;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-form__warning {
    margin-top: 2rem;
    padding: 0.0833333333rem 0.8333333333rem;
    font-size: 1.0833333333rem;
  }
}
.p-contact-form__lead-confirm {
  margin-top: 0.8571428571rem;
  font-size: 0.9285714286rem;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 0.09em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-form__lead-confirm {
    margin-top: 1rem;
    font-size: 1.0833333333rem;
  }
}
.p-contact-form__lead-note {
  margin-top: 0.2142857143rem;
  font-size: 0.7142857143rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-form__lead-note {
    margin-top: 0.6666666667rem;
    font-size: 0.8333333333rem;
  }
}
.p-contact-form__targets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2.6428571429rem;
  max-width: 63.1428571429rem;
  margin: 4.5714285714rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-contact-form__targets {
    grid-template-columns: 1fr;
    gap: 4.1666666667rem;
    margin-top: 3.3333333333rem;
    max-width: 22.5rem;
  }
}
.p-contact-form__target {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.p-contact-form__target-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.4285714286rem;
  background-color: #7d5aff;
  color: #ffffff;
  min-height: 6.2857142857rem;
  font-size: 1.1428571429rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-form__target-head {
    min-height: 6rem;
    padding: 1.1666666667rem 0.4166666667rem;
    font-size: 1.3333333333rem;
  }
}
.p-contact-form__target-head::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  border-style: solid;
  border-width: 1.4285714286rem 1rem 0;
  border-color: #7d5aff transparent transparent;
  transform: translate(-50%, 100%);
}
.p-contact-form__target-body {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 0 0.8571428571rem;
  background-color: #ffffff;
  color: #7d5aff;
  font-size: 0.7857142857rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-form__target-body {
    padding: 2.9166666667rem 0.1666666667rem 1.9166666667rem;
    font-size: 0.9166666667rem;
    line-height: 2;
  }
}
.p-contact-form .c-form {
  max-width: 54.2857142857rem;
  margin-inline: auto;
}
.p-contact-form__area {
  margin-top: 6.1428571429rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__area {
    margin-top: 2.5rem;
  }
}
.p-contact-form__catch {
  background-color: #7d5aff;
  margin: 7rem auto 0;
  padding: 2.6428571429rem 0 1.7857142857rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__catch {
    margin-top: 5.5rem;
    padding: 2.0833333333rem 0 2.5833333333rem;
  }
}
.p-contact-form__catch-title {
  font-size: 1.8571428571rem;
  line-height: 1.15;
  letter-spacing: 0.13em;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-contact-form__catch-title {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
.p-contact-form__catch-text {
  margin-top: 0.8571428571rem;
  font-size: 0.9285714286rem;
  line-height: 2.3;
  letter-spacing: 0.13em;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-contact-form__catch-text {
    margin-top: 0.8333333333rem;
    font-size: 1rem;
    line-height: 2;
  }
}

.p-contact-complete {
  margin-top: 8.5714285714rem;
  padding-bottom: 11.4285714286rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-contact-complete {
    margin-top: 4.6666666667rem;
    padding-bottom: 6.6666666667rem;
  }
}
.p-contact-complete__inner {
  padding: 0 1.4285714286rem;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__inner {
    padding: 0 2rem;
  }
}
.p-contact-complete__area {
  max-width: 54.2857142857rem;
  padding: 3.7857142857rem 1.4285714286rem;
  margin-inline: auto;
  border-radius: 0.7142857143rem;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__area {
    padding: 4.4166666667rem 1.8333333333rem;
  }
}
.p-contact-complete__ttl {
  font-size: 1.1428571429rem;
  line-height: 1.8;
  letter-spacing: 0.09em;
  text-align: center;
}
.p-contact-complete__txt {
  margin-top: 1.2857142857rem;
  font-size: 0.7857142857rem;
  line-height: 2.5;
  letter-spacing: 0.02em;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__txt {
    font-size: 0.9166666667rem;
  }
}
.p-contact-complete__btn {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-complete__btn {
    margin-top: 3.3333333333rem;
  }
}

.p-about-intro {
  position: relative;
  z-index: 50;
  overflow: hidden;
  padding-top: 8.5714285714rem;
  margin-top: -8.5714285714rem;
  padding-bottom: 8.5714285714rem;
  margin-bottom: -8.5714285714rem;
}
@media screen and (max-width: 767px) {
  .p-about-intro {
    padding-top: 0;
    margin-top: -9.1666666667rem;
  }
}
.p-about-intro::after {
  content: "";
  display: block;
  width: 100%;
  height: calc(100vw * tan(9deg));
  background-color: #ffffff;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}
.p-about-intro__sp-img-2 {
  margin-top: 2rem;
}
.p-about-intro__sp-img-3 {
  margin-top: 1.7857142857rem;
  position: relative;
  z-index: 20;
  margin-bottom: -8.5714285714rem;
}

.p-about-copy {
  display: flex;
  justify-content: center;
  margin-bottom: 4.5714285714rem;
}
@media screen and (max-width: 767px) {
  .p-about-copy {
    margin-bottom: 2.0833333333rem;
  }
}
.p-about-copy__text {
  writing-mode: vertical-rl;
  display: flex;
  flex-direction: column;
  gap: 0.4736842105em;
  align-items: flex-start;
  font-size: 1.3571428571rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-about-copy__text {
    font-size: 1.25rem;
    gap: 0.4em;
  }
}
.p-about-copy__line {
  display: block;
  padding: 0.7142857143em 0.380952381em 1.2380952381em;
  background-color: #7d5aff;
  color: #ffffff;
  line-height: 1.3;
  letter-spacing: 0.2857142857em;
  clip-path: inset(0 0 100% 0);
  font-weight: 700;
  transition: clip-path 1.3s cubic-bezier(0.2, 0.64, 0.315, 1);
  will-change: clip-path;
}
.p-about-copy__line:nth-child(0) {
  transition-delay: 0s;
}
.p-about-copy__line:nth-child(1) {
  transition-delay: 0.15s;
}
.p-about-copy__line:nth-child(2) {
  transition-delay: 0.3s;
}
.p-about-copy__line:nth-child(3) {
  transition-delay: 0.45s;
}
.p-about-copy__line:nth-child(4) {
  transition-delay: 0.6s;
}
.p-about-copy__line:nth-child(5) {
  transition-delay: 0.75s;
}
.p-about-copy__line:nth-child(6) {
  transition-delay: 0.9s;
}
.p-about-copy__line:nth-child(7) {
  transition-delay: 1.05s;
}
.p-about-copy__line:nth-child(8) {
  transition-delay: 1.2s;
}
.p-about-copy__line:nth-child(9) {
  transition-delay: 1.35s;
}
.p-about-copy__line:nth-child(10) {
  transition-delay: 1.5s;
}
.is-scrolled .p-about-copy__line {
  clip-path: inset(0 0 1.2857142857rem 0);
}
.is-scrolled .p-about-copy__line.--comma {
  clip-path: inset(0 0 2.2857142857rem 0);
}
@media screen and (max-width: 767px) {
  .p-about-copy__line {
    padding: 0.8em 0.4em;
    clip-path: inset(0 0 1rem 0);
  }
}
.p-about-copy__line-text {
  white-space: nowrap;
  display: block;
}
.p-about-copy__line-text .--yellow, .p-about-copy__line-text.--yellow {
  color: #fff700;
}

.p-about-logo {
  max-width: 33.7857142857rem;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.p-about-logo .p-about-imgs__img {
  position: absolute;
}
.p-about-logo .p-about-imgs__img.--img-1 {
  bottom: 10.2142857143rem;
  right: 39.5714285714rem;
  width: 33.7142857143rem;
}
.p-about-logo .p-about-imgs__img.--img-2 {
  bottom: 16.7142857143rem;
  left: 34rem;
  width: 35.1428571429rem;
}
.p-about-logo .p-about-imgs__img.--img-3 {
  top: 28.3571428571rem;
  right: 37.1428571429rem;
  width: 24.8571428571rem;
}
.p-about-logo .p-about-imgs__img.--img-4 {
  top: 16.2142857143rem;
  left: 36.2857142857rem;
  width: 30.8571428571rem;
}
@media screen and (max-width: 767px) {
  .p-about-logo {
    max-width: 21.0833333333rem;
  }
}

.p-about-read {
  margin-top: 5.5714285714rem;
  margin-bottom: -3.2857142857rem;
}
@media screen and (max-width: 767px) {
  .p-about-read {
    margin-top: 2.3333333333rem;
    padding-bottom: 2.6666666667rem;
  }
}
.p-about-read__inner {
  margin: 0 auto;
  padding: 0 1.4285714286rem;
}
.p-about-read p {
  text-align: center;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-about-read p {
    font-size: 1rem;
    line-height: 1.8;
  }
}
.p-about-read p + p {
  margin-top: 2.2857142857rem;
}
@media screen and (max-width: 767px) {
  .p-about-read p + p {
    margin-top: 2.6666666667rem;
  }
}

.p-about-section {
  font-size: clamp(13px * 0.3, 100vw * 13 / 1365, 13px);
  position: relative;
  background-color: #cdf5d0;
  padding-top: calc(100vw * tan(9deg) + 6.1538461538em);
  padding-bottom: calc(100vw * tan(9deg) + 6.1538461538em);
}
@media screen and (max-width: 767px) {
  .p-about-section {
    font-size: clamp(12px * 1, 100vw * 12 / 375, 12px);
    padding-top: calc(100vw * tan(9deg) + 4.6666666667rem);
    padding-bottom: calc(100vw * tan(9deg) + 4.6666666667rem);
  }
}
.p-about-section::before, .p-about-section::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(100vw * tan(9deg));
  background-color: #ffffff;
  pointer-events: none;
  z-index: 0;
}
.p-about-section::before {
  top: 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.p-about-section::after {
  bottom: 0;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}
.p-about-section__inner {
  position: relative;
  z-index: 1;
  display: grid;
  max-width: 88.4615384615em;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  justify-content: center;
  margin: 0 auto;
  box-sizing: content-box;
  padding: 0 1.5384615385em;
}
.--role .p-about-section__inner {
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .--role .p-about-section__inner {
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .p-about-section__inner {
    grid-template-columns: 1fr;
    gap: 0rem;
    padding: 0 1.6666666667rem;
  }
}
.p-about-section:nth-child(even) .p-about-section__inner {
  margin-top: -10.7142857143rem;
}
@media screen and (max-width: 767px) {
  .p-about-section:nth-child(even) .p-about-section__inner {
    margin-top: -4.1666666667rem;
  }
}
.p-about-section__content {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-about-section__content {
    display: contents;
  }
}
.p-about-section__num {
  font-size: 9.6153846154em;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.09em;
  color: #7d5aff;
}
@media screen and (max-width: 767px) {
  .p-about-section__num {
    order: 1;
    font-size: 6.6666666667rem;
  }
}
.p-about-section__ttl {
  margin-top: 0.5em;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.1em;
  color: #7d5aff;
}
@media screen and (max-width: 767px) {
  .p-about-section__ttl {
    order: 2;
    margin-top: 1rem;
    font-size: 1.3333333333rem;
  }
}
.p-about-section__text {
  margin-top: 2.5454545455em;
  font-size: 0.8461538462em;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: left;
  max-width: 36.3636363636em;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-about-section__text {
    order: 4;
    margin-top: 1.6666666667rem;
    font-size: 1.0833333333rem;
  }
}
.p-about-section__banner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.2307692308em;
  min-height: 7.3846153846em;
  margin-top: 2.4615384615em;
  padding: 0.6153846154em 0 0.6153846154em 0;
  max-width: 32.3846153846em;
  margin-inline: auto;
  color: #ffffff;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-about-section__banner {
    max-width: none;
    height: auto;
    order: 5;
    gap: 1rem;
    min-height: 6rem;
    margin-top: 2.6666666667rem;
    padding: 3.3333333333rem 1.8333333333rem 2rem;
  }
}
.p-about-section__banner::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 6.6153846154em;
  background-color: #7d5aff;
  transform: translateY(-50%);
  z-index: 0;
  border-top-left-radius: 100vh;
  border-bottom-left-radius: 100vh;
}
@media screen and (max-width: 767px) {
  .p-about-section__banner::before {
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.p-about-section__badge {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 7.3846153846em;
  margin-left: -1.5384615385em;
}
@media screen and (max-width: 767px) {
  .p-about-section__badge {
    position: absolute;
    top: -2.75rem;
    left: 50%;
    transform: translateX(-50%);
    width: 5.4166666667rem;
    margin: 0;
  }
}
.p-about-section__badge picture,
.p-about-section__badge img {
  width: 100%;
  height: auto;
  display: block;
}
.p-about-section__banner-text {
  position: relative;
  z-index: 1;
  font-size: 0.9230769231em;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .p-about-section__banner-text {
    font-size: 0.9166666667rem;
  }
}
.p-about-section__figure {
  max-width: 30.7692307692em;
  margin-top: 2.3846153846em;
  margin-inline: auto;
}
.p-about-section__figure picture,
.p-about-section__figure img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-about-section__figure {
    order: 6;
    max-width: none;
    margin-top: 2rem;
  }
}
.p-about-section__visual {
  padding-top: 3.0769230769em;
}
@media screen and (max-width: 767px) {
  .p-about-section__visual {
    order: 3;
    padding-top: 0;
  }
}
.p-about-section__diagram {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-about-section__diagram {
    margin: 2.4166666667rem auto 2.8333333333rem;
  }
}
.--role .p-about-section__diagram img {
  display: block;
  transform: translateY(15%);
}
@media screen and (max-width: 767px) {
  .--role .p-about-section__diagram img {
    transform: translateY(0);
  }
}
.p-about-section__diagram picture,
.p-about-section__diagram img {
  width: 100%;
  height: auto;
  display: block;
}
.p-about-section__visual-img-1 picture,
.p-about-section__visual-img-1 img, .p-about-section__visual-img-2 picture,
.p-about-section__visual-img-2 img {
  width: 100%;
  height: auto;
  display: block;
}
.p-about-section__visual-img-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.p-about-section.--plain {
  background-color: #ffffff;
  padding-top: 6.1538461538em;
  padding-bottom: 6.1538461538em;
}
@media screen and (max-width: 767px) {
  .p-about-section.--plain {
    padding-top: 4.6666666667rem;
    padding-bottom: 4.6666666667rem;
  }
}
.p-about-section.--plain::before, .p-about-section.--plain::after {
  display: none;
}
.p-about-section.--purpose {
  font-size: clamp(13px * 0.3, 100vw * 13 / 1109, 13px);
  background-color: #ffffff;
  padding-top: 0;
  padding-bottom: 6.1538461538em;
}
@media screen and (max-width: 767px) {
  .p-about-section.--purpose {
    padding-bottom: 4.6666666667rem;
    padding-top: 8.3333333333rem;
  }
}
.p-about-section.--purpose::before, .p-about-section.--purpose::after {
  display: none;
}
.p-about-section.--purpose .p-about-section__inner {
  grid-template-columns: 42.3076923077em 32.8461538462em;
  gap: 7.0769230769em;
}
@media screen and (max-width: 767px) {
  .p-about-section.--purpose .p-about-section__inner {
    grid-template-columns: 1fr;
  }
}
.p-about-section.--purpose .p-about-section__visual {
  position: relative;
  max-width: 42.4615384615em;
  margin-inline: auto;
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .p-about-section.--purpose .p-about-section__visual {
    max-width: none;
  }
}
.p-about-section.--purpose .p-about-section__content {
  margin-top: 3.6923076923em;
}
.p-about-section.--purpose .p-about-section__banner {
  max-width: none;
  margin-inline: 0;
  margin-top: 1.9230769231em;
  padding: 0.6153846154em 2.4615384615em 0.6153846154em 0;
}
@media screen and (max-width: 767px) {
  .p-about-section.--purpose .p-about-section__banner {
    max-width: none;
    height: auto;
    order: 5;
    gap: 1rem;
    min-height: 6rem;
    margin-top: 2.6666666667rem;
    padding: 3.3333333333rem 1.8333333333rem 2rem;
  }
}
.p-about-section.--purpose .p-about-section__figure {
  max-width: 61.5384615385em;
  margin: 2.3846153846em auto 0;
}
@media screen and (max-width: 767px) {
  .p-about-section.--purpose .p-about-section__figure {
    margin-top: 3.3333333333rem;
    max-width: none;
  }
}

.sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-only {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  br.sp-only {
    display: inline;
  }
}

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

.sp-only-inline {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-only-inline {
    display: inline;
  }
}

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

.sp-only-flex {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-only-flex {
    display: flex;
  }
}

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

@media screen and (min-width: 10px) {
  .u-hide-10-up {
    display: none;
  }
}

@media screen and (max-width: 9px) {
  .u-hide-10-down {
    display: none;
  }
}

@media screen and (min-width: 20px) {
  .u-hide-20-up {
    display: none;
  }
}

@media screen and (max-width: 19px) {
  .u-hide-20-down {
    display: none;
  }
}

@media screen and (min-width: 30px) {
  .u-hide-30-up {
    display: none;
  }
}

@media screen and (max-width: 29px) {
  .u-hide-30-down {
    display: none;
  }
}

@media screen and (min-width: 40px) {
  .u-hide-40-up {
    display: none;
  }
}

@media screen and (max-width: 39px) {
  .u-hide-40-down {
    display: none;
  }
}

@media screen and (min-width: 50px) {
  .u-hide-50-up {
    display: none;
  }
}

@media screen and (max-width: 49px) {
  .u-hide-50-down {
    display: none;
  }
}

@media screen and (min-width: 60px) {
  .u-hide-60-up {
    display: none;
  }
}

@media screen and (max-width: 59px) {
  .u-hide-60-down {
    display: none;
  }
}

@media screen and (min-width: 70px) {
  .u-hide-70-up {
    display: none;
  }
}

@media screen and (max-width: 69px) {
  .u-hide-70-down {
    display: none;
  }
}

@media screen and (min-width: 80px) {
  .u-hide-80-up {
    display: none;
  }
}

@media screen and (max-width: 79px) {
  .u-hide-80-down {
    display: none;
  }
}

@media screen and (min-width: 90px) {
  .u-hide-90-up {
    display: none;
  }
}

@media screen and (max-width: 89px) {
  .u-hide-90-down {
    display: none;
  }
}

@media screen and (min-width: 100px) {
  .u-hide-100-up {
    display: none;
  }
}

@media screen and (max-width: 99px) {
  .u-hide-100-down {
    display: none;
  }
}

@media screen and (min-width: 110px) {
  .u-hide-110-up {
    display: none;
  }
}

@media screen and (max-width: 109px) {
  .u-hide-110-down {
    display: none;
  }
}

@media screen and (min-width: 120px) {
  .u-hide-120-up {
    display: none;
  }
}

@media screen and (max-width: 119px) {
  .u-hide-120-down {
    display: none;
  }
}

@media screen and (min-width: 130px) {
  .u-hide-130-up {
    display: none;
  }
}

@media screen and (max-width: 129px) {
  .u-hide-130-down {
    display: none;
  }
}

@media screen and (min-width: 140px) {
  .u-hide-140-up {
    display: none;
  }
}

@media screen and (max-width: 139px) {
  .u-hide-140-down {
    display: none;
  }
}

@media screen and (min-width: 150px) {
  .u-hide-150-up {
    display: none;
  }
}

@media screen and (max-width: 149px) {
  .u-hide-150-down {
    display: none;
  }
}

@media screen and (min-width: 160px) {
  .u-hide-160-up {
    display: none;
  }
}

@media screen and (max-width: 159px) {
  .u-hide-160-down {
    display: none;
  }
}

@media screen and (min-width: 170px) {
  .u-hide-170-up {
    display: none;
  }
}

@media screen and (max-width: 169px) {
  .u-hide-170-down {
    display: none;
  }
}

@media screen and (min-width: 180px) {
  .u-hide-180-up {
    display: none;
  }
}

@media screen and (max-width: 179px) {
  .u-hide-180-down {
    display: none;
  }
}

@media screen and (min-width: 190px) {
  .u-hide-190-up {
    display: none;
  }
}

@media screen and (max-width: 189px) {
  .u-hide-190-down {
    display: none;
  }
}

@media screen and (min-width: 200px) {
  .u-hide-200-up {
    display: none;
  }
}

@media screen and (max-width: 199px) {
  .u-hide-200-down {
    display: none;
  }
}

@media screen and (min-width: 210px) {
  .u-hide-210-up {
    display: none;
  }
}

@media screen and (max-width: 209px) {
  .u-hide-210-down {
    display: none;
  }
}

@media screen and (min-width: 220px) {
  .u-hide-220-up {
    display: none;
  }
}

@media screen and (max-width: 219px) {
  .u-hide-220-down {
    display: none;
  }
}

@media screen and (min-width: 230px) {
  .u-hide-230-up {
    display: none;
  }
}

@media screen and (max-width: 229px) {
  .u-hide-230-down {
    display: none;
  }
}

@media screen and (min-width: 240px) {
  .u-hide-240-up {
    display: none;
  }
}

@media screen and (max-width: 239px) {
  .u-hide-240-down {
    display: none;
  }
}

@media screen and (min-width: 250px) {
  .u-hide-250-up {
    display: none;
  }
}

@media screen and (max-width: 249px) {
  .u-hide-250-down {
    display: none;
  }
}

@media screen and (min-width: 260px) {
  .u-hide-260-up {
    display: none;
  }
}

@media screen and (max-width: 259px) {
  .u-hide-260-down {
    display: none;
  }
}

@media screen and (min-width: 270px) {
  .u-hide-270-up {
    display: none;
  }
}

@media screen and (max-width: 269px) {
  .u-hide-270-down {
    display: none;
  }
}

@media screen and (min-width: 280px) {
  .u-hide-280-up {
    display: none;
  }
}

@media screen and (max-width: 279px) {
  .u-hide-280-down {
    display: none;
  }
}

@media screen and (min-width: 290px) {
  .u-hide-290-up {
    display: none;
  }
}

@media screen and (max-width: 289px) {
  .u-hide-290-down {
    display: none;
  }
}

@media screen and (min-width: 300px) {
  .u-hide-300-up {
    display: none;
  }
}

@media screen and (max-width: 299px) {
  .u-hide-300-down {
    display: none;
  }
}

@media screen and (min-width: 310px) {
  .u-hide-310-up {
    display: none;
  }
}

@media screen and (max-width: 309px) {
  .u-hide-310-down {
    display: none;
  }
}

@media screen and (min-width: 320px) {
  .u-hide-320-up {
    display: none;
  }
}

@media screen and (max-width: 319px) {
  .u-hide-320-down {
    display: none;
  }
}

@media screen and (min-width: 330px) {
  .u-hide-330-up {
    display: none;
  }
}

@media screen and (max-width: 329px) {
  .u-hide-330-down {
    display: none;
  }
}

@media screen and (min-width: 340px) {
  .u-hide-340-up {
    display: none;
  }
}

@media screen and (max-width: 339px) {
  .u-hide-340-down {
    display: none;
  }
}

@media screen and (min-width: 350px) {
  .u-hide-350-up {
    display: none;
  }
}

@media screen and (max-width: 349px) {
  .u-hide-350-down {
    display: none;
  }
}

@media screen and (min-width: 360px) {
  .u-hide-360-up {
    display: none;
  }
}

@media screen and (max-width: 359px) {
  .u-hide-360-down {
    display: none;
  }
}

@media screen and (min-width: 370px) {
  .u-hide-370-up {
    display: none;
  }
}

@media screen and (max-width: 369px) {
  .u-hide-370-down {
    display: none;
  }
}

@media screen and (min-width: 380px) {
  .u-hide-380-up {
    display: none;
  }
}

@media screen and (max-width: 379px) {
  .u-hide-380-down {
    display: none;
  }
}

@media screen and (min-width: 390px) {
  .u-hide-390-up {
    display: none;
  }
}

@media screen and (max-width: 389px) {
  .u-hide-390-down {
    display: none;
  }
}

@media screen and (min-width: 400px) {
  .u-hide-400-up {
    display: none;
  }
}

@media screen and (max-width: 399px) {
  .u-hide-400-down {
    display: none;
  }
}

@media screen and (min-width: 410px) {
  .u-hide-410-up {
    display: none;
  }
}

@media screen and (max-width: 409px) {
  .u-hide-410-down {
    display: none;
  }
}

@media screen and (min-width: 420px) {
  .u-hide-420-up {
    display: none;
  }
}

@media screen and (max-width: 419px) {
  .u-hide-420-down {
    display: none;
  }
}

@media screen and (min-width: 430px) {
  .u-hide-430-up {
    display: none;
  }
}

@media screen and (max-width: 429px) {
  .u-hide-430-down {
    display: none;
  }
}

@media screen and (min-width: 440px) {
  .u-hide-440-up {
    display: none;
  }
}

@media screen and (max-width: 439px) {
  .u-hide-440-down {
    display: none;
  }
}

@media screen and (min-width: 450px) {
  .u-hide-450-up {
    display: none;
  }
}

@media screen and (max-width: 449px) {
  .u-hide-450-down {
    display: none;
  }
}

@media screen and (min-width: 460px) {
  .u-hide-460-up {
    display: none;
  }
}

@media screen and (max-width: 459px) {
  .u-hide-460-down {
    display: none;
  }
}

@media screen and (min-width: 470px) {
  .u-hide-470-up {
    display: none;
  }
}

@media screen and (max-width: 469px) {
  .u-hide-470-down {
    display: none;
  }
}

@media screen and (min-width: 480px) {
  .u-hide-480-up {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .u-hide-480-down {
    display: none;
  }
}

@media screen and (min-width: 490px) {
  .u-hide-490-up {
    display: none;
  }
}

@media screen and (max-width: 489px) {
  .u-hide-490-down {
    display: none;
  }
}

@media screen and (min-width: 500px) {
  .u-hide-500-up {
    display: none;
  }
}

@media screen and (max-width: 499px) {
  .u-hide-500-down {
    display: none;
  }
}

@media screen and (min-width: 510px) {
  .u-hide-510-up {
    display: none;
  }
}

@media screen and (max-width: 509px) {
  .u-hide-510-down {
    display: none;
  }
}

@media screen and (min-width: 520px) {
  .u-hide-520-up {
    display: none;
  }
}

@media screen and (max-width: 519px) {
  .u-hide-520-down {
    display: none;
  }
}

@media screen and (min-width: 530px) {
  .u-hide-530-up {
    display: none;
  }
}

@media screen and (max-width: 529px) {
  .u-hide-530-down {
    display: none;
  }
}

@media screen and (min-width: 540px) {
  .u-hide-540-up {
    display: none;
  }
}

@media screen and (max-width: 539px) {
  .u-hide-540-down {
    display: none;
  }
}

@media screen and (min-width: 550px) {
  .u-hide-550-up {
    display: none;
  }
}

@media screen and (max-width: 549px) {
  .u-hide-550-down {
    display: none;
  }
}

@media screen and (min-width: 560px) {
  .u-hide-560-up {
    display: none;
  }
}

@media screen and (max-width: 559px) {
  .u-hide-560-down {
    display: none;
  }
}

@media screen and (min-width: 570px) {
  .u-hide-570-up {
    display: none;
  }
}

@media screen and (max-width: 569px) {
  .u-hide-570-down {
    display: none;
  }
}

@media screen and (min-width: 580px) {
  .u-hide-580-up {
    display: none;
  }
}

@media screen and (max-width: 579px) {
  .u-hide-580-down {
    display: none;
  }
}

@media screen and (min-width: 590px) {
  .u-hide-590-up {
    display: none;
  }
}

@media screen and (max-width: 589px) {
  .u-hide-590-down {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  .u-hide-600-up {
    display: none;
  }
}

@media screen and (max-width: 599px) {
  .u-hide-600-down {
    display: none;
  }
}

@media screen and (min-width: 610px) {
  .u-hide-610-up {
    display: none;
  }
}

@media screen and (max-width: 609px) {
  .u-hide-610-down {
    display: none;
  }
}

@media screen and (min-width: 620px) {
  .u-hide-620-up {
    display: none;
  }
}

@media screen and (max-width: 619px) {
  .u-hide-620-down {
    display: none;
  }
}

@media screen and (min-width: 630px) {
  .u-hide-630-up {
    display: none;
  }
}

@media screen and (max-width: 629px) {
  .u-hide-630-down {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  .u-hide-640-up {
    display: none;
  }
}

@media screen and (max-width: 639px) {
  .u-hide-640-down {
    display: none;
  }
}

@media screen and (min-width: 650px) {
  .u-hide-650-up {
    display: none;
  }
}

@media screen and (max-width: 649px) {
  .u-hide-650-down {
    display: none;
  }
}

@media screen and (min-width: 660px) {
  .u-hide-660-up {
    display: none;
  }
}

@media screen and (max-width: 659px) {
  .u-hide-660-down {
    display: none;
  }
}

@media screen and (min-width: 670px) {
  .u-hide-670-up {
    display: none;
  }
}

@media screen and (max-width: 669px) {
  .u-hide-670-down {
    display: none;
  }
}

@media screen and (min-width: 680px) {
  .u-hide-680-up {
    display: none;
  }
}

@media screen and (max-width: 679px) {
  .u-hide-680-down {
    display: none;
  }
}

@media screen and (min-width: 690px) {
  .u-hide-690-up {
    display: none;
  }
}

@media screen and (max-width: 689px) {
  .u-hide-690-down {
    display: none;
  }
}

@media screen and (min-width: 700px) {
  .u-hide-700-up {
    display: none;
  }
}

@media screen and (max-width: 699px) {
  .u-hide-700-down {
    display: none;
  }
}

@media screen and (min-width: 710px) {
  .u-hide-710-up {
    display: none;
  }
}

@media screen and (max-width: 709px) {
  .u-hide-710-down {
    display: none;
  }
}

@media screen and (min-width: 720px) {
  .u-hide-720-up {
    display: none;
  }
}

@media screen and (max-width: 719px) {
  .u-hide-720-down {
    display: none;
  }
}

@media screen and (min-width: 730px) {
  .u-hide-730-up {
    display: none;
  }
}

@media screen and (max-width: 729px) {
  .u-hide-730-down {
    display: none;
  }
}

@media screen and (min-width: 740px) {
  .u-hide-740-up {
    display: none;
  }
}

@media screen and (max-width: 739px) {
  .u-hide-740-down {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .u-hide-750-up {
    display: none;
  }
}

@media screen and (max-width: 749px) {
  .u-hide-750-down {
    display: none;
  }
}

@media screen and (min-width: 760px) {
  .u-hide-760-up {
    display: none;
  }
}

@media screen and (max-width: 759px) {
  .u-hide-760-down {
    display: none;
  }
}

@media screen and (min-width: 770px) {
  .u-hide-770-up {
    display: none;
  }
}

@media screen and (max-width: 769px) {
  .u-hide-770-down {
    display: none;
  }
}

@media screen and (min-width: 780px) {
  .u-hide-780-up {
    display: none;
  }
}

@media screen and (max-width: 779px) {
  .u-hide-780-down {
    display: none;
  }
}

@media screen and (min-width: 790px) {
  .u-hide-790-up {
    display: none;
  }
}

@media screen and (max-width: 789px) {
  .u-hide-790-down {
    display: none;
  }
}

@media screen and (min-width: 800px) {
  .u-hide-800-up {
    display: none;
  }
}

@media screen and (max-width: 799px) {
  .u-hide-800-down {
    display: none;
  }
}

@media screen and (min-width: 810px) {
  .u-hide-810-up {
    display: none;
  }
}

@media screen and (max-width: 809px) {
  .u-hide-810-down {
    display: none;
  }
}

@media screen and (min-width: 820px) {
  .u-hide-820-up {
    display: none;
  }
}

@media screen and (max-width: 819px) {
  .u-hide-820-down {
    display: none;
  }
}

@media screen and (min-width: 830px) {
  .u-hide-830-up {
    display: none;
  }
}

@media screen and (max-width: 829px) {
  .u-hide-830-down {
    display: none;
  }
}

@media screen and (min-width: 840px) {
  .u-hide-840-up {
    display: none;
  }
}

@media screen and (max-width: 839px) {
  .u-hide-840-down {
    display: none;
  }
}

@media screen and (min-width: 850px) {
  .u-hide-850-up {
    display: none;
  }
}

@media screen and (max-width: 849px) {
  .u-hide-850-down {
    display: none;
  }
}

@media screen and (min-width: 860px) {
  .u-hide-860-up {
    display: none;
  }
}

@media screen and (max-width: 859px) {
  .u-hide-860-down {
    display: none;
  }
}

@media screen and (min-width: 870px) {
  .u-hide-870-up {
    display: none;
  }
}

@media screen and (max-width: 869px) {
  .u-hide-870-down {
    display: none;
  }
}

@media screen and (min-width: 880px) {
  .u-hide-880-up {
    display: none;
  }
}

@media screen and (max-width: 879px) {
  .u-hide-880-down {
    display: none;
  }
}

@media screen and (min-width: 890px) {
  .u-hide-890-up {
    display: none;
  }
}

@media screen and (max-width: 889px) {
  .u-hide-890-down {
    display: none;
  }
}

@media screen and (min-width: 900px) {
  .u-hide-900-up {
    display: none;
  }
}

@media screen and (max-width: 899px) {
  .u-hide-900-down {
    display: none;
  }
}

@media screen and (min-width: 910px) {
  .u-hide-910-up {
    display: none;
  }
}

@media screen and (max-width: 909px) {
  .u-hide-910-down {
    display: none;
  }
}

@media screen and (min-width: 920px) {
  .u-hide-920-up {
    display: none;
  }
}

@media screen and (max-width: 919px) {
  .u-hide-920-down {
    display: none;
  }
}

@media screen and (min-width: 930px) {
  .u-hide-930-up {
    display: none;
  }
}

@media screen and (max-width: 929px) {
  .u-hide-930-down {
    display: none;
  }
}

@media screen and (min-width: 940px) {
  .u-hide-940-up {
    display: none;
  }
}

@media screen and (max-width: 939px) {
  .u-hide-940-down {
    display: none;
  }
}

@media screen and (min-width: 950px) {
  .u-hide-950-up {
    display: none;
  }
}

@media screen and (max-width: 949px) {
  .u-hide-950-down {
    display: none;
  }
}

@media screen and (min-width: 960px) {
  .u-hide-960-up {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .u-hide-960-down {
    display: none;
  }
}

@media screen and (min-width: 970px) {
  .u-hide-970-up {
    display: none;
  }
}

@media screen and (max-width: 969px) {
  .u-hide-970-down {
    display: none;
  }
}

@media screen and (min-width: 980px) {
  .u-hide-980-up {
    display: none;
  }
}

@media screen and (max-width: 979px) {
  .u-hide-980-down {
    display: none;
  }
}

@media screen and (min-width: 990px) {
  .u-hide-990-up {
    display: none;
  }
}

@media screen and (max-width: 989px) {
  .u-hide-990-down {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  .u-hide-1000-up {
    display: none;
  }
}

@media screen and (max-width: 999px) {
  .u-hide-1000-down {
    display: none;
  }
}

@media screen and (min-width: 1010px) {
  .u-hide-1010-up {
    display: none;
  }
}

@media screen and (max-width: 1009px) {
  .u-hide-1010-down {
    display: none;
  }
}

@media screen and (min-width: 1020px) {
  .u-hide-1020-up {
    display: none;
  }
}

@media screen and (max-width: 1019px) {
  .u-hide-1020-down {
    display: none;
  }
}

@media screen and (min-width: 1030px) {
  .u-hide-1030-up {
    display: none;
  }
}

@media screen and (max-width: 1029px) {
  .u-hide-1030-down {
    display: none;
  }
}

@media screen and (min-width: 1040px) {
  .u-hide-1040-up {
    display: none;
  }
}

@media screen and (max-width: 1039px) {
  .u-hide-1040-down {
    display: none;
  }
}

@media screen and (min-width: 1050px) {
  .u-hide-1050-up {
    display: none;
  }
}

@media screen and (max-width: 1049px) {
  .u-hide-1050-down {
    display: none;
  }
}

@media screen and (min-width: 1060px) {
  .u-hide-1060-up {
    display: none;
  }
}

@media screen and (max-width: 1059px) {
  .u-hide-1060-down {
    display: none;
  }
}

@media screen and (min-width: 1070px) {
  .u-hide-1070-up {
    display: none;
  }
}

@media screen and (max-width: 1069px) {
  .u-hide-1070-down {
    display: none;
  }
}

@media screen and (min-width: 1080px) {
  .u-hide-1080-up {
    display: none;
  }
}

@media screen and (max-width: 1079px) {
  .u-hide-1080-down {
    display: none;
  }
}

@media screen and (min-width: 1090px) {
  .u-hide-1090-up {
    display: none;
  }
}

@media screen and (max-width: 1089px) {
  .u-hide-1090-down {
    display: none;
  }
}

@media screen and (min-width: 1100px) {
  .u-hide-1100-up {
    display: none;
  }
}

@media screen and (max-width: 1099px) {
  .u-hide-1100-down {
    display: none;
  }
}

@media screen and (min-width: 1110px) {
  .u-hide-1110-up {
    display: none;
  }
}

@media screen and (max-width: 1109px) {
  .u-hide-1110-down {
    display: none;
  }
}

@media screen and (min-width: 1120px) {
  .u-hide-1120-up {
    display: none;
  }
}

@media screen and (max-width: 1119px) {
  .u-hide-1120-down {
    display: none;
  }
}

@media screen and (min-width: 1130px) {
  .u-hide-1130-up {
    display: none;
  }
}

@media screen and (max-width: 1129px) {
  .u-hide-1130-down {
    display: none;
  }
}

@media screen and (min-width: 1140px) {
  .u-hide-1140-up {
    display: none;
  }
}

@media screen and (max-width: 1139px) {
  .u-hide-1140-down {
    display: none;
  }
}

@media screen and (min-width: 1150px) {
  .u-hide-1150-up {
    display: none;
  }
}

@media screen and (max-width: 1149px) {
  .u-hide-1150-down {
    display: none;
  }
}

@media screen and (min-width: 1160px) {
  .u-hide-1160-up {
    display: none;
  }
}

@media screen and (max-width: 1159px) {
  .u-hide-1160-down {
    display: none;
  }
}

@media screen and (min-width: 1170px) {
  .u-hide-1170-up {
    display: none;
  }
}

@media screen and (max-width: 1169px) {
  .u-hide-1170-down {
    display: none;
  }
}

@media screen and (min-width: 1180px) {
  .u-hide-1180-up {
    display: none;
  }
}

@media screen and (max-width: 1179px) {
  .u-hide-1180-down {
    display: none;
  }
}

@media screen and (min-width: 1190px) {
  .u-hide-1190-up {
    display: none;
  }
}

@media screen and (max-width: 1189px) {
  .u-hide-1190-down {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .u-hide-1200-up {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .u-hide-1200-down {
    display: none;
  }
}

@media screen and (min-width: 1210px) {
  .u-hide-1210-up {
    display: none;
  }
}

@media screen and (max-width: 1209px) {
  .u-hide-1210-down {
    display: none;
  }
}

@media screen and (min-width: 1220px) {
  .u-hide-1220-up {
    display: none;
  }
}

@media screen and (max-width: 1219px) {
  .u-hide-1220-down {
    display: none;
  }
}

@media screen and (min-width: 1230px) {
  .u-hide-1230-up {
    display: none;
  }
}

@media screen and (max-width: 1229px) {
  .u-hide-1230-down {
    display: none;
  }
}

@media screen and (min-width: 1240px) {
  .u-hide-1240-up {
    display: none;
  }
}

@media screen and (max-width: 1239px) {
  .u-hide-1240-down {
    display: none;
  }
}

@media screen and (min-width: 1250px) {
  .u-hide-1250-up {
    display: none;
  }
}

@media screen and (max-width: 1249px) {
  .u-hide-1250-down {
    display: none;
  }
}

@media screen and (min-width: 1260px) {
  .u-hide-1260-up {
    display: none;
  }
}

@media screen and (max-width: 1259px) {
  .u-hide-1260-down {
    display: none;
  }
}

@media screen and (min-width: 1270px) {
  .u-hide-1270-up {
    display: none;
  }
}

@media screen and (max-width: 1269px) {
  .u-hide-1270-down {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .u-hide-1280-up {
    display: none;
  }
}

@media screen and (max-width: 1279px) {
  .u-hide-1280-down {
    display: none;
  }
}

@media screen and (min-width: 1290px) {
  .u-hide-1290-up {
    display: none;
  }
}

@media screen and (max-width: 1289px) {
  .u-hide-1290-down {
    display: none;
  }
}

@media screen and (min-width: 1300px) {
  .u-hide-1300-up {
    display: none;
  }
}

@media screen and (max-width: 1299px) {
  .u-hide-1300-down {
    display: none;
  }
}

@media screen and (min-width: 1310px) {
  .u-hide-1310-up {
    display: none;
  }
}

@media screen and (max-width: 1309px) {
  .u-hide-1310-down {
    display: none;
  }
}

@media screen and (min-width: 1320px) {
  .u-hide-1320-up {
    display: none;
  }
}

@media screen and (max-width: 1319px) {
  .u-hide-1320-down {
    display: none;
  }
}

@media screen and (min-width: 1330px) {
  .u-hide-1330-up {
    display: none;
  }
}

@media screen and (max-width: 1329px) {
  .u-hide-1330-down {
    display: none;
  }
}

@media screen and (min-width: 1340px) {
  .u-hide-1340-up {
    display: none;
  }
}

@media screen and (max-width: 1339px) {
  .u-hide-1340-down {
    display: none;
  }
}

@media screen and (min-width: 1350px) {
  .u-hide-1350-up {
    display: none;
  }
}

@media screen and (max-width: 1349px) {
  .u-hide-1350-down {
    display: none;
  }
}

@media screen and (min-width: 1360px) {
  .u-hide-1360-up {
    display: none;
  }
}

@media screen and (max-width: 1359px) {
  .u-hide-1360-down {
    display: none;
  }
}

@media screen and (min-width: 1370px) {
  .u-hide-1370-up {
    display: none;
  }
}

@media screen and (max-width: 1369px) {
  .u-hide-1370-down {
    display: none;
  }
}

@media screen and (min-width: 1380px) {
  .u-hide-1380-up {
    display: none;
  }
}

@media screen and (max-width: 1379px) {
  .u-hide-1380-down {
    display: none;
  }
}

@media screen and (min-width: 1390px) {
  .u-hide-1390-up {
    display: none;
  }
}

@media screen and (max-width: 1389px) {
  .u-hide-1390-down {
    display: none;
  }
}

@media screen and (min-width: 1400px) {
  .u-hide-1400-up {
    display: none;
  }
}

@media screen and (max-width: 1399px) {
  .u-hide-1400-down {
    display: none;
  }
}

@media screen and (min-width: 1410px) {
  .u-hide-1410-up {
    display: none;
  }
}

@media screen and (max-width: 1409px) {
  .u-hide-1410-down {
    display: none;
  }
}

@media screen and (min-width: 1420px) {
  .u-hide-1420-up {
    display: none;
  }
}

@media screen and (max-width: 1419px) {
  .u-hide-1420-down {
    display: none;
  }
}

@media screen and (min-width: 1430px) {
  .u-hide-1430-up {
    display: none;
  }
}

@media screen and (max-width: 1429px) {
  .u-hide-1430-down {
    display: none;
  }
}

@media screen and (min-width: 1440px) {
  .u-hide-1440-up {
    display: none;
  }
}

@media screen and (max-width: 1439px) {
  .u-hide-1440-down {
    display: none;
  }
}

@media screen and (min-width: 1450px) {
  .u-hide-1450-up {
    display: none;
  }
}

@media screen and (max-width: 1449px) {
  .u-hide-1450-down {
    display: none;
  }
}

@media screen and (min-width: 1460px) {
  .u-hide-1460-up {
    display: none;
  }
}

@media screen and (max-width: 1459px) {
  .u-hide-1460-down {
    display: none;
  }
}

@media screen and (min-width: 1470px) {
  .u-hide-1470-up {
    display: none;
  }
}

@media screen and (max-width: 1469px) {
  .u-hide-1470-down {
    display: none;
  }
}

@media screen and (min-width: 1480px) {
  .u-hide-1480-up {
    display: none;
  }
}

@media screen and (max-width: 1479px) {
  .u-hide-1480-down {
    display: none;
  }
}

@media screen and (min-width: 1490px) {
  .u-hide-1490-up {
    display: none;
  }
}

@media screen and (max-width: 1489px) {
  .u-hide-1490-down {
    display: none;
  }
}

@media screen and (min-width: 1500px) {
  .u-hide-1500-up {
    display: none;
  }
}

@media screen and (max-width: 1499px) {
  .u-hide-1500-down {
    display: none;
  }
}

@media screen and (min-width: 1510px) {
  .u-hide-1510-up {
    display: none;
  }
}

@media screen and (max-width: 1509px) {
  .u-hide-1510-down {
    display: none;
  }
}

@media screen and (min-width: 1520px) {
  .u-hide-1520-up {
    display: none;
  }
}

@media screen and (max-width: 1519px) {
  .u-hide-1520-down {
    display: none;
  }
}

@media screen and (min-width: 1530px) {
  .u-hide-1530-up {
    display: none;
  }
}

@media screen and (max-width: 1529px) {
  .u-hide-1530-down {
    display: none;
  }
}

@media screen and (min-width: 1540px) {
  .u-hide-1540-up {
    display: none;
  }
}

@media screen and (max-width: 1539px) {
  .u-hide-1540-down {
    display: none;
  }
}

@media screen and (min-width: 1550px) {
  .u-hide-1550-up {
    display: none;
  }
}

@media screen and (max-width: 1549px) {
  .u-hide-1550-down {
    display: none;
  }
}

@media screen and (min-width: 1560px) {
  .u-hide-1560-up {
    display: none;
  }
}

@media screen and (max-width: 1559px) {
  .u-hide-1560-down {
    display: none;
  }
}

@media screen and (min-width: 1570px) {
  .u-hide-1570-up {
    display: none;
  }
}

@media screen and (max-width: 1569px) {
  .u-hide-1570-down {
    display: none;
  }
}

@media screen and (min-width: 1580px) {
  .u-hide-1580-up {
    display: none;
  }
}

@media screen and (max-width: 1579px) {
  .u-hide-1580-down {
    display: none;
  }
}

@media screen and (min-width: 1590px) {
  .u-hide-1590-up {
    display: none;
  }
}

@media screen and (max-width: 1589px) {
  .u-hide-1590-down {
    display: none;
  }
}

@media screen and (min-width: 1600px) {
  .u-hide-1600-up {
    display: none;
  }
}

@media screen and (max-width: 1599px) {
  .u-hide-1600-down {
    display: none;
  }
}

@media screen and (min-width: 1610px) {
  .u-hide-1610-up {
    display: none;
  }
}

@media screen and (max-width: 1609px) {
  .u-hide-1610-down {
    display: none;
  }
}

@media screen and (min-width: 1620px) {
  .u-hide-1620-up {
    display: none;
  }
}

@media screen and (max-width: 1619px) {
  .u-hide-1620-down {
    display: none;
  }
}

@media screen and (min-width: 1630px) {
  .u-hide-1630-up {
    display: none;
  }
}

@media screen and (max-width: 1629px) {
  .u-hide-1630-down {
    display: none;
  }
}

@media screen and (min-width: 1640px) {
  .u-hide-1640-up {
    display: none;
  }
}

@media screen and (max-width: 1639px) {
  .u-hide-1640-down {
    display: none;
  }
}

@media screen and (min-width: 1650px) {
  .u-hide-1650-up {
    display: none;
  }
}

@media screen and (max-width: 1649px) {
  .u-hide-1650-down {
    display: none;
  }
}

@media screen and (min-width: 1660px) {
  .u-hide-1660-up {
    display: none;
  }
}

@media screen and (max-width: 1659px) {
  .u-hide-1660-down {
    display: none;
  }
}

@media screen and (min-width: 1670px) {
  .u-hide-1670-up {
    display: none;
  }
}

@media screen and (max-width: 1669px) {
  .u-hide-1670-down {
    display: none;
  }
}

@media screen and (min-width: 1680px) {
  .u-hide-1680-up {
    display: none;
  }
}

@media screen and (max-width: 1679px) {
  .u-hide-1680-down {
    display: none;
  }
}

@media screen and (min-width: 1690px) {
  .u-hide-1690-up {
    display: none;
  }
}

@media screen and (max-width: 1689px) {
  .u-hide-1690-down {
    display: none;
  }
}

@media screen and (min-width: 1700px) {
  .u-hide-1700-up {
    display: none;
  }
}

@media screen and (max-width: 1699px) {
  .u-hide-1700-down {
    display: none;
  }
}

@media screen and (min-width: 1710px) {
  .u-hide-1710-up {
    display: none;
  }
}

@media screen and (max-width: 1709px) {
  .u-hide-1710-down {
    display: none;
  }
}

@media screen and (min-width: 1720px) {
  .u-hide-1720-up {
    display: none;
  }
}

@media screen and (max-width: 1719px) {
  .u-hide-1720-down {
    display: none;
  }
}

@media screen and (min-width: 1730px) {
  .u-hide-1730-up {
    display: none;
  }
}

@media screen and (max-width: 1729px) {
  .u-hide-1730-down {
    display: none;
  }
}

@media screen and (min-width: 1740px) {
  .u-hide-1740-up {
    display: none;
  }
}

@media screen and (max-width: 1739px) {
  .u-hide-1740-down {
    display: none;
  }
}

@media screen and (min-width: 1750px) {
  .u-hide-1750-up {
    display: none;
  }
}

@media screen and (max-width: 1749px) {
  .u-hide-1750-down {
    display: none;
  }
}

@media screen and (min-width: 1760px) {
  .u-hide-1760-up {
    display: none;
  }
}

@media screen and (max-width: 1759px) {
  .u-hide-1760-down {
    display: none;
  }
}

@media screen and (min-width: 1770px) {
  .u-hide-1770-up {
    display: none;
  }
}

@media screen and (max-width: 1769px) {
  .u-hide-1770-down {
    display: none;
  }
}

@media screen and (min-width: 1780px) {
  .u-hide-1780-up {
    display: none;
  }
}

@media screen and (max-width: 1779px) {
  .u-hide-1780-down {
    display: none;
  }
}

@media screen and (min-width: 1790px) {
  .u-hide-1790-up {
    display: none;
  }
}

@media screen and (max-width: 1789px) {
  .u-hide-1790-down {
    display: none;
  }
}

@media screen and (min-width: 1800px) {
  .u-hide-1800-up {
    display: none;
  }
}

@media screen and (max-width: 1799px) {
  .u-hide-1800-down {
    display: none;
  }
}

@media screen and (min-width: 1810px) {
  .u-hide-1810-up {
    display: none;
  }
}

@media screen and (max-width: 1809px) {
  .u-hide-1810-down {
    display: none;
  }
}

@media screen and (min-width: 1820px) {
  .u-hide-1820-up {
    display: none;
  }
}

@media screen and (max-width: 1819px) {
  .u-hide-1820-down {
    display: none;
  }
}

@media screen and (min-width: 1830px) {
  .u-hide-1830-up {
    display: none;
  }
}

@media screen and (max-width: 1829px) {
  .u-hide-1830-down {
    display: none;
  }
}

@media screen and (min-width: 1840px) {
  .u-hide-1840-up {
    display: none;
  }
}

@media screen and (max-width: 1839px) {
  .u-hide-1840-down {
    display: none;
  }
}

@media screen and (min-width: 1850px) {
  .u-hide-1850-up {
    display: none;
  }
}

@media screen and (max-width: 1849px) {
  .u-hide-1850-down {
    display: none;
  }
}

@media screen and (min-width: 1860px) {
  .u-hide-1860-up {
    display: none;
  }
}

@media screen and (max-width: 1859px) {
  .u-hide-1860-down {
    display: none;
  }
}

@media screen and (min-width: 1870px) {
  .u-hide-1870-up {
    display: none;
  }
}

@media screen and (max-width: 1869px) {
  .u-hide-1870-down {
    display: none;
  }
}

@media screen and (min-width: 1880px) {
  .u-hide-1880-up {
    display: none;
  }
}

@media screen and (max-width: 1879px) {
  .u-hide-1880-down {
    display: none;
  }
}

@media screen and (min-width: 1890px) {
  .u-hide-1890-up {
    display: none;
  }
}

@media screen and (max-width: 1889px) {
  .u-hide-1890-down {
    display: none;
  }
}

@media screen and (min-width: 1900px) {
  .u-hide-1900-up {
    display: none;
  }
}

@media screen and (max-width: 1899px) {
  .u-hide-1900-down {
    display: none;
  }
}

@media screen and (min-width: 1910px) {
  .u-hide-1910-up {
    display: none;
  }
}

@media screen and (max-width: 1909px) {
  .u-hide-1910-down {
    display: none;
  }
}

@media screen and (min-width: 1920px) {
  .u-hide-1920-up {
    display: none;
  }
}

@media screen and (max-width: 1919px) {
  .u-hide-1920-down {
    display: none;
  }
}

@media screen and (min-width: 1930px) {
  .u-hide-1930-up {
    display: none;
  }
}

@media screen and (max-width: 1929px) {
  .u-hide-1930-down {
    display: none;
  }
}

@media screen and (min-width: 1940px) {
  .u-hide-1940-up {
    display: none;
  }
}

@media screen and (max-width: 1939px) {
  .u-hide-1940-down {
    display: none;
  }
}

@media screen and (min-width: 1950px) {
  .u-hide-1950-up {
    display: none;
  }
}

@media screen and (max-width: 1949px) {
  .u-hide-1950-down {
    display: none;
  }
}

@media screen and (min-width: 1960px) {
  .u-hide-1960-up {
    display: none;
  }
}

@media screen and (max-width: 1959px) {
  .u-hide-1960-down {
    display: none;
  }
}

@media screen and (min-width: 1970px) {
  .u-hide-1970-up {
    display: none;
  }
}

@media screen and (max-width: 1969px) {
  .u-hide-1970-down {
    display: none;
  }
}

@media screen and (min-width: 1980px) {
  .u-hide-1980-up {
    display: none;
  }
}

@media screen and (max-width: 1979px) {
  .u-hide-1980-down {
    display: none;
  }
}

@media screen and (min-width: 1990px) {
  .u-hide-1990-up {
    display: none;
  }
}

@media screen and (max-width: 1989px) {
  .u-hide-1990-down {
    display: none;
  }
}

@media screen and (min-width: 2000px) {
  .u-hide-2000-up {
    display: none;
  }
}

@media screen and (max-width: 1999px) {
  .u-hide-2000-down {
    display: none;
  }
}

.u-hideText {
  position: relative;
}
.u-hideText__txt {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .u-hideText--sp {
    position: relative;
  }
  .u-hideText--sp__txt {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  }
}

.mT0 {
  margin-top: 0px;
}

@media screen and (max-width: 979px) {
  .mT20 {
    margin-top: 20px;
  }
}
.mB20 {
  margin-bottom: 20px;
}

body .l-wrapper .u-mt-1 {
  margin-top: 1px;
}
body .l-wrapper .u-mt-2 {
  margin-top: 2px;
}
body .l-wrapper .u-mt-3 {
  margin-top: 3px;
}
body .l-wrapper .u-mt-4 {
  margin-top: 4px;
}
body .l-wrapper .u-mt-5 {
  margin-top: 5px;
}
body .l-wrapper .u-mt-6 {
  margin-top: 6px;
}
body .l-wrapper .u-mt-7 {
  margin-top: 7px;
}
body .l-wrapper .u-mt-8 {
  margin-top: 8px;
}
body .l-wrapper .u-mt-9 {
  margin-top: 9px;
}
body .l-wrapper .u-mt-10 {
  margin-top: 10px;
}
body .l-wrapper .u-mt-11 {
  margin-top: 11px;
}
body .l-wrapper .u-mt-12 {
  margin-top: 12px;
}
body .l-wrapper .u-mt-13 {
  margin-top: 13px;
}
body .l-wrapper .u-mt-14 {
  margin-top: 14px;
}
body .l-wrapper .u-mt-15 {
  margin-top: 15px;
}
body .l-wrapper .u-mt-16 {
  margin-top: 16px;
}
body .l-wrapper .u-mt-17 {
  margin-top: 17px;
}
body .l-wrapper .u-mt-18 {
  margin-top: 18px;
}
body .l-wrapper .u-mt-19 {
  margin-top: 19px;
}
body .l-wrapper .u-mt-20 {
  margin-top: 20px;
}
body .l-wrapper .u-mt-21 {
  margin-top: 21px;
}
body .l-wrapper .u-mt-22 {
  margin-top: 22px;
}
body .l-wrapper .u-mt-23 {
  margin-top: 23px;
}
body .l-wrapper .u-mt-24 {
  margin-top: 24px;
}
body .l-wrapper .u-mt-25 {
  margin-top: 25px;
}
body .l-wrapper .u-mt-26 {
  margin-top: 26px;
}
body .l-wrapper .u-mt-27 {
  margin-top: 27px;
}
body .l-wrapper .u-mt-28 {
  margin-top: 28px;
}
body .l-wrapper .u-mt-29 {
  margin-top: 29px;
}
body .l-wrapper .u-mt-30 {
  margin-top: 30px;
}
body .l-wrapper .u-mt-31 {
  margin-top: 31px;
}
body .l-wrapper .u-mt-32 {
  margin-top: 32px;
}
body .l-wrapper .u-mt-33 {
  margin-top: 33px;
}
body .l-wrapper .u-mt-34 {
  margin-top: 34px;
}
body .l-wrapper .u-mt-35 {
  margin-top: 35px;
}
body .l-wrapper .u-mt-36 {
  margin-top: 36px;
}
body .l-wrapper .u-mt-37 {
  margin-top: 37px;
}
body .l-wrapper .u-mt-38 {
  margin-top: 38px;
}
body .l-wrapper .u-mt-39 {
  margin-top: 39px;
}
body .l-wrapper .u-mt-40 {
  margin-top: 40px;
}
body .l-wrapper .u-mt-41 {
  margin-top: 41px;
}
body .l-wrapper .u-mt-42 {
  margin-top: 42px;
}
body .l-wrapper .u-mt-43 {
  margin-top: 43px;
}
body .l-wrapper .u-mt-44 {
  margin-top: 44px;
}
body .l-wrapper .u-mt-45 {
  margin-top: 45px;
}
body .l-wrapper .u-mt-46 {
  margin-top: 46px;
}
body .l-wrapper .u-mt-47 {
  margin-top: 47px;
}
body .l-wrapper .u-mt-48 {
  margin-top: 48px;
}
body .l-wrapper .u-mt-49 {
  margin-top: 49px;
}
body .l-wrapper .u-mt-50 {
  margin-top: 50px;
}
body .l-wrapper .u-mt-51 {
  margin-top: 51px;
}
body .l-wrapper .u-mt-52 {
  margin-top: 52px;
}
body .l-wrapper .u-mt-53 {
  margin-top: 53px;
}
body .l-wrapper .u-mt-54 {
  margin-top: 54px;
}
body .l-wrapper .u-mt-55 {
  margin-top: 55px;
}
body .l-wrapper .u-mt-56 {
  margin-top: 56px;
}
body .l-wrapper .u-mt-57 {
  margin-top: 57px;
}
body .l-wrapper .u-mt-58 {
  margin-top: 58px;
}
body .l-wrapper .u-mt-59 {
  margin-top: 59px;
}
body .l-wrapper .u-mt-60 {
  margin-top: 60px;
}
body .l-wrapper .u-mt-61 {
  margin-top: 61px;
}
body .l-wrapper .u-mt-62 {
  margin-top: 62px;
}
body .l-wrapper .u-mt-63 {
  margin-top: 63px;
}
body .l-wrapper .u-mt-64 {
  margin-top: 64px;
}
body .l-wrapper .u-mt-65 {
  margin-top: 65px;
}
body .l-wrapper .u-mt-66 {
  margin-top: 66px;
}
body .l-wrapper .u-mt-67 {
  margin-top: 67px;
}
body .l-wrapper .u-mt-68 {
  margin-top: 68px;
}
body .l-wrapper .u-mt-69 {
  margin-top: 69px;
}
body .l-wrapper .u-mt-70 {
  margin-top: 70px;
}
body .l-wrapper .u-mt-71 {
  margin-top: 71px;
}
body .l-wrapper .u-mt-72 {
  margin-top: 72px;
}
body .l-wrapper .u-mt-73 {
  margin-top: 73px;
}
body .l-wrapper .u-mt-74 {
  margin-top: 74px;
}
body .l-wrapper .u-mt-75 {
  margin-top: 75px;
}
body .l-wrapper .u-mt-76 {
  margin-top: 76px;
}
body .l-wrapper .u-mt-77 {
  margin-top: 77px;
}
body .l-wrapper .u-mt-78 {
  margin-top: 78px;
}
body .l-wrapper .u-mt-79 {
  margin-top: 79px;
}
body .l-wrapper .u-mt-80 {
  margin-top: 80px;
}
body .l-wrapper .u-mt-81 {
  margin-top: 81px;
}
body .l-wrapper .u-mt-82 {
  margin-top: 82px;
}
body .l-wrapper .u-mt-83 {
  margin-top: 83px;
}
body .l-wrapper .u-mt-84 {
  margin-top: 84px;
}
body .l-wrapper .u-mt-85 {
  margin-top: 85px;
}
body .l-wrapper .u-mt-86 {
  margin-top: 86px;
}
body .l-wrapper .u-mt-87 {
  margin-top: 87px;
}
body .l-wrapper .u-mt-88 {
  margin-top: 88px;
}
body .l-wrapper .u-mt-89 {
  margin-top: 89px;
}
body .l-wrapper .u-mt-90 {
  margin-top: 90px;
}
body .l-wrapper .u-mt-91 {
  margin-top: 91px;
}
body .l-wrapper .u-mt-92 {
  margin-top: 92px;
}
body .l-wrapper .u-mt-93 {
  margin-top: 93px;
}
body .l-wrapper .u-mt-94 {
  margin-top: 94px;
}
body .l-wrapper .u-mt-95 {
  margin-top: 95px;
}
body .l-wrapper .u-mt-96 {
  margin-top: 96px;
}
body .l-wrapper .u-mt-97 {
  margin-top: 97px;
}
body .l-wrapper .u-mt-98 {
  margin-top: 98px;
}
body .l-wrapper .u-mt-99 {
  margin-top: 99px;
}
body .l-wrapper .u-mt-100 {
  margin-top: 100px;
}
body .l-wrapper .u-mt-101 {
  margin-top: 101px;
}
body .l-wrapper .u-mt-102 {
  margin-top: 102px;
}
body .l-wrapper .u-mt-103 {
  margin-top: 103px;
}
body .l-wrapper .u-mt-104 {
  margin-top: 104px;
}
body .l-wrapper .u-mt-105 {
  margin-top: 105px;
}
body .l-wrapper .u-mt-106 {
  margin-top: 106px;
}
body .l-wrapper .u-mt-107 {
  margin-top: 107px;
}
body .l-wrapper .u-mt-108 {
  margin-top: 108px;
}
body .l-wrapper .u-mt-109 {
  margin-top: 109px;
}
body .l-wrapper .u-mt-110 {
  margin-top: 110px;
}
body .l-wrapper .u-mt-111 {
  margin-top: 111px;
}
body .l-wrapper .u-mt-112 {
  margin-top: 112px;
}
body .l-wrapper .u-mt-113 {
  margin-top: 113px;
}
body .l-wrapper .u-mt-114 {
  margin-top: 114px;
}
body .l-wrapper .u-mt-115 {
  margin-top: 115px;
}
body .l-wrapper .u-mt-116 {
  margin-top: 116px;
}
body .l-wrapper .u-mt-117 {
  margin-top: 117px;
}
body .l-wrapper .u-mt-118 {
  margin-top: 118px;
}
body .l-wrapper .u-mt-119 {
  margin-top: 119px;
}
body .l-wrapper .u-mt-120 {
  margin-top: 120px;
}
body .l-wrapper .u-mt-121 {
  margin-top: 121px;
}
body .l-wrapper .u-mt-122 {
  margin-top: 122px;
}
body .l-wrapper .u-mt-123 {
  margin-top: 123px;
}
body .l-wrapper .u-mt-124 {
  margin-top: 124px;
}
body .l-wrapper .u-mt-125 {
  margin-top: 125px;
}
body .l-wrapper .u-mt-126 {
  margin-top: 126px;
}
body .l-wrapper .u-mt-127 {
  margin-top: 127px;
}
body .l-wrapper .u-mt-128 {
  margin-top: 128px;
}
body .l-wrapper .u-mt-129 {
  margin-top: 129px;
}
body .l-wrapper .u-mt-130 {
  margin-top: 130px;
}
body .l-wrapper .u-mt-131 {
  margin-top: 131px;
}
body .l-wrapper .u-mt-132 {
  margin-top: 132px;
}
body .l-wrapper .u-mt-133 {
  margin-top: 133px;
}
body .l-wrapper .u-mt-134 {
  margin-top: 134px;
}
body .l-wrapper .u-mt-135 {
  margin-top: 135px;
}
body .l-wrapper .u-mt-136 {
  margin-top: 136px;
}
body .l-wrapper .u-mt-137 {
  margin-top: 137px;
}
body .l-wrapper .u-mt-138 {
  margin-top: 138px;
}
body .l-wrapper .u-mt-139 {
  margin-top: 139px;
}
body .l-wrapper .u-mt-140 {
  margin-top: 140px;
}
body .l-wrapper .u-mt-141 {
  margin-top: 141px;
}
body .l-wrapper .u-mt-142 {
  margin-top: 142px;
}
body .l-wrapper .u-mt-143 {
  margin-top: 143px;
}
body .l-wrapper .u-mt-144 {
  margin-top: 144px;
}
body .l-wrapper .u-mt-145 {
  margin-top: 145px;
}
body .l-wrapper .u-mt-146 {
  margin-top: 146px;
}
body .l-wrapper .u-mt-147 {
  margin-top: 147px;
}
body .l-wrapper .u-mt-148 {
  margin-top: 148px;
}
body .l-wrapper .u-mt-149 {
  margin-top: 149px;
}
body .l-wrapper .u-mt-150 {
  margin-top: 150px;
}
body .l-wrapper .u-mt-151 {
  margin-top: 151px;
}
body .l-wrapper .u-mt-152 {
  margin-top: 152px;
}
body .l-wrapper .u-mt-153 {
  margin-top: 153px;
}
body .l-wrapper .u-mt-154 {
  margin-top: 154px;
}
body .l-wrapper .u-mt-155 {
  margin-top: 155px;
}
body .l-wrapper .u-mt-156 {
  margin-top: 156px;
}
body .l-wrapper .u-mt-157 {
  margin-top: 157px;
}
body .l-wrapper .u-mt-158 {
  margin-top: 158px;
}
body .l-wrapper .u-mt-159 {
  margin-top: 159px;
}
body .l-wrapper .u-mt-160 {
  margin-top: 160px;
}
body .l-wrapper .u-mt-161 {
  margin-top: 161px;
}
body .l-wrapper .u-mt-162 {
  margin-top: 162px;
}
body .l-wrapper .u-mt-163 {
  margin-top: 163px;
}
body .l-wrapper .u-mt-164 {
  margin-top: 164px;
}
body .l-wrapper .u-mt-165 {
  margin-top: 165px;
}
body .l-wrapper .u-mt-166 {
  margin-top: 166px;
}
body .l-wrapper .u-mt-167 {
  margin-top: 167px;
}
body .l-wrapper .u-mt-168 {
  margin-top: 168px;
}
body .l-wrapper .u-mt-169 {
  margin-top: 169px;
}
body .l-wrapper .u-mt-170 {
  margin-top: 170px;
}
body .l-wrapper .u-mt-171 {
  margin-top: 171px;
}
body .l-wrapper .u-mt-172 {
  margin-top: 172px;
}
body .l-wrapper .u-mt-173 {
  margin-top: 173px;
}
body .l-wrapper .u-mt-174 {
  margin-top: 174px;
}
body .l-wrapper .u-mt-175 {
  margin-top: 175px;
}
body .l-wrapper .u-mt-176 {
  margin-top: 176px;
}
body .l-wrapper .u-mt-177 {
  margin-top: 177px;
}
body .l-wrapper .u-mt-178 {
  margin-top: 178px;
}
body .l-wrapper .u-mt-179 {
  margin-top: 179px;
}
body .l-wrapper .u-mt-180 {
  margin-top: 180px;
}
body .l-wrapper .u-mt-181 {
  margin-top: 181px;
}
body .l-wrapper .u-mt-182 {
  margin-top: 182px;
}
body .l-wrapper .u-mt-183 {
  margin-top: 183px;
}
body .l-wrapper .u-mt-184 {
  margin-top: 184px;
}
body .l-wrapper .u-mt-185 {
  margin-top: 185px;
}
body .l-wrapper .u-mt-186 {
  margin-top: 186px;
}
body .l-wrapper .u-mt-187 {
  margin-top: 187px;
}
body .l-wrapper .u-mt-188 {
  margin-top: 188px;
}
body .l-wrapper .u-mt-189 {
  margin-top: 189px;
}
body .l-wrapper .u-mt-190 {
  margin-top: 190px;
}
body .l-wrapper .u-mt-191 {
  margin-top: 191px;
}
body .l-wrapper .u-mt-192 {
  margin-top: 192px;
}
body .l-wrapper .u-mt-193 {
  margin-top: 193px;
}
body .l-wrapper .u-mt-194 {
  margin-top: 194px;
}
body .l-wrapper .u-mt-195 {
  margin-top: 195px;
}
body .l-wrapper .u-mt-196 {
  margin-top: 196px;
}
body .l-wrapper .u-mt-197 {
  margin-top: 197px;
}
body .l-wrapper .u-mt-198 {
  margin-top: 198px;
}
body .l-wrapper .u-mt-199 {
  margin-top: 199px;
}
body .l-wrapper .u-mt-200 {
  margin-top: 200px;
}

.u-pt50 {
  padding-top: 50px;
}

.u-pt85 {
  padding-top: 85px;
}
@media screen and (max-width: 767px) {
  .u-pt85 {
    padding-top: 30px;
  }
}

.u-pt120 {
  padding-top: 120px;
}
@media screen and (max-width: 767px) {
  .u-pt120 {
    padding-top: 30px;
  }
}

.u-pt-half {
  padding-top: 0.6em;
}

.u-fwb {
  font-weight: bold;
}

.u-uppercase {
  text-transform: uppercase;
}

.u-uppercase-none {
  text-transform: none;
}

@media screen and (min-width: 10px) {
  .u-br-10 {
    display: none;
  }
}

@media screen and (max-width: 9px) {
  .u-br-10-down {
    display: none;
  }
}

@media screen and (min-width: 20px) {
  .u-br-20 {
    display: none;
  }
}

@media screen and (max-width: 19px) {
  .u-br-20-down {
    display: none;
  }
}

@media screen and (min-width: 30px) {
  .u-br-30 {
    display: none;
  }
}

@media screen and (max-width: 29px) {
  .u-br-30-down {
    display: none;
  }
}

@media screen and (min-width: 40px) {
  .u-br-40 {
    display: none;
  }
}

@media screen and (max-width: 39px) {
  .u-br-40-down {
    display: none;
  }
}

@media screen and (min-width: 50px) {
  .u-br-50 {
    display: none;
  }
}

@media screen and (max-width: 49px) {
  .u-br-50-down {
    display: none;
  }
}

@media screen and (min-width: 60px) {
  .u-br-60 {
    display: none;
  }
}

@media screen and (max-width: 59px) {
  .u-br-60-down {
    display: none;
  }
}

@media screen and (min-width: 70px) {
  .u-br-70 {
    display: none;
  }
}

@media screen and (max-width: 69px) {
  .u-br-70-down {
    display: none;
  }
}

@media screen and (min-width: 80px) {
  .u-br-80 {
    display: none;
  }
}

@media screen and (max-width: 79px) {
  .u-br-80-down {
    display: none;
  }
}

@media screen and (min-width: 90px) {
  .u-br-90 {
    display: none;
  }
}

@media screen and (max-width: 89px) {
  .u-br-90-down {
    display: none;
  }
}

@media screen and (min-width: 100px) {
  .u-br-100 {
    display: none;
  }
}

@media screen and (max-width: 99px) {
  .u-br-100-down {
    display: none;
  }
}

@media screen and (min-width: 110px) {
  .u-br-110 {
    display: none;
  }
}

@media screen and (max-width: 109px) {
  .u-br-110-down {
    display: none;
  }
}

@media screen and (min-width: 120px) {
  .u-br-120 {
    display: none;
  }
}

@media screen and (max-width: 119px) {
  .u-br-120-down {
    display: none;
  }
}

@media screen and (min-width: 130px) {
  .u-br-130 {
    display: none;
  }
}

@media screen and (max-width: 129px) {
  .u-br-130-down {
    display: none;
  }
}

@media screen and (min-width: 140px) {
  .u-br-140 {
    display: none;
  }
}

@media screen and (max-width: 139px) {
  .u-br-140-down {
    display: none;
  }
}

@media screen and (min-width: 150px) {
  .u-br-150 {
    display: none;
  }
}

@media screen and (max-width: 149px) {
  .u-br-150-down {
    display: none;
  }
}

@media screen and (min-width: 160px) {
  .u-br-160 {
    display: none;
  }
}

@media screen and (max-width: 159px) {
  .u-br-160-down {
    display: none;
  }
}

@media screen and (min-width: 170px) {
  .u-br-170 {
    display: none;
  }
}

@media screen and (max-width: 169px) {
  .u-br-170-down {
    display: none;
  }
}

@media screen and (min-width: 180px) {
  .u-br-180 {
    display: none;
  }
}

@media screen and (max-width: 179px) {
  .u-br-180-down {
    display: none;
  }
}

@media screen and (min-width: 190px) {
  .u-br-190 {
    display: none;
  }
}

@media screen and (max-width: 189px) {
  .u-br-190-down {
    display: none;
  }
}

@media screen and (min-width: 200px) {
  .u-br-200 {
    display: none;
  }
}

@media screen and (max-width: 199px) {
  .u-br-200-down {
    display: none;
  }
}

@media screen and (min-width: 210px) {
  .u-br-210 {
    display: none;
  }
}

@media screen and (max-width: 209px) {
  .u-br-210-down {
    display: none;
  }
}

@media screen and (min-width: 220px) {
  .u-br-220 {
    display: none;
  }
}

@media screen and (max-width: 219px) {
  .u-br-220-down {
    display: none;
  }
}

@media screen and (min-width: 230px) {
  .u-br-230 {
    display: none;
  }
}

@media screen and (max-width: 229px) {
  .u-br-230-down {
    display: none;
  }
}

@media screen and (min-width: 240px) {
  .u-br-240 {
    display: none;
  }
}

@media screen and (max-width: 239px) {
  .u-br-240-down {
    display: none;
  }
}

@media screen and (min-width: 250px) {
  .u-br-250 {
    display: none;
  }
}

@media screen and (max-width: 249px) {
  .u-br-250-down {
    display: none;
  }
}

@media screen and (min-width: 260px) {
  .u-br-260 {
    display: none;
  }
}

@media screen and (max-width: 259px) {
  .u-br-260-down {
    display: none;
  }
}

@media screen and (min-width: 270px) {
  .u-br-270 {
    display: none;
  }
}

@media screen and (max-width: 269px) {
  .u-br-270-down {
    display: none;
  }
}

@media screen and (min-width: 280px) {
  .u-br-280 {
    display: none;
  }
}

@media screen and (max-width: 279px) {
  .u-br-280-down {
    display: none;
  }
}

@media screen and (min-width: 290px) {
  .u-br-290 {
    display: none;
  }
}

@media screen and (max-width: 289px) {
  .u-br-290-down {
    display: none;
  }
}

@media screen and (min-width: 300px) {
  .u-br-300 {
    display: none;
  }
}

@media screen and (max-width: 299px) {
  .u-br-300-down {
    display: none;
  }
}

@media screen and (min-width: 310px) {
  .u-br-310 {
    display: none;
  }
}

@media screen and (max-width: 309px) {
  .u-br-310-down {
    display: none;
  }
}

@media screen and (min-width: 320px) {
  .u-br-320 {
    display: none;
  }
}

@media screen and (max-width: 319px) {
  .u-br-320-down {
    display: none;
  }
}

@media screen and (min-width: 330px) {
  .u-br-330 {
    display: none;
  }
}

@media screen and (max-width: 329px) {
  .u-br-330-down {
    display: none;
  }
}

@media screen and (min-width: 340px) {
  .u-br-340 {
    display: none;
  }
}

@media screen and (max-width: 339px) {
  .u-br-340-down {
    display: none;
  }
}

@media screen and (min-width: 350px) {
  .u-br-350 {
    display: none;
  }
}

@media screen and (max-width: 349px) {
  .u-br-350-down {
    display: none;
  }
}

@media screen and (min-width: 360px) {
  .u-br-360 {
    display: none;
  }
}

@media screen and (max-width: 359px) {
  .u-br-360-down {
    display: none;
  }
}

@media screen and (min-width: 370px) {
  .u-br-370 {
    display: none;
  }
}

@media screen and (max-width: 369px) {
  .u-br-370-down {
    display: none;
  }
}

@media screen and (min-width: 380px) {
  .u-br-380 {
    display: none;
  }
}

@media screen and (max-width: 379px) {
  .u-br-380-down {
    display: none;
  }
}

@media screen and (min-width: 390px) {
  .u-br-390 {
    display: none;
  }
}

@media screen and (max-width: 389px) {
  .u-br-390-down {
    display: none;
  }
}

@media screen and (min-width: 400px) {
  .u-br-400 {
    display: none;
  }
}

@media screen and (max-width: 399px) {
  .u-br-400-down {
    display: none;
  }
}

@media screen and (min-width: 410px) {
  .u-br-410 {
    display: none;
  }
}

@media screen and (max-width: 409px) {
  .u-br-410-down {
    display: none;
  }
}

@media screen and (min-width: 420px) {
  .u-br-420 {
    display: none;
  }
}

@media screen and (max-width: 419px) {
  .u-br-420-down {
    display: none;
  }
}

@media screen and (min-width: 430px) {
  .u-br-430 {
    display: none;
  }
}

@media screen and (max-width: 429px) {
  .u-br-430-down {
    display: none;
  }
}

@media screen and (min-width: 440px) {
  .u-br-440 {
    display: none;
  }
}

@media screen and (max-width: 439px) {
  .u-br-440-down {
    display: none;
  }
}

@media screen and (min-width: 450px) {
  .u-br-450 {
    display: none;
  }
}

@media screen and (max-width: 449px) {
  .u-br-450-down {
    display: none;
  }
}

@media screen and (min-width: 460px) {
  .u-br-460 {
    display: none;
  }
}

@media screen and (max-width: 459px) {
  .u-br-460-down {
    display: none;
  }
}

@media screen and (min-width: 470px) {
  .u-br-470 {
    display: none;
  }
}

@media screen and (max-width: 469px) {
  .u-br-470-down {
    display: none;
  }
}

@media screen and (min-width: 480px) {
  .u-br-480 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .u-br-480-down {
    display: none;
  }
}

@media screen and (min-width: 490px) {
  .u-br-490 {
    display: none;
  }
}

@media screen and (max-width: 489px) {
  .u-br-490-down {
    display: none;
  }
}

@media screen and (min-width: 500px) {
  .u-br-500 {
    display: none;
  }
}

@media screen and (max-width: 499px) {
  .u-br-500-down {
    display: none;
  }
}

@media screen and (min-width: 510px) {
  .u-br-510 {
    display: none;
  }
}

@media screen and (max-width: 509px) {
  .u-br-510-down {
    display: none;
  }
}

@media screen and (min-width: 520px) {
  .u-br-520 {
    display: none;
  }
}

@media screen and (max-width: 519px) {
  .u-br-520-down {
    display: none;
  }
}

@media screen and (min-width: 530px) {
  .u-br-530 {
    display: none;
  }
}

@media screen and (max-width: 529px) {
  .u-br-530-down {
    display: none;
  }
}

@media screen and (min-width: 540px) {
  .u-br-540 {
    display: none;
  }
}

@media screen and (max-width: 539px) {
  .u-br-540-down {
    display: none;
  }
}

@media screen and (min-width: 550px) {
  .u-br-550 {
    display: none;
  }
}

@media screen and (max-width: 549px) {
  .u-br-550-down {
    display: none;
  }
}

@media screen and (min-width: 560px) {
  .u-br-560 {
    display: none;
  }
}

@media screen and (max-width: 559px) {
  .u-br-560-down {
    display: none;
  }
}

@media screen and (min-width: 570px) {
  .u-br-570 {
    display: none;
  }
}

@media screen and (max-width: 569px) {
  .u-br-570-down {
    display: none;
  }
}

@media screen and (min-width: 580px) {
  .u-br-580 {
    display: none;
  }
}

@media screen and (max-width: 579px) {
  .u-br-580-down {
    display: none;
  }
}

@media screen and (min-width: 590px) {
  .u-br-590 {
    display: none;
  }
}

@media screen and (max-width: 589px) {
  .u-br-590-down {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  .u-br-600 {
    display: none;
  }
}

@media screen and (max-width: 599px) {
  .u-br-600-down {
    display: none;
  }
}

@media screen and (min-width: 610px) {
  .u-br-610 {
    display: none;
  }
}

@media screen and (max-width: 609px) {
  .u-br-610-down {
    display: none;
  }
}

@media screen and (min-width: 620px) {
  .u-br-620 {
    display: none;
  }
}

@media screen and (max-width: 619px) {
  .u-br-620-down {
    display: none;
  }
}

@media screen and (min-width: 630px) {
  .u-br-630 {
    display: none;
  }
}

@media screen and (max-width: 629px) {
  .u-br-630-down {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  .u-br-640 {
    display: none;
  }
}

@media screen and (max-width: 639px) {
  .u-br-640-down {
    display: none;
  }
}

@media screen and (min-width: 650px) {
  .u-br-650 {
    display: none;
  }
}

@media screen and (max-width: 649px) {
  .u-br-650-down {
    display: none;
  }
}

@media screen and (min-width: 660px) {
  .u-br-660 {
    display: none;
  }
}

@media screen and (max-width: 659px) {
  .u-br-660-down {
    display: none;
  }
}

@media screen and (min-width: 670px) {
  .u-br-670 {
    display: none;
  }
}

@media screen and (max-width: 669px) {
  .u-br-670-down {
    display: none;
  }
}

@media screen and (min-width: 680px) {
  .u-br-680 {
    display: none;
  }
}

@media screen and (max-width: 679px) {
  .u-br-680-down {
    display: none;
  }
}

@media screen and (min-width: 690px) {
  .u-br-690 {
    display: none;
  }
}

@media screen and (max-width: 689px) {
  .u-br-690-down {
    display: none;
  }
}

@media screen and (min-width: 700px) {
  .u-br-700 {
    display: none;
  }
}

@media screen and (max-width: 699px) {
  .u-br-700-down {
    display: none;
  }
}

@media screen and (min-width: 710px) {
  .u-br-710 {
    display: none;
  }
}

@media screen and (max-width: 709px) {
  .u-br-710-down {
    display: none;
  }
}

@media screen and (min-width: 720px) {
  .u-br-720 {
    display: none;
  }
}

@media screen and (max-width: 719px) {
  .u-br-720-down {
    display: none;
  }
}

@media screen and (min-width: 730px) {
  .u-br-730 {
    display: none;
  }
}

@media screen and (max-width: 729px) {
  .u-br-730-down {
    display: none;
  }
}

@media screen and (min-width: 740px) {
  .u-br-740 {
    display: none;
  }
}

@media screen and (max-width: 739px) {
  .u-br-740-down {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .u-br-750 {
    display: none;
  }
}

@media screen and (max-width: 749px) {
  .u-br-750-down {
    display: none;
  }
}

@media screen and (min-width: 760px) {
  .u-br-760 {
    display: none;
  }
}

@media screen and (max-width: 759px) {
  .u-br-760-down {
    display: none;
  }
}

@media screen and (min-width: 770px) {
  .u-br-770 {
    display: none;
  }
}

@media screen and (max-width: 769px) {
  .u-br-770-down {
    display: none;
  }
}

@media screen and (min-width: 780px) {
  .u-br-780 {
    display: none;
  }
}

@media screen and (max-width: 779px) {
  .u-br-780-down {
    display: none;
  }
}

@media screen and (min-width: 790px) {
  .u-br-790 {
    display: none;
  }
}

@media screen and (max-width: 789px) {
  .u-br-790-down {
    display: none;
  }
}

@media screen and (min-width: 800px) {
  .u-br-800 {
    display: none;
  }
}

@media screen and (max-width: 799px) {
  .u-br-800-down {
    display: none;
  }
}

@media screen and (min-width: 810px) {
  .u-br-810 {
    display: none;
  }
}

@media screen and (max-width: 809px) {
  .u-br-810-down {
    display: none;
  }
}

@media screen and (min-width: 820px) {
  .u-br-820 {
    display: none;
  }
}

@media screen and (max-width: 819px) {
  .u-br-820-down {
    display: none;
  }
}

@media screen and (min-width: 830px) {
  .u-br-830 {
    display: none;
  }
}

@media screen and (max-width: 829px) {
  .u-br-830-down {
    display: none;
  }
}

@media screen and (min-width: 840px) {
  .u-br-840 {
    display: none;
  }
}

@media screen and (max-width: 839px) {
  .u-br-840-down {
    display: none;
  }
}

@media screen and (min-width: 850px) {
  .u-br-850 {
    display: none;
  }
}

@media screen and (max-width: 849px) {
  .u-br-850-down {
    display: none;
  }
}

@media screen and (min-width: 860px) {
  .u-br-860 {
    display: none;
  }
}

@media screen and (max-width: 859px) {
  .u-br-860-down {
    display: none;
  }
}

@media screen and (min-width: 870px) {
  .u-br-870 {
    display: none;
  }
}

@media screen and (max-width: 869px) {
  .u-br-870-down {
    display: none;
  }
}

@media screen and (min-width: 880px) {
  .u-br-880 {
    display: none;
  }
}

@media screen and (max-width: 879px) {
  .u-br-880-down {
    display: none;
  }
}

@media screen and (min-width: 890px) {
  .u-br-890 {
    display: none;
  }
}

@media screen and (max-width: 889px) {
  .u-br-890-down {
    display: none;
  }
}

@media screen and (min-width: 900px) {
  .u-br-900 {
    display: none;
  }
}

@media screen and (max-width: 899px) {
  .u-br-900-down {
    display: none;
  }
}

@media screen and (min-width: 910px) {
  .u-br-910 {
    display: none;
  }
}

@media screen and (max-width: 909px) {
  .u-br-910-down {
    display: none;
  }
}

@media screen and (min-width: 920px) {
  .u-br-920 {
    display: none;
  }
}

@media screen and (max-width: 919px) {
  .u-br-920-down {
    display: none;
  }
}

@media screen and (min-width: 930px) {
  .u-br-930 {
    display: none;
  }
}

@media screen and (max-width: 929px) {
  .u-br-930-down {
    display: none;
  }
}

@media screen and (min-width: 940px) {
  .u-br-940 {
    display: none;
  }
}

@media screen and (max-width: 939px) {
  .u-br-940-down {
    display: none;
  }
}

@media screen and (min-width: 950px) {
  .u-br-950 {
    display: none;
  }
}

@media screen and (max-width: 949px) {
  .u-br-950-down {
    display: none;
  }
}

@media screen and (min-width: 960px) {
  .u-br-960 {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .u-br-960-down {
    display: none;
  }
}

@media screen and (min-width: 970px) {
  .u-br-970 {
    display: none;
  }
}

@media screen and (max-width: 969px) {
  .u-br-970-down {
    display: none;
  }
}

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

@media screen and (max-width: 979px) {
  .u-br-980-down {
    display: none;
  }
}

@media screen and (min-width: 990px) {
  .u-br-990 {
    display: none;
  }
}

@media screen and (max-width: 989px) {
  .u-br-990-down {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  .u-br-1000 {
    display: none;
  }
}

@media screen and (max-width: 999px) {
  .u-br-1000-down {
    display: none;
  }
}

.u-color-text-gray {
  color: #696969;
}

.u-color-blue {
  color: #183f7b;
}

.u-color-yellow {
  color: #fff700;
}

.josefin-sans {
  font-family: "Josefin Sans", sans-serif;
}

.mixed-font {
  font-family: "Josefin Sans", "Zen Kaku Gothic Antique", sans-serif;
}

.zen-antique {
  font-family: "Zen Antique", sans-serif;
}

.u-highlight {
  font-weight: 700;
  background: linear-gradient(0deg, transparent 1%, #f5da0e 1%, #f5da0e 92%, transparent 92%);
  padding: 0.0357142857rem;
}
.u-highlight.--lh180 {
  background: linear-gradient(0deg, transparent 6%, #f5da0e 6%, #f5da0e 88%, transparent 88%);
}
.u-highlight .--lh190 {
  background: linear-gradient(0deg, transparent 1%, #f5da0e 1%, #f5da0e 92%, transparent 92%);
}

.u-w-10 {
  width: 0.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-10 {
    width: 0.8333333333rem;
  }
}

.u-w-20 {
  width: 1.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-20 {
    width: 1.6666666667rem;
  }
}

.u-w-30 {
  width: 2.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-30 {
    width: 2.5rem;
  }
}

.u-w-40 {
  width: 2.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-40 {
    width: 3.3333333333rem;
  }
}

.u-w-50 {
  width: 3.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-50 {
    width: 4.1666666667rem;
  }
}

.u-w-60 {
  width: 4.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-60 {
    width: 5rem;
  }
}

.u-w-70 {
  width: 5rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-70 {
    width: 5.8333333333rem;
  }
}

.u-w-80 {
  width: 5.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-80 {
    width: 6.6666666667rem;
  }
}

.u-w-90 {
  width: 6.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-90 {
    width: 7.5rem;
  }
}

.u-w-100 {
  width: 7.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-100 {
    width: 8.3333333333rem;
  }
}

.u-w-110 {
  width: 7.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-110 {
    width: 9.1666666667rem;
  }
}

.u-w-120 {
  width: 8.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-120 {
    width: 10rem;
  }
}

.u-w-130 {
  width: 9.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-130 {
    width: 10.8333333333rem;
  }
}

.u-w-140 {
  width: 10rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-140 {
    width: 11.6666666667rem;
  }
}

.u-w-150 {
  width: 10.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-150 {
    width: 12.5rem;
  }
}

.u-w-160 {
  width: 11.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-160 {
    width: 13.3333333333rem;
  }
}

.u-w-170 {
  width: 12.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-170 {
    width: 14.1666666667rem;
  }
}

.u-w-180 {
  width: 12.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-180 {
    width: 15rem;
  }
}

.u-w-190 {
  width: 13.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-190 {
    width: 15.8333333333rem;
  }
}

.u-w-200 {
  width: 14.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-200 {
    width: 16.6666666667rem;
  }
}

.u-w-210 {
  width: 15rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-210 {
    width: 17.5rem;
  }
}

.u-w-220 {
  width: 15.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-220 {
    width: 18.3333333333rem;
  }
}

.u-w-230 {
  width: 16.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-230 {
    width: 19.1666666667rem;
  }
}

.u-w-240 {
  width: 17.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-240 {
    width: 20rem;
  }
}

.u-w-250 {
  width: 17.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-250 {
    width: 20.8333333333rem;
  }
}

.u-w-260 {
  width: 18.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-260 {
    width: 21.6666666667rem;
  }
}

.u-w-270 {
  width: 19.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-270 {
    width: 22.5rem;
  }
}

.u-w-280 {
  width: 20rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-280 {
    width: 23.3333333333rem;
  }
}

.u-w-290 {
  width: 20.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-290 {
    width: 24.1666666667rem;
  }
}

.u-w-300 {
  width: 21.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-300 {
    width: 25rem;
  }
}

.u-w-310 {
  width: 22.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-310 {
    width: 25.8333333333rem;
  }
}

.u-w-320 {
  width: 22.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-320 {
    width: 26.6666666667rem;
  }
}

.u-w-330 {
  width: 23.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-330 {
    width: 27.5rem;
  }
}

.u-w-340 {
  width: 24.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-340 {
    width: 28.3333333333rem;
  }
}

.u-w-350 {
  width: 25rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-350 {
    width: 29.1666666667rem;
  }
}

.u-w-360 {
  width: 25.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-360 {
    width: 30rem;
  }
}

.u-w-370 {
  width: 26.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-370 {
    width: 30.8333333333rem;
  }
}

.u-w-380 {
  width: 27.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-380 {
    width: 31.6666666667rem;
  }
}

.u-w-390 {
  width: 27.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-390 {
    width: 32.5rem;
  }
}

.u-w-400 {
  width: 28.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-400 {
    width: 33.3333333333rem;
  }
}

.u-w-410 {
  width: 29.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-410 {
    width: 34.1666666667rem;
  }
}

.u-w-420 {
  width: 30rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-420 {
    width: 35rem;
  }
}

.u-w-430 {
  width: 30.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-430 {
    width: 35.8333333333rem;
  }
}

.u-w-440 {
  width: 31.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-440 {
    width: 36.6666666667rem;
  }
}

.u-w-450 {
  width: 32.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-450 {
    width: 37.5rem;
  }
}

.u-w-460 {
  width: 32.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-460 {
    width: 38.3333333333rem;
  }
}

.u-w-470 {
  width: 33.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-470 {
    width: 39.1666666667rem;
  }
}

.u-w-480 {
  width: 34.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-480 {
    width: 40rem;
  }
}

.u-w-490 {
  width: 35rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-490 {
    width: 40.8333333333rem;
  }
}

.u-w-500 {
  width: 35.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-500 {
    width: 41.6666666667rem;
  }
}

.u-w-510 {
  width: 36.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-510 {
    width: 42.5rem;
  }
}

.u-w-520 {
  width: 37.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-520 {
    width: 43.3333333333rem;
  }
}

.u-w-530 {
  width: 37.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-530 {
    width: 44.1666666667rem;
  }
}

.u-w-540 {
  width: 38.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-540 {
    width: 45rem;
  }
}

.u-w-550 {
  width: 39.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-550 {
    width: 45.8333333333rem;
  }
}

.u-w-560 {
  width: 40rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-560 {
    width: 46.6666666667rem;
  }
}

.u-w-570 {
  width: 40.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-570 {
    width: 47.5rem;
  }
}

.u-w-580 {
  width: 41.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-580 {
    width: 48.3333333333rem;
  }
}

.u-w-590 {
  width: 42.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-590 {
    width: 49.1666666667rem;
  }
}

.u-w-600 {
  width: 42.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-600 {
    width: 50rem;
  }
}

.u-w-610 {
  width: 43.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-610 {
    width: 50.8333333333rem;
  }
}

.u-w-620 {
  width: 44.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-620 {
    width: 51.6666666667rem;
  }
}

.u-w-630 {
  width: 45rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-630 {
    width: 52.5rem;
  }
}

.u-w-640 {
  width: 45.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-640 {
    width: 53.3333333333rem;
  }
}

.u-w-650 {
  width: 46.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-650 {
    width: 54.1666666667rem;
  }
}

.u-w-660 {
  width: 47.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-660 {
    width: 55rem;
  }
}

.u-w-670 {
  width: 47.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-670 {
    width: 55.8333333333rem;
  }
}

.u-w-680 {
  width: 48.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-680 {
    width: 56.6666666667rem;
  }
}

.u-w-690 {
  width: 49.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-690 {
    width: 57.5rem;
  }
}

.u-w-700 {
  width: 50rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-700 {
    width: 58.3333333333rem;
  }
}

.u-w-710 {
  width: 50.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-710 {
    width: 59.1666666667rem;
  }
}

.u-w-720 {
  width: 51.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-720 {
    width: 60rem;
  }
}

.u-w-730 {
  width: 52.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-730 {
    width: 60.8333333333rem;
  }
}

.u-w-740 {
  width: 52.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-740 {
    width: 61.6666666667rem;
  }
}

.u-w-750 {
  width: 53.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-750 {
    width: 62.5rem;
  }
}

.u-w-760 {
  width: 54.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-760 {
    width: 63.3333333333rem;
  }
}

.u-w-770 {
  width: 55rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-770 {
    width: 64.1666666667rem;
  }
}

.u-w-780 {
  width: 55.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-780 {
    width: 65rem;
  }
}

.u-w-790 {
  width: 56.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-790 {
    width: 65.8333333333rem;
  }
}

.u-w-800 {
  width: 57.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-800 {
    width: 66.6666666667rem;
  }
}

.u-w-810 {
  width: 57.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-810 {
    width: 67.5rem;
  }
}

.u-w-820 {
  width: 58.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-820 {
    width: 68.3333333333rem;
  }
}

.u-w-830 {
  width: 59.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-830 {
    width: 69.1666666667rem;
  }
}

.u-w-840 {
  width: 60rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-840 {
    width: 70rem;
  }
}

.u-w-850 {
  width: 60.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-850 {
    width: 70.8333333333rem;
  }
}

.u-w-860 {
  width: 61.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-860 {
    width: 71.6666666667rem;
  }
}

.u-w-870 {
  width: 62.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-870 {
    width: 72.5rem;
  }
}

.u-w-880 {
  width: 62.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-880 {
    width: 73.3333333333rem;
  }
}

.u-w-890 {
  width: 63.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-890 {
    width: 74.1666666667rem;
  }
}

.u-w-900 {
  width: 64.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-900 {
    width: 75rem;
  }
}

.u-w-910 {
  width: 65rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-910 {
    width: 75.8333333333rem;
  }
}

.u-w-920 {
  width: 65.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-920 {
    width: 76.6666666667rem;
  }
}

.u-w-930 {
  width: 66.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-930 {
    width: 77.5rem;
  }
}

.u-w-940 {
  width: 67.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-940 {
    width: 78.3333333333rem;
  }
}

.u-w-950 {
  width: 67.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-950 {
    width: 79.1666666667rem;
  }
}

.u-w-960 {
  width: 68.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-960 {
    width: 80rem;
  }
}

.u-w-970 {
  width: 69.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-970 {
    width: 80.8333333333rem;
  }
}

.u-w-980 {
  width: 70rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-980 {
    width: 81.6666666667rem;
  }
}

.u-w-990 {
  width: 70.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-990 {
    width: 82.5rem;
  }
}

.u-w-1000 {
  width: 71.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1000 {
    width: 83.3333333333rem;
  }
}

.u-w-1010 {
  width: 72.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1010 {
    width: 84.1666666667rem;
  }
}

.u-w-1020 {
  width: 72.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1020 {
    width: 85rem;
  }
}

.u-w-1030 {
  width: 73.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1030 {
    width: 85.8333333333rem;
  }
}

.u-w-1040 {
  width: 74.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1040 {
    width: 86.6666666667rem;
  }
}

.u-w-1050 {
  width: 75rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1050 {
    width: 87.5rem;
  }
}

.u-w-1060 {
  width: 75.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1060 {
    width: 88.3333333333rem;
  }
}

.u-w-1070 {
  width: 76.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1070 {
    width: 89.1666666667rem;
  }
}

.u-w-1080 {
  width: 77.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1080 {
    width: 90rem;
  }
}

.u-w-1090 {
  width: 77.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1090 {
    width: 90.8333333333rem;
  }
}

.u-w-1100 {
  width: 78.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1100 {
    width: 91.6666666667rem;
  }
}

.u-w-1110 {
  width: 79.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1110 {
    width: 92.5rem;
  }
}

.u-w-1120 {
  width: 80rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1120 {
    width: 93.3333333333rem;
  }
}

.u-w-1130 {
  width: 80.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1130 {
    width: 94.1666666667rem;
  }
}

.u-w-1140 {
  width: 81.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1140 {
    width: 95rem;
  }
}

.u-w-1150 {
  width: 82.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1150 {
    width: 95.8333333333rem;
  }
}

.u-w-1160 {
  width: 82.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1160 {
    width: 96.6666666667rem;
  }
}

.u-w-1170 {
  width: 83.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1170 {
    width: 97.5rem;
  }
}

.u-w-1180 {
  width: 84.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1180 {
    width: 98.3333333333rem;
  }
}

.u-w-1190 {
  width: 85rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1190 {
    width: 99.1666666667rem;
  }
}

.u-w-1200 {
  width: 85.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1200 {
    width: 100rem;
  }
}

.u-w-1210 {
  width: 86.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1210 {
    width: 100.8333333333rem;
  }
}

.u-w-1220 {
  width: 87.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1220 {
    width: 101.6666666667rem;
  }
}

.u-w-1230 {
  width: 87.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1230 {
    width: 102.5rem;
  }
}

.u-w-1240 {
  width: 88.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1240 {
    width: 103.3333333333rem;
  }
}

.u-w-1250 {
  width: 89.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1250 {
    width: 104.1666666667rem;
  }
}

.u-w-1260 {
  width: 90rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1260 {
    width: 105rem;
  }
}

.u-w-1270 {
  width: 90.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1270 {
    width: 105.8333333333rem;
  }
}

.u-w-1280 {
  width: 91.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1280 {
    width: 106.6666666667rem;
  }
}

.u-w-1290 {
  width: 92.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1290 {
    width: 107.5rem;
  }
}

.u-w-1300 {
  width: 92.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1300 {
    width: 108.3333333333rem;
  }
}

.u-w-1310 {
  width: 93.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1310 {
    width: 109.1666666667rem;
  }
}

.u-w-1320 {
  width: 94.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1320 {
    width: 110rem;
  }
}

.u-w-1330 {
  width: 95rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1330 {
    width: 110.8333333333rem;
  }
}

.u-w-1340 {
  width: 95.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1340 {
    width: 111.6666666667rem;
  }
}

.u-w-1350 {
  width: 96.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1350 {
    width: 112.5rem;
  }
}

.u-w-1360 {
  width: 97.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1360 {
    width: 113.3333333333rem;
  }
}

.u-w-1370 {
  width: 97.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1370 {
    width: 114.1666666667rem;
  }
}

.u-w-1380 {
  width: 98.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1380 {
    width: 115rem;
  }
}

.u-w-1390 {
  width: 99.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1390 {
    width: 115.8333333333rem;
  }
}

.u-w-1400 {
  width: 100rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1400 {
    width: 116.6666666667rem;
  }
}

.u-w-1410 {
  width: 100.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1410 {
    width: 117.5rem;
  }
}

.u-w-1420 {
  width: 101.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1420 {
    width: 118.3333333333rem;
  }
}

.u-w-1430 {
  width: 102.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1430 {
    width: 119.1666666667rem;
  }
}

.u-w-1440 {
  width: 102.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1440 {
    width: 120rem;
  }
}

.u-w-1450 {
  width: 103.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1450 {
    width: 120.8333333333rem;
  }
}

.u-w-1460 {
  width: 104.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1460 {
    width: 121.6666666667rem;
  }
}

.u-w-1470 {
  width: 105rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1470 {
    width: 122.5rem;
  }
}

.u-w-1480 {
  width: 105.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1480 {
    width: 123.3333333333rem;
  }
}

.u-w-1490 {
  width: 106.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1490 {
    width: 124.1666666667rem;
  }
}

.u-w-1500 {
  width: 107.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1500 {
    width: 125rem;
  }
}

.u-w-1510 {
  width: 107.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1510 {
    width: 125.8333333333rem;
  }
}

.u-w-1520 {
  width: 108.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1520 {
    width: 126.6666666667rem;
  }
}

.u-w-1530 {
  width: 109.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1530 {
    width: 127.5rem;
  }
}

.u-w-1540 {
  width: 110rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1540 {
    width: 128.3333333333rem;
  }
}

.u-w-1550 {
  width: 110.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1550 {
    width: 129.1666666667rem;
  }
}

.u-w-1560 {
  width: 111.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1560 {
    width: 130rem;
  }
}

.u-w-1570 {
  width: 112.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1570 {
    width: 130.8333333333rem;
  }
}

.u-w-1580 {
  width: 112.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1580 {
    width: 131.6666666667rem;
  }
}

.u-w-1590 {
  width: 113.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1590 {
    width: 132.5rem;
  }
}

.u-w-1600 {
  width: 114.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1600 {
    width: 133.3333333333rem;
  }
}

.u-w-1610 {
  width: 115rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1610 {
    width: 134.1666666667rem;
  }
}

.u-w-1620 {
  width: 115.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1620 {
    width: 135rem;
  }
}

.u-w-1630 {
  width: 116.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1630 {
    width: 135.8333333333rem;
  }
}

.u-w-1640 {
  width: 117.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1640 {
    width: 136.6666666667rem;
  }
}

.u-w-1650 {
  width: 117.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1650 {
    width: 137.5rem;
  }
}

.u-w-1660 {
  width: 118.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1660 {
    width: 138.3333333333rem;
  }
}

.u-w-1670 {
  width: 119.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1670 {
    width: 139.1666666667rem;
  }
}

.u-w-1680 {
  width: 120rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1680 {
    width: 140rem;
  }
}

.u-w-1690 {
  width: 120.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1690 {
    width: 140.8333333333rem;
  }
}

.u-w-1700 {
  width: 121.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1700 {
    width: 141.6666666667rem;
  }
}

.u-w-1710 {
  width: 122.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1710 {
    width: 142.5rem;
  }
}

.u-w-1720 {
  width: 122.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1720 {
    width: 143.3333333333rem;
  }
}

.u-w-1730 {
  width: 123.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1730 {
    width: 144.1666666667rem;
  }
}

.u-w-1740 {
  width: 124.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1740 {
    width: 145rem;
  }
}

.u-w-1750 {
  width: 125rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1750 {
    width: 145.8333333333rem;
  }
}

.u-w-1760 {
  width: 125.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1760 {
    width: 146.6666666667rem;
  }
}

.u-w-1770 {
  width: 126.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1770 {
    width: 147.5rem;
  }
}

.u-w-1780 {
  width: 127.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1780 {
    width: 148.3333333333rem;
  }
}

.u-w-1790 {
  width: 127.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1790 {
    width: 149.1666666667rem;
  }
}

.u-w-1800 {
  width: 128.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1800 {
    width: 150rem;
  }
}

.u-w-1810 {
  width: 129.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1810 {
    width: 150.8333333333rem;
  }
}

.u-w-1820 {
  width: 130rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1820 {
    width: 151.6666666667rem;
  }
}

.u-w-1830 {
  width: 130.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1830 {
    width: 152.5rem;
  }
}

.u-w-1840 {
  width: 131.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1840 {
    width: 153.3333333333rem;
  }
}

.u-w-1850 {
  width: 132.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1850 {
    width: 154.1666666667rem;
  }
}

.u-w-1860 {
  width: 132.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1860 {
    width: 155rem;
  }
}

.u-w-1870 {
  width: 133.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1870 {
    width: 155.8333333333rem;
  }
}

.u-w-1880 {
  width: 134.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1880 {
    width: 156.6666666667rem;
  }
}

.u-w-1890 {
  width: 135rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1890 {
    width: 157.5rem;
  }
}

.u-w-1900 {
  width: 135.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1900 {
    width: 158.3333333333rem;
  }
}

.u-w-1910 {
  width: 136.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1910 {
    width: 159.1666666667rem;
  }
}

.u-w-1920 {
  width: 137.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1920 {
    width: 160rem;
  }
}

.u-w-1930 {
  width: 137.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1930 {
    width: 160.8333333333rem;
  }
}

.u-w-1940 {
  width: 138.5714285714rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1940 {
    width: 161.6666666667rem;
  }
}

.u-w-1950 {
  width: 139.2857142857rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1950 {
    width: 162.5rem;
  }
}

.u-w-1960 {
  width: 140rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1960 {
    width: 163.3333333333rem;
  }
}

.u-w-1970 {
  width: 140.7142857143rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1970 {
    width: 164.1666666667rem;
  }
}

.u-w-1980 {
  width: 141.4285714286rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1980 {
    width: 165rem;
  }
}

.u-w-1990 {
  width: 142.1428571429rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-1990 {
    width: 165.8333333333rem;
  }
}

.u-w-2000 {
  width: 142.8571428571rem;
}

@media screen and (max-width: 767px) {
  .u-sp-w-2000 {
    width: 166.6666666667rem;
  }
}

.u-effect-shadow {
  box-shadow: 0.2142857143rem 0.2142857143rem 0.3571428571rem rgba(0, 0, 0, 0.25);
}

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

@media screen and (max-width: 9px) {
  .u-show-10-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 19px) {
  .u-show-20-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 29px) {
  .u-show-30-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 39px) {
  .u-show-40-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 49px) {
  .u-show-50-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 59px) {
  .u-show-60-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 69px) {
  .u-show-70-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 79px) {
  .u-show-80-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 89px) {
  .u-show-90-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 99px) {
  .u-show-100-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 109px) {
  .u-show-110-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 119px) {
  .u-show-120-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 129px) {
  .u-show-130-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 139px) {
  .u-show-140-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 149px) {
  .u-show-150-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 159px) {
  .u-show-160-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 169px) {
  .u-show-170-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 179px) {
  .u-show-180-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 189px) {
  .u-show-190-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 199px) {
  .u-show-200-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 209px) {
  .u-show-210-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 219px) {
  .u-show-220-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 229px) {
  .u-show-230-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 239px) {
  .u-show-240-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 249px) {
  .u-show-250-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 259px) {
  .u-show-260-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 269px) {
  .u-show-270-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 279px) {
  .u-show-280-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 289px) {
  .u-show-290-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 299px) {
  .u-show-300-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 309px) {
  .u-show-310-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 319px) {
  .u-show-320-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 329px) {
  .u-show-330-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 339px) {
  .u-show-340-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 349px) {
  .u-show-350-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 359px) {
  .u-show-360-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 369px) {
  .u-show-370-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 379px) {
  .u-show-380-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 389px) {
  .u-show-390-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 399px) {
  .u-show-400-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 409px) {
  .u-show-410-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 419px) {
  .u-show-420-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 429px) {
  .u-show-430-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 439px) {
  .u-show-440-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 449px) {
  .u-show-450-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 459px) {
  .u-show-460-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 469px) {
  .u-show-470-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 479px) {
  .u-show-480-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 489px) {
  .u-show-490-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 499px) {
  .u-show-500-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 509px) {
  .u-show-510-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 519px) {
  .u-show-520-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 529px) {
  .u-show-530-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 539px) {
  .u-show-540-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 549px) {
  .u-show-550-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 559px) {
  .u-show-560-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 569px) {
  .u-show-570-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 579px) {
  .u-show-580-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 589px) {
  .u-show-590-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 599px) {
  .u-show-600-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 609px) {
  .u-show-610-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 619px) {
  .u-show-620-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 629px) {
  .u-show-630-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 639px) {
  .u-show-640-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 649px) {
  .u-show-650-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 659px) {
  .u-show-660-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 669px) {
  .u-show-670-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 679px) {
  .u-show-680-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 689px) {
  .u-show-690-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 699px) {
  .u-show-700-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 709px) {
  .u-show-710-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 719px) {
  .u-show-720-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 729px) {
  .u-show-730-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 739px) {
  .u-show-740-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 749px) {
  .u-show-750-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 759px) {
  .u-show-760-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 769px) {
  .u-show-770-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 779px) {
  .u-show-780-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 789px) {
  .u-show-790-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 799px) {
  .u-show-800-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 809px) {
  .u-show-810-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 819px) {
  .u-show-820-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 829px) {
  .u-show-830-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 839px) {
  .u-show-840-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 849px) {
  .u-show-850-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 859px) {
  .u-show-860-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 869px) {
  .u-show-870-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 879px) {
  .u-show-880-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 889px) {
  .u-show-890-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 899px) {
  .u-show-900-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 909px) {
  .u-show-910-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 919px) {
  .u-show-920-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 929px) {
  .u-show-930-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 939px) {
  .u-show-940-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 949px) {
  .u-show-950-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 959px) {
  .u-show-960-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 969px) {
  .u-show-970-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 979px) {
  .u-show-980-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 989px) {
  .u-show-990-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 999px) {
  .u-show-1000-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1009px) {
  .u-show-1010-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1019px) {
  .u-show-1020-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1029px) {
  .u-show-1030-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1039px) {
  .u-show-1040-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1049px) {
  .u-show-1050-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1059px) {
  .u-show-1060-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1069px) {
  .u-show-1070-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1079px) {
  .u-show-1080-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1089px) {
  .u-show-1090-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1099px) {
  .u-show-1100-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1109px) {
  .u-show-1110-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1119px) {
  .u-show-1120-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1129px) {
  .u-show-1130-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1139px) {
  .u-show-1140-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1149px) {
  .u-show-1150-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1159px) {
  .u-show-1160-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1169px) {
  .u-show-1170-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1179px) {
  .u-show-1180-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1189px) {
  .u-show-1190-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1199px) {
  .u-show-1200-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1209px) {
  .u-show-1210-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1219px) {
  .u-show-1220-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1229px) {
  .u-show-1230-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1239px) {
  .u-show-1240-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1249px) {
  .u-show-1250-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1259px) {
  .u-show-1260-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1269px) {
  .u-show-1270-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1279px) {
  .u-show-1280-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1289px) {
  .u-show-1290-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1299px) {
  .u-show-1300-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1309px) {
  .u-show-1310-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1319px) {
  .u-show-1320-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1329px) {
  .u-show-1330-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1339px) {
  .u-show-1340-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1349px) {
  .u-show-1350-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1359px) {
  .u-show-1360-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1369px) {
  .u-show-1370-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1379px) {
  .u-show-1380-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1389px) {
  .u-show-1390-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1399px) {
  .u-show-1400-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1409px) {
  .u-show-1410-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1419px) {
  .u-show-1420-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1429px) {
  .u-show-1430-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1439px) {
  .u-show-1440-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1449px) {
  .u-show-1450-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1459px) {
  .u-show-1460-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1469px) {
  .u-show-1470-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1479px) {
  .u-show-1480-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1489px) {
  .u-show-1490-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1499px) {
  .u-show-1500-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1509px) {
  .u-show-1510-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1519px) {
  .u-show-1520-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1529px) {
  .u-show-1530-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1539px) {
  .u-show-1540-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1549px) {
  .u-show-1550-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1559px) {
  .u-show-1560-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1569px) {
  .u-show-1570-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1579px) {
  .u-show-1580-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1589px) {
  .u-show-1590-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1599px) {
  .u-show-1600-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1609px) {
  .u-show-1610-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1619px) {
  .u-show-1620-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1629px) {
  .u-show-1630-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1639px) {
  .u-show-1640-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1649px) {
  .u-show-1650-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1659px) {
  .u-show-1660-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1669px) {
  .u-show-1670-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1679px) {
  .u-show-1680-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1689px) {
  .u-show-1690-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1699px) {
  .u-show-1700-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1709px) {
  .u-show-1710-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1719px) {
  .u-show-1720-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1729px) {
  .u-show-1730-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1739px) {
  .u-show-1740-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1749px) {
  .u-show-1750-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1759px) {
  .u-show-1760-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1769px) {
  .u-show-1770-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1779px) {
  .u-show-1780-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1789px) {
  .u-show-1790-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1799px) {
  .u-show-1800-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1809px) {
  .u-show-1810-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1819px) {
  .u-show-1820-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1829px) {
  .u-show-1830-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1839px) {
  .u-show-1840-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1849px) {
  .u-show-1850-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1859px) {
  .u-show-1860-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1869px) {
  .u-show-1870-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1879px) {
  .u-show-1880-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1889px) {
  .u-show-1890-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1899px) {
  .u-show-1900-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1909px) {
  .u-show-1910-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1919px) {
  .u-show-1920-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1929px) {
  .u-show-1930-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1939px) {
  .u-show-1940-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1949px) {
  .u-show-1950-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1959px) {
  .u-show-1960-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1969px) {
  .u-show-1970-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1979px) {
  .u-show-1980-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1989px) {
  .u-show-1990-up {
    display: none !important;
  }
}

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

@media screen and (max-width: 1999px) {
  .u-show-2000-up {
    display: none !important;
  }
}

.u-linecap-1 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.u-linecap-2 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.u-linecap-3 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.u-linecap-4 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.u-linecap-5 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.u-linecap-6 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.u-linecap-7 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}

.u-linecap-8 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}

.u-linecap-9 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
}

.u-linecap-10 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
}
/*# sourceMappingURL=maps/style.css.map */