@charset "UTF-8";
/* ==========================================================================
 Foundation
============================================================================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&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(16px * 0.6, 100vw * 16 / 1280, 17.6px);
}
@media screen and (max-width: 767px) {
  html {
    font-size: clamp(15px * 0.8, 100vw * 15 / 390, 18px);
  }
}

body {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.6;
  color: #333333;
  background-color: #f7f7f7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body:has(.is-ham-open) {
  overflow: hidden;
}

a {
  color: #333333;
}

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

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

/* ==========================================================================
 layout
============================================================================*/
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 6rem;
  background-color: rgba(247, 247, 247, 0.96);
  backdrop-filter: blur(4px);
  border-bottom: 2px solid var(--color-main, #b40000);
}
@media screen and (max-width: 767px) {
  .l-header {
    height: 3.7333333333rem;
  }
}

.l-header__inner {
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.5rem;
}
@media screen and (max-width: 767px) {
  .l-header__inner {
    padding: 0 1.0666666667rem;
  }
}

.l-header__logo {
  display: block;
  flex-shrink: 0;
}
@media (any-hover: hover) {
  .l-header__logo:hover {
    opacity: 0.8;
  }
}

.l-header__logo-img img {
  display: block;
  width: auto;
  max-width: 24rem;
  height: 3.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
@media screen and (max-width: 767px) {
  .l-header__logo-img img {
    max-width: 17rem;
    height: 3rem;
  }
}

.l-header__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.75rem;
}
@media screen and (max-width: 767px) {
  .l-header__right {
    display: none;
  }
}

.l-header__utility {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.l-header__utility-list {
  display: flex;
  gap: 0.5rem;
}

.l-header__utility-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 7.5rem;
  padding: 0.5rem 0.75rem;
  background-color: #e4e4f0;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  transition: background-color 0.5s cubic-bezier(0.2, 0.64, 0.315, 1), color 0.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media (any-hover: hover) {
  .l-header__utility-link:hover {
    background-color: #231815;
    color: #f7f7f7;
  }
}

.l-header__sns {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.l-header__sns-item {
  width: 1.25rem;
}
.l-header__sns-item.--x {
  width: 1rem;
}

.l-header__sns-link {
  display: block;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .l-header__sns-link:hover {
    opacity: 0.7;
  }
}

.l-header-nav__list {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
}

.l-header-nav__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.l-header-nav__item:not(:first-child)::before {
  content: "";
  align-self: stretch;
  width: 1px;
  background-color: #e4e4f0;
}

.l-header-nav__link {
  display: block;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  transition: background-color 0.5s cubic-bezier(0.2, 0.64, 0.315, 1), color 0.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media (any-hover: hover) {
  .l-header-nav__link:hover {
    background-color: var(--color-main, #b40000);
    color: #f7f7f7;
  }
}

.l-header-nav__parent {
  position: relative;
}

.l-header-nav__sub {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  padding-top: 0.25rem;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.2, 0.64, 0.315, 1), visibility 0.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
.l-header-nav__parent:hover .l-header-nav__sub, .l-header-nav__parent:focus-within .l-header-nav__sub {
  visibility: visible;
  opacity: 1;
}

.l-header-nav__sub-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.l-header-nav__sub-link {
  display: block;
  padding: 0.5rem;
  background-color: var(--color-main, #b40000);
  color: #f7f7f7;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  transition: filter 0.3s;
}
@media (any-hover: hover) {
  .l-header-nav__sub-link:hover {
    filter: brightness(1.2);
  }
}

.l-header-nav__parent:hover .l-header-nav__link,
.l-header-nav__parent:focus-within .l-header-nav__link {
  background-color: var(--color-main, #b40000);
  color: #f7f7f7;
}

.l-header-drawer {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-header-drawer {
    display: block;
    position: fixed;
    top: 3.7333333333rem;
    left: 0;
    width: 100%;
    height: calc(100dvh - 3.7333333333rem);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .is-ham-open .l-header-drawer {
    visibility: visible;
    opacity: 1;
  }
}

.l-header-drawer__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.l-header-drawer__panel {
  position: relative;
  max-height: 100%;
  overflow-y: auto;
  padding: 2.1333333333rem 2.1333333333rem 2.6666666667rem;
  background-color: var(--color-main, #b40000);
  color: #f7f7f7;
}

.l-header-drawer__item {
  border-bottom: 1px solid rgba(247, 247, 247, 0.4);
  padding: 1.0666666667rem 0;
}

.l-header-drawer__link {
  display: block;
  color: #f7f7f7;
  font-size: 1.2rem;
  font-weight: 500;
}

.l-header-drawer__sub {
  margin-top: 0.5333333333rem;
  display: flex;
  flex-direction: column;
  gap: 0.5333333333rem;
}
.l-header-drawer__sub a {
  display: flex;
  align-items: center;
  gap: 0.2666666667rem;
  padding-left: 0.5333333333rem;
  color: #f7f7f7;
  font-size: 0.9333333333rem;
  font-weight: 500;
}
.l-header-drawer__sub a::before {
  content: "";
  width: 0.5333333333rem;
  height: 1px;
  background-color: #f7f7f7;
}

.l-header-drawer__utility {
  margin-top: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5333333333rem 1.6rem;
}
.l-header-drawer__utility a {
  color: #f7f7f7;
  font-size: 0.9333333333rem;
  font-weight: 500;
}

.l-header-drawer__sns {
  margin-top: 1.6rem;
  display: flex;
  justify-content: center;
  gap: 1.6rem;
}
.l-header-drawer__sns a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6666666667rem;
  height: 2.6666666667rem;
  border-radius: 50%;
  background-color: #ffffff;
}
.l-header-drawer__sns picture {
  width: 1.6rem;
}

.l-footer {
  position: relative;
  z-index: 101;
  background-color: var(--color-main, #b40000);
  color: #f7f7f7;
}
.l-footer a {
  color: #f7f7f7;
}

.l-footer__body {
  width: 65rem;
  max-width: 90%;
  margin: 0 auto;
  padding: 4rem 0 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .l-footer__body {
    width: auto;
    max-width: none;
    padding: 2.6666666667rem 1.0666666667rem 1.6rem;
    gap: 2.6666666667rem;
  }
}

.l-footer__main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .l-footer__main {
    flex-direction: column;
    align-items: center;
    gap: 2.6666666667rem;
  }
}

.l-footer__info {
  width: 20.8125rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .l-footer__info {
    width: 100%;
    align-items: center;
    gap: 1.6rem;
  }
}

.l-footer__logo {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
@media (any-hover: hover) {
  .l-footer__logo:hover {
    opacity: 0.8;
  }
}
.l-footer__logo img {
  display: block;
  width: auto;
  max-width: 21rem;
  height: 3.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
@media screen and (max-width: 767px) {
  .l-footer__logo img {
    max-width: 16rem;
    height: 2.6666666667rem;
  }
}

.l-footer__address {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .l-footer__address {
    align-items: center;
    gap: 0.5333333333rem;
    font-size: 0.8666666667rem;
  }
}
.l-footer__address p:last-child {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .l-footer__address p:last-child {
    gap: 0.5333333333rem;
  }
}

.l-footer__nav {
  display: flex;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .l-footer__nav {
    justify-content: center;
    gap: 2.6666666667rem;
    width: 100%;
  }
}

.l-footer__nav-col.--sub {
  display: flex;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .l-footer__nav-col.--sub {
    flex-direction: column;
    gap: 2.1333333333rem;
    width: 7.8rem;
  }
}
.l-footer__nav-col.--main {
  width: 8.3125rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .l-footer__nav-col.--main {
    gap: 1.6rem;
  }
}

.l-footer__nav-ttl {
  position: relative;
}
.l-footer__nav-ttl::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 0;
  height: 1px;
  background-color: #f7f7f7;
  transition: width 0.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media (any-hover: hover) {
  .l-footer__nav-ttl:hover {
    opacity: 1;
  }
  .l-footer__nav-ttl:hover::after {
    width: 100%;
  }
}
.l-footer__nav-ttl {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  .l-footer__nav-ttl {
    font-size: 1.0666666667rem;
  }
}

.l-footer__nav-sub {
  margin-top: 1.125rem;
  padding-left: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8125rem;
}
@media screen and (max-width: 767px) {
  .l-footer__nav-sub {
    margin-top: 1.6rem;
    gap: 1.6rem;
  }
}
.l-footer__nav-sub a {
  position: relative;
}
.l-footer__nav-sub a::after {
  content: "";
  position: absolute;
  left: 0.75rem;
  bottom: -0.25rem;
  width: 0;
  height: 1px;
  background-color: #f7f7f7;
  transition: width 0.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media (any-hover: hover) {
  .l-footer__nav-sub a:hover {
    opacity: 1;
  }
  .l-footer__nav-sub a:hover::after {
    width: calc(100% - 0.75rem);
  }
}
.l-footer__nav-sub a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  .l-footer__nav-sub a {
    gap: 0.2666666667rem;
    font-size: 0.9333333333rem;
  }
}
.l-footer__nav-sub a::before {
  content: "";
  flex-shrink: 0;
  width: 0.5rem;
  height: 1px;
  background-color: #f7f7f7;
}
@media screen and (max-width: 767px) {
  .l-footer__nav-sub a::before {
    width: 0.5333333333rem;
  }
}

.l-footer__sub {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .l-footer__sub {
    gap: 1.6rem;
  }
}

.l-footer__sub-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .l-footer__sub-top {
    justify-content: center;
  }
}

.l-footer__sns {
  display: flex;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .l-footer__sns {
    gap: 1.6rem;
  }
}

.l-footer__sns-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #ffffff;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  .l-footer__sns-link {
    width: 2.6666666667rem;
    height: 2.6666666667rem;
  }
}
@media (any-hover: hover) {
  .l-footer__sns-link:hover {
    opacity: 0.8;
  }
}
.l-footer__sns-link picture {
  width: 1.25rem;
}
@media screen and (max-width: 767px) {
  .l-footer__sns-link picture {
    width: 1.7333333333rem;
  }
}
.--x .l-footer__sns-link picture {
  width: 1rem;
}
@media screen and (max-width: 767px) {
  .--x .l-footer__sns-link picture {
    width: 1.4666666667rem;
  }
}
.--fb .l-footer__sns-link picture {
  width: 1.5rem;
}
@media screen and (max-width: 767px) {
  .--fb .l-footer__sns-link picture {
    width: 2rem;
  }
}

.l-footer__utility {
  display: flex;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .l-footer__utility {
    display: none;
  }
}
.l-footer__utility a {
  position: relative;
}
.l-footer__utility a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 0;
  height: 1px;
  background-color: #f7f7f7;
  transition: width 0.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media (any-hover: hover) {
  .l-footer__utility a:hover {
    opacity: 1;
  }
  .l-footer__utility a:hover::after {
    width: 100%;
  }
}
.l-footer__utility a {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
}

.l-footer__sponsors-wrap {
  padding: 1.5rem 0;
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
}
@media screen and (max-width: 767px) {
  .l-footer__sponsors-wrap {
    padding: 1.6rem 0;
  }
}

.l-footer__sponsors {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
}
@media screen and (max-width: 767px) {
  .l-footer__sponsors {
    width: 19.7333333333rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}
.l-footer__sponsors li {
  width: 8.5rem;
}
@media screen and (max-width: 767px) {
  .l-footer__sponsors li {
    width: auto;
  }
}
.l-footer__sponsors img {
  aspect-ratio: 136/32;
  -o-object-fit: cover;
     object-fit: cover;
}

.l-footer__sponsor-link {
  display: block;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .l-footer__sponsor-link:hover {
    opacity: 0.7;
  }
}

.l-footer__credit {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .l-footer__credit {
    flex-direction: column;
    align-items: center;
    gap: 0.5333333333rem;
    font-size: 0.8666666667rem;
  }
}
.l-footer__credit a {
  text-decoration: underline;
}

.l-footer__copyright-wrap {
  display: flex;
  justify-content: center;
  padding: 0.75rem 0;
  background-color: #231815;
}
@media screen and (max-width: 767px) {
  .l-footer__copyright-wrap {
    padding: 0.8rem 0.5333333333rem;
  }
}

.l-footer__copyright {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-footer__copyright {
    font-size: 0.8rem;
  }
}

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

.l-inner {
  margin: auto;
  max-width: 77.5rem;
  width: 90%;
}
.l-inner.--small {
  max-width: 61.25rem;
}
.l-inner.--smallest {
  max-width: 47.5rem;
}

.l-container-blue {
  background-color: #231815;
  color: #ffffff;
  background-image: url(../img/vision/vision-bg.webp);
  background-size: 44.9375rem auto;
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .l-container-blue {
    background-size: 70% auto;
  }
}
.l-container-blue::before {
  content: "";
  display: block;
  width: 41.4375rem;
  height: 41.4375rem;
  background-image: url(../img/company/company-bg.webp);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 46.875rem;
  right: -1.875rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .l-container-blue::before {
    width: 70vw;
    height: 70vw;
    top: 60rem;
  }
}
.l-container-blue::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/common/noise.webp);
  background-size: 14.125rem 14.9375rem;
  background-position: center center;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0.6;
  mix-blend-mode: soft-light;
}

.l-section {
  padding: 10rem 0;
}
@media screen and (max-width: 767px) {
  .l-section {
    padding: 5.3333333333rem 0;
  }
}
.l-section.--sm {
  padding: 3rem 0 7.5rem;
}
@media screen and (max-width: 767px) {
  .l-section.--sm {
    padding: 1.6rem 0 4.2666666667rem;
  }
}

/* ==========================================================================
 object
============================================================================*/
.c-ttl-sec {
  display: flex;
  flex-direction: column;
  gap: 0.4375rem;
  line-height: 1;
}
.c-ttl-sec.--centered {
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-ttl-sec.--sp-left {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
}
.c-ttl-sec.--red {
  color: var(--color-main, #b40000);
}
.c-ttl-sec.--white {
  color: #ffffff;
}
.c-ttl-sec__sub {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.c-ttl-sec__sub.--red {
  color: var(--color-main, #b40000);
}
.c-ttl-sec__sub.--white {
  color: #ffffff;
}
.c-ttl-sec__main {
  font-size: 3.125rem;
  font-weight: 500;
}

.c-ttl-simple {
  font-size: 2.7777777778em;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-ttl-simple {
    font-size: 1.6666666667em;
  }
}

.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 / 1280, 888px);
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 50px;
  text-align: center;
  font-size: clamp(15px * 1, 100vw * 15 / 1280, 24px);
  font-weight: 600;
  margin: auto;
  padding: clamp(9px * 1, 100vw * 9 / 1280, 14.4px) clamp(20px * 1, 100vw * 20 / 1280, 32px);
}

.c-ttl-dot {
  display: flex;
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: color-mix(in srgb, var(--color-main, #b40000) 70%, black);
  margin-bottom: 0.7407407407em;
}
@media screen and (max-width: 767px) {
  .c-ttl-dot {
    font-size: 1.3333333333rem;
  }
}
.c-ttl-dot::before {
  content: "";
  display: block;
  width: 0.962962963em;
  height: 0.962962963em;
  background-color: var(--color-main, #b40000);
  border: 0.2962962963em solid color-mix(in srgb, var(--color-main, #b40000) 14%, white);
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 0.5555555556em;
  margin-top: 0.36em;
}
.c-ttl-dot.--small {
  font-size: 1.125rem;
}
.c-ttl-dot.--small::before {
  margin-top: 0.4em;
  width: 0.8338888889em;
  height: 0.8338888889em;
  border: 0.2566666667em solid color-mix(in srgb, var(--color-main, #b40000) 14%, white);
}

.c-ttl-color {
  margin: 0 0 1.5rem;
  padding: 0.3125rem 1.25rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--color-main, #b40000) 70%, black);
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.c-ttl-color:not(:first-child) {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .c-ttl-color {
    margin-bottom: 1.3333333333rem;
    padding: 0.5333333333rem 0.9333333333rem;
    font-size: 1.0666666667rem;
  }
}
.c-ttl-color.--red {
  color: #ffffff;
  background-color: var(--color-main, #b40000);
}
.c-ttl-color.--red-dark {
  color: #ffffff;
  background-color: color-mix(in srgb, var(--color-main, #b40000) 70%, black);
}

.c-ttl-order {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
  margin: 0 0 1.25rem;
  font-size: 1.5625rem;
  font-weight: 600;
  color: #333333;
  line-height: 1.5;
  letter-spacing: 0;
}
.c-ttl-order:not(:first-child) {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .c-ttl-order {
    font-size: 1.0666666667rem;
    margin-bottom: 0.8rem;
    gap: 0.2666666667rem;
  }
}
.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: 2rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
}
.c-ttl-line::after {
  content: "";
  display: block;
  height: 2px;
  margin-top: 1.875rem;
  background: linear-gradient(to right, var(--color-main, #b40000) 0%, var(--color-main, #b40000) 11%, #cccccc 11%, #cccccc 100%);
}

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

.c-txt {
  font-weight: 400;
  line-height: 1.8;
}
.c-txt.--large {
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  .c-txt.--large {
    font-size: 1.0666666667rem;
  }
}
.c-txt:not(:first-child) {
  margin-top: 2rem;
}
.c-txt:not(:first-child).--large {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .c-txt:not(:first-child).--large {
    margin-top: 1.6rem;
  }
}

.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 {
  display: grid;
  place-items: center;
  background-color: var(--color-main, #b40000);
  color: #ffffff;
  font-size: clamp(12px * 1, 100vw * 12 / 1280, 19.2px);
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0.5em 1.5em;
  border-radius: 100vh;
  min-width: sizeX(160);
}
.c-btn-round.--large a {
  font-size: clamp(12px * 1, 100vw * 12 / 1280, 19.2px);
  min-width: sizeX(200);
  letter-spacing: 0.01em;
  padding: 0.8em 1.5em;
}

.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.25rem;
}
.--reversed .c-btn-more__link {
  flex-direction: row-reverse;
}
.c-btn-more__txt {
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  font-weight: 300;
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-btn-more__txt {
    font-size: 0.8rem;
  }
}
.c-btn-more__icon {
  position: relative;
  margin: 0.9375rem 0 0;
  width: 10rem;
  height: auto;
  transform: translateX(0.625rem);
}
.--long .c-btn-more__icon, .c-btn-more__icon.--long {
  width: 5rem;
  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: 7.1333333333rem;
    margin: 0.3333333333rem 0 0;
    transform: translateX(0.4666666667rem);
  }
}
.c-btn-more__arrow {
  width: 10rem;
  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: 7.1333333333rem;
  }
}
@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(1rem) translate3d(0, 0, 0);
  }
}
.--long .c-btn-more__arrow {
  margin: 0;
  width: 5rem;
}
.c-btn-more__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  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: 5rem;
}
@media screen and (max-width: 767px) {
  .c-btn-more__line {
    width: 7.1333333333rem;
  }
}
@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.6875rem;
  font-weight: 300;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-btn-more-news__txt {
    text-align: center;
    font-size: 0.8rem;
  }
}
.c-btn-more-news__icon {
  position: relative;
  margin: 0.625rem 0 0;
  width: 5.625rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .c-btn-more-news__icon {
    width: 7.1333333333rem;
    margin: 0.3333333333rem 0 0;
    transform: translateX(0.4666666667rem);
  }
}
.c-btn-more-news__arrow {
  margin: 0.625rem auto 0;
  width: 5.625rem;
  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: 7.1333333333rem;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  a:hover .c-btn-more-news__arrow {
    transform: translateX(1.125rem);
  }
}
.c-btn-more-news__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.625rem;
  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: 7.1333333333rem;
  }
}
@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.5rem;
}
@media screen and (max-width: 767px) {
  .c-btn {
    margin-top: 1.6rem;
  }
}
.c-btn__primary {
  display: flex;
  justify-content: space-between;
  padding: 1rem 2.5rem;
  border-radius: 100vh;
  border: 1.5px solid #333333;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  min-width: 15rem;
  color: #333333;
  font-size: 1.0625rem;
  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: 0.9333333333rem;
    padding: 0.8rem 2.1333333333rem;
    min-width: 10.6666666667rem;
  }
}
@media (any-hover: hover) {
  .c-btn__primary:hover {
    background-color: #333333;
    color: #ffffff;
  }
}
.c-btn__primary:focus-visible {
  background-color: #333333;
  color: #ffffff;
}
.c-btn__primary.--single {
  display: flex;
  justify-content: space-between;
  padding: 1rem 2.5rem;
  border-radius: 100vh;
  border: 1.5px solid #333333;
  width: -moz-fit-content;
  width: fit-content;
  margin: 5rem auto 0;
  min-width: 15rem;
  background-color: #333333;
  color: #ffffff;
  font-size: 1.0625rem;
  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: 0.9333333333rem;
    padding: 0.8rem 2.1333333333rem;
    min-width: 10.6666666667rem;
    margin: 2.6666666667rem auto 0;
  }
}
@media (any-hover: hover) {
  .c-btn__primary.--single:hover {
    background-color: #ffffff;
    color: #333333;
  }
}
.c-btn__primary.--single:focus-visible {
  background-color: #ffffff;
  color: #333333;
}

.p-contact-form__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-contact-form__actions {
    margin-top: 2.1333333333rem;
  }
}
.p-contact-form__actions .c-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 2.5rem;
  border-radius: 100vh;
  border: 1.5px solid #333333;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: #231815;
  font-size: 1.0625rem;
  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: 0.9333333333rem;
    padding: 0.8rem 2.1333333333rem;
  }
}
@media (any-hover: hover) {
  .p-contact-form__actions .c-btn:hover {
    color: #ffffff;
    background-color: #231815;
  }
}
.p-contact-form__actions .c-btn:focus-visible {
  color: #ffffff;
  background-color: #231815;
}
.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: 1.25rem;
  right: 2.5rem;
  z-index: 10000;
}
@media screen and (max-width: 767px) {
  .c-btn-fixed {
    bottom: 0;
    right: 0;
    width: 100%;
  }
}
.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__contact {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18.75rem;
  height: 4.375rem;
  background-color: var(--color-main, #b40000);
  color: #ffffff;
  font-size: 1.375rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.05em;
  transition: filter 0.3s ease;
  padding-left: 1.375rem;
  padding-right: 1.1875rem;
  border-radius: 0.25rem;
}
@media (any-hover: hover) {
  .c-btn-fixed__contact:hover {
    filter: brightness(1.1);
  }
}
.c-btn-fixed__contact:focus-visible {
  filter: brightness(1.1);
}
@media screen and (max-width: 767px) {
  .c-btn-fixed__contact {
    width: 100%;
    font-size: 1.0666666667rem;
    padding-left: 1.0666666667rem;
    padding-right: 0.8666666667rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.--contact-btn .c-btn-fixed__icon {
  width: 1.5625rem;
}
.c-btn-fixed__txt {
  white-space: nowrap;
}
.--contact-btn .c-btn-fixed__txt {
  padding-left: 1.3125rem;
  padding-right: 0.9375rem;
}
.c-btn-fixed__msg {
  white-space: nowrap;
}
.--contact-btn .c-btn-fixed__msg {
  display: block;
  font-size: 0.625rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0.3125rem 0.5rem;
  text-align: center;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.c-btn-push {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 29.0625rem;
  margin: auto 0;
  border-radius: 0.3125rem;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0;
  transition: all 0.3s ease;
  padding: 0.5rem 0;
}
.c-btn-push.--dark {
  background-color: #333333;
  color: #ffffff;
  box-shadow: 0 4px 0 #000000;
}
@media (any-hover: hover) {
  .c-btn-push.--dark:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #000000;
  }
}
.c-btn-push.--dark:focus-visible {
  transform: translateY(2px);
  box-shadow: 0 2px 0 #000000;
}
.c-btn-push.--dark span {
  color: #ffffff;
}
.c-btn-push.--white-red {
  background-color: #ffffff;
  box-shadow: 0 4px 0 #6b0000;
  border: 2px solid #6b0000;
}
@media (any-hover: hover) {
  .c-btn-push.--white-red:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #6b0000;
  }
}
.c-btn-push.--white-red:focus-visible {
  transform: translateY(2px);
  box-shadow: 0 2px 0 #6b0000;
}
.c-btn-push.--white-red span {
  color: var(--color-main, #b40000);
}
.c-btn-push.--gradered {
  max-width: 25.1875rem;
  margin-top: 1.25rem;
  background: linear-gradient(-75deg, var(--color-main, #b40000) 0%, #e05252 100%);
  color: #ffffff;
  box-shadow: 0 4px 0 #6b0000;
  border-radius: 100vh;
}
@media (any-hover: hover) {
  .c-btn-push.--gradered:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #6b0000;
  }
}
.c-btn-push.--gradered:focus-visible {
  transform: translateY(2px);
  box-shadow: 0 2px 0 #6b0000;
}
.c-btn-push.--gradered span {
  color: #ffffff;
}
.c-btn-push.--btn {
  margin: 3.125rem 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.25rem;
}
@media screen and (max-width: 767px) {
  .c-btn-viewmore {
    margin-top: 1.3333333333rem;
  }
}
.c-btn-viewmore__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2.25rem;
  padding: 0.5rem 0.625rem 0.5rem 3.125rem;
  background-color: #ffffff;
  border: 1px solid var(--color-main, #b40000);
  border-radius: 0.25rem;
  color: var(--color-main, #b40000);
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .c-btn-viewmore__link {
    padding: 0.6666666667rem 1.3333333333rem;
    font-size: 0.9333333333rem;
  }
}
@media (any-hover: hover) {
  .c-btn-viewmore__link:hover {
    background-color: var(--color-main, #b40000);
    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: var(--color-main, #b40000);
  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.25rem;
  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.25rem);
  }
}

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

.c-btn-cta-item {
  display: block;
  cursor: pointer;
  padding: 0.375rem 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.--dark {
  background-color: #333333;
  color: #ffffff;
  border: 1px solid #333333;
  box-shadow: 0 4px 0 #000000;
}
@media (any-hover: hover) {
  .c-btn-cta-item.--dark:hover {
    background-color: #ffffff;
    color: #333333;
    border-color: #333333;
    text-decoration: none;
  }
}
.c-btn-cta-item.--dark:focus-visible {
  background-color: #ffffff;
  color: #333333;
  border-color: #333333;
  text-decoration: none;
}
@media (any-hover: hover) {
  .c-btn-cta-item.--dark.--contact:hover {
    background-color: #333333;
    color: #ffffff;
    transform: translateY(2px);
    box-shadow: 0 2px 0 #000000;
  }
}
.c-btn-cta-item.--dark.--contact:focus-visible {
  background-color: #333333;
  color: #ffffff;
  transform: translateY(2px);
  box-shadow: 0 2px 0 #000000;
}
.c-btn-cta-item.--red {
  background-color: var(--color-main, #b40000);
  color: #ffffff;
  border: 2px solid #ffffff;
  box-shadow: 0 4px 0 #6b0000;
}
@media (any-hover: hover) {
  .c-btn-cta-item.--red:hover {
    background-color: #ffffff;
    color: var(--color-main, #b40000);
    text-decoration: none;
  }
}
.c-btn-cta-item.--red:focus-visible {
  background-color: #ffffff;
  color: var(--color-main, #b40000);
  text-decoration: none;
}
.c-btn-cta-item.--gradered {
  background: linear-gradient(90deg, var(--color-main, #b40000) 0%, #e05252 100%);
  color: #ffffff;
  color: #ffffff;
  box-shadow: 0 4px 0 #6b0000;
  border-radius: 100vh;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
@media (any-hover: hover) {
  .c-btn-cta-item.--gradered:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 0 #6b0000;
  }
}
.c-btn-cta-item.--gradered span {
  color: #ffffff;
}
.c-btn-cta-item.--contact {
  max-width: 25.1875rem;
  margin: 1.25rem auto 0;
  padding: 0.9375rem 0;
  font-size: 1.125rem;
  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: 5rem auto 0;
  max-width: 25.1875rem;
  border: 1px solid var(--color-main, #b40000);
  border-radius: 100vh;
  text-align: center;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .c-back-btn:hover {
    background-color: var(--color-main, #b40000);
  }
  .c-back-btn:hover span {
    color: #ffffff;
  }
}
.c-back-btn__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0;
}
.c-back-btn__txt {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 2.5;
  text-decoration: none;
  color: var(--color-main, #b40000);
}
@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: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-color: #DDE0DE;
  color: #696969;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.c-icon-arrow svg {
  width: 0.5rem;
  height: 0.5rem;
  display: block;
}
@media (any-hover: hover) {
  .c-icon-arrow:hover {
    background-color: #ffffff;
    color: #ffffff;
  }
  a:hover .c-icon-arrow {
    background-color: var(--color-main, #b40000);
    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: 2em;
  height: 2em;
  border: 1px solid #efefef;
  border-radius: 50%;
  position: relative;
}
.c-accordion__plus::before, .c-accordion__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__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: 77.5rem;
  margin: 0 auto;
  padding: 0.75rem 0 0;
  font-weight: 500;
  color: #b3b6b4;
  background-color: #ffffff;
}
.c-breadcrumb #breadcrumbs {
  vertical-align: baseline;
}
.c-breadcrumb #breadcrumbs > span {
  font-size: 0.625rem;
}
.c-breadcrumb #breadcrumbs > span > span {
  font-size: 0.875rem;
  padding: 0 0.7em;
}
.c-breadcrumb #breadcrumbs > span > span:first-child {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .c-breadcrumb {
    padding: 0.6666666667rem 1rem;
    font-size: 0.7333333333rem;
  }
}
.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 {
  position: relative;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6666666667rem;
  height: 2.6666666667rem;
  background-color: var(--color-main, #b40000);
}
@media screen and (min-width: 768px) {
  .c-ham__container {
    display: none;
  }
}
.c-ham__inner {
  position: relative;
  display: block;
  width: 1.6rem;
  height: 0.9333333333rem;
}
.c-ham__line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  transition: transform 0.4s, opacity 0.3s;
}
.c-ham__line:nth-of-type(1) {
  top: 0;
}
.is-ham-open .c-ham__line:nth-of-type(1) {
  transform: translateY(0.4rem) rotate(45deg);
}
.c-ham__line:nth-of-type(2) {
  top: calc(50% - 1px);
}
.is-ham-open .c-ham__line:nth-of-type(2) {
  opacity: 0;
}
.c-ham__line:nth-of-type(3) {
  bottom: 0;
}
.is-ham-open .c-ham__line:nth-of-type(3) {
  transform: translateY(-0.4rem) rotate(-45deg);
}

.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.2777777778em;
}
@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.2777777778em;
  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: 86.7777777778em;
}
.p-mvv .c-marquee .swiper-slide {
  width: 189.0555555556em;
}
.p-story .c-marquee .swiper-slide {
  width: 92.7777777778em;
}
.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-cat-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 7.5rem;
  padding: 0.125rem 0;
  border: 1px solid var(--color-main, #b40000);
  color: var(--color-main, #b40000);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .c-cat-tag {
    width: 8rem;
    padding: 0.1333333333rem 0;
    font-size: 0.9333333333rem;
  }
}

.c-date {
  font-family: Verdana, "Noto Sans JP", sans-serif;
  color: #bd4a4a;
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .c-date {
    font-size: 1.0666666667rem;
  }
}

.c-news-list {
  display: grid;
  row-gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .c-news-list {
    row-gap: 0.5333333333rem;
  }
}
.c-news-list__link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1.25rem;
  align-items: center;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  padding: 1rem 0.5rem;
  transition: background-color 0.3s cubic-bezier(0.2, 0.64, 0.315, 1), box-shadow 0.3s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-news-list__link {
    grid-template-columns: minmax(0, 1fr) 1.3333333333rem;
    -moz-column-gap: 1.3333333333rem;
         column-gap: 1.3333333333rem;
    padding: 1.0666666667rem 0;
  }
}
@media (any-hover: hover) {
  .c-news-list__link:hover {
    background-color: color-mix(in srgb, var(--color-main, #b40000) 8%, transparent);
    box-shadow: inset 0 -1px 0 var(--color-main, #b40000);
  }
}
.c-news-list__link::after {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--color-main, #b40000);
  -webkit-mask: url(../img/common/icon-arrow-right-red.svg) no-repeat center/contain;
          mask: url(../img/common/icon-arrow-right-red.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .c-news-list__link::after {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
.c-news-list__link.--file::after {
  -webkit-mask-image: url(../img/common/icon-news-pdf.svg);
          mask-image: url(../img/common/icon-news-pdf.svg);
}
.c-news-list__link.--external::after {
  -webkit-mask-image: url(../img/common/icon-news-external.svg);
          mask-image: url(../img/common/icon-news-external.svg);
}
.c-news-list__body {
  display: grid;
  row-gap: 1rem;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .c-news-list__body {
    row-gap: 1.0666666667rem;
  }
}
.c-news-list__meta {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: start;
  align-items: center;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .c-news-list__meta {
    -moz-column-gap: 1.0666666667rem;
         column-gap: 1.0666666667rem;
  }
}
.c-news-list__ttl {
  min-width: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 767px) {
  .c-news-list__ttl {
    font-size: 1.0666666667rem;
    line-height: 1.45;
  }
}
.c-news-list.--row .c-news-list__body {
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .c-news-list.--row .c-news-list__body {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.0666666667rem;
  }
}
.c-news-list.--row .c-news-list__link {
  padding: 1rem 0;
  transition-duration: 0.5s;
}
@media screen and (max-width: 767px) {
  .c-news-list.--row .c-news-list__link {
    padding: 1.0666666667rem 0;
  }
}
@media (any-hover: hover) {
  .c-news-list.--row .c-news-list__link:hover {
    background-color: color-mix(in srgb, var(--color-main, #b40000) 4%, transparent);
    box-shadow: inset 0 -1px 0 #bd4a4a;
  }
}
.c-news-list.--row .c-news-list__ttl {
  color: #231815;
  line-height: 1.45;
}

.c-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .c-pagination {
    gap: 0.5333333333rem;
  }
}
.c-pagination__arrow {
  display: flex;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
}
@media screen and (max-width: 767px) {
  .c-pagination__arrow {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.c-pagination__arrow.--prev {
  margin-right: 0.5rem;
}
@media screen and (max-width: 767px) {
  .c-pagination__arrow.--prev {
    margin-right: 0.5333333333rem;
  }
}
.c-pagination__arrow.--next {
  margin-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  .c-pagination__arrow.--next {
    margin-left: 0.5333333333rem;
  }
}
.c-pagination__arrow.--disabled {
  opacity: 0.3;
}
.c-pagination__icon {
  display: block;
  width: 100%;
}
.c-pagination__icon img {
  width: 100%;
  height: auto;
}
.c-pagination__page, .c-pagination__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2.5rem;
  border-bottom: 1px solid var(--color-main, #b40000);
  font-family: Verdana, "Noto Sans JP", sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  color: var(--color-main, #b40000);
}
@media screen and (max-width: 767px) {
  .c-pagination__page, .c-pagination__dots {
    width: 2.1333333333rem;
    height: 2.6666666667rem;
    font-size: 1.0666666667rem;
  }
}
.c-pagination__page {
  transition: background-color 0.3s, color 0.3s;
}
.c-pagination__page.--current {
  background-color: var(--color-main, #b40000);
  color: #ffffff;
}
@media (any-hover: hover) {
  .c-pagination__page:hover {
    background-color: var(--color-main, #b40000);
    color: #ffffff;
  }
}

.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] > span,
[data-type-in] > span > span {
  display: inline !important;
}

[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: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  overflow: hidden;
}
.c-bg #path-pc {
  width: 1365px;
  height: 4797px;
  display: block;
  margin: auto;
  transform-origin: center top;
  transform: scaleX(1);
}
@media screen and (max-width: 1364px) {
  .c-bg #path-pc {
    transform-origin: left top;
  }
}

.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 / 1280, 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;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .c-category {
    display: none;
  }
}
.c-category__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10rem;
  padding: 0.625rem 0;
  border: 1px solid var(--color-main, #b40000);
  color: var(--color-main, #b40000);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  transition: background-color 0.3s, color 0.3s;
}
.c-category__btn.is-active {
  background-color: var(--color-main, #b40000);
  color: #ffffff;
}
@media (any-hover: hover) {
  .c-category__btn:hover {
    background-color: var(--color-main, #b40000);
    color: #ffffff;
  }
}

.c-category-select {
  position: relative;
  width: 25rem;
}
@media screen and (max-width: 767px) {
  .c-category-select {
    width: 18.6666666667rem;
  }
}
.c-category-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(-50%);
  background: url(../img/common/icon-caret-down.svg) no-repeat center/contain;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .c-category-select::after {
    right: 1.0666666667rem;
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
.c-category-select select {
  width: 100%;
  padding: 1rem;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  color: #333333;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 767px) {
  .c-category-select select {
    padding: 1.0666666667rem;
    font-size: 1.0666666667rem;
  }
}
.c-category-select.--sp {
  display: none;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-category-select.--sp {
    display: block;
  }
}
.c-category-select select[data-nav-select] {
  height: 3rem;
  padding-block: 0;
}
@media screen and (max-width: 767px) {
  .c-category-select select[data-nav-select] {
    height: 3.2rem;
    padding-block: 0;
  }
}
.c-category-select.is-enhanced {
  display: grid;
}
.c-category-select.is-enhanced > select,
.c-category-select.is-enhanced > .c-category-select__toggle {
  grid-area: 1/1;
}
.c-category-select.is-enhanced select {
  visibility: hidden;
}
.c-category-select.--sp.is-enhanced {
  display: none;
}
@media screen and (max-width: 767px) {
  .c-category-select.--sp.is-enhanced {
    display: grid;
  }
}
.c-category-select.is-enhanced::after {
  top: 1.5rem;
  z-index: 11;
  transition: transform 0.31s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-category-select.is-enhanced::after {
    top: 1.6rem;
  }
}
.c-category-select.is-open::after {
  transform: translateY(-50%) rotate(180deg);
}

.c-category-select__toggle {
  position: relative;
  z-index: 1;
  padding: 0 3.25rem 0 1rem;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  color: #333333;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-category-select__toggle {
    padding: 0 3.4666666667rem 0 1.0666666667rem;
    font-size: 1.0666666667rem;
  }
}
.c-category-select.is-open .c-category-select__toggle {
  visibility: hidden;
}

.c-category-select__panel {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows 0.31s cubic-bezier(0.2, 0.64, 0.315, 1), visibility 0s 0.31s;
}
.c-category-select.is-open .c-category-select__panel {
  grid-template-rows: 1fr;
  visibility: visible;
  transition: grid-template-rows 0.31s cubic-bezier(0.2, 0.64, 0.315, 1), visibility 0s;
}

.c-category-select__panel-inner {
  min-height: 0;
  max-height: 28.875rem;
  overflow: hidden auto;
  overscroll-behavior: contain;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .c-category-select__panel-inner {
    max-height: 30.8rem;
  }
}

.c-category-select__item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 2.875rem;
  padding: 0 3.25rem 0 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  color: #333333;
  cursor: pointer;
  transition: background-color 0.31s cubic-bezier(0.2, 0.64, 0.315, 1), box-shadow 0.31s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-category-select__item {
    height: 3.0666666667rem;
    padding: 0 3.4666666667rem 0 1.0666666667rem;
    font-size: 1.0666666667rem;
  }
}
@media (any-hover: hover) {
  .c-category-select__item:hover {
    background-color: color-mix(in srgb, var(--color-main, #b40000) 8%, transparent);
    box-shadow: inset 0 -1px 0 var(--color-main, #b40000);
  }
}
.c-category-select__item:focus-visible {
  background-color: color-mix(in srgb, var(--color-main, #b40000) 8%, transparent);
}
.c-category-select__item.--disabled {
  color: #b3b6b4;
  cursor: default;
}
@media (any-hover: hover) {
  .c-category-select__item.--disabled:hover {
    background-color: transparent;
    box-shadow: none;
  }
}

.c-mv-sub {
  position: relative;
  overflow: hidden;
}
.c-mv-sub::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.c-mv-sub__inner {
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 767px) {
  .c-mv-sub__inner {
    max-height: 140vw;
  }
}
.c-mv-sub__move {
  position: absolute;
  top: 34%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 95vh) {
  .c-mv-sub__move {
    top: 42%;
  }
}
.c-mv-sub__move video {
  display: block;
  width: 100%;
  height: auto;
  animation: rotateInside 60s linear infinite;
}
@keyframes rotateInside {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-mv-sub__move-inner {
  width: 150vmin;
  height: 129.9038105677vmin;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background-color: #fff;
  position: relative;
  animation: rotateTriangle 60s linear infinite;
  transform-origin: 50% 66.666666%;
}
@keyframes rotateTriangle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.c-mv-sub__move-inner-inner {
  position: absolute;
  width: 80%;
  top: 66.666666%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-mv-sub__inner {
  position: relative;
}
.c-mv-sub__btn {
  position: absolute;
  width: 9.2222222222em;
  bottom: 2.2222222222em;
  right: 2.2222222222em;
  z-index: 50;
}
@media screen and (max-width: 759px) {
  .c-mv-sub__btn {
    width: 45%;
    bottom: 0;
    right: 0;
  }
}
.c-mv-sub__info {
  width: 90%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
}
@media (max-width: 140vh) {
  .c-mv-sub__info {
    align-items: flex-start;
    padding-top: 10vh;
  }
}
@media (max-width: 95vh) {
  .c-mv-sub__info {
    align-items: flex-start;
    padding-top: 15vh;
  }
}
.c-mv-sub__info-inner {
  width: 25%;
  height: 70%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 140vh) {
  .c-mv-sub__info-inner {
    flex-direction: row;
    width: 100%;
    height: 15vmin;
  }
  .c-mv-sub__info-inner img {
    width: auto;
    height: 100%;
  }
}
@media (max-width: 95vh) {
  .c-mv-sub__info-inner {
    flex-direction: column;
    width: 40%;
    height: 90%;
  }
  .c-mv-sub__info-inner img {
    width: 100%;
    height: auto;
  }
}

.c-page-mv {
  background-color: #f7f7f7;
  padding: 5rem 0 2.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-page-mv {
    padding: 3.7333333333rem 0 1.6rem;
  }
}
.c-page-mv__ttl {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.c-page-mv__ttl .--sub {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--color-main, #b40000);
  font-family: "Lexend Mega", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-page-mv__ttl .--sub {
    font-size: 0.8666666667rem;
  }
}
.c-page-mv__ttl .--main {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .c-page-mv__ttl .--main {
    font-size: 1.6rem;
  }
}

.c-page-body {
  margin-top: 2.5rem;
  line-height: 1.9;
}
@media screen and (max-width: 767px) {
  .c-page-body {
    margin-top: 1.6rem;
  }
}
.c-page-body > * + * {
  margin-top: 1.5em;
}
.c-page-body h2 {
  font-size: 1.625rem;
  font-weight: 700;
  padding-bottom: 0.625rem;
  border-bottom: 2px solid var(--color-main, #b40000);
}
@media screen and (max-width: 767px) {
  .c-page-body h2 {
    font-size: 1.3333333333rem;
  }
}
.c-page-body h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: color-mix(in srgb, var(--color-main, #b40000) 70%, black);
}
@media screen and (max-width: 767px) {
  .c-page-body h3 {
    font-size: 1.1333333333rem;
  }
}
.c-page-body a {
  color: var(--color-main, #b40000);
  text-decoration: underline;
}
.c-page-body ul {
  padding-left: 1.5em;
}
.c-page-body ul li {
  list-style: disc;
}
.c-page-body ol {
  padding-left: 1.5em;
}
.c-page-body ol li {
  list-style: decimal;
}
.c-page-body img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
}
.c-page-body table {
  width: 100%;
  border-collapse: collapse;
}
.c-page-body table th,
.c-page-body table td {
  padding: 0.75rem;
  border: 1px solid #cccccc;
  text-align: left;
}
.c-page-body table th {
  background-color: #fbe4e4;
}

.p-news-single__thumb {
  margin-top: 1.875rem;
}
.p-news-single__thumb img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
}

.c-def-list {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin-top: 3rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-def-list {
    gap: 1.6rem;
    margin-top: 1.6rem;
  }
}

.c-def-list__row {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid var(--color-main, #b40000);
}
@media screen and (max-width: 767px) {
  .c-def-list__row {
    flex-direction: column;
  }
}

.c-def-list__label {
  flex-shrink: 0;
  width: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background-color: var(--color-main, #b40000);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-def-list__label {
    width: 100%;
    padding: 0.6666666667rem 1.0666666667rem;
  }
}

.c-def-list__value {
  flex-grow: 1;
  padding: 1.5rem;
  background-color: #f7f7f7;
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c-def-list__value {
    padding: 1.0666666667rem;
    font-size: 0.9333333333rem;
  }
}
.c-def-list__value p + p {
  margin-top: 1em;
}
.c-def-list__value ol,
.c-def-list__value ul {
  padding-left: 1.5em;
}
.c-def-list__value ol li,
.c-def-list__value ul li {
  margin-bottom: 0.5em;
}
.c-def-list__value ol {
  list-style: decimal;
}
.c-def-list__value ul {
  list-style: disc;
}
.c-def-list__value a {
  color: #007eb4;
  text-decoration: underline;
}

.c-def-section__ttl {
  color: var(--color-main, #b40000);
  font-size: 1.5rem;
  font-weight: 500;
}
.c-def-section + .c-def-section {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .c-def-section + .c-def-section {
    margin-top: 3.2rem;
  }
}

.c-download-section + .c-download-section {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .c-download-section + .c-download-section {
    margin-top: 3.2rem;
  }
}
.c-download-section__ttl {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--color-main, #b40000);
  font-size: 1.5rem;
  font-weight: 500;
}

.c-download-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .c-download-grid {
    gap: 1.3333333333rem;
    margin-top: 1.6rem;
    justify-content: space-between;
  }
}

.c-download-card {
  display: block;
  width: 10rem;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .c-download-card {
    width: 10rem;
  }
}
.c-download-card__icon {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1;
  background-color: #333333;
}
.c-download-card__icon img,
.c-download-card__icon svg {
  width: 60%;
  height: auto;
}
.c-download-card__meta {
  padding: 0.5rem 0;
  border-bottom: 1px solid #f7f7f7;
}
.c-download-card__date {
  display: block;
  font-size: 0.875rem;
  color: #777777;
}
.c-download-card__label {
  display: block;
  margin-top: 0.25rem;
  font-size: 1rem;
  color: #333333;
}

.c-people-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.c-people-top__item {
  position: absolute;
  top: 100%;
  display: none;
}
.c-people-top__item.--people-1 {
  display: block;
  top: clamp(131.25px, 12.8205128205vw, 262.5px);
  left: max(9.5238095238vw, 65px);
  width: max(6.2271062271vw, 42.5px);
}
.c-people-top__item.--people-2 {
  display: block;
  top: clamp(97.5px, 9.5238095238vw, 195px);
  left: max(19.4139194139vw, 132.5px);
  width: max(14.5054945055vw, 99px);
}
.c-people-top__item.--people-3 {
  display: block;
  top: clamp(60px, 5.8608058608vw, 120px);
  left: max(33.6996336996vw, 230px);
  width: max(15.2380952381vw, 104px);
}
.c-people-top__item.--people-4 {
  display: block;
  top: clamp(72px, 7.032967033vw, 144px);
  left: max(60.8058608059vw, 415px);
  width: max(3.36996337vw, 23px);
}
.c-people-top__item.--people-5 {
  display: block;
  top: clamp(67.5px, 6.5934065934vw, 135px);
  left: max(71.7948717949vw, 490px);
  width: max(18.1684981685vw, 124px);
}
.c-people-top__item.--people-6 {
  display: block;
  top: clamp(251.25px, 24.5421245421vw, 502.5px);
  left: max(-5.8608058608vw, -40px);
  width: max(16.1172161172vw, 110px);
}
.c-people-top__item.--people-7 {
  display: block;
  top: clamp(213.75px, 20.8791208791vw, 427.5px);
  left: max(17.5824175824vw, 120px);
  width: max(10.1098901099vw, 69px);
}
.c-people-top__item.--people-8 {
  display: block;
  top: clamp(435px, 42.4908424908vw, 870px);
  left: max(2.1978021978vw, 15px);
  width: max(16.9230769231vw, 115.5px);
}
.c-people-top__item.--people-9 {
  display: block;
  top: clamp(506.25px, 49.4505494505vw, 1012.5px);
  left: max(42.1245421245vw, 287.5px);
  width: max(13.4065934066vw, 91.5px);
}
.c-people-top__item.--people-10 {
  display: block;
  top: clamp(487.5px, 47.619047619vw, 975px);
  left: max(60.4395604396vw, 412.5px);
  width: max(16.8498168498vw, 115px);
}
.c-people-top__item.--people-11 {
  display: block;
  top: clamp(228.75px, 22.3443223443vw, 457.5px);
  left: max(91.9413919414vw, 627.5px);
  width: max(5.4212454212vw, 37px);
}
.c-people-top__item.--people-12 {
  display: block;
  top: clamp(315px, 30.7692307692vw, 630px);
  left: max(77.6556776557vw, 530px);
  width: max(11.6483516484vw, 79.5px);
}
.c-people-top__item.--people-13 {
  display: block;
  top: clamp(442.5px, 43.2234432234vw, 885px);
  left: max(85.7142857143vw, 585px);
  width: max(12.6007326007vw, 86px);
}
.c-people-top__item.--people-14 {
  display: block;
  top: clamp(791.25px, 77.2893772894vw, 1582.5px);
  left: max(1.0989010989vw, 7.5px);
  width: max(12.2344322344vw, 83.5px);
}
.c-people-top__item.--people-15 {
  display: block;
  top: clamp(723.75px, 70.695970696vw, 1447.5px);
  left: max(38.0952380952vw, 260px);
  width: max(9.8901098901vw, 67.5px);
}
.c-people-top__item.--people-16 {
  display: block;
  top: clamp(1050px, 102.5641025641vw, 2100px);
  left: max(9.5238095238vw, 65px);
  width: max(17.8754578755vw, 122px);
}
.c-people-top__item.--people-17 {
  display: block;
  top: clamp(1068.75px, 104.3956043956vw, 2137.5px);
  left: max(34.7985347985vw, 237.5px);
  width: max(15.6776556777vw, 107px);
}
.c-people-top__item.--people-18 {
  display: block;
  top: clamp(1121.25px, 109.5238095238vw, 2242.5px);
  left: max(67.7655677656vw, 462.5px);
  width: max(12.967032967vw, 88.5px);
}
.c-people-top__item.--people-19 {
  display: block;
  top: clamp(585px, 57.1428571429vw, 1170px);
  left: max(80.2197802198vw, 547.5px);
  width: max(12.8205128205vw, 87.5px);
}
.c-people-top__item.--people-20 {
  display: block;
  top: clamp(1263.75px, 123.4432234432vw, 2527.5px);
  left: max(5.8608058608vw, 40px);
  width: max(8.7179487179vw, 59.5px);
}
.c-people-top__item.--people-22 {
  display: block;
  top: clamp(1267.5px, 123.8095238095vw, 2535px);
  left: max(87.5457875458vw, 597.5px);
  width: max(4.7619047619vw, 32.5px);
}
.c-people-top__item.--people-23 {
  display: block;
  top: clamp(1702.5px, 166.3003663004vw, 3405px);
  left: max(12.0879120879vw, 82.5px);
  width: max(4.6153846154vw, 31.5px);
}
.c-people-top__item.--people-24 {
  display: block;
  top: clamp(1706.25px, 166.6666666667vw, 3412.5px);
  left: max(80.2197802198vw, 547.5px);
  width: max(12.2344322344vw, 83.5px);
}
.c-people-top__item.--people-26 {
  display: block;
  top: clamp(1905px, 186.0805860806vw, 3810px);
  left: max(38.0952380952vw, 260px);
  width: max(8.9377289377vw, 61px);
}
.c-people-top__item.--people-27 {
  display: block;
  top: clamp(1905px, 186.0805860806vw, 3810px);
  left: max(85.7142857143vw, 585px);
  width: max(10.1098901099vw, 69px);
}
.c-people-top__item.--people-28 {
  display: block;
  top: clamp(1968.75px, 192.3076923077vw, 3937.5px);
  left: max(3.2967032967vw, 22.5px);
  width: max(6.5201465201vw, 44.5px);
}
.c-people-top__item.--people-30 {
  display: block;
  top: clamp(2025px, 197.8021978022vw, 4050px);
  left: max(76.9230769231vw, 525px);
  width: max(5.4945054945vw, 37.5px);
}
.c-people-top__item.--people-31 {
  display: block;
  top: clamp(2392.5px, 233.6996336996vw, 4785px);
  left: max(65.9340659341vw, 450px);
  width: max(5.2014652015vw, 35.5px);
}
.c-people-top__item.--people-32 {
  display: block;
  top: clamp(2291.25px, 223.8095238095vw, 4582.5px);
  left: max(75.0915750916vw, 512.5px);
  width: max(16.9230769231vw, 115.5px);
}
.c-people-top__item.--people-33 {
  display: block;
  top: clamp(2388.75px, 233.3333333333vw, 4777.5px);
  left: max(7.326007326vw, 50px);
  width: max(14.8717948718vw, 101.5px);
}
.c-people-top__item.--people-34 {
  display: block;
  top: clamp(2452.5px, 239.5604395604vw, 4905px);
  left: max(28.5714285714vw, 195px);
  width: max(6.5201465201vw, 44.5px);
}
.c-people-top__item.--people-35 {
  display: block;
  top: clamp(2565px, 250.5494505495vw, 5130px);
  left: max(54.9450549451vw, 375px);
  width: max(9.8168498168vw, 67px);
}
.c-people-top__item.--people-36 {
  display: block;
  top: clamp(2486.25px, 242.8571428571vw, 4972.5px);
  left: max(79.8534798535vw, 545px);
  width: max(9.3772893773vw, 64px);
}
.c-people-top__item.--people-37 {
  display: block;
  top: clamp(2865px, 279.8534798535vw, 5730px);
  left: max(6.2271062271vw, 42.5px);
  width: max(5.2747252747vw, 36px);
}
.c-people-top__item.--people-38 {
  display: block;
  top: clamp(2928.75px, 286.0805860806vw, 5857.5px);
  left: max(24.1758241758vw, 165px);
  width: max(13.4798534799vw, 92px);
}
.c-people-top__item.--people-39 {
  display: block;
  top: clamp(2947.5px, 287.9120879121vw, 5895px);
  left: max(59.706959707vw, 407.5px);
  width: max(9.0842490842vw, 62px);
}
.c-people-top__item.--people-40 {
  display: block;
  top: clamp(2876.25px, 280.9523809524vw, 5752.5px);
  left: max(87.5457875458vw, 597.5px);
  width: max(5.347985348vw, 36.5px);
}
.c-people-top__item.--people-41 {
  display: block;
  top: clamp(3161.25px, 308.7912087912vw, 6322.5px);
  left: max(20.1465201465vw, 137.5px);
  width: max(9.8901098901vw, 67.5px);
}
.c-people-top__item.--people-42 {
  display: block;
  top: clamp(3120px, 304.7619047619vw, 6240px);
  left: max(60.0732600733vw, 410px);
  width: max(10.7692307692vw, 73.5px);
}
.c-people-top__item.--people-43 {
  display: block;
  top: clamp(3135px, 306.2271062271vw, 6270px);
  left: max(76.1904761905vw, 520px);
  width: max(11.6483516484vw, 79.5px);
}
.c-people-top__item.--people-44 {
  display: block;
  top: clamp(901.5px, 88.0586080586vw, 1803px);
  left: max(82.0512820513vw, 560px);
  width: max(13.3333333333vw, 91px);
}
@media screen and (max-width: 767px) {
  .c-people-top__item {
    display: none !important;
  }
  .c-people-top__item.--people-1 {
    display: block !important;
    top: spSizeY(200);
    left: spSizeX(0);
    width: spSizeX(60);
  }
  .c-people-top__item.--people-2 {
    display: block !important;
    top: spSizeY(95);
    left: spSizeX(5);
    width: spSizeX(125);
  }
}

.c-people-sub {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.c-people-sub__item {
  position: absolute;
  top: 100%;
  display: none;
}
.c-people-sub__item.--people-6 {
  display: block;
  top: clamp(82.5px, 8.0586080586vw, 165px);
  left: max(21.978021978vw, 150px);
  width: max(10.1098901099vw, 69px);
}
.c-people-sub__item.--people-38 {
  display: block;
  top: clamp(135px, 13.1868131868vw, 270px);
  left: max(73.2600732601vw, 500px);
  width: max(13.4798534799vw, 92px);
}
.c-people-sub__item.--people-14 {
  display: block;
  top: clamp(356.25px, 34.7985347985vw, 712.5px);
  left: max(4.0293040293vw, 27.5px);
  width: max(11.9413919414vw, 81.5px);
}
.c-people-sub__item.--people-19 {
  display: block;
  top: clamp(311.25px, 30.4029304029vw, 622.5px);
  left: max(81.684981685vw, 557.5px);
  width: max(9.7435897436vw, 66.5px);
}
.c-people-sub__item.--people-16 {
  display: block;
  top: clamp(528.75px, 51.6483516484vw, 1057.5px);
  left: max(9.1575091575vw, 62.5px);
  width: max(17.4358974359vw, 119px);
}
.c-people-sub__item.--people-18 {
  display: block;
  top: clamp(705px, 68.8644688645vw, 1410px);
  left: max(79.8534798535vw, 545px);
  width: max(12.673992674vw, 86.5px);
}
.c-people-sub__item.--people-28 {
  display: block;
  top: clamp(862.5px, 84.2490842491vw, 1725px);
  left: max(78.021978022vw, 532.5px);
  width: max(6.5201465201vw, 44.5px);
}
.c-people-sub__item.--people-22 {
  display: block;
  top: clamp(847.5px, 82.7838827839vw, 1695px);
  left: max(87.1794871795vw, 595px);
  width: max(4.7619047619vw, 32.5px);
}
.c-people-sub__item.--people-24 {
  display: block;
  top: clamp(1042.5px, 101.8315018315vw, 2085px);
  left: max(13.5531135531vw, 92.5px);
  width: max(11.9413919414vw, 81.5px);
}
.c-people-sub__item.--people-20 {
  display: block;
  top: clamp(1083.75px, 105.8608058608vw, 2167.5px);
  left: max(84.9816849817vw, 580px);
  width: max(8.5714285714vw, 58.5px);
}
.c-people-sub__item.--people-44 {
  display: block;
  top: clamp(1113.75px, 108.7912087912vw, 2227.5px);
  left: max(3.663003663vw, 25px);
  width: max(13.0402930403vw, 89px);
}
.c-people-sub__item.--people-23 {
  display: block;
  top: clamp(1327.5px, 129.6703296703vw, 2655px);
  left: max(17.2161172161vw, 117.5px);
  width: max(4.5421245421vw, 31px);
}
.c-people-sub__item.--people-27 {
  display: block;
  top: clamp(1402.5px, 136.9963369963vw, 2805px);
  left: max(74.7252747253vw, 510px);
  width: max(10.0366300366vw, 68.5px);
}
.c-people-sub__item.--people-42 {
  display: block;
  top: clamp(1556.25px, 152.0146520147vw, 3112.5px);
  left: max(10.6227106227vw, 72.5px);
  width: max(10.695970696vw, 73px);
}
.c-people-sub__item.--people-37 {
  display: block;
  top: clamp(1642.5px, 160.4395604396vw, 3285px);
  left: max(80.5860805861vw, 550px);
  width: max(5.1282051282vw, 35px);
}
.c-people-sub__item.--people-33 {
  display: block;
  top: clamp(2006.25px, 195.9706959707vw, 4012.5px);
  left: max(7.326007326vw, 50px);
  width: max(10.6227106227vw, 72.5px);
}
.c-people-sub__item.--people-32 {
  display: block;
  top: clamp(1815px, 177.2893772894vw, 3630px);
  left: max(78.7545787546vw, 537.5px);
  width: max(15.6776556777vw, 107px);
}
.c-people-sub__item.--people-40 {
  display: block;
  top: clamp(2148.75px, 209.8901098901vw, 4297.5px);
  left: max(16.8498168498vw, 115px);
  width: max(5.2747252747vw, 36px);
}
.c-people-sub__item.--people-43 {
  display: block;
  top: clamp(2085px, 203.663003663vw, 4170px);
  left: max(75.4578754579vw, 515px);
  width: max(11.6483516484vw, 79.5px);
}
.c-people-sub__item.--people-39 {
  display: block;
  top: clamp(2460px, 240.293040293vw, 4920px);
  left: max(86.8131868132vw, 592.5px);
  width: max(9.010989011vw, 61.5px);
}
.c-people-sub__item.--people-46 {
  display: block;
  top: clamp(2688.75px, 262.6373626374vw, 5377.5px);
  left: max(15.7509157509vw, 107.5px);
  width: max(3.5897435897vw, 24.5px);
}
.c-people-sub__item.--people-41 {
  display: block;
  top: clamp(2685px, 262.2710622711vw, 5370px);
  left: max(85.347985348vw, 582.5px);
  width: max(9.8901098901vw, 67.5px);
}
.c-people-sub__item.--people-47 {
  display: block;
  top: clamp(2846.25px, 278.021978022vw, 5692.5px);
  left: max(7.6923076923vw, 52.5px);
  width: max(5.4212454212vw, 37px);
}
.c-people-sub__item.--people-11 {
  display: block;
  top: clamp(2994px, 292.4542124542vw, 5988px);
  left: max(75.0915750916vw, 512.5px);
  width: max(6.8131868132vw, 46.5px);
}
@media screen and (max-width: 767px) {
  .c-people-sub__item {
    display: none !important;
  }
  .c-people-sub__item.--people-1 {
    display: block !important;
    top: spSizeY(200);
    left: spSizeX(0);
    width: spSizeX(60);
  }
  .c-people-sub__item.--people-2 {
    display: block !important;
    top: spSizeY(95);
    left: spSizeX(5);
    width: spSizeX(125);
  }
}

.c-people-about {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.c-people-about__item {
  position: absolute;
  top: 100%;
  display: none;
}
.c-people-about__item.--people-19 {
  display: block;
  top: clamp(570px * 1, 100vw * 570 / 1280, 912px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 1045px), -50% - 100vw * (683 - 1045) / 1366, -50% - 2 * (683px - 1045 px)));
  width: clamp(145px * 1, 100vw * 145 / 1280, 232px);
  transform: translateX(clamp(-1 * -362px, -100vw * -362 / 1365, -2 * -362px));
  z-index: 10;
}
.c-people-about__item.--people-14 {
  display: block;
  top: clamp(855px * 1, 100vw * 855 / 1280, 1368px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 160px), -50% - 100vw * (683 - 160) / 1366, -50% - 2 * (683px - 160 px)));
  width: clamp(162px * 1, 100vw * 162 / 1280, 259.2px);
  transform: translateX(clamp(-2 * 523px, -100vw * 523 / 1365, -1 * 523px));
}
.c-people-about__item.--people-15 {
  display: block;
  top: clamp(1175px * 1, 100vw * 1175 / 1280, 1880px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 115px), -50% - 100vw * (683 - 115) / 1366, -50% - 2 * (683px - 115 px)));
  width: clamp(87px * 1, 100vw * 87 / 1280, 139.2px);
  transform: translateX(clamp(-2 * 568px, -100vw * 568 / 1365, -1 * 568px));
}
.c-people-about__item.--people-17 {
  display: block;
  top: clamp(1580px * 1, 100vw * 1580 / 1280, 2528px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 185px), -50% - 100vw * (683 - 185) / 1366, -50% - 2 * (683px - 185 px)));
  width: clamp(185px * 1, 100vw * 185 / 1280, 296px);
  transform: translateX(clamp(-2 * 498px, -100vw * 498 / 1365, -1 * 498px));
}
.c-people-about__item.--people-44 {
  display: block;
  top: clamp(1460px * 1, 100vw * 1460 / 1280, 2336px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 1105px), -50% - 100vw * (683 - 1105) / 1366, -50% - 2 * (683px - 1105 px)));
  width: clamp(136px * 1, 100vw * 136 / 1280, 217.6px);
  transform: translateX(clamp(-1 * -422px, -100vw * -422 / 1365, -2 * -422px));
}
@media screen and (max-width: 1299px) {
  .c-people-about__item.--people-44 {
    transform: translateX(calc(-0.8 * -422px));
  }
}
@media screen and (max-width: 1099px) {
  .c-people-about__item.--people-44 {
    transform: translateX(calc(-0.7 * -422px));
  }
}
.c-people-about__item.--people-18 {
  display: block;
  top: clamp(1885px * 1, 100vw * 1885 / 1280, 3016px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 1036px), -50% - 100vw * (683 - 1036) / 1366, -50% - 2 * (683px - 1036 px)));
  width: clamp(174px * 1, 100vw * 174 / 1280, 278.4px);
  transform: translateX(clamp(-1 * -353px, -100vw * -353 / 1365, -2 * -353px));
}
@media screen and (max-width: 1299px) {
  .c-people-about__item.--people-18 {
    transform: translateX(calc(-0.8 * -353px));
  }
}
@media screen and (max-width: 1099px) {
  .c-people-about__item.--people-18 {
    transform: translateX(calc(-0.7 * -353px));
  }
}
.c-people-about__item.--people-16 {
  display: block;
  top: clamp(1950px * 1, 100vw * 1950 / 1280, 3120px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 90px), -50% - 100vw * (683 - 90) / 1366, -50% - 2 * (683px - 90 px)));
  width: clamp(239px * 1, 100vw * 239 / 1280, 382.4px);
  transform: translateX(clamp(-2 * 593px, -100vw * 593 / 1365, -1 * 593px));
}
@media screen and (max-width: 1299px) {
  .c-people-about__item.--people-16 {
    transform: translateX(calc(-0.8 * 593px));
  }
}
@media screen and (max-width: 1099px) {
  .c-people-about__item.--people-16 {
    transform: translateX(calc(-0.7 * 593px));
  }
}
.c-people-about__item.--people-22 {
  display: block;
  top: clamp(2185px * 1, 100vw * 2185 / 1280, 3496px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 1180px), -50% - 100vw * (683 - 1180) / 1366, -50% - 2 * (683px - 1180 px)));
  width: clamp(63px * 1, 100vw * 63 / 1280, 100.8px);
  transform: translateX(clamp(-1 * -497px, -100vw * -497 / 1365, -2 * -497px));
}
@media screen and (max-width: 1299px) {
  .c-people-about__item.--people-22 {
    transform: translateX(calc(-0.8 * -497px));
  }
}
@media screen and (max-width: 1099px) {
  .c-people-about__item.--people-22 {
    transform: translateX(calc(-0.7 * -497px));
  }
}
.c-people-about__item.--people-20 {
  display: block;
  top: clamp(2340px * 1, 100vw * 2340 / 1280, 3744px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 260px), -50% - 100vw * (683 - 260) / 1366, -50% - 2 * (683px - 260 px)));
  width: clamp(122px * 1, 100vw * 122 / 1280, 195.2px);
  transform: translateX(clamp(-2 * 423px, -100vw * 423 / 1365, -1 * 423px));
}
@media screen and (max-width: 1299px) {
  .c-people-about__item.--people-20 {
    transform: translateX(calc(-0.8 * 423px));
  }
}
@media screen and (max-width: 1099px) {
  .c-people-about__item.--people-20 {
    transform: translateX(calc(-0.7 * 423px));
  }
}
.c-people-about__item.--people-24 {
  display: block;
  top: clamp(2380px * 1, 100vw * 2380 / 1280, 3808px);
  left: 50%;
  transform: translateX(clamp(-50% - (683px - 930px), -50% - 100vw * (683 - 930) / 1366, -50% - 2 * (683px - 930 px)));
  width: clamp(147px * 1, 100vw * 147 / 1280, 235.2px);
  transform: translateX(clamp(-1 * -247px, -100vw * -247 / 1365, -2 * -247px));
}
@media screen and (max-width: 1299px) {
  .c-people-about__item.--people-24 {
    transform: translateX(calc(-0.8 * -247px));
  }
}
@media screen and (max-width: 1099px) {
  .c-people-about__item.--people-24 {
    transform: translateX(calc(-0.7 * -247px));
  }
}
@media screen and (max-width: 767px) {
  .c-people-about__item {
    display: none !important;
  }
  .c-people-about__item.--people-1 {
    display: block !important;
    top: spSizeY(200);
    left: spSizeX(0);
    width: spSizeX(60);
  }
  .c-people-about__item.--people-2 {
    display: block !important;
    top: spSizeY(95);
    left: spSizeX(5);
    width: spSizeX(125);
  }
}

.c-people-sample {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 999;
  opacity: 0.3;
}

.c-article-grid__header {
  max-width: 75rem;
  margin: 3.75rem auto 0;
}
@media screen and (max-width: 899px) {
  .c-article-grid__header {
    padding: 2rem 1rem 1.0666666667rem;
  }
}
.c-article-grid__ttl {
  margin: 0 0 1.25rem;
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 899px) {
  .c-article-grid__ttl {
    font-size: 1.3333333333rem;
    margin-bottom: 0.8rem;
  }
}
.c-article-grid__subTxt {
  margin: 0;
  font-size: 1rem;
  line-height: 1.8;
  color: #333333;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 899px) {
  .c-article-grid__subTxt {
    font-size: 0.9333333333rem;
  }
}
.c-article-grid__body {
  display: grid;
  grid-template-columns: 20.6875rem 1fr;
  gap: 0;
  max-width: 90rem;
  width: 100%;
  margin: 5rem auto 0;
  border-top: 1px solid #cccccc;
}
@media screen and (max-width: 899px) {
  .c-article-grid__body {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding: 2rem 1rem 4rem;
  }
}
.c-article-grid__aside {
  position: sticky;
  top: 0;
  align-self: start;
  transition: top 0.7s ease;
}
.l-header:not(.is-hidden) + .l-main .c-article-grid__aside {
  top: 9.4375rem;
}
@media screen and (max-width: 899px) {
  .c-article-grid__aside {
    position: static;
    order: -1;
  }
}
@media screen and (max-width: 899px) {
  .c-article-grid__aside-inner {
    padding: 1.0666666667rem;
  }
}
.c-article-grid__aside-nav {
  margin: 0;
}
.c-article-grid__aside-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-article-grid__aside-item {
  margin: 0;
  border-bottom: 1px solid #cccccc;
}
.c-article-grid__aside-link {
  display: block;
  padding: 1.25rem 2.1875rem;
  font-weight: 500;
  color: #333333;
  text-decoration: none;
  line-height: 1.5;
  position: relative;
  transition: color 0.2s, background-color 0.2s;
  letter-spacing: 0.1em;
}
.c-article-grid__aside-link::after {
  content: "";
  width: 0.2651650429rem;
  height: 0.2651650429rem;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.is-current .c-article-grid__aside-link {
  background-color: #f1f5f3;
  color: var(--color-main, #b40000);
}
.is-current .c-article-grid__aside-link::after {
  border-top-color: var(--color-main, #b40000);
  border-right-color: var(--color-main, #b40000);
}
@media (any-hover: hover) {
  .c-article-grid__aside-link:hover {
    background-color: rgba(241, 245, 243, 0.4) !important;
  }
}
.c-article-grid__aside-link:focus-visible {
  background-color: rgba(241, 245, 243, 0.4) !important;
}
.c-article-grid__main {
  padding: 3.125rem 2.1875rem 7.5rem 3.125rem;
  border-left: 1px solid #cccccc;
}
.c-article-grid__diagram {
  background-color: #f1f5f3;
  border-radius: 0.625rem;
  padding: 2.5rem 1.875rem 2.8125rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .c-article-grid__diagram {
    margin-top: 1.3333333333rem;
  }
}

.p-aptitude-section + .p-aptitude-section,
.p-aptitude-section + .c-article-grid-section,
.c-article-grid-section + .p-aptitude-section,
.c-article-grid-section + .c-article-grid-section {
  margin-top: 6.25rem;
}

.p-aptitude-content__half-image,
.c-article-grid-content__half-image {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 1.875rem;
}

.c-article-grid-blocks {
  display: grid;
  gap: 1.875rem;
  margin-top: 1.875rem;
}

.c-article-grid-block {
  background-color: #f1f5f3;
  border-radius: 0.625rem;
  overflow: hidden;
  padding: 3.125rem 3.125rem 3.75rem;
}
.c-article-grid-block + .c-article-grid-block, .c-article-grid-block.--second {
  margin-top: 5rem;
}
.c-article-grid-block__accent {
  font-weight: 700;
  color: #ffffff;
  background-color: var(--color-main, #b40000);
  display: grid;
  place-items: center;
  min-height: 1.6875rem;
  padding: 0 0.625rem;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0;
  line-height: 1.5;
}
.c-article-grid-block__ttl {
  margin-top: 0.9375rem;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}
.c-article-grid-block__subttl {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-bottom: 0.625rem;
}
.c-article-grid-block__subttl:not(:first-child) {
  margin-top: 1.875rem;
}
.c-article-grid-block__subttl.--large {
  font-size: 1.25rem;
  margin-bottom: 0.9375rem;
  line-height: 1.8;
}
.c-article-grid-block__text {
  margin-top: 1.25rem;
  padding-right: 3.125rem;
}
h3 + .c-article-grid-block__text {
  margin-top: 0.9375rem;
}
.c-article-grid-block__note {
  display: flex;
  align-items: baseline;
}
.c-article-grid-block__note-icon {
  display: block;
  width: 1em;
  flex-shrink: 0;
}
.c-article-grid-block__image {
  display: block;
  margin-top: 1.875rem;
}

.c-article-grid-img-block {
  background-color: #f1f5f3;
  border-radius: 0.625rem;
  overflow: hidden;
  display: grid;
  grid-template-columns: 550fr 314fr;
}
.c-article-grid-block .c-article-grid-img-block {
  background-color: transparent;
}
.c-article-grid-img-block.--reverse {
  grid-template-columns: 314fr 550fr;
}
.c-article-grid-img-block.--reverse *:first-child {
  order: 2;
}
.c-article-grid-img-block.--reverse *:last-child {
  order: 1;
}
.c-article-grid-img-block__image {
  align-self: flex-end;
}
.c-article-grid-img-block__content {
  padding: 3.125rem 0rem 3.75rem 3.125rem;
}
.c-article-grid-block .c-article-grid-img-block__content {
  padding: 0;
}

.c-article-grid-white-block {
  background-color: #ffffff;
  border-radius: 0.625rem;
  overflow: hidden;
  padding: 1.5625rem 1.875rem 1.875rem;
  margin-top: 1.875rem;
}
.c-article-grid-white-block__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-article-grid-white-block__item {
  font-weight: 500;
  display: flex;
  align-items: baseline;
}
.c-article-grid-white-block__item::before {
  content: "・";
  display: block;
  flex-shrink: 0;
  color: var(--color-main, #b40000);
}

.c-article-grid-note-list {
  margin-top: 1.25rem;
}
.c-article-grid-note-list__item {
  display: flex;
  align-items: baseline;
}
.c-article-grid-note-list__icon {
  display: block;
  flex-shrink: 0;
}

.c-article-grid-thumb-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(30px * 0.1, 100vw * 30 / 1280, 30px);
}
.c-article-grid-thumb-list__content {
  margin-top: 0.9375rem;
}
.c-article-grid-thumb-list__title {
  font-size: 0.9375rem;
  line-height: 1.6;
}

.c-flow {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .c-flow {
    margin-top: 1.3333333333rem;
  }
}
.c-flow__item {
  position: relative;
  border: 1px solid #d9d9d9;
  border-radius: 0.5rem;
  overflow: visible;
  background-color: #ffffff;
  padding: 1.25rem;
}
.c-flow__item:not(:first-child) {
  margin-top: 2.25rem;
}
@media screen and (max-width: 767px) {
  .c-flow__item:not(:first-child) {
    margin-top: 1.8666666667rem;
  }
}
.c-flow__item:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1.125rem;
  transform: translate(-50%, -50%);
  width: 1.5625rem;
  height: 0.75rem;
  background-color: #9f9f9f;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media screen and (max-width: 767px) {
  .c-flow__item:not(:first-child)::before {
    top: -0.9333333333rem;
    width: 0.9333333333rem;
    height: 0.5333333333rem;
  }
}
.c-flow__head {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  background-color: #ffffff;
}
.c-flow__step {
  flex-shrink: 0;
  padding: 0 0.625rem 0.0625rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #ffffff;
  background-color: var(--color-main, #b40000);
  border-radius: 100vh;
  letter-spacing: 0;
  line-height: 1;
  display: grid;
  place-items: center;
  min-height: 1.25rem;
  margin-top: 0.36rem;
}
@media screen and (max-width: 767px) {
  .c-flow__step {
    padding: 0.1333333333rem 0.6666666667rem;
    font-size: 0.7333333333rem;
  }
}
.c-flow__label {
  font-size: 1.375rem;
  font-weight: 600;
  color: #333333;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .c-flow__label {
    font-size: 0.9333333333rem;
  }
}
.c-flow__body {
  border-radius: 0 0 0.4375rem 0.4375rem;
  margin-top: 0.3125rem;
}
.c-flow__body p {
  margin: 0;
  line-height: 1.8;
  letter-spacing: 0;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .c-flow__body p {
    font-size: 0.8666666667rem;
  }
}

.c-news__body {
  margin-top: 1.875rem;
}
.c-news__content {
  margin-top: 1.875rem;
}
.c-news__content * {
  margin: 3.125rem 0;
}
.c-news__content *:first-child {
  margin-top: 0;
}
.c-news__content *:last-child {
  margin-bottom: 0;
}
.c-news__content figure {
  display: block;
  max-width: 41.25rem;
  margin-bottom: 3.75rem;
}

.c-page-head {
  position: relative;
  padding-top: 5rem;
}
@media screen and (max-width: 767px) {
  .c-page-head {
    padding-top: 2.1333333333rem;
  }
}
.c-page-head__label {
  position: absolute;
  top: 2rem;
  right: 2.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: rgba(247, 247, 247, 0.4);
  backdrop-filter: blur(4px);
  font-family: "Trebuchet MS", "Noto Sans JP", sans-serif;
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .c-page-head__label {
    top: 1.0666666667rem;
    right: 1.0666666667rem;
    gap: 0.2666666667rem;
    font-size: 0.8666666667rem;
  }
}
.c-page-head__label::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--color-main, #b40000);
}
@media screen and (max-width: 767px) {
  .c-page-head__label::before {
    width: 0.2666666667rem;
    height: 0.2666666667rem;
  }
}
.c-page-head__ttl {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-page-head__ttl {
    padding: 0 1.0666666667rem;
    font-size: 2.1333333333rem;
    text-align: left;
  }
}
.c-page-head.--sm .c-page-head__ttl {
  font-size: 2.5rem;
}
@media screen and (max-width: 767px) {
  .c-page-head.--sm .c-page-head__ttl {
    font-size: 2.1333333333rem;
  }
}
.c-page-head.--light .c-page-head__label {
  color: #ffffff;
  background-color: transparent;
  backdrop-filter: none;
}

.c-page-body-wrap {
  padding-top: 5rem;
}
@media screen and (max-width: 767px) {
  .c-page-body-wrap {
    padding-top: 2.1333333333rem;
  }
}

.c-container {
  width: 50rem;
  max-width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-container {
    width: auto;
    max-width: none;
    margin: 0 1.0666666667rem;
  }
}
.c-container.--wide {
  width: 65rem;
}
.c-container.--news {
  width: 54rem;
}
@media screen and (max-width: 767px) {
  .c-container.--wide, .c-container.--news {
    width: auto;
  }
}

.c-bc {
  width: 65rem;
  max-width: 90%;
  margin: 10rem auto 0;
  padding-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .c-bc {
    width: auto;
    max-width: none;
    margin: 5.3333333333rem 1.0666666667rem 0;
    padding-bottom: 0.5333333333rem;
  }
}
.c-bc__list {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.2;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .c-bc__list {
    -moz-column-gap: 0.2666666667rem;
         column-gap: 0.2666666667rem;
    font-size: 0.9333333333rem;
  }
}
.c-bc__list:has(> :nth-child(3)) {
  grid-template-columns: max-content max-content minmax(0, 1fr);
}
.c-bc__item {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  justify-content: start;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .c-bc__item {
    -moz-column-gap: 0.2666666667rem;
         column-gap: 0.2666666667rem;
  }
}
.c-bc__item:last-child {
  grid-template-columns: max-content minmax(0, 1fr);
  grid-auto-flow: row;
}
.c-bc__item:first-child:last-child {
  grid-template-columns: max-content;
}
.c-bc__item + .c-bc__item::before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  background: url(../img/common/icon-bc-arrow.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .c-bc__item + .c-bc__item::before {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.c-bc__home {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  -moz-column-gap: 0.125rem;
       column-gap: 0.125rem;
}
@media (any-hover: hover) {
  .c-bc__home:hover {
    color: var(--color-main, #b40000);
  }
}
.c-bc__mark {
  width: 0.73125rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .c-bc__mark {
    width: 0.6833333333rem;
  }
}
@media (any-hover: hover) {
  .c-bc__link:hover {
    color: var(--color-main, #b40000);
  }
}
.c-bc__current {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-main, #b40000);
}

.c-sec-head {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media screen and (max-width: 767px) {
  .c-sec-head {
    gap: 0;
  }
}
.c-sec-head__sub {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .c-sec-head__sub {
    gap: 0.2666666667rem;
    font-size: 0.8666666667rem;
  }
}
.c-sec-head__sub::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--color-main, #b40000);
}
@media screen and (max-width: 767px) {
  .c-sec-head__sub::before {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.c-sec-head__main {
  font-family: "Trebuchet MS", "Noto Sans JP", sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .c-sec-head__main {
    font-size: 2.1333333333rem;
  }
}

.c-sub-ttl {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .c-sub-ttl {
    font-size: 1.3333333333rem;
  }
}

.c-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 20rem;
  height: 3rem;
  padding: 0 2.5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color: #f7f7f7;
  transition: background-color 0.6s cubic-bezier(0.2, 0.64, 0.315, 1), font-size 0.6s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-button {
    width: 16rem;
    height: 3.2rem;
    padding: 0 2.6666666667rem;
    gap: 0.5333333333rem;
    font-size: 0.9333333333rem;
  }
}
.c-button.--red {
  background-color: var(--color-main, #b40000);
}
.c-button.--dark {
  background-color: #333333;
  color: #ffffff;
}
@media (any-hover: hover) {
  .c-button:hover {
    font-size: 1.125rem;
  }
}
@media screen and (any-hover: hover) and (max-width: 767px) {
  .c-button:hover {
    font-size: 1rem;
  }
}
@media (any-hover: hover) {
  .c-button:hover.--red {
    background-color: color-mix(in srgb, var(--color-main, #b40000) 72%, transparent);
  }
  .c-button:hover.--dark {
    background-color: rgba(51, 51, 51, 0.72);
  }
  .c-button:hover.--icon-arrow .c-button__icon {
    transition: transform 0.6s cubic-bezier(0.2, 0.64, 0.315, 1);
  }
  .c-button:hover.--icon-arrow.is-arrow-end .c-button__icon {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    margin-top: calc(-1 * 0.5rem);
    transform: none;
  }
}
@media screen and (any-hover: hover) and (max-width: 767px) {
  .c-button:hover.--icon-arrow.is-arrow-end .c-button__icon {
    right: 0.5333333333rem;
    margin-top: calc(-1 * 0.5333333333rem);
  }
}
@media (any-hover: hover) {
  .c-button:hover.--icon-back .c-button__icon {
    transition: transform 0.6s cubic-bezier(0.2, 0.64, 0.315, 1);
  }
  .c-button:hover.--icon-external .c-button__icon {
    transform: translateX(0.75rem);
  }
}
@media screen and (max-width: 767px) {
  .c-button.--md {
    width: 21.3333333333rem;
  }
}
.c-button.--tall {
  height: 4rem;
}
.c-button.--wide {
  width: 25rem;
}
@media screen and (max-width: 767px) {
  .c-button.--wide {
    width: 100%;
  }
}
.c-button.--fit {
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 3rem;
}
@media screen and (max-width: 767px) {
  .c-button.--fit {
    width: -moz-fit-content;
    width: fit-content;
    padding-inline: 2.6666666667rem;
  }
}
.c-button.--fit .c-button__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.25rem;
  margin-block: auto;
}
@media screen and (max-width: 767px) {
  .c-button.--fit .c-button__icon {
    right: 1.0666666667rem;
  }
}
@media (any-hover: hover) {
  .c-button.--fit:hover {
    font-size: 1rem;
  }
}
@media screen and (any-hover: hover) and (max-width: 767px) {
  .c-button.--fit:hover {
    font-size: 0.9333333333rem;
  }
}
@media (any-hover: hover) {
  .c-button.--fit:hover .c-button__icon {
    transform: none;
  }
}
@media screen and (min-width: 768px) {
  .c-button__txt {
    flex-shrink: 0;
    white-space: nowrap;
  }
}
.c-button__icon {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  background: no-repeat center/contain;
  transition: transform 0.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-button__icon {
    width: 1.0666666667rem;
    height: 1.0666666667rem;
  }
}
.c-button.--icon-arrow .c-button__icon {
  background-image: url(../img/common/icon-arrow-right.svg);
}
.c-button.--icon-external .c-button__icon {
  background-image: url(../img/common/icon-external.svg);
  background-size: 79%;
}
.c-button.--icon-back {
  flex-direction: row-reverse;
}
.c-button.--icon-back .c-button__icon {
  background-image: url(../img/common/icon-arrow-left.svg);
}
.c-button.--icon-back.is-arrow-end .c-button__icon {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  right: auto;
  margin-top: calc(-1 * 0.5rem);
  transform: none;
}
@media screen and (max-width: 767px) {
  .c-button.--icon-back.is-arrow-end .c-button__icon {
    left: 0.5333333333rem;
    margin-top: calc(-1 * 0.5333333333rem);
  }
}
.c-button.--icon-none .c-button__icon {
  display: none;
}

.c-buttons {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .c-buttons {
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
  }
}

.c-article-card {
  display: grid;
  grid-template-rows: auto 1fr;
  row-gap: 0.5rem;
  height: 100%;
  padding-bottom: 1rem;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  overflow: hidden;
  transition: border-color 0.4s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-article-card {
    row-gap: 0.5333333333rem;
    padding-bottom: 1.0666666667rem;
  }
}
@media (any-hover: hover) {
  .c-article-card:hover {
    border-color: var(--color-main, #b40000);
  }
  .c-article-card:hover .c-article-card__img img {
    transform: scale(1.085);
  }
}
.c-article-card__img {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.c-article-card__img.--noimage {
  background-color: #cccccc;
}
.c-article-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.2, 0.64, 0.315, 1);
}
.c-article-card__body {
  display: grid;
  align-content: start;
  row-gap: 0.25rem;
  min-width: 0;
  padding: 0 0.75rem;
}
@media screen and (max-width: 767px) {
  .c-article-card__body {
    row-gap: 0.2666666667rem;
    padding: 0 0.8rem;
  }
}
.c-article-card__date {
  font-family: Verdana, "Noto Sans JP", sans-serif;
  color: #bd4a4a;
  font-size: 0.875rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .c-article-card__date {
    font-size: 0.9333333333rem;
  }
}
.c-article-card__ttl {
  overflow-wrap: anywhere;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-article-card__ttl {
    font-size: 1.0666666667rem;
  }
}

.c-post-body {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .c-post-body {
    gap: 2.1333333333rem;
    font-size: 1.0666666667rem;
    line-height: 1.8;
  }
}
.c-post-body > * {
  margin: 0;
}
.c-post-body strong,
.c-post-body b {
  font-weight: 700;
}
.c-post-body > :is(h2, h3):not(:first-child) {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .c-post-body > :is(h2, h3):not(:first-child) {
    margin-top: 0.5333333333rem;
  }
}
.c-post-body h2 {
  padding: 0.25rem 1rem;
  border-left: 0.5rem solid var(--color-main, #b40000);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-post-body h2 {
    padding: 0.2666666667rem 0.8rem;
    border-left-width: 0.4rem;
    font-size: 1.3333333333rem;
  }
}
.c-post-body h3 {
  display: flex;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-post-body h3 {
    gap: 0.5333333333rem;
    font-size: 1.2rem;
  }
}
.c-post-body h3::before {
  content: "";
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  margin-top: calc((1lh - 0.75rem) / 2);
  border-radius: 1px;
  background-color: var(--color-main, #b40000);
}
@media screen and (max-width: 767px) {
  .c-post-body h3::before {
    width: 0.6666666667rem;
    height: 0.6666666667rem;
    margin-top: calc((1lh - 0.6666666667rem) / 2);
  }
}
.c-post-body h4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-post-body h4 {
    font-size: 1.2rem;
  }
}
.c-post-body h5,
.c-post-body h6 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-post-body h5,
  .c-post-body h6 {
    font-size: 1.0666666667rem;
  }
}
.c-post-body a {
  color: #007eb4;
  text-decoration: underline;
}
.c-post-body ul,
.c-post-body ol {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-post-body ul,
  .c-post-body ol {
    gap: 0.8rem;
  }
}
.c-post-body ul > li {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .c-post-body ul > li {
    gap: 0.8rem;
  }
}
.c-post-body ul > li::before {
  content: "";
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: calc((1lh - 0.5rem) / 2);
  border-radius: 50%;
  background-color: currentColor;
}
@media screen and (max-width: 767px) {
  .c-post-body ul > li::before {
    width: 0.5333333333rem;
    height: 0.5333333333rem;
    margin-top: calc((1lh - 0.5333333333rem) / 2);
  }
}
.c-post-body ol {
  counter-reset: post-ol;
}
.c-post-body ol > li {
  display: flex;
  gap: 0.5rem;
  counter-increment: post-ol;
}
@media screen and (max-width: 767px) {
  .c-post-body ol > li {
    gap: 0.5333333333rem;
  }
}
.c-post-body ol > li::before {
  content: counter(post-ol) ".";
  flex-shrink: 0;
}
.c-post-body li > :is(ul, ol) {
  margin-top: 0.75rem;
}
@media screen and (max-width: 767px) {
  .c-post-body li > :is(ul, ol) {
    margin-top: 0.8rem;
  }
}
.c-post-body blockquote {
  position: relative;
  padding: 1.5rem 2rem;
  border: 1px solid #cf5c5c;
  background-color: #ffffff;
  color: #cf5c5c;
  font-size: 0.875rem;
  line-height: 1.83;
}
@media screen and (max-width: 767px) {
  .c-post-body blockquote {
    padding: 1.6rem 1.3333333333rem;
    font-size: 0.9333333333rem;
  }
}
.c-post-body blockquote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../img/common/icon-quote.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .c-post-body blockquote::before {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.c-post-body blockquote > * + * {
  margin-top: 0.5rem;
}
.c-post-body blockquote cite {
  display: block;
  font-style: normal;
}
.c-post-body u {
  text-decoration: underline;
}
.c-post-body img {
  display: block;
  width: auto;
  max-width: min(40rem, 100%);
  height: auto;
  margin-inline: auto;
}
.c-post-body figure {
  text-align: center;
}
.c-post-body figcaption {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.6;
}

.c-post-body .c-post-btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: 20rem;
  min-height: 3rem;
  padding: 0.75rem 2rem;
  background-color: #333333;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-post-body .c-post-btn a {
    min-width: 0;
    width: 100%;
    min-height: 3.2rem;
    padding: 0.8rem 1.0666666667rem;
  }
}
.c-post-body .c-post-btn a[target=_blank]::after {
  content: "";
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.875rem;
  background: url(../img/common/icon-external.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .c-post-body .c-post-btn a[target=_blank]::after {
    width: 0.9333333333rem;
    height: 0.9333333333rem;
  }
}
@media (any-hover: hover) {
  .c-post-body .c-post-btn a:hover {
    background-color: rgba(51, 51, 51, 0.72);
  }
}

.c-lead {
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c-lead {
    font-size: 1.0666666667rem;
  }
}
.c-lead a {
  color: var(--color-main, #b40000);
  text-decoration: underline;
}
.c-lead + .c-lead,
.c-lead > * + * {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .c-lead + .c-lead,
  .c-lead > * + * {
    margin-top: 1.0666666667rem;
  }
}

.c-doc-section {
  display: grid;
  row-gap: 3rem;
}
@media screen and (max-width: 767px) {
  .c-doc-section {
    row-gap: 2.1333333333rem;
  }
}
.c-doc-section + .c-doc-section {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .c-doc-section + .c-doc-section {
    margin-top: 3.2rem;
  }
}

.c-doc-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 10rem);
  align-items: start;
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .c-doc-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.6rem;
  }
}
.c-doc-list__item {
  min-width: 0;
}

.c-doc {
  display: grid;
}
.c-doc__icon {
  position: relative;
  display: block;
  width: 10rem;
  height: 10rem;
  overflow: hidden;
  background-color: #333333;
}
@media screen and (max-width: 767px) {
  .c-doc__icon {
    display: none;
  }
}
.c-doc__icon::before {
  content: "";
  position: absolute;
  inset: 0;
  background: no-repeat center/5rem;
  transition: transform 0.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
.c-doc.--pdf .c-doc__icon::before {
  background-image: url(../img/common/icon-file-pdf.svg);
  background-size: 6rem;
}
.c-doc.--word .c-doc__icon::before {
  background-image: url(../img/common/icon-file-word.svg);
}
.c-doc.--excel .c-doc__icon::before {
  background-image: url(../img/common/icon-file-excel.svg);
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  .c-doc:hover .c-doc__icon::before {
    transform: scale(1.1);
  }
  .c-doc:hover.--pdf .c-doc__icon::before {
    transform: scale(1.167);
  }
  .c-doc:hover .c-doc__body {
    border-bottom-color: #333333;
  }
}
@media screen and (max-width: 767px) and (any-hover: hover) {
  .c-doc:hover {
    opacity: 0.75;
  }
}
.c-doc__body {
  display: grid;
  padding: 0.5rem 0;
  border-bottom: 1px solid transparent;
  line-height: 1.6;
  transition: border-color 0.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-doc__body {
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: center;
    -moz-column-gap: 1.0666666667rem;
         column-gap: 1.0666666667rem;
    padding: 0;
    border-bottom: none;
  }
}
.c-doc__date {
  flex-shrink: 0;
  color: #777;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .c-doc__date {
    font-size: 0.9333333333rem;
  }
}
.c-doc__label {
  font-size: 1rem;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 767px) {
  .c-doc__label {
    display: grid;
    grid-template-columns: auto max-content;
    justify-content: start;
    align-items: center;
    -moz-column-gap: 0.5333333333rem;
         column-gap: 0.5333333333rem;
    font-size: 1.0666666667rem;
  }
}
.c-doc__badge {
  display: none;
}
@media screen and (max-width: 767px) {
  .c-doc__badge {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.1333333333rem 0.2666666667rem;
    background-color: #333333;
    color: #ffffff;
    font-family: "Trebuchet MS", "Noto Sans JP", sans-serif;
    font-size: 0.9333333333rem;
    font-weight: 700;
    line-height: 1.2;
  }
}

.c-info-rows {
  display: grid;
  row-gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .c-info-rows {
    row-gap: 2.1333333333rem;
  }
}
.c-info-rows__row {
  display: grid;
  grid-template-columns: 10rem minmax(0, 1fr);
  border-bottom: 1px solid var(--color-main, #b40000);
}
@media screen and (max-width: 767px) {
  .c-info-rows__row {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
  }
}
.c-info-rows__label {
  display: grid;
  place-items: center;
  padding: 1rem;
  background-color: var(--color-main, #b40000);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-info-rows__label {
    padding: 0 0.5333333333rem;
    font-size: 1.0666666667rem;
  }
}
.c-info-rows__value {
  min-width: 0;
  overflow-wrap: anywhere;
  padding: 1.5rem;
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c-info-rows__value {
    width: 100%;
    padding: 1.0666666667rem 0.5333333333rem;
    font-size: 1.0666666667rem;
    line-height: 1.8;
  }
}
.c-info-rows__value a {
  color: var(--color-main, #b40000);
  text-decoration: underline;
}

.c-gap-80 {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .c-gap-80 {
    margin-top: 3.2rem;
  }
}

.c-lead-note {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c-lead-note {
    margin-top: 0.5333333333rem;
    font-size: 0.9333333333rem;
  }
}

.c-gap-48 {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .c-gap-48 {
    margin-top: 2.1333333333rem;
  }
}

.c-info-rows.--wide .c-info-rows__row {
  grid-template-columns: 15rem minmax(0, 1fr);
}
@media screen and (max-width: 767px) {
  .c-info-rows.--wide .c-info-rows__row {
    grid-template-columns: minmax(0, 1fr);
  }
}

.c-info-rows__value strong {
  font-weight: 700;
}

.c-small-note {
  font-size: 0.875rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c-small-note {
    font-size: 0.9333333333rem;
  }
}
.c-small-note.--red {
  color: var(--color-main, #b40000);
}

.c-password {
  padding-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .c-password {
    padding-bottom: 5.3333333333rem;
  }
}
.c-password .post-password-form {
  display: grid;
  justify-items: center;
  row-gap: 2rem;
  font-size: 1rem;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-password .post-password-form {
    row-gap: 1.6rem;
    font-size: 1.0666666667rem;
    line-height: 1.8;
    text-align: left;
  }
}
.c-password .post-password-form p:last-child {
  display: grid;
  grid-template-columns: 15rem 4rem;
  align-items: end;
}
@media screen and (max-width: 767px) {
  .c-password .post-password-form p:last-child {
    grid-template-columns: 16rem 4.2666666667rem;
  }
}
.c-password .post-password-form label {
  display: grid;
  row-gap: 0.5rem;
  font-weight: 500;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .c-password .post-password-form label {
    row-gap: 0.5333333333rem;
  }
}
.c-password .post-password-form input[type=password] {
  width: 100%;
  height: 3rem;
  padding: 0 1rem;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .c-password .post-password-form input[type=password] {
    height: 3.2rem;
    padding: 0 0.8rem;
    font-size: 1.0666666667rem;
  }
}
.c-password .post-password-form input[type=submit] {
  width: 4rem;
  height: 3rem;
  padding: 0;
  background: var(--color-main, #b40000) url(../img/common/icon-send.svg) no-repeat center/1.5rem;
  color: transparent;
  font-size: 0;
  cursor: pointer;
  transition: background-color 0.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .c-password .post-password-form input[type=submit] {
    width: 4.2666666667rem;
    height: 3.2rem;
    background-size: 1.6rem;
  }
}
@media (any-hover: hover) {
  .c-password .post-password-form input[type=submit]:hover {
    background-color: color-mix(in srgb, var(--color-main, #b40000) 72%, transparent);
  }
}

@media screen and (max-width: 767px) {
  .c-data-table__scroll {
    overflow-x: auto;
    margin-right: -1.0666666667rem;
    padding-right: 1.0666666667rem;
  }
}

.c-data-table {
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 767px) {
  .c-data-table {
    min-width: 40rem;
  }
}
.c-data-table th,
.c-data-table td {
  height: 3rem;
  padding: 0.5rem 1rem;
  border: 1px solid #cccccc;
  font-size: 1rem;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .c-data-table th,
  .c-data-table td {
    height: 2.9333333333rem;
    padding: 0.5333333333rem;
    font-size: 0.9333333333rem;
  }
}
.c-data-table th {
  background-color: #333333;
  color: #ffffff;
  font-weight: 500;
  white-space: nowrap;
}
.c-data-table td {
  background-color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767px) {
  .c-data-table td {
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .c-data-table.--fit {
    min-width: 0;
  }
}
.c-data-table.--fit td {
  white-space: normal;
}
.c-data-table td.--name {
  text-align: left;
  font-weight: 500;
}
.c-data-table a {
  color: #333;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media (any-hover: hover) {
  .c-data-table a:hover {
    text-decoration: none;
  }
}

.c-movie {
  position: relative;
  width: 40rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-movie {
    width: auto;
  }
}

.c-yt {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
}
.c-yt.--embed {
  cursor: auto;
}
.c-yt img {
  display: block;
  width: 100%;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .c-yt:hover img {
    opacity: 0.8;
  }
}
.c-yt iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border: 0;
}

.c-blocks > .c-block:first-child {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .c-blocks > .c-block:first-child {
    margin-top: 2.1333333333rem;
  }
}
.c-blocks > .c-block.--hero-lead:first-child {
  margin-top: 0;
}

.c-block {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .c-block {
    margin-top: 3.2rem;
  }
}
.c-block.--lead + .c-block.--lead {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .c-block.--lead + .c-block.--lead {
    margin-top: 1.0666666667rem;
  }
}
.c-block.--lead + .c-block.--lead-note {
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .c-block.--lead + .c-block.--lead-note {
    margin-top: 0.5333333333rem;
  }
}
.c-block.--heading + .c-block {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .c-block.--heading + .c-block {
    margin-top: 2.1333333333rem;
  }
}
.c-block.--heading + .c-block.--info-rows {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .c-block.--heading + .c-block.--info-rows {
    margin-top: 2.6666666667rem;
  }
}
.c-block + .c-block.--heading {
  margin-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .c-block + .c-block.--heading {
    margin-top: 4.2666666667rem;
  }
}
.c-block.--youtube + .c-block.--heading {
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .c-block.--youtube + .c-block.--heading {
    margin-top: 4.2666666667rem;
  }
}
.c-block.--hero-lead + .c-block {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .c-block.--hero-lead + .c-block {
    margin-top: 1.6rem;
  }
}
.c-block.--profile + .c-block.--button {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .c-block.--profile + .c-block.--button {
    margin-top: 3.2rem;
  }
}
.c-block.--docs + .c-block.--button {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .c-block.--docs + .c-block.--button {
    margin-top: 4.2666666667rem;
  }
}
.c-block.--info-rows + .c-block.--image {
  margin-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .c-block.--info-rows + .c-block.--image {
    margin-top: 2.6666666667rem;
  }
}
.c-block.c-block.c-block.--space-none {
  margin-top: 0rem;
}
@media screen and (max-width: 767px) {
  .c-block.c-block.c-block.--space-none {
    margin-top: 0rem;
  }
}
.c-block.c-block.c-block.--space-xs {
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .c-block.c-block.c-block.--space-xs {
    margin-top: 0.5333333333rem;
  }
}
.c-block.c-block.c-block.--space-s {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .c-block.c-block.c-block.--space-s {
    margin-top: 1.0666666667rem;
  }
}
.c-block.c-block.c-block.--space-m {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .c-block.c-block.c-block.--space-m {
    margin-top: 2.1333333333rem;
  }
}
.c-block.c-block.c-block.--space-l {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .c-block.c-block.c-block.--space-l {
    margin-top: 3.2rem;
  }
}
.c-block.c-block.c-block.--space-xl {
  margin-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .c-block.c-block.c-block.--space-xl {
    margin-top: 4.2666666667rem;
  }
}
.c-block .c-lead-note {
  margin-top: 0;
}

.c-heading {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .c-heading {
    font-size: 1.3333333333rem;
  }
}
.c-heading.--red {
  color: var(--color-main, #b40000);
}
.c-heading.--line {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--color-main, #b40000);
}
@media screen and (max-width: 767px) {
  .c-heading.--line {
    padding-bottom: 0.5333333333rem;
  }
}

.c-rich {
  display: flex;
  flex-direction: column;
}
.c-rich ol {
  list-style: decimal;
  padding-left: 1.5rem;
}
@media screen and (max-width: 767px) {
  .c-rich ol {
    padding-left: 1.6rem;
  }
}
.c-rich ol[type=a] {
  list-style: lower-alpha;
  padding-left: 1.5rem;
}
.c-rich ul {
  list-style: disc;
  padding-left: 1.5rem;
}
@media screen and (max-width: 767px) {
  .c-rich ul {
    padding-left: 1.6rem;
  }
}
.c-rich a {
  color: #007eb4;
  text-decoration: underline;
}
.c-rich .u-red {
  color: var(--color-main, #b40000);
}
.c-rich > p:has(> strong:first-child):not(:first-child),
.c-rich > .c-small-note.--red:not(:first-child) {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .c-rich > p:has(> strong:first-child):not(:first-child),
  .c-rich > .c-small-note.--red:not(:first-child) {
    margin-top: 1.0666666667rem;
  }
}

.c-profile {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .c-profile {
    gap: 2.1333333333rem;
  }
}
.c-profile__img img {
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-profile__main {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .c-profile__main {
    gap: 1.6rem;
  }
}
.c-profile__name {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c-profile__name {
    font-size: 1.2rem;
    line-height: 2.2;
  }
}
.c-profile__txt {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c-profile__txt {
    gap: 1.0666666667rem;
    font-size: 1.0666666667rem;
    line-height: 1.8;
  }
}

.c-hero-lead {
  position: relative;
  height: 40rem;
  display: flex;
  justify-content: center;
  padding-top: 8.875rem;
}
@media screen and (max-width: 767px) {
  .c-hero-lead {
    height: auto;
    padding: 2.6666666667rem 1.0666666667rem 2.6666666667rem;
  }
}
.c-hero-lead::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(247, 247, 247, 0.72);
  backdrop-filter: blur(4px);
}
.c-hero-lead__bg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 50%, transparent);
          mask-image: linear-gradient(to bottom, transparent, #000 50%, transparent);
}
.c-hero-lead__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-hero-lead__txt {
  position: relative;
  z-index: 1;
  width: 45rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  font-size: 1rem;
  line-height: 3;
}
@media screen and (max-width: 767px) {
  .c-hero-lead__txt {
    width: auto;
    gap: 3.2rem;
    font-size: 1.0666666667rem;
    line-height: 2;
  }
}

.c-figure img {
  display: block;
  width: 100%;
  height: auto;
}

.c-zoom-link {
  position: relative;
  display: block;
  cursor: zoom-in;
}
.c-zoom-link img {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .c-zoom-link:hover img {
    opacity: 0.85;
  }
}
.c-zoom-link__icon {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: rgba(51, 51, 51, 0.72);
}
@media screen and (max-width: 767px) {
  .c-zoom-link__icon {
    right: 0.5333333333rem;
    bottom: 0.5333333333rem;
    width: 2.4rem;
    height: 2.4rem;
  }
}
.c-zoom-link__icon::before {
  content: "";
  position: absolute;
  inset: 22%;
  background-color: #ffffff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21M10.5 7.5v6M7.5 10.5h6'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21M10.5 7.5v6M7.5 10.5h6'/%3E%3C/svg%3E") no-repeat center/contain;
}

.c-zoom {
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  overflow: auto;
}
.c-zoom::backdrop {
  background-color: rgba(0, 0, 0, 0.85);
}
.c-zoom__inner {
  display: grid;
  place-items: center;
  min-width: 100%;
  min-height: 100%;
  padding: 4rem 2.5rem;
}
@media screen and (max-width: 767px) {
  .c-zoom__inner {
    width: -moz-max-content;
    width: max-content;
    padding: 3.7333333333rem 0 1.6rem;
  }
}
.c-zoom__img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(100%, 1200px);
  max-height: calc(100dvh - 8rem);
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .c-zoom__img {
    width: auto;
    max-width: none;
    height: calc(100dvh - 5.3333333333rem);
    max-height: none;
  }
}
.c-zoom__close {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.16);
  cursor: pointer;
  transition: background-color 0.3s;
}
@media screen and (max-width: 767px) {
  .c-zoom__close {
    top: 0.5333333333rem;
    right: 0.5333333333rem;
    width: 2.6666666667rem;
    height: 2.6666666667rem;
  }
}
.c-zoom__close::before, .c-zoom__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 2px;
  background-color: #ffffff;
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-zoom__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (any-hover: hover) {
  .c-zoom__close:hover {
    background-color: rgba(255, 255, 255, 0.32);
  }
}

html.is-zoom-open {
  overflow: hidden;
}

.p-top-mv {
  position: relative;
}

.p-top-mv__visual {
  position: relative;
  aspect-ratio: var(--mv-ratio, 1920/988);
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top-mv__visual {
    aspect-ratio: var(--mv-ratio-sp, 780/1180);
  }
}
.p-top-mv__visual picture,
.p-top-mv__visual img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-top-mv__visual img {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-top-closed {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64rem;
  max-width: calc(100% - 2rem);
  padding: 3rem 2rem;
  background-color: rgba(35, 24, 21, 0.96);
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-top-closed {
    top: 2rem;
    bottom: 2rem;
    left: 1.3333333333rem;
    right: 1.3333333333rem;
    width: auto;
    max-width: none;
    padding: 3.7333333333rem 1.0666666667rem;
    transform: none;
  }
}
.p-top-closed.is-closed {
  display: none;
}

.p-top-closed__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-closed__body {
    gap: 3.2rem;
  }
}

.p-top-closed__logo {
  width: 47.75rem;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .p-top-closed__logo {
    width: 21.3333333333rem;
  }
}
.p-top-closed__logo picture,
.p-top-closed__logo img {
  display: block;
  width: 100%;
  height: auto;
}

.p-top-closed__txt {
  font-size: 2.5rem;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top-closed__txt {
    font-size: 1.3333333333rem;
  }
}

.p-top-closed__note {
  font-size: 1.75rem;
  color: #f7e94e;
}
@media screen and (max-width: 767px) {
  .p-top-closed__note {
    font-size: 1.0666666667rem;
  }
}

.p-top-closed__close {
  position: absolute;
  top: 0;
  right: 0;
  display: grid;
  place-items: center;
  width: 4.9375rem;
  height: 4.9375rem;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-top-closed__close {
    width: 3.7333333333rem;
    height: 3.7333333333rem;
  }
}
.p-top-closed__close img {
  width: 3.5rem;
  height: 3.5rem;
  transform: rotate(45deg);
  transition: transform 0.6s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .p-top-closed__close img {
    width: 2.6666666667rem;
    height: 2.6666666667rem;
  }
}
@media (any-hover: hover) {
  .p-top-closed__close:hover img {
    transform: rotate(135deg);
  }
}

.p-top-mv__bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 7.5rem;
  padding: 0 2rem;
  background-color: #231815;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top-mv__bar {
    height: 5.3333333333rem;
    padding: 0 1.0666666667rem;
  }
}

.p-top-mv__info {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-family: Verdana, "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-top-mv__info {
    gap: 0.5333333333rem;
  }
}

.p-top-mv__en {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-mv__en {
    display: none;
  }
}

.p-top-mv__ordinal {
  display: flex;
  align-items: flex-end;
}
.p-top-mv__ordinal span {
  font-size: 1rem;
}

.p-top-mv__date {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-top-mv__date {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas: "day day" "week time";
    align-items: end;
    justify-content: start;
    gap: 0.5333333333rem;
  }
}

.p-top-mv__day {
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  .p-top-mv__day {
    grid-area: day;
    font-size: 1.3333333333rem;
  }
}

.p-top-mv__week {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 3rem;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-top-mv__week {
    writing-mode: vertical-rl;
  }
}
@media screen and (max-width: 767px) {
  .p-top-mv__week {
    grid-area: week;
    width: auto;
    height: auto;
    font-size: 1.0666666667rem;
  }
}

.p-top-mv__time {
  font-size: 3rem;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-top-mv__time {
    grid-area: time;
    font-size: 1.8666666667rem;
  }
}

.p-top-countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 20rem;
  height: 7rem;
}
@media screen and (max-width: 767px) {
  .p-top-countdown {
    width: auto;
    height: auto;
  }
}

.p-top-countdown__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
@media screen and (max-width: 767px) {
  .p-top-countdown__inner {
    gap: 0.5333333333rem;
  }
}

.p-top-countdown__brand {
  width: 9.5625rem;
}
@media screen and (max-width: 767px) {
  .p-top-countdown__brand {
    width: 4.4rem;
  }
}

.p-top-countdown__clock {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-countdown__clock {
    gap: 0.304rem;
  }
}

.p-top-countdown__unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  min-width: 3.375rem;
}
@media screen and (max-width: 767px) {
  .p-top-countdown__unit {
    gap: 0.228rem;
    min-width: 2.0533333333rem;
  }
}

.p-top-countdown__digits {
  display: flex;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-countdown__digits {
    gap: 0.304rem;
  }
}
.p-top-countdown__digits.is-3digits {
  gap: 0.25rem;
}
@media screen and (max-width: 767px) {
  .p-top-countdown__digits.is-3digits {
    gap: 0.1333333333rem;
  }
}
.p-top-countdown__digits img {
  width: 1.4375rem;
  height: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-countdown__digits img {
    width: 0.8746666667rem;
    height: 1.5206666667rem;
  }
}

.p-top-countdown__label {
  font-family: "Trebuchet MS", "Noto Sans JP", sans-serif;
  font-style: italic;
  font-size: 0.75rem;
  line-height: 1;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-countdown__label {
    font-size: 0.456rem;
  }
}

.p-top-countdown__sep {
  position: relative;
  flex-shrink: 0;
  width: 0.375rem;
  height: 2.125rem;
}
@media screen and (max-width: 767px) {
  .p-top-countdown__sep {
    width: 0.228rem;
    height: 1.2926666667rem;
  }
}
.p-top-countdown__sep::before, .p-top-countdown__sep::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: #f7e94e;
}
@media screen and (max-width: 767px) {
  .p-top-countdown__sep::before, .p-top-countdown__sep::after {
    width: 0.228rem;
    height: 0.228rem;
  }
}
.p-top-countdown__sep::before {
  top: 0.375rem;
}
@media screen and (max-width: 767px) {
  .p-top-countdown__sep::before {
    top: 0.228rem;
  }
}
.p-top-countdown__sep::after {
  top: 1.75rem;
}
@media screen and (max-width: 767px) {
  .p-top-countdown__sep::after {
    top: 1.0646666667rem;
  }
}
.p-top-countdown__sep.--dot::before {
  background-color: #231815;
}

.p-top-mascot {
  position: fixed;
  left: 0;
  bottom: 1.5rem;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.5rem;
  height: 5.5rem;
  perspective: 15rem;
  visibility: hidden;
  transform: translateX(-100%);
  transition: transform 0.8s ease-in-out, visibility 0s 0.8s;
}
@media screen and (max-width: 1079px) {
  .p-top-mascot {
    display: none;
  }
}
.p-top-mascot.is-visible {
  visibility: visible;
  transform: none;
  transition: transform 0.8s ease-in-out, visibility 0s;
}
@media (any-hover: hover) {
  .p-top-mascot.is-visible:hover {
    transform: translateY(-4px);
  }
}

.p-top-mascot__svg {
  width: 2.92875rem;
  height: auto;
  transition: transform 0.4s ease-in-out;
}
.p-top-mascot.is-reverse .p-top-mascot__svg {
  transform: rotateY(180deg);
}

.p-top-mascot__frame:not(.is-active) {
  display: none;
}

.p-top-sponsors {
  padding: 6.4rem 0;
  background-color: #666;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-top-sponsors {
    padding: 4.2666666667rem 1.0666666667rem;
  }
}

.p-top-sponsors__inner {
  width: 60rem;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-top-sponsors__inner {
    width: auto;
    gap: 2.6666666667rem;
  }
}

.p-top-sponsors__label {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
@media screen and (max-width: 767px) {
  .p-top-sponsors__label {
    gap: 0;
  }
}

.p-top-sponsors__label-ttl {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.45;
}
@media screen and (max-width: 767px) {
  .p-top-sponsors__label-ttl {
    font-size: 1.0666666667rem;
  }
}

.p-top-sponsors__label-en {
  color: #999999;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
}
@media screen and (max-width: 767px) {
  .p-top-sponsors__label-en {
    font-size: 0.8666666667rem;
  }
}

.p-top-sponsors__main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 3.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
@media screen and (max-width: 767px) {
  .p-top-sponsors__main {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.6rem;
    padding-bottom: 1.6rem;
  }
}

.p-top-sponsors__group {
  display: flex;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-sponsors__group {
    flex-direction: column;
    gap: 1.0666666667rem;
  }
}

.p-top-sponsors__main-logo {
  display: block;
  width: 20rem;
}
@media screen and (max-width: 767px) {
  .p-top-sponsors__main-logo {
    width: 10.6666666667rem;
  }
}
.p-top-sponsors__main-logo img {
  width: 100%;
  aspect-ratio: 320/88;
  -o-object-fit: contain;
     object-fit: contain;
}

a.p-top-sponsors__main-logo,
.p-top-sponsors__link {
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  a.p-top-sponsors__main-logo:hover,
  .p-top-sponsors__link:hover {
    opacity: 0.7;
  }
}

.p-top-sponsors__partners {
  display: flex;
  align-items: center;
  gap: 5rem;
  padding-bottom: 3.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
@media screen and (max-width: 767px) {
  .p-top-sponsors__partners {
    flex-direction: column;
    align-items: stretch;
    gap: 1.0666666667rem;
    padding-bottom: 1.6rem;
  }
}
.p-top-sponsors__partners .p-top-sponsors__label {
  width: 8.5625rem;
}
@media screen and (max-width: 767px) {
  .p-top-sponsors__partners .p-top-sponsors__label {
    width: auto;
  }
}

.p-top-sponsors__viewport {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.p-top-sponsors__track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: p-top-sponsors-marquee 40s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .p-top-sponsors__track {
    animation: none;
  }
}
.p-top-sponsors__viewport:hover .p-top-sponsors__track, .p-top-sponsors__viewport:focus-within .p-top-sponsors__track {
  animation-play-state: paused;
}

.p-top-sponsors__list {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding-right: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-sponsors__list {
    gap: 1.0666666667rem;
    padding-right: 1.0666666667rem;
  }
}

.p-top-sponsors__item {
  flex-shrink: 0;
  height: 3rem;
}
@media screen and (max-width: 767px) {
  .p-top-sponsors__item {
    height: 1.8666666667rem;
  }
}
.p-top-sponsors__item img {
  width: auto;
  height: 100%;
}

.p-top-sponsors__link {
  display: block;
  height: 100%;
}

@keyframes p-top-sponsors-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.p-top-news {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-top-news {
    margin-top: 4.2666666667rem;
  }
}

.p-top-news__inner {
  width: 70rem;
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-top-news__inner {
    width: auto;
    max-width: none;
    gap: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-news__inner > .c-sec-head {
    padding-left: 1.0666666667rem;
  }
}

.p-top-news__body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-top-news__body {
    flex-direction: column;
    gap: 2.6666666667rem;
  }
}

.p-top-news__pickup {
  width: 25rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-news__pickup {
    width: 100%;
  }
}

.p-top-news__pickup-list {
  display: flex;
  flex-direction: column;
  gap: 1.9375rem;
  max-height: 42.25rem;
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.p-top-news__pickup-list::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top-news__pickup-list {
    flex-direction: row;
    gap: 1.6rem;
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1px 1.0666666667rem;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 1.0666666667rem;
  }
}

.p-top-news__card {
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1rem;
  background-color: #ffffff;
}
.p-top-news__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid #cccccc;
  pointer-events: none;
  transition: border-color 0.3s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .p-top-news__card {
    width: 16rem;
    gap: 0.5333333333rem;
    padding-bottom: 1.0666666667rem;
    scroll-snap-align: start;
  }
}
@media (any-hover: hover) {
  .p-top-news__card:hover::after {
    border-color: var(--color-main, #b40000);
  }
}

.p-top-news__card-img {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.p-top-news__card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-top-news__card-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-news__card-body {
    gap: 0.5333333333rem;
    padding: 0 0.5333333333rem;
  }
}

.p-top-news__card-meta {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: start;
  align-items: center;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-news__card-meta {
    grid-template-columns: max-content;
    row-gap: 0.5333333333rem;
  }
}

.p-top-news__card-ttl {
  overflow-wrap: anywhere;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-top-news__card-ttl {
    font-size: 1.0666666667rem;
  }
}

.p-top-news__pickup-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2rem;
  background: var(--color-main, #b40000) url(../img/common/icon-angle-down.svg) no-repeat center/3rem 1.5rem;
  transition: background-color 0.3s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .p-top-news__pickup-more {
    display: none;
  }
}
@media (any-hover: hover) {
  .p-top-news__pickup-more:hover {
    background-color: color-mix(in srgb, var(--color-main, #b40000) 72%, transparent);
  }
}

.p-top-news__main {
  width: 40rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-news__main {
    width: 100%;
    padding: 0 1.0666666667rem;
    align-items: center;
    gap: 2.6666666667rem;
  }
}

.p-top-news__line {
  width: 100%;
  height: 1px;
  background-color: var(--color-main, #b40000);
}

.p-top-news__list-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-top-news__list-wrap {
    align-items: center;
    gap: 2.6666666667rem;
  }
}
.p-top-news__list-wrap .c-news-list {
  width: 100%;
}

.p-top-topics {
  margin-top: 8.9375rem;
}
@media screen and (max-width: 767px) {
  .p-top-topics {
    margin-top: 5.5333333333rem;
  }
}

.p-top-topics__inner {
  width: 70rem;
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-top-topics__inner {
    width: auto;
    max-width: none;
    margin: 0 1.0666666667rem;
    gap: 1.6rem;
  }
}

.p-top-topics__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-topics__list {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}

.p-top-topics__link {
  position: relative;
  display: flex;
  align-items: center;
  aspect-ratio: 540/186;
  padding: 2.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-top-topics__link {
    aspect-ratio: 358/96;
    padding: 1.0666666667rem;
  }
}
.p-top-topics__link::before, .p-top-topics__link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: opacity 0.41s cubic-bezier(0.2, 0.64, 0.315, 1);
}
.p-top-topics__link::before {
  background: linear-gradient(to right, color-mix(in srgb, var(--color-main, #b40000) 72%, transparent), color-mix(in srgb, var(--color-main, #b40000) 0%, transparent) 72%);
}
.p-top-topics__link::after {
  background: linear-gradient(to right, color-mix(in srgb, var(--color-main, #b40000) 72%, transparent), color-mix(in srgb, var(--color-main, #b40000) 40%, transparent));
  opacity: 0;
}
@media (any-hover: hover) {
  .p-top-topics__link:hover::before {
    opacity: 0;
  }
  .p-top-topics__link:hover::after {
    opacity: 1;
  }
}

.p-top-topics__img {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.p-top-topics__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-top-topics__label {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: #ffffff;
  line-height: 1.2;
  text-shadow: 2px 8px 16px rgba(255, 255, 255, 0.64);
}
@media screen and (max-width: 767px) {
  .p-top-topics__label {
    gap: 0;
  }
}

.p-top-topics__en {
  font-family: "Trebuchet MS", "Noto Sans JP", sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-top-topics__en {
    font-size: 2.6666666667rem;
  }
}

.p-top-topics__ja {
  font-size: 1rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-top-topics__ja {
    font-size: 0.9333333333rem;
  }
}

.p-top-articles {
  margin-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-articles {
    margin-top: 5.3333333333rem;
  }
}

.p-top-articles__inner {
  width: 70rem;
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-top-articles__inner {
    width: auto;
    max-width: none;
    gap: 1.6rem;
  }
  .p-top-articles__inner > .c-sec-head {
    padding: 0 1.0666666667rem;
  }
}

.p-top-articles__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-top-articles__body {
    gap: 0.5333333333rem;
  }
}

.p-top-articles__note {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-top-articles__note {
    padding: 0 1.0666666667rem;
    font-size: 0.9333333333rem;
  }
}

@media screen and (max-width: 767px) {
  .p-top-articles__scroll {
    overflow-x: auto;
    padding: 0 1.0666666667rem;
    scroll-snap-type: x mandatory;
    scroll-padding: 0 1.0666666667rem;
  }
}

.p-top-articles__list {
  display: flex;
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-top-articles__list {
    width: -moz-max-content;
    width: max-content;
    gap: 1.6rem;
  }
}
.p-top-articles__list li {
  width: 15.625rem;
}
@media screen and (max-width: 767px) {
  .p-top-articles__list li {
    width: 16.6666666667rem;
    scroll-snap-align: start;
  }
}

.p-top-articles__btns {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-top-articles__btns {
    margin-top: 2.1333333333rem;
  }
}

.p-top-bottom-banner {
  position: relative;
  z-index: 101;
  margin-top: 10rem;
}
@media screen and (max-width: 767px) {
  .p-top-bottom-banner {
    margin-top: 5.3333333333rem;
  }
}
.p-top-bottom-banner img {
  width: 100%;
  aspect-ratio: 1280/480;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-top-bottom-banner img {
    aspect-ratio: 390/240;
  }
}

.p-song__intro {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-song__intro {
    flex-direction: column;
    gap: 2.6666666667rem;
  }
}

.p-song__intro-head {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-song__intro-head {
    gap: 1.0666666667rem;
  }
}

.p-song__catch {
  color: var(--color-main, #b40000);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-song__catch {
    font-size: 1.0666666667rem;
    line-height: 1.45;
  }
}

.p-song__name {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-song__name {
    gap: 0.5333333333rem;
  }
}

.p-song__artist {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-song__artist {
    font-size: 1.3333333333rem;
  }
}

.p-song__title {
  font-family: Verdana, "Noto Sans JP", sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-song__title {
    font-size: 2.6666666667rem;
  }
}

.p-song__intro-txt {
  width: 20rem;
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-song__intro-txt {
    width: auto;
    font-size: 1.0666666667rem;
    line-height: 1.8;
  }
}

.p-course {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-course {
    margin-top: 2.1333333333rem;
  }
}

.p-course__map img {
  width: 100%;
}

.p-course__traffic {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 4rem;
  padding: 1rem;
  background-color: var(--color-main, #b40000);
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  transition: background-color 0.8s cubic-bezier(0.2, 0.64, 0.315, 1), font-size 0.8s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .p-course__traffic {
    margin-top: 1.6rem;
    gap: 0.5333333333rem;
    padding: 1.0666666667rem;
    font-size: 1.0666666667rem;
  }
}
.p-course__traffic::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url(../img/common/icon-arrow-right-white.svg) no-repeat center/contain;
  transition: transform 0.8s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .p-course__traffic::after {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
@media (any-hover: hover) {
  .p-course__traffic:hover {
    background-color: color-mix(in srgb, var(--color-main, #b40000) 72%, transparent);
    font-size: 1.375rem;
  }
  .p-course__traffic:hover::after {
    transform: translateX(18.125rem);
  }
}

.p-course__sec {
  margin-top: 7.8125rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  scroll-margin-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec {
    margin-top: 4.2666666667rem;
    scroll-margin-top: 4.8rem;
    gap: 2.6666666667rem;
  }
}
.p-course__sec + .p-course__sec {
  margin-top: 7.6875rem;
}
@media screen and (max-width: 767px) {
  .p-course__sec + .p-course__sec {
    margin-top: 5.2rem;
  }
}

.p-course__ttl {
  color: var(--color-main, #b40000);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-course__ttl {
    font-size: 1.3333333333rem;
  }
}

.p-course__sections {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .p-course__sections {
    gap: 2.6666666667rem;
  }
}

.p-course-section {
  display: flex;
  align-items: flex-start;
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .p-course-section {
    flex-direction: column;
    gap: 2.1333333333rem;
  }
}

.p-course-section__body {
  width: 35rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-course-section__body {
    width: 100%;
    gap: 1.0666666667rem;
  }
}

.p-course-section__head {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-course-section__head {
    gap: 0.5333333333rem;
  }
}

.p-course-section__bar {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  border-bottom: 1px solid var(--color-main, #b40000);
}
@media screen and (max-width: 767px) {
  .p-course-section__bar {
    gap: 1.3333333333rem;
  }
}

.p-course-section__num {
  padding: 0.25rem 2rem;
  background-color: var(--color-main, #b40000);
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-course-section__num {
    padding: 0.2666666667rem 2.1333333333rem;
    font-size: 1.2rem;
  }
}

.p-course-section__cat {
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-course-section__cat {
    font-size: 1.0666666667rem;
  }
}

.p-course-section__route {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-course-section__route {
    gap: 0.5333333333rem;
    font-size: 0.9333333333rem;
  }
}

.p-course-section__arrow {
  width: 1rem;
  height: 1rem;
  background: url(../img/course/icon-route-arrow.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-course-section__arrow {
    width: 1.0666666667rem;
    height: 1.0666666667rem;
  }
}

.p-course-section__txt {
  width: 25rem;
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-course-section__txt {
    width: 100%;
    font-size: 1.0666666667rem;
    line-height: 1.8;
  }
}

.p-course-section__img {
  flex-shrink: 0;
  width: 25rem;
}
@media screen and (max-width: 767px) {
  .p-course-section__img {
    width: 100%;
  }
}
.p-course-section__img img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-course-table {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: -1.5625rem;
}
@media screen and (max-width: 767px) {
  .p-course-table {
    margin-top: -1.0666666667rem;
    gap: 0.5333333333rem;
  }
}

.p-course-table__note {
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-course-table__note {
    text-align: left;
    font-size: 0.9333333333rem;
  }
}

@media screen and (max-width: 767px) {
  .p-course-table__scroll {
    overflow-x: auto;
    margin-right: -1.0666666667rem;
  }
}

.p-course-table__table {
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 767px) {
  .p-course-table__table {
    width: 42.6666666667rem;
  }
}
.p-course-table__table th,
.p-course-table__table td {
  height: 3rem;
  border: 1px solid #cccccc;
  font-size: 1rem;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .p-course-table__table th,
  .p-course-table__table td {
    height: 2.6666666667rem;
    font-size: 1.0666666667rem;
  }
}
.p-course-table__table th {
  background-color: #333333;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-course-table__table th {
    font-size: 1.0666666667rem;
  }
}
.p-course-table__table thead tr:first-child th:nth-child(1) {
  width: 25rem;
}
@media screen and (max-width: 767px) {
  .p-course-table__table thead tr:first-child th:nth-child(1) {
    width: 18.6666666667rem;
  }
}
.p-course-table__table thead tr:first-child th:nth-child(2) {
  width: 15rem;
}
@media screen and (max-width: 767px) {
  .p-course-table__table thead tr:first-child th:nth-child(2) {
    width: 8rem;
  }
}
.p-course-table__table td {
  background-color: #f7f7f7;
  padding: 0 1rem;
}
@media screen and (max-width: 767px) {
  .p-course-table__table td {
    padding: 0 0.5333333333rem;
  }
}

.p-course-table__place {
  text-align: left !important;
}
.p-course-table__place span {
  vertical-align: middle;
}
.p-course-table__place img {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.25rem;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .p-course-table__place img {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
    margin-right: 0.2666666667rem;
  }
}
.--start .p-course-table__place, .--relay .p-course-table__place, .--finish .p-course-table__place {
  font-weight: 500;
}

.--start .p-course-table__top, .--relay .p-course-table__top, .--finish .p-course-table__top {
  color: var(--color-main, #b40000);
  font-weight: 700;
}

.p-furusato-hero {
  position: relative;
  height: 40rem;
  margin-top: 2.5rem;
  padding: 7.25rem 0 0 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-furusato-hero {
    height: auto;
    margin-top: 0;
    padding: 2.6666666667rem 1.0666666667rem 0;
  }
}
.p-furusato-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(247, 247, 247, 0.72);
  backdrop-filter: blur(4px);
}
@media screen and (max-width: 767px) {
  .p-furusato-hero::after {
    bottom: auto;
    height: 27.4rem;
  }
}

.p-furusato-hero__bg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 50%, transparent);
          mask-image: linear-gradient(to bottom, transparent, #000 50%, transparent);
}
@media screen and (max-width: 767px) {
  .p-furusato-hero__bg {
    bottom: auto;
    height: 27.4rem;
  }
}
.p-furusato-hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-furusato-hero__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-furusato-hero__inner {
    gap: 2.1333333333rem;
  }
}

.p-furusato-hero__catch {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-furusato-hero__catch {
    font-size: 1.3333333333rem;
    line-height: 1.8;
  }
}

.p-furusato-hero__txt {
  width: 30rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 1rem;
  line-height: 2.4;
}
@media screen and (max-width: 767px) {
  .p-furusato-hero__txt {
    width: auto;
    gap: 1.6rem;
    font-size: 1.0666666667rem;
    line-height: 1.8;
  }
}

.p-furusato-hero__photos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5333333333rem;
  margin-top: 0.5333333333rem;
}
.p-furusato-hero__photos img {
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-furusato__venue {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-furusato__venue {
    margin-top: 4.2666666667rem;
    gap: 1.6rem;
  }
}

.p-furusato__venue-ttl {
  color: var(--color-main, #b40000);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.45;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-furusato__venue-ttl {
    font-size: 1.3333333333rem;
  }
}

.p-furusato__venue-img {
  width: 100%;
}
.p-furusato__venue-img img {
  aspect-ratio: 1040/600;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-furusato__tabs {
  width: 50rem;
  margin: 5rem auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-furusato__tabs {
    width: auto;
    margin-top: 4.2666666667rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}

.p-furusato__tab {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11rem;
  height: 4rem;
  background-color: var(--area-bg);
  border: 2px solid var(--area-border);
  color: var(--area-text);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  .p-furusato__tab {
    width: auto;
    height: 3.2rem;
    font-size: 1.0666666667rem;
  }
}
.p-furusato__tab::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 2rem;
  height: 1rem;
  transform: translateX(-50%);
  background-color: currentColor;
  -webkit-mask: url(../img/common/icon-angle-down.svg) no-repeat center/contain;
          mask: url(../img/common/icon-angle-down.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-furusato__tab::after {
    width: 2.1333333333rem;
    height: 1.0666666667rem;
  }
}
@media (any-hover: hover) {
  .p-furusato__tab:hover {
    opacity: 0.8;
  }
}

.p-furusato__list {
  width: 50rem;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-furusato__list {
    width: auto;
    margin-top: 4.2666666667rem;
  }
}

.p-furusato__legend {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.45;
}
@media screen and (max-width: 767px) {
  .p-furusato__legend {
    align-items: flex-start;
    gap: 0.2666666667rem;
    font-size: 0.9333333333rem;
  }
}
.p-furusato__legend img {
  flex-shrink: 0;
  width: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-furusato__legend img {
    width: 1.3333333333rem;
  }
}

.p-furusato-area {
  margin-top: 7.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  scroll-margin-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-furusato-area {
    margin-top: 4.2666666667rem;
    align-items: center;
    scroll-margin-top: 4.8rem;
  }
}
.p-furusato__legend + .p-furusato-area {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-furusato__legend + .p-furusato-area {
    margin-top: 4.2666666667rem;
  }
}

.p-furusato-area__ttl {
  width: 100%;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--area-border);
  color: var(--area-border);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-furusato-area__ttl {
    padding-bottom: 0.5333333333rem;
    font-size: 1.3333333333rem;
  }
}

.p-furusato-area__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-furusato-area__list {
    width: 21.3333333333rem;
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}

.p-furusato-pref {
  padding: 1rem 1.5rem;
  background-color: #f7f7f7;
  border: 1px solid color-mix(in srgb, var(--area-border) 24%, transparent);
}
@media screen and (max-width: 767px) {
  .p-furusato-pref {
    padding: 0.9333333333rem 1.0666666667rem;
  }
}
.p-furusato-pref:has([aria-expanded=true]) {
  border-color: var(--area-border);
}

.p-furusato-pref__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 2rem;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-furusato-pref__head {
    min-height: 1.8666666667rem;
  }
}

.p-furusato-pref__name {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-furusato-pref__name {
    gap: 0.5333333333rem;
    font-size: 1.3333333333rem;
  }
}

.p-furusato-pref__nums {
  display: flex;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-furusato-pref__nums {
    gap: 0.2666666667rem;
  }
}

.p-furusato-pref__star {
  width: 1.25rem;
  margin-left: -0.75rem;
}
@media screen and (max-width: 767px) {
  .p-furusato-pref__star {
    width: 1.3333333333rem;
    margin-left: -0.2666666667rem;
  }
}

.p-furusato-pref__icon {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../img/furusato/icon-plus.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-furusato-pref__icon {
    width: 1.6rem;
    height: 1.6rem;
  }
}
[aria-expanded=true] .p-furusato-pref__icon {
  background-image: url(../img/furusato/icon-minus.svg);
}

.p-furusato-pref__body {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-furusato-pref__body {
    margin-top: 1.6rem;
    gap: 1.6rem;
  }
}
.p-furusato-pref__body[hidden] {
  display: none;
}

.p-furusato-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--area-border);
  color: #ffffff;
  font-family: Verdana, "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-furusato-num {
    width: 1.8666666667rem;
    height: 1.8666666667rem;
    font-size: 0.9333333333rem;
  }
}
.p-furusato-num.--sm {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .p-furusato-num.--sm {
    width: 1.6rem;
    height: 1.6rem;
    font-size: 0.8rem;
  }
}

.p-furusato-booth {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-furusato-booth {
    gap: 0.5333333333rem;
  }
}

.p-furusato-booth__items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-furusato-booth__items {
    gap: 0.5333333333rem;
  }
}
.p-furusato-booth__items li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-furusato-booth__items li {
    gap: 0.5333333333rem;
    font-size: 1.0666666667rem;
  }
}
.p-furusato-booth__items li::before {
  content: "";
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.5rem;
  border-radius: 50%;
  background-color: var(--area-border);
}
@media screen and (max-width: 767px) {
  .p-furusato-booth__items li::before {
    width: 0.5333333333rem;
    height: 0.5333333333rem;
    margin: 0 0.5333333333rem;
  }
}

.p-furusato-recruit {
  position: relative;
  height: 30rem;
  margin-top: 7.5rem;
  display: flex;
  justify-content: flex-end;
  padding: 4.375rem 7.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-furusato-recruit {
    height: auto;
    margin-top: 5.3333333333rem;
    padding: 5.3333333333rem 1.0666666667rem 0;
  }
}
.p-furusato-recruit::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60rem;
  height: 100%;
  background-image: linear-gradient(116.57deg, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.96) 40%, #f7f7f7 100%);
}
@media screen and (max-width: 767px) {
  .p-furusato-recruit::after {
    width: 100%;
    background: rgba(247, 247, 247, 0.72);
    backdrop-filter: blur(4px);
  }
}

.p-furusato-recruit__bg {
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 75%, transparent);
          mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 75%, transparent);
}
.p-furusato-recruit__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-furusato-recruit__inner {
  position: relative;
  z-index: 1;
  width: 30rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-furusato-recruit__inner {
    width: 100%;
    gap: 1.6rem;
  }
}

.p-furusato-recruit__ttl {
  color: var(--color-main, #b40000);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-furusato-recruit__ttl {
    font-size: 1.6rem;
  }
}

.p-furusato-recruit__body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-furusato-recruit__body {
    gap: 1.0666666667rem;
    font-size: 1.0666666667rem;
    line-height: 1.8;
  }
}

.p-furusato-recruit__box {
  padding: 1rem;
  border: 1px solid var(--color-main, #b40000);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .p-furusato-recruit__box {
    padding: 1.0666666667rem;
  }
}

.p-error {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46rem;
  padding: 2.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-error {
    align-items: flex-start;
    height: 49.0666666667rem;
    padding: 8.1333333333rem 1.0666666667rem 0;
  }
}
.p-error::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.72);
}

.p-error__bg {
  position: absolute;
  inset: 0;
}
.p-error__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-error__label {
  position: absolute;
  top: 2rem;
  right: 2.5rem;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ffffff;
  font-family: "Trebuchet MS", "Noto Sans JP", sans-serif;
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-error__label {
    top: 1.0666666667rem;
    right: 1.0666666667rem;
    gap: 0.2666666667rem;
    font-size: 0.8666666667rem;
  }
}
.p-error__label::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--color-main, #b40000);
}
@media screen and (max-width: 767px) {
  .p-error__label::before {
    width: 0.2666666667rem;
    height: 0.2666666667rem;
  }
}

.p-error__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-error__inner {
    width: 100%;
    gap: 5.1333333333rem;
  }
}

.p-error__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-error__head {
    gap: 1.0666666667rem;
  }
}

.p-error__num {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .p-error__num {
    gap: 0.8886666667rem;
    padding: 0.8886666667rem;
  }
}
.p-error__num img {
  width: 5.75rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .p-error__num img {
    width: 5.1113333333rem;
  }
}

.p-error__en {
  color: #f7e94e;
  font-family: "Trebuchet MS", "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-error__en {
    font-size: 1.6rem;
  }
}

.p-error__desc {
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-error__desc {
    font-size: 1.0666666667rem;
    line-height: 1.8;
  }
}

.p-news-archive {
  display: grid;
  justify-items: center;
  row-gap: 4rem;
}
@media screen and (max-width: 767px) {
  .p-news-archive {
    row-gap: 0;
  }
}
.p-news-archive .c-news-list {
  width: 50rem;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-news-archive .c-news-list {
    width: 100%;
    margin-top: 2.8666666667rem;
    gap: 0.5333333333rem;
  }
}
@media screen and (max-width: 767px) {
  .p-news-archive .c-pagination {
    margin-top: 3.2rem;
  }
}

.p-news-archive__empty {
  text-align: center;
}

.p-news-single__head {
  display: grid;
  gap: 1rem;
  padding: 5rem 0 1rem;
  border-bottom: 1px solid var(--color-main, #b40000);
}
@media screen and (max-width: 767px) {
  .p-news-single__head {
    gap: 1.0666666667rem;
    padding: 2.1333333333rem 0 1.0666666667rem;
  }
}

.p-news-single__meta {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: start;
  align-items: center;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__meta {
    -moz-column-gap: 1.0666666667rem;
         column-gap: 1.0666666667rem;
  }
}

.p-news-single__ttl {
  overflow-wrap: anywhere;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.45;
}
@media screen and (max-width: 767px) {
  .p-news-single__ttl {
    font-size: 1.6rem;
  }
}

.p-news-single__body {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__body {
    margin-top: 2.6666666667rem;
  }
}

.p-news-single__back {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-news-single__back {
    margin-top: 3.2rem;
  }
}

.p-terms {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .p-terms {
    gap: 3.2rem;
  }
}

.p-terms__sec {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-terms__sec {
    gap: 1.6rem;
  }
}

.p-terms__body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-terms__body {
    gap: 1.0666666667rem;
    font-size: 1.0666666667rem;
  }
}

.p-terms__banner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-terms__banner {
    gap: 0.5333333333rem;
  }
}

.p-terms__banner-img {
  width: 15rem;
}
@media screen and (max-width: 767px) {
  .p-terms__banner-img {
    width: 16rem;
  }
}

.p-terms__note {
  font-size: 0.875rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-terms__note {
    font-size: 0.9333333333rem;
  }
}

.p-newspaper__note {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-newspaper__note {
    font-size: 0.9333333333rem;
  }
}

.p-newspaper__list {
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-newspaper__list {
    margin-top: 1.0666666667rem;
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}

.c-article-card.--flat {
  border: none;
}
@media screen and (max-width: 767px) {
  .c-article-card.--flat {
    grid-template-columns: 10.6666666667rem minmax(0, 1fr);
    grid-template-rows: none;
    -moz-column-gap: 0;
         column-gap: 0;
    min-height: 10.6666666667rem;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-article-card.--flat .c-article-card__img {
    width: 100%;
    height: 100%;
    min-height: 10.6666666667rem;
    aspect-ratio: auto;
  }
  .c-article-card.--flat .c-article-card__img picture {
    display: block;
    height: 100%;
  }
}
.c-article-card.--flat .c-article-card__body {
  padding: 0 1rem;
}
@media screen and (max-width: 767px) {
  .c-article-card.--flat .c-article-card__body {
    padding: 1.0666666667rem;
  }
}

.p-newspaper__pager,
.p-newspaper > .c-pagination {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-newspaper__pager,
  .p-newspaper > .c-pagination {
    margin-top: 3.2rem;
  }
}

.p-newspaper__btn {
  display: flex;
  justify-content: center;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-newspaper__btn {
    margin-top: 4.2666666667rem;
  }
}

.p-newspaper__empty {
  margin-top: 2.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-newspaper__empty {
    margin-top: 2.1333333333rem;
  }
}

.p-archive__sub {
  margin-top: 1rem;
  color: var(--color-main, #b40000);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-archive__sub {
    margin: 0.5333333333rem 1.0666666667rem 0;
    font-size: 1.2rem;
    text-align: left;
  }
}

.p-archive__sec {
  margin-top: 5rem;
  display: grid;
  row-gap: 2rem;
  scroll-margin-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-archive__sec {
    margin-top: 3.7333333333rem;
    row-gap: 1.6rem;
    scroll-margin-top: 4.8rem;
  }
}

.p-archive__ttl {
  color: var(--color-main, #b40000);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-archive__ttl {
    font-size: 1.3333333333rem;
  }
}

.p-archive__links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-archive__links {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 1.0666666667rem;
  }
}
.p-archive__links .c-button {
  width: 100%;
  padding: 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-archive__links .c-button {
    width: 20rem;
  }
}

.p-archive__back {
  display: grid;
  justify-items: center;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-archive__back {
    margin-top: 3.7333333333rem;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__back .c-button {
    width: auto;
    min-width: 16rem;
    padding: 0 1.6rem;
  }
}

.p-archive__result {
  margin-top: 3rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-archive__result {
    margin-top: 2.1333333333rem;
    margin-bottom: 1.0666666667rem;
    font-size: 1.0666666667rem;
  }
}

.p-archive-search {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3rem 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-archive-search {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.1333333333rem;
  }
}
.p-archive-search .c-info-rows__row {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: max-content minmax(0, 1fr);
  justify-items: start;
  border-bottom: 0;
}
.p-archive-search .c-info-rows__label {
  padding: 0 0.75rem;
}
@media screen and (max-width: 767px) {
  .p-archive-search .c-info-rows__label {
    padding: 0 0.5333333333rem;
  }
}
.p-archive-search .c-info-rows__value {
  width: 100%;
  padding: 1rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-archive-search .c-info-rows__value {
    padding: 1.0666666667rem 0.5333333333rem 0;
  }
}
.p-archive-search .p-archive-form {
  max-width: none;
}
.p-archive-search a.c-category-select__item {
  color: #333333;
  text-decoration: none;
}

.p-archive-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: stretch;
  max-width: 35rem;
}
@media screen and (max-width: 767px) {
  .p-archive-form {
    max-width: none;
  }
}
.p-archive-form + .c-small-note {
  margin-top: 0.5rem;
}
@media (scripting: none) {
  .p-archive-form noscript {
    display: contents;
  }
}

.p-archive-form__select {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-archive-form__select {
    width: 100%;
  }
}

.p-archive-form__input {
  width: 100%;
  height: 3rem;
  padding: 0 1rem;
  border: 1px solid #cccccc;
  border-right: 0;
  background-color: #ffffff;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .p-archive-form__input {
    height: 3.2rem;
    padding: 0 0.8rem;
    font-size: 1.0666666667rem;
  }
}

.p-archive-form__btn {
  padding: 0 2rem;
  background-color: var(--color-main, #b40000);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.5s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .p-archive-form__btn {
    padding: 0 1.0666666667rem;
    font-size: 1rem;
  }
}
@media (any-hover: hover) {
  .p-archive-form__btn:hover {
    background-color: color-mix(in srgb, var(--color-main, #b40000) 72%, transparent);
  }
}

.p-archive-search-box {
  max-width: 40rem;
}

.p-archive-race-nav {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-archive-race-nav {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.0666666667rem;
  }
}

.p-archive-tabs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 10rem;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-archive-tabs {
    grid-auto-columns: minmax(0, 1fr);
    gap: 0.5333333333rem;
  }
}
.p-archive-tabs__item {
  display: grid;
  place-items: center;
  padding: 0.625rem 0;
  border: 1px solid var(--color-main, #b40000);
  color: var(--color-main, #b40000);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  transition: background-color 0.3s cubic-bezier(0.2, 0.64, 0.315, 1), color 0.3s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .p-archive-tabs__item {
    padding: 0.6666666667rem 0;
    font-size: 0.9333333333rem;
  }
}
.p-archive-tabs__item.is-active {
  background-color: var(--color-main, #b40000);
  color: #ffffff;
}
@media (any-hover: hover) {
  .p-archive-tabs__item:hover {
    background-color: var(--color-main, #b40000);
    color: #ffffff;
  }
}

.p-archive-pager {
  display: grid;
  grid-auto-flow: column;
  gap: 1.5rem;
  justify-content: end;
}
@media screen and (max-width: 767px) {
  .p-archive-pager {
    justify-content: space-between;
  }
}
.p-archive-pager__link {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-main, #b40000);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-archive-pager__link {
    gap: 0.2666666667rem;
    font-size: 1rem;
  }
}
.p-archive-pager__link::before, .p-archive-pager__link::after {
  width: 1.25rem;
  height: 1.25rem;
  background: no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-archive-pager__link::before, .p-archive-pager__link::after {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
.p-archive-pager__link.--prev::before {
  content: "";
  background-image: url(../img/common/arrow-left.svg);
}
.p-archive-pager__link.--next::after {
  content: "";
  background-image: url(../img/common/arrow-right.svg);
}
.p-archive-pager__link.--next:only-child {
  grid-column: 2;
}
@media (any-hover: hover) {
  .p-archive-pager__link:hover {
    text-decoration: underline;
  }
}

.p-archive-info {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-archive-info {
    margin-top: 2.1333333333rem;
  }
}
.p-archive-info .c-info-rows__value {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media screen and (max-width: 767px) {
  .p-archive-info .c-info-rows__value {
    padding-top: 0.5333333333rem;
    padding-bottom: 0.5333333333rem;
  }
}

.p-archive-info__note {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-archive-info__note {
    margin-top: 1.0666666667rem;
  }
}

.p-archive-team-nav .c-category-select {
  width: 20rem;
}
@media screen and (max-width: 767px) {
  .p-archive-team-nav .c-category-select {
    width: 100%;
  }
}

.p-archive-anchors {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-archive-anchors {
    margin-top: 2.1333333333rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5333333333rem;
  }
}
.p-archive-anchors a {
  display: grid;
  place-items: center;
  padding: 0.625rem 0;
  border: 1px solid var(--color-main, #b40000);
  color: var(--color-main, #b40000);
  font-size: 0.875rem;
  font-weight: 500;
  transition: background-color 0.3s cubic-bezier(0.2, 0.64, 0.315, 1), color 0.3s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .p-archive-anchors a {
    padding: 0.6666666667rem 0;
    font-size: 0.9333333333rem;
  }
}
@media (any-hover: hover) {
  .p-archive-anchors a:hover {
    background-color: var(--color-main, #b40000);
    color: #ffffff;
  }
}

.p-archive-teams {
  margin-top: 3rem;
  display: grid;
  row-gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-archive-teams {
    margin-top: 2.1333333333rem;
    row-gap: 0.8rem;
  }
}

.p-archive-team {
  padding: 1rem 1.5rem;
  background-color: #f7f7f7;
  border: 1px solid color-mix(in srgb, var(--color-main, #b40000) 24%, transparent);
  transition: border-color 0.3s cubic-bezier(0.2, 0.64, 0.315, 1);
}
@media screen and (max-width: 767px) {
  .p-archive-team {
    padding: 0.8rem 0.8rem;
  }
}
.p-archive-team[open] {
  border-color: var(--color-main, #b40000);
}
@media (any-hover: hover) {
  .p-archive-team:hover {
    border-color: var(--color-main, #b40000);
  }
}

.p-archive-team__head {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr) max-content 1.5rem;
  align-items: center;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  cursor: pointer;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .p-archive-team__head {
    grid-template-columns: 3.7333333333rem minmax(0, 1fr) max-content 1.3333333333rem;
    -moz-column-gap: 0.5333333333rem;
         column-gap: 0.5333333333rem;
  }
}
.p-archive-team__head::-webkit-details-marker {
  display: none;
}
.p-archive-team__head.--race {
  grid-template-columns: 10rem minmax(0, 1fr) max-content 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-archive-team__head.--race {
    grid-template-columns: 6.1333333333rem minmax(0, 1fr) max-content 1.3333333333rem;
  }
}
.p-archive-team__head small {
  font-size: 0.6em;
  font-weight: 500;
}

.p-archive-team__rank,
.p-archive-team__race {
  color: var(--color-main, #b40000);
  font-family: Verdana, "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-archive-team__rank,
  .p-archive-team__race {
    font-size: 1.2rem;
  }
}

.p-archive-team__race {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-archive-team__race {
    font-size: 1rem;
  }
}

.p-archive-team__name {
  min-width: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .p-archive-team__name {
    font-size: 1.0666666667rem;
  }
}

.p-archive-team__time {
  font-family: Verdana, "Noto Sans JP", sans-serif;
  font-size: 1.125rem;
  line-height: 1.2;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-archive-team__time {
    font-size: 0.9333333333rem;
  }
}

.p-archive-team__icon {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../img/furusato/icon-plus.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-archive-team__icon {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
[open] > summary .p-archive-team__icon {
  background-image: url(../img/furusato/icon-minus.svg);
}

.p-archive-team__body {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-archive-team__body {
    margin-top: 1.0666666667rem;
  }
}

.p-archive-team__more {
  margin-top: 1rem;
  text-align: right;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .p-archive-team__more {
    margin-top: 0.8rem;
    font-size: 0.9333333333rem;
  }
}
.p-archive-team__more a {
  color: var(--color-main, #b40000);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media (any-hover: hover) {
  .p-archive-team__more a:hover {
    text-decoration: none;
  }
}

.p-archive-badge {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.125rem 0.375rem;
  background-color: var(--color-main, #b40000);
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.3;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .p-archive-badge {
    margin-left: 0.4rem;
    padding: 0.1333333333rem 0.2666666667rem;
    font-size: 0.6666666667rem;
  }
}

.p-archive-furusato {
  display: inline-block;
  margin-left: 0.375rem;
  padding: 0 0.25rem;
  border: 1px solid var(--color-main, #b40000);
  color: var(--color-main, #b40000);
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.5;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .p-archive-furusato {
    margin-left: 0.2666666667rem;
    font-size: 0.6666666667rem;
  }
}

.p-archive-search-table tr.is-first td {
  border-top: 2px solid #333333;
}

.p-archive__error {
  color: var(--color-main, #b40000);
}

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

.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;
  }
}

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

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

.u-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.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-red {
  color: var(--color-main, #b40000);
}

strong.u-color-red {
  color: var(--color-main, #b40000);
  font-weight: 700;
}

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

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

.u-highlight {
  font-weight: 700;
  background: linear-gradient(0deg, transparent 1%, #f5da0e 1%, #f5da0e 92%, transparent 92%);
  padding: 0.03125rem;
}
.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.625rem;
}

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

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

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

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

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

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

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

.u-w-50 {
  width: 3.125rem;
}

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

.u-w-60 {
  width: 3.75rem;
}

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

.u-w-70 {
  width: 4.375rem;
}

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

.u-w-80 {
  width: 5rem;
}

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

.u-w-90 {
  width: 5.625rem;
}

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

.u-w-100 {
  width: 6.25rem;
}

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

.u-w-110 {
  width: 6.875rem;
}

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

.u-w-120 {
  width: 7.5rem;
}

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

.u-w-130 {
  width: 8.125rem;
}

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

.u-w-140 {
  width: 8.75rem;
}

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

.u-w-150 {
  width: 9.375rem;
}

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

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

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

.u-w-170 {
  width: 10.625rem;
}

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

.u-w-180 {
  width: 11.25rem;
}

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

.u-w-190 {
  width: 11.875rem;
}

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

.u-w-200 {
  width: 12.5rem;
}

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

.u-w-210 {
  width: 13.125rem;
}

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

.u-w-220 {
  width: 13.75rem;
}

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

.u-w-230 {
  width: 14.375rem;
}

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

.u-w-240 {
  width: 15rem;
}

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

.u-w-250 {
  width: 15.625rem;
}

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

.u-w-260 {
  width: 16.25rem;
}

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

.u-w-270 {
  width: 16.875rem;
}

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

.u-w-280 {
  width: 17.5rem;
}

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

.u-w-290 {
  width: 18.125rem;
}

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

.u-w-300 {
  width: 18.75rem;
}

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

.u-w-310 {
  width: 19.375rem;
}

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

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

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

.u-w-330 {
  width: 20.625rem;
}

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

.u-w-340 {
  width: 21.25rem;
}

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

.u-w-350 {
  width: 21.875rem;
}

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

.u-w-360 {
  width: 22.5rem;
}

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

.u-w-370 {
  width: 23.125rem;
}

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

.u-w-380 {
  width: 23.75rem;
}

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

.u-w-390 {
  width: 24.375rem;
}

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

.u-w-400 {
  width: 25rem;
}

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

.u-w-410 {
  width: 25.625rem;
}

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

.u-w-420 {
  width: 26.25rem;
}

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

.u-w-430 {
  width: 26.875rem;
}

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

.u-w-440 {
  width: 27.5rem;
}

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

.u-w-450 {
  width: 28.125rem;
}

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

.u-w-460 {
  width: 28.75rem;
}

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

.u-w-470 {
  width: 29.375rem;
}

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

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

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

.u-w-490 {
  width: 30.625rem;
}

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

.u-w-500 {
  width: 31.25rem;
}

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

.u-w-510 {
  width: 31.875rem;
}

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

.u-w-520 {
  width: 32.5rem;
}

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

.u-w-530 {
  width: 33.125rem;
}

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

.u-w-540 {
  width: 33.75rem;
}

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

.u-w-550 {
  width: 34.375rem;
}

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

.u-w-560 {
  width: 35rem;
}

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

.u-w-570 {
  width: 35.625rem;
}

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

.u-w-580 {
  width: 36.25rem;
}

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

.u-w-590 {
  width: 36.875rem;
}

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

.u-w-600 {
  width: 37.5rem;
}

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

.u-w-610 {
  width: 38.125rem;
}

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

.u-w-620 {
  width: 38.75rem;
}

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

.u-w-630 {
  width: 39.375rem;
}

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

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

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

.u-w-650 {
  width: 40.625rem;
}

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

.u-w-660 {
  width: 41.25rem;
}

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

.u-w-670 {
  width: 41.875rem;
}

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

.u-w-680 {
  width: 42.5rem;
}

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

.u-w-690 {
  width: 43.125rem;
}

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

.u-w-700 {
  width: 43.75rem;
}

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

.u-w-710 {
  width: 44.375rem;
}

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

.u-w-720 {
  width: 45rem;
}

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

.u-w-730 {
  width: 45.625rem;
}

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

.u-w-740 {
  width: 46.25rem;
}

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

.u-w-750 {
  width: 46.875rem;
}

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

.u-w-760 {
  width: 47.5rem;
}

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

.u-w-770 {
  width: 48.125rem;
}

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

.u-w-780 {
  width: 48.75rem;
}

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

.u-w-790 {
  width: 49.375rem;
}

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

.u-w-800 {
  width: 50rem;
}

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

.u-w-810 {
  width: 50.625rem;
}

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

.u-w-820 {
  width: 51.25rem;
}

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

.u-w-830 {
  width: 51.875rem;
}

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

.u-w-840 {
  width: 52.5rem;
}

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

.u-w-850 {
  width: 53.125rem;
}

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

.u-w-860 {
  width: 53.75rem;
}

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

.u-w-870 {
  width: 54.375rem;
}

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

.u-w-880 {
  width: 55rem;
}

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

.u-w-890 {
  width: 55.625rem;
}

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

.u-w-900 {
  width: 56.25rem;
}

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

.u-w-910 {
  width: 56.875rem;
}

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

.u-w-920 {
  width: 57.5rem;
}

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

.u-w-930 {
  width: 58.125rem;
}

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

.u-w-940 {
  width: 58.75rem;
}

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

.u-w-950 {
  width: 59.375rem;
}

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

.u-w-960 {
  width: 60rem;
}

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

.u-w-970 {
  width: 60.625rem;
}

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

.u-w-980 {
  width: 61.25rem;
}

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

.u-w-990 {
  width: 61.875rem;
}

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

.u-w-1000 {
  width: 62.5rem;
}

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

.u-w-1010 {
  width: 63.125rem;
}

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

.u-w-1020 {
  width: 63.75rem;
}

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

.u-w-1030 {
  width: 64.375rem;
}

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

.u-w-1040 {
  width: 65rem;
}

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

.u-w-1050 {
  width: 65.625rem;
}

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

.u-w-1060 {
  width: 66.25rem;
}

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

.u-w-1070 {
  width: 66.875rem;
}

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

.u-w-1080 {
  width: 67.5rem;
}

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

.u-w-1090 {
  width: 68.125rem;
}

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

.u-w-1100 {
  width: 68.75rem;
}

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

.u-w-1110 {
  width: 69.375rem;
}

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

.u-w-1120 {
  width: 70rem;
}

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

.u-w-1130 {
  width: 70.625rem;
}

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

.u-w-1140 {
  width: 71.25rem;
}

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

.u-w-1150 {
  width: 71.875rem;
}

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

.u-w-1160 {
  width: 72.5rem;
}

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

.u-w-1170 {
  width: 73.125rem;
}

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

.u-w-1180 {
  width: 73.75rem;
}

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

.u-w-1190 {
  width: 74.375rem;
}

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

.u-w-1200 {
  width: 75rem;
}

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

.u-w-1210 {
  width: 75.625rem;
}

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

.u-w-1220 {
  width: 76.25rem;
}

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

.u-w-1230 {
  width: 76.875rem;
}

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

.u-w-1240 {
  width: 77.5rem;
}

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

.u-w-1250 {
  width: 78.125rem;
}

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

.u-w-1260 {
  width: 78.75rem;
}

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

.u-w-1270 {
  width: 79.375rem;
}

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

.u-w-1280 {
  width: 80rem;
}

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

.u-w-1290 {
  width: 80.625rem;
}

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

.u-w-1300 {
  width: 81.25rem;
}

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

.u-w-1310 {
  width: 81.875rem;
}

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

.u-w-1320 {
  width: 82.5rem;
}

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

.u-w-1330 {
  width: 83.125rem;
}

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

.u-w-1340 {
  width: 83.75rem;
}

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

.u-w-1350 {
  width: 84.375rem;
}

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

.u-w-1360 {
  width: 85rem;
}

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

.u-w-1370 {
  width: 85.625rem;
}

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

.u-w-1380 {
  width: 86.25rem;
}

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

.u-w-1390 {
  width: 86.875rem;
}

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

.u-w-1400 {
  width: 87.5rem;
}

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

.u-w-1410 {
  width: 88.125rem;
}

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

.u-w-1420 {
  width: 88.75rem;
}

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

.u-w-1430 {
  width: 89.375rem;
}

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

.u-w-1440 {
  width: 90rem;
}

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

.u-w-1450 {
  width: 90.625rem;
}

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

.u-w-1460 {
  width: 91.25rem;
}

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

.u-w-1470 {
  width: 91.875rem;
}

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

.u-w-1480 {
  width: 92.5rem;
}

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

.u-w-1490 {
  width: 93.125rem;
}

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

.u-w-1500 {
  width: 93.75rem;
}

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

.u-w-1510 {
  width: 94.375rem;
}

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

.u-w-1520 {
  width: 95rem;
}

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

.u-w-1530 {
  width: 95.625rem;
}

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

.u-w-1540 {
  width: 96.25rem;
}

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

.u-w-1550 {
  width: 96.875rem;
}

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

.u-w-1560 {
  width: 97.5rem;
}

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

.u-w-1570 {
  width: 98.125rem;
}

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

.u-w-1580 {
  width: 98.75rem;
}

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

.u-w-1590 {
  width: 99.375rem;
}

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

.u-w-1600 {
  width: 100rem;
}

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

.u-w-1610 {
  width: 100.625rem;
}

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

.u-w-1620 {
  width: 101.25rem;
}

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

.u-w-1630 {
  width: 101.875rem;
}

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

.u-w-1640 {
  width: 102.5rem;
}

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

.u-w-1650 {
  width: 103.125rem;
}

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

.u-w-1660 {
  width: 103.75rem;
}

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

.u-w-1670 {
  width: 104.375rem;
}

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

.u-w-1680 {
  width: 105rem;
}

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

.u-w-1690 {
  width: 105.625rem;
}

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

.u-w-1700 {
  width: 106.25rem;
}

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

.u-w-1710 {
  width: 106.875rem;
}

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

.u-w-1720 {
  width: 107.5rem;
}

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

.u-w-1730 {
  width: 108.125rem;
}

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

.u-w-1740 {
  width: 108.75rem;
}

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

.u-w-1750 {
  width: 109.375rem;
}

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

.u-w-1760 {
  width: 110rem;
}

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

.u-w-1770 {
  width: 110.625rem;
}

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

.u-w-1780 {
  width: 111.25rem;
}

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

.u-w-1790 {
  width: 111.875rem;
}

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

.u-w-1800 {
  width: 112.5rem;
}

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

.u-w-1810 {
  width: 113.125rem;
}

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

.u-w-1820 {
  width: 113.75rem;
}

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

.u-w-1830 {
  width: 114.375rem;
}

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

.u-w-1840 {
  width: 115rem;
}

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

.u-w-1850 {
  width: 115.625rem;
}

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

.u-w-1860 {
  width: 116.25rem;
}

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

.u-w-1870 {
  width: 116.875rem;
}

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

.u-w-1880 {
  width: 117.5rem;
}

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

.u-w-1890 {
  width: 118.125rem;
}

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

.u-w-1900 {
  width: 118.75rem;
}

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

.u-w-1910 {
  width: 119.375rem;
}

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

.u-w-1920 {
  width: 120rem;
}

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

.u-w-1930 {
  width: 120.625rem;
}

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

.u-w-1940 {
  width: 121.25rem;
}

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

.u-w-1950 {
  width: 121.875rem;
}

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

.u-w-1960 {
  width: 122.5rem;
}

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

.u-w-1970 {
  width: 123.125rem;
}

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

.u-w-1980 {
  width: 123.75rem;
}

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

.u-w-1990 {
  width: 124.375rem;
}

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

.u-w-2000 {
  width: 125rem;
}

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

.u-effect-shadow {
  box-shadow: 0.1875rem 0.1875rem 0.3125rem 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;
  }
}
/*# sourceMappingURL=maps/style.css.map */