@charset "UTF-8";/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

/* 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 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}

/* 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 */
  margin: 0;
  clear: both;
  overflow: visible; /* 2 */
  border-top-width: 1px;
  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-size: inherit; /* 2 */
  font-family: monospace, monospace; /* 1 */
}

address {
  font-style: inherit;
}

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

/**
 * 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-size: inherit; /* 2 */
  font-family: monospace, monospace; /* 1 */
}

/**
 * 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 {
  position: relative;
  font-size: 75%;
  line-height: 0;
  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;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  text-transform: inherit; /* 2 */
  vertical-align: middle;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * 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 {
  min-width: 0;
  margin: 0;
  padding: 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;
}

/**
 * 1. 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 */
}

/**
 * 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 {
  padding: 0;
  vertical-align: top;
}

th {
  font-weight: bold;
  text-align: left;
}/*
basestyle
*/
:root {
  --hd: 1920;
}

:root {
  --xxl: 1536;
}

:root {
  --xl: 1280;
}

:root {
  --lg: 1024;
}

:root {
  --md: 768;
}

:root {
  --sm: 640;
}

:root {
  --xs: 390;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
}
html:focus-within {
  scroll-behavior: auto;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 3.9375rem;
  color: #333;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
  font-family: "Noto Sans JP", serif;
}
a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

picture {
  display: block;
  width: 100%;
}

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

video {
  display: block;
  width: 100%;
  height: auto;
  border: none;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style-type: none;
}

address {
  font-style: normal;
}

button {
  cursor: pointer;
  touch-action: manipulation;
}

@media (min-width: 640px) {
  html {
    font-size: 120%;
  }
}

@media (min-width: 768px) {
  html {
    font-size: 1.25vw;
  }
  body {
    padding-top: 8.125rem;
  }
}

@media (min-width: 1280px) {
  html {
    font-size: 100%;
  }
}

@media (min-width: 1920px) {
  html {
    font-size: min(0.8333333333vw, 24px);
  }
}

@media (max-width: 390px) {
  html {
    font-size: 4.1025641026vw;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}
/* sectionTitle
------------------------------------------ */
.sectionTitle {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-weight: 300;
  font-size: 1.25rem;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.15em;
}
.sectionTitle::before {
  display: block;
  align-self: stretch;
  width: 0.3125rem;
  min-height: 1.875rem;
  background: #d4e3b6;
  content: "";
}

.sectionTitleSecondary {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  color: #00a73c;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.7222222222;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.15em;
}
.sectionTitleSecondary::before {
  display: block;
  flex-shrink: 0;
  width: 0.9375rem;
  height: 1px;
  margin-top: 1rem;
  background: #00a73c;
  content: "";
}

/* button
------------------------------------------ */
/* pageTop button */
.pageTop {
  display: block;
  visibility: hidden;
  z-index: 100;
  position: fixed;
  right: 0.9375rem;
  bottom: 1.75rem;
  width: 3.125rem;
  opacity: 0;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.pageTop.is-visible {
  visibility: visible;
  opacity: 1;
}
.pageTop:active {
  opacity: 0.75;
}

/* header
------------------------------------------ */
.header {
  z-index: 1001;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.header a,
.header button {
  pointer-events: all;
}

.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.9375rem;
  padding-right: 0.3125rem;
  padding-left: 0.875rem;
  gap: 1.375rem;
}

.header__logo {
  width: 5rem;
}
.header__logo a {
  pointer-events: all;
  transition: opacity 0.3s ease-out;
}
.header__logo a:active {
  opacity: 0.75;
}

.headerPcNav {
  display: none;
}

.headerPcNavTop {
  display: flex;
  align-items: center;
  padding-top: 1.4375rem;
  gap: 1.25rem;
}

.headerPcNavTop__search {
  display: flex;
  position: relative;
  width: 18.4375rem;
  height: 2.375rem;
  overflow: hidden;
  border-radius: 100vmax;
}
.headerPcNavTop__search input {
  display: block;
  flex: 1;
  min-width: 0;
  height: 2.375rem;
  padding-inline: 1rem;
  background: #e1e1e1;
  font-size: 1rem;
  letter-spacing: 0.15em;
}
.headerPcNavTop__search input::-moz-placeholder {
  color: #afafaf;
}
.headerPcNavTop__search input::placeholder {
  color: #afafaf;
}
.headerPcNavTop__search button {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 2.625rem;
  height: 100%;
  background: #00a73c;
}
.headerPcNavTop__search button img {
  width: 0.9375rem;
}

.headerPcNavTop__links {
  display: flex;
  gap: 1.25rem;
  font-size: 1.125rem;
  letter-spacing: 0.15em;
}
.headerPcNavTop__links a {
  transition: opacity 0.3s ease-out;
}
.headerPcNavTop__links a:active {
  opacity: 0.75;
}

.headerPcNavTop__lang {
  display: flex;
  font-size: 1.125rem;
  letter-spacing: 0.15em;
}
.headerPcNavTop__lang li:last-child::before {
  margin-inline: 0.25em;
  content: "/";
}
.headerPcNavTop__lang span {
  color: #00a73c;
  font-weight: 700;
}
.headerPcNavTop__lang a:active {
  opacity: 0.75;
}

.headerPcNav__list {
  display: flex;
  gap: 3.125rem;
}

.headerPcNav__item {
  display: flex;
  position: relative;
  align-items: center;
  padding-bottom: 1.5rem;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.15em;
}

.headerPcNav__itemTrigger {
  position: relative;
}
.headerPcNav__itemTrigger::after {
  display: block;
  position: absolute;
  top: calc(100% + 0.1875rem);
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 100vmax;
  background: #00a73c;
  content: "";
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
  transition-timing-function: ease-out;
}
.is-active .headerPcNav__itemTrigger {
  color: #00a73c;
}
.is-active .headerPcNav__itemTrigger::after {
  opacity: 1;
}

.header__menuButton {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  width: 3.1875rem;
}
.header__menuButton .inner {
  display: block;
  position: relative;
  width: 1.25rem;
  height: 0.625rem;
}
.header__menuButton .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #00a73c;
  transition-delay: 0.2s, 0s;
  transition-duration: 0.2s;
  transition-property: top, transform;
  transition-timing-function: ease-out;
}
.header__menuButton .bar:nth-child(2) {
  top: 100%;
  transform: translateY(-100%);
}
.header__menuButton[aria-expanded=true] .bar {
  transition-delay: 0s, 0.2s;
}
.header__menuButton[aria-expanded=true] .bar:nth-child(1) {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.header__menuButton[aria-expanded=true] .bar:nth-child(2) {
  top: 50%;
  transform: translateY(50%) rotate(-45deg);
}

/* sub menu */
.headerNavSub {
  display: flex;
  visibility: hidden;
  z-index: -1;
  position: fixed;
  top: 8.125rem;
  left: 0;
  width: 100%;
  min-height: 19.375rem;
  max-height: calc(100vh - 8.125rem);
  padding-left: min(6.625rem, 5.5208333333%);
  border-bottom: 1px solid #d9d9d9;
  background: #fff;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: visibility, opacity;
  transition-timing-function: ease-out;
}
.headerNavSub::after {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 20px;
  background: #fff;
  content: "";
  pointer-events: none;
}
.headerNavSub.is-active {
  visibility: visible;
  opacity: 1;
}

.headerNavSub__head {
  flex: 0 1 25.625rem;
  align-self: center;
  max-width: 25.625rem;
  padding-right: 1.875rem;
}

.headerNavSub__link {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-width: -moz-max-content;
  min-width: max-content;
  gap: 1.25rem;
  color: #00a73c;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: 0.15em;
  transition: opacity 0.3s ease-out;
}
.headerNavSub__link::after {
  display: block;
  aspect-ratio: 1;
  width: 5rem;
  background: center/contain no-repeat url("../../assets/images/common/button_link.svg");
  content: "";
}
.headerNavSub__link:hover {
  opacity: 0.75;
}

.headerNavSubItems {
  display: flex;
  flex: 1;
  margin-block: 2.1875rem;
  padding-right: 1.875rem;
  padding-left: 2.375rem;
  gap: 1.25rem;
  border-left: 1px solid #d9d9d9;
}

.headerNavSubItem {
  display: block;
  flex: 1;
  justify-items: start;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: 18.75rem;
}
.headerNavSubItem a {
  transition: opacity 0.3s ease-out;
}
.headerNavSubItem a:active {
  color: #00a73c;
}

.headerNavSubItem__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.15em;
}
.headerNavSubItem__link::before {
  content: "－";
}
.headerNavSubItem__link::after {
  display: block;
  width: 1.5625rem;
  height: 0.5rem;
  margin-left: 0.625rem;
  background: right center/contain no-repeat url("../../assets/images/arrow_right.svg");
  content: "";
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.headerNavSubItem__link + .headerNavSubItem__link {
  margin-top: 1.4375rem;
}
.headerNavSubItem__link:hover::after {
  opacity: 1;
}

.headerNavSubItem__list {
  display: grid;
  margin-top: 1.4375rem;
  gap: 1.25rem;
  font-weight: 400;
  font-size: toRme(16);
  font-feature-settings: "palt" 1;
  letter-spacing: 0;
}

/* global nav
------------------------------------------ */

.globalMenuItem {
  display: grid;
  z-index: 1000;
  position: fixed;
  top: 3.9375rem;
  bottom: 0;
  left: 0;
  grid-template-rows: auto 1fr;
  width: 100%;
  height: calc(100% - 3.125rem);
  padding-bottom: 2.1875rem;
  transform: translateX(100%);
  background: #fff;
  transition: transform 0.3s ease-out;
}
.globalMenuItem.is-open {
  transform: translateX(0);
}
.globalMenuItem.is-sub-open {
  transform: translateX(-30%);
}

.globalMenuItem__head {
  border-bottom: 1px solid #d9d9d9;
}

.globalMenuItem__headInner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 4.125rem;
  padding-inline: 1.25rem;
  color: #00a73c;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.15em;
}

.globalMenuItem__back::before {
  display: block;
  aspect-ratio: 26/8;
  width: 1.625rem;
  margin-right: auto;
  background: left center/contain no-repeat url("../../assets/images/arrow_left.svg");
  content: "";
}

.globalMenuItem__body {
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

.globalMenuItem__bodyHead {
  display: flex;
  align-items: center;
  height: 3.9375rem;
  padding-inline: 1.25rem;
  border-bottom: 1px solid #d9d9d9;
  font-size: 1rem;
  letter-spacing: 0.15em;
}

.globalMenuItem__list {
  padding-left: 1.25rem;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.15em;
}
.globalMenuItem__list li {
  border-bottom: 1px solid #d9d9d9;
}
.globalMenuItem__list a,
.globalMenuItem__list button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 3.9375rem;
  padding-right: 1.25rem;
}

.globalMenuItem__trigger::after {
  display: block;
  aspect-ratio: 26/8;
  width: 1.625rem;
  background: left center/contain no-repeat url("../../assets/images/arrow_right.svg");
  content: "";
}

.globalMenuItem__links {
  display: grid;
  justify-items: center;
  margin-top: 3.25rem;
  gap: 1.875rem;
  font-size: 1rem;
  letter-spacing: 0.15em;
}
.globalMenuItem__links a {
  display: flex;
  gap: 0.5625rem;
}
.globalMenuItem__links a[target=_blank]::after {
  display: block;
  aspect-ratio: 1;
  width: 0.5625rem;
  background: center/contain no-repeat url("../../assets/images/common/icon_blank_gr.svg");
  content: "";
}

.globalMenuItem__lang {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.625rem;
  font-size: 1.125rem;
  letter-spacing: 0.15em;
}
.globalMenuItem__lang li:last-child::before {
  margin-inline: 0.25em;
  content: "/";
}
.globalMenuItem__lang span {
  color: #00a73c;
  font-weight: 700;
}
.globalMenuItem__lang a:active {
  opacity: 0.75;
}

.globalMenuItemSearch {
  display: flex;
  position: relative;
  width: calc(100% - 2.5rem);
  height: 2.375rem;
  margin-top: 1.875rem;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 100vmax;
}

.globalMenuItemSearch__input {
  display: block;
  flex: 1;
  min-width: 0;
  height: 2.375rem;
  padding-inline: 1.875rem;
  background: #eeeeee;
  font-size: max(1rem, 16px);
  letter-spacing: 0.15em;
}
.globalMenuItemSearch__input::-moz-placeholder {
  color: #afafaf;
}
.globalMenuItemSearch__input::placeholder {
  color: #afafaf;
}

.globalMenuItemSearch__submit {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 2.625rem;
  height: 100%;
  background: #00a73c;
}
.globalMenuItemSearch__submit img {
  width: 0.9375rem;
}

.globalMenuItem__copy {
  margin-top: 3.3125rem;
  text-align: center;
}
.globalMenuItem__copy small {
  font-weight: 300;
  font-size: 0.625rem;
}

/* footer
------------------------------------------ */
.footer {
  margin-top: auto;
  padding-top: 4.6875rem;
  padding-bottom: 3.9375rem;
  background: #f5f5f5;
  color: #666;
}

.footer__container {
  width: calc(100% - 2.5rem);
  margin-inline: auto;
}

.footerInfo {
  display: grid;
  place-items: center;
}

.footerInfo__logo {
  width: 9.375rem;
}

.footerInfo__address {
  display: grid;
  margin-top: 1.875rem;
  margin-top: 1.4375rem;
  gap: 0.625rem;
  font-size: 0.8125rem;
  line-height: 1.2;
  text-align: center;
}

.footerNav {
  display: none;
  padding-top: 1.625rem;
  padding-bottom: 1.875rem;
  padding-inline: 0.625rem;
  border-bottom: 1px solid #d9d9d9;
}

.footerNav__list {
  display: grid;
  gap: 1.875rem;
}
.footerNav__list a {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  font-size: 0.8125rem;
  letter-spacing: 0.15em;
  transition: opacity 0.3s ease-out;
}
.footerNav__list a[target=_blank]::after {
  display: block;
  aspect-ratio: 1;
  width: 0.625rem;
  background: center/contain no-repeat url("../../assets/images/icon_blank_gr.svg");
  content: "";
}
.footerNav__list a:active {
  opacity: 0.75;
}

.footerCopy {
  margin-top: 5rem;
  color: #666;
  text-align: center;
}
.footerCopy small {
  font-weight: 300;
  font-size: 0.625rem;
  line-height: 1.45;
  letter-spacing: 0.15em;
}

/* main
------------------------------------------ */
.main {
  position: relative;
  overflow-x: clip;
}
.main:not(.no-bg)::after {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  aspect-ratio: 640/250;
  width: 100%;
  width: 100%;
  min-width: 40rem;
  transform: translateX(-50%);
  background: top center/cover no-repeat url("../../assets/images/home/wave01_sp.webp");
  content: "";
}

/* pageHead
------------------------------------------ */
.pageHead {
  padding-top: 3.625rem;
  text-align: center;
}

.pageHead__title {
  color: #666;
  font-weight: 400;
  font-size: 1.5625rem;
  line-height: 1.4;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.15em;
}

.pageHeadSecondary {
  display: flex;
  align-items: center;
  min-height: 5.625rem;
  padding-block: 1.25rem;
  background: linear-gradient(to top right, #fcffe5, #dff6d9);
}

.pageHeadSecondary__container {
  width: 93.75%;
  margin-inline: auto;
}

.pageHeadSecondary__title {
  color: #666;
  font-weight: 400;
  font-size: 1.5625rem;
  line-height: 1.44;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.15em;
}

.pageHeadSecondary__subTitle {
  font-size: 1.25rem;
}

/* breadcrumbs
------------------------------------------ */
.breadcrumb {
  margin-block: 1.25rem;
}

.breadcrumb__container {
  width: calc(100% - 2.5rem);
  margin: 1.25rem auto;
}
.breadcrumb__container ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 0.625rem;
}

.breadcrumb__item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: #666;
  font-size: 0.8125rem;
  line-height: 2.15;
  letter-spacing: 0.15em;
}
.breadcrumb__item:not(:last-child)::after {
  aspect-ratio: 6/8;
  width: 0.375rem;
  background: center/contain no-repeat url("../../assets/images/common/chevron_right.svg");
  content: "";
  color: #666;
}
.breadcrumb__item a {
  display: inline-block;
  transition: opacity 0.3s ease-out;
}
.breadcrumb__item a:active {
  opacity: 0.75;
}

/* pageBottomNav
------------------------------------------ */
.pageBottomNav__wrap {
  display: grid;
}

.pageBottomNav {
  padding-bottom: 0.625rem;
  background: #f9fcf1;
  color: #000;
}

.pageBottomNav__container {
  width: calc(100% - 2.5rem);
  margin-inline: auto;
}

.pageBottomNav__head {
  display: flex;
  align-items: center;
  height: 4.375rem;
}

.pageBottomNav__link {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 2;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.15em;
  transition: color 0.3s ease-out;
}
.pageBottomNav__link::after {
  display: block;
  aspect-ratio: 1;
  width: 1.5rem;
  border: 1px solid #00a73c;
  border-radius: 50%;
  background: center/0.625rem auto no-repeat url("../../assets/images/common/short_arrow_right.svg") #fff;
  content: "";
  transition: background 0.3s ease-out;
}
.pageBottomNav__link:active {
  color: #00a73c;
}
.pageBottomNav__link:active::after {
  background: center/0.625rem auto no-repeat url("../../assets/images/common/short_arrow_right_wh.svg") #00a73c;
}

.pageBottomNav__list {
  border-top: 1px solid #b4b4b4;
}
.pageBottomNav__list li {
  display: flex;
  align-items: center;
  height: 3.3125rem;
}

.pageBottomNav__item {
  display: flex;
  align-items: center;
  width: 100%;
  font-weight: 300;
  font-size: 0.9375rem;
  letter-spacing: 0.15em;
  transition: color 0.3s ease-out;
}
.pageBottomNav__item small {
  font-size: 0.9375rem;
}
.pageBottomNav__item:not(.pageBottomNav__item--current) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pageBottomNav__item:not(.pageBottomNav__item--current)::after {
  display: block;
  aspect-ratio: 1;
  width: 1.25rem;
  border: 1px solid #00a73c;
  border-radius: 50%;
  background: center/0.625rem auto no-repeat url("../../assets/images/common/short_arrow_right.svg") #fff;
  content: "";
  transition: background 0.3s ease-out;
}
.pageBottomNav__item:not(.pageBottomNav__item--current):active {
  color: #00a73c;
}
.pageBottomNav__item:not(.pageBottomNav__item--current):active::after {
  background: center/0.625rem auto no-repeat url("../../assets/images/common/short_arrow_right_wh.svg") #00a73c;
}

.pageBottomNav__item--current {
  color: #00a73c;
}

.js-fade-up-item {
  transform: translate3d(0, 30px, 0);
  opacity: 0;
}

.js-fixed-item {
  visibility: hidden;
  opacity: 0;
}

.js-fixed-item-up {
  visibility: hidden;
  transform: translate3d(0, 30px, 0);
  opacity: 0;
}

.js-accordion-target {
  overflow: hidden;
}

.medium-zoom-overlay {
  z-index: 10000;
}

.medium-zoom-image {
  z-index: 10000;
}

/*  font and text class */
.u-italic {
  font-style: italic;
}

.u-small-caps {
  font-variant: small-caps;
}

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

.u-xx-small {
  font-size: 60%;
}

.u-x-small {
  font-size: 75%;
}

.u-small {
  font-size: 88.88%;
}

.u-large {
  font-size: 120%;
}

.u-x-large {
  font-size: 150%;
}

.u-xx-large {
  font-size: 200%;
}

.u-lh-100 {
  line-height: 1;
}

.u-lh-125 {
  line-height: 1.25;
}

.u-lh-150 {
  line-height: 1.5;
}

.u-lh-175 {
  line-height: 1.75;
}

.u-lh-200 {
  line-height: 2;
}

.u-overline {
  text-decoration: overline;
}

.u-underline {
  text-decoration: underline;
}

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

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

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

/*  layout class */
.u-indent {
  text-indent: 1em;
}

.u-indent-back {
  padding-left: 1em;
  text-indent: -1em;
}

.u-text-left {
  text-align: left;
}

.u-text-right {
  text-align: right;
}

.u-text-center {
  text-align: center !important;
}

.u-wbr {
  display: inline-block;
  white-space: nowrap;
}

.u-no-leter-spaceing {
  letter-spacing: 0;
}

.u-pointer {
  cursor: pointer;
}

.u-d-block {
  display: block !important;
}

.u-d-inline {
  display: inline !important;
}

.u-d-inline-block {
  display: inline-block;
}

.u-d-flex {
  display: flex;
}

.u-justify-center {
  justify-content: center;
}

.u-justify-end {
  justify-content: flex-end;
}

.u-justify-between {
  justify-content: space-between;
}

.u-justify-around {
  justify-content: space-around;
}

.u-align-center {
  align-items: center;
}

.u-align-end {
  align-items: flex-end;
}

.u-align-self-start {
  align-self: flex-start;
}

.u-align-self-center {
  align-self: center;
}

.u-align-self-end {
  align-self: flex-end;
}

.u-gap-0 {
  gap: 0px !important;
}

.u-row-gap-0 {
  row-gap: 0px !important;
}

.u-column-gap-0 {
  -moz-column-gap: 0px !important;
       column-gap: 0px !important;
}

.u-gap-5 {
  gap: 5px !important;
}

.u-row-gap-5 {
  row-gap: 5px !important;
}

.u-column-gap-5 {
  -moz-column-gap: 5px !important;
       column-gap: 5px !important;
}

.u-gap-10 {
  gap: 10px !important;
}

.u-row-gap-10 {
  row-gap: 10px !important;
}

.u-column-gap-10 {
  -moz-column-gap: 10px !important;
       column-gap: 10px !important;
}

.u-gap-15 {
  gap: 15px !important;
}

.u-row-gap-15 {
  row-gap: 15px !important;
}

.u-column-gap-15 {
  -moz-column-gap: 15px !important;
       column-gap: 15px !important;
}

.u-gap-20 {
  gap: 20px !important;
}

.u-row-gap-20 {
  row-gap: 20px !important;
}

.u-column-gap-20 {
  -moz-column-gap: 20px !important;
       column-gap: 20px !important;
}

.u-gap-25 {
  gap: 25px !important;
}

.u-row-gap-25 {
  row-gap: 25px !important;
}

.u-column-gap-25 {
  -moz-column-gap: 25px !important;
       column-gap: 25px !important;
}

.u-gap-30 {
  gap: 30px !important;
}

.u-row-gap-30 {
  row-gap: 30px !important;
}

.u-column-gap-30 {
  -moz-column-gap: 30px !important;
       column-gap: 30px !important;
}

.u-gap-35 {
  gap: 35px !important;
}

.u-row-gap-35 {
  row-gap: 35px !important;
}

.u-column-gap-35 {
  -moz-column-gap: 35px !important;
       column-gap: 35px !important;
}

.u-gap-40 {
  gap: 40px !important;
}

.u-row-gap-40 {
  row-gap: 40px !important;
}

.u-column-gap-40 {
  -moz-column-gap: 40px !important;
       column-gap: 40px !important;
}

.u-gap-45 {
  gap: 45px !important;
}

.u-row-gap-45 {
  row-gap: 45px !important;
}

.u-column-gap-45 {
  -moz-column-gap: 45px !important;
       column-gap: 45px !important;
}

.u-gap-50 {
  gap: 50px !important;
}

.u-row-gap-50 {
  row-gap: 50px !important;
}

.u-column-gap-50 {
  -moz-column-gap: 50px !important;
       column-gap: 50px !important;
}

.u-gap-55 {
  gap: 55px !important;
}

.u-row-gap-55 {
  row-gap: 55px !important;
}

.u-column-gap-55 {
  -moz-column-gap: 55px !important;
       column-gap: 55px !important;
}

.u-gap-60 {
  gap: 60px !important;
}

.u-row-gap-60 {
  row-gap: 60px !important;
}

.u-column-gap-60 {
  -moz-column-gap: 60px !important;
       column-gap: 60px !important;
}

.u-gap-65 {
  gap: 65px !important;
}

.u-row-gap-65 {
  row-gap: 65px !important;
}

.u-column-gap-65 {
  -moz-column-gap: 65px !important;
       column-gap: 65px !important;
}

.u-gap-70 {
  gap: 70px !important;
}

.u-row-gap-70 {
  row-gap: 70px !important;
}

.u-column-gap-70 {
  -moz-column-gap: 70px !important;
       column-gap: 70px !important;
}

.u-gap-75 {
  gap: 75px !important;
}

.u-row-gap-75 {
  row-gap: 75px !important;
}

.u-column-gap-75 {
  -moz-column-gap: 75px !important;
       column-gap: 75px !important;
}

.u-gap-80 {
  gap: 80px !important;
}

.u-row-gap-80 {
  row-gap: 80px !important;
}

.u-column-gap-80 {
  -moz-column-gap: 80px !important;
       column-gap: 80px !important;
}

.u-gap-85 {
  gap: 85px !important;
}

.u-row-gap-85 {
  row-gap: 85px !important;
}

.u-column-gap-85 {
  -moz-column-gap: 85px !important;
       column-gap: 85px !important;
}

.u-gap-90 {
  gap: 90px !important;
}

.u-row-gap-90 {
  row-gap: 90px !important;
}

.u-column-gap-90 {
  -moz-column-gap: 90px !important;
       column-gap: 90px !important;
}

.u-gap-95 {
  gap: 95px !important;
}

.u-row-gap-95 {
  row-gap: 95px !important;
}

.u-column-gap-95 {
  -moz-column-gap: 95px !important;
       column-gap: 95px !important;
}

.u-gap-100 {
  gap: 100px !important;
}

.u-row-gap-100 {
  row-gap: 100px !important;
}

.u-column-gap-100 {
  -moz-column-gap: 100px !important;
       column-gap: 100px !important;
}

.u-gap-105 {
  gap: 105px !important;
}

.u-row-gap-105 {
  row-gap: 105px !important;
}

.u-column-gap-105 {
  -moz-column-gap: 105px !important;
       column-gap: 105px !important;
}

.u-gap-110 {
  gap: 110px !important;
}

.u-row-gap-110 {
  row-gap: 110px !important;
}

.u-column-gap-110 {
  -moz-column-gap: 110px !important;
       column-gap: 110px !important;
}

.u-gap-115 {
  gap: 115px !important;
}

.u-row-gap-115 {
  row-gap: 115px !important;
}

.u-column-gap-115 {
  -moz-column-gap: 115px !important;
       column-gap: 115px !important;
}

.u-gap-120 {
  gap: 120px !important;
}

.u-row-gap-120 {
  row-gap: 120px !important;
}

.u-column-gap-120 {
  -moz-column-gap: 120px !important;
       column-gap: 120px !important;
}

.u-gap-125 {
  gap: 125px !important;
}

.u-row-gap-125 {
  row-gap: 125px !important;
}

.u-column-gap-125 {
  -moz-column-gap: 125px !important;
       column-gap: 125px !important;
}

.u-gap-130 {
  gap: 130px !important;
}

.u-row-gap-130 {
  row-gap: 130px !important;
}

.u-column-gap-130 {
  -moz-column-gap: 130px !important;
       column-gap: 130px !important;
}

.u-gap-135 {
  gap: 135px !important;
}

.u-row-gap-135 {
  row-gap: 135px !important;
}

.u-column-gap-135 {
  -moz-column-gap: 135px !important;
       column-gap: 135px !important;
}

.u-gap-140 {
  gap: 140px !important;
}

.u-row-gap-140 {
  row-gap: 140px !important;
}

.u-column-gap-140 {
  -moz-column-gap: 140px !important;
       column-gap: 140px !important;
}

.u-gap-145 {
  gap: 145px !important;
}

.u-row-gap-145 {
  row-gap: 145px !important;
}

.u-column-gap-145 {
  -moz-column-gap: 145px !important;
       column-gap: 145px !important;
}

.u-gap-150 {
  gap: 150px !important;
}

.u-row-gap-150 {
  row-gap: 150px !important;
}

.u-column-gap-150 {
  -moz-column-gap: 150px !important;
       column-gap: 150px !important;
}

.u-gap-155 {
  gap: 155px !important;
}

.u-row-gap-155 {
  row-gap: 155px !important;
}

.u-column-gap-155 {
  -moz-column-gap: 155px !important;
       column-gap: 155px !important;
}

.u-gap-160 {
  gap: 160px !important;
}

.u-row-gap-160 {
  row-gap: 160px !important;
}

.u-column-gap-160 {
  -moz-column-gap: 160px !important;
       column-gap: 160px !important;
}

.u-gap-165 {
  gap: 165px !important;
}

.u-row-gap-165 {
  row-gap: 165px !important;
}

.u-column-gap-165 {
  -moz-column-gap: 165px !important;
       column-gap: 165px !important;
}

.u-gap-170 {
  gap: 170px !important;
}

.u-row-gap-170 {
  row-gap: 170px !important;
}

.u-column-gap-170 {
  -moz-column-gap: 170px !important;
       column-gap: 170px !important;
}

.u-gap-175 {
  gap: 175px !important;
}

.u-row-gap-175 {
  row-gap: 175px !important;
}

.u-column-gap-175 {
  -moz-column-gap: 175px !important;
       column-gap: 175px !important;
}

.u-gap-180 {
  gap: 180px !important;
}

.u-row-gap-180 {
  row-gap: 180px !important;
}

.u-column-gap-180 {
  -moz-column-gap: 180px !important;
       column-gap: 180px !important;
}

.u-gap-185 {
  gap: 185px !important;
}

.u-row-gap-185 {
  row-gap: 185px !important;
}

.u-column-gap-185 {
  -moz-column-gap: 185px !important;
       column-gap: 185px !important;
}

.u-gap-190 {
  gap: 190px !important;
}

.u-row-gap-190 {
  row-gap: 190px !important;
}

.u-column-gap-190 {
  -moz-column-gap: 190px !important;
       column-gap: 190px !important;
}

.u-gap-195 {
  gap: 195px !important;
}

.u-row-gap-195 {
  row-gap: 195px !important;
}

.u-column-gap-195 {
  -moz-column-gap: 195px !important;
       column-gap: 195px !important;
}

.u-gap-200 {
  gap: 200px !important;
}

.u-row-gap-200 {
  row-gap: 200px !important;
}

.u-column-gap-200 {
  -moz-column-gap: 200px !important;
       column-gap: 200px !important;
}

.u-m-auto {
  margin: auto;
}

.u-ml-auto {
  margin-left: auto;
}

.u-mr-auto {
  margin-right: auto;
}

.u-mt-0 {
  margin-top: 0px !important;
}

.u-mb-0 {
  margin-bottom: 0px !important;
}

.u-ml-0 {
  margin-left: 0px !important;
}

.u-mr-0 {
  margin-right: 0px !important;
}

.u-m-0 {
  margin: 0px !important;
}

.u-mt-5 {
  margin-top: 5px !important;
}

.u-mb-5 {
  margin-bottom: 5px !important;
}

.u-ml-5 {
  margin-left: 5px !important;
}

.u-mr-5 {
  margin-right: 5px !important;
}

.u-m-5 {
  margin: 5px !important;
}

.u-mt-10 {
  margin-top: 10px !important;
}

.u-mb-10 {
  margin-bottom: 10px !important;
}

.u-ml-10 {
  margin-left: 10px !important;
}

.u-mr-10 {
  margin-right: 10px !important;
}

.u-m-10 {
  margin: 10px !important;
}

.u-mt-15 {
  margin-top: 15px !important;
}

.u-mb-15 {
  margin-bottom: 15px !important;
}

.u-ml-15 {
  margin-left: 15px !important;
}

.u-mr-15 {
  margin-right: 15px !important;
}

.u-m-15 {
  margin: 15px !important;
}

.u-mt-20 {
  margin-top: 20px !important;
}

.u-mb-20 {
  margin-bottom: 20px !important;
}

.u-ml-20 {
  margin-left: 20px !important;
}

.u-mr-20 {
  margin-right: 20px !important;
}

.u-m-20 {
  margin: 20px !important;
}

.u-mt-25 {
  margin-top: 25px !important;
}

.u-mb-25 {
  margin-bottom: 25px !important;
}

.u-ml-25 {
  margin-left: 25px !important;
}

.u-mr-25 {
  margin-right: 25px !important;
}

.u-m-25 {
  margin: 25px !important;
}

.u-mt-30 {
  margin-top: 30px !important;
}

.u-mb-30 {
  margin-bottom: 30px !important;
}

.u-ml-30 {
  margin-left: 30px !important;
}

.u-mr-30 {
  margin-right: 30px !important;
}

.u-m-30 {
  margin: 30px !important;
}

.u-mt-35 {
  margin-top: 35px !important;
}

.u-mb-35 {
  margin-bottom: 35px !important;
}

.u-ml-35 {
  margin-left: 35px !important;
}

.u-mr-35 {
  margin-right: 35px !important;
}

.u-m-35 {
  margin: 35px !important;
}

.u-mt-40 {
  margin-top: 40px !important;
}

.u-mb-40 {
  margin-bottom: 40px !important;
}

.u-ml-40 {
  margin-left: 40px !important;
}

.u-mr-40 {
  margin-right: 40px !important;
}

.u-m-40 {
  margin: 40px !important;
}

.u-mt-45 {
  margin-top: 45px !important;
}

.u-mb-45 {
  margin-bottom: 45px !important;
}

.u-ml-45 {
  margin-left: 45px !important;
}

.u-mr-45 {
  margin-right: 45px !important;
}

.u-m-45 {
  margin: 45px !important;
}

.u-mt-50 {
  margin-top: 50px !important;
}

.u-mb-50 {
  margin-bottom: 50px !important;
}

.u-ml-50 {
  margin-left: 50px !important;
}

.u-mr-50 {
  margin-right: 50px !important;
}

.u-m-50 {
  margin: 50px !important;
}

.u-mt-55 {
  margin-top: 55px !important;
}

.u-mb-55 {
  margin-bottom: 55px !important;
}

.u-ml-55 {
  margin-left: 55px !important;
}

.u-mr-55 {
  margin-right: 55px !important;
}

.u-m-55 {
  margin: 55px !important;
}

.u-mt-60 {
  margin-top: 60px !important;
}

.u-mb-60 {
  margin-bottom: 60px !important;
}

.u-ml-60 {
  margin-left: 60px !important;
}

.u-mr-60 {
  margin-right: 60px !important;
}

.u-m-60 {
  margin: 60px !important;
}

.u-mt-65 {
  margin-top: 65px !important;
}

.u-mb-65 {
  margin-bottom: 65px !important;
}

.u-ml-65 {
  margin-left: 65px !important;
}

.u-mr-65 {
  margin-right: 65px !important;
}

.u-m-65 {
  margin: 65px !important;
}

.u-mt-70 {
  margin-top: 70px !important;
}

.u-mb-70 {
  margin-bottom: 70px !important;
}

.u-ml-70 {
  margin-left: 70px !important;
}

.u-mr-70 {
  margin-right: 70px !important;
}

.u-m-70 {
  margin: 70px !important;
}

.u-mt-75 {
  margin-top: 75px !important;
}

.u-mb-75 {
  margin-bottom: 75px !important;
}

.u-ml-75 {
  margin-left: 75px !important;
}

.u-mr-75 {
  margin-right: 75px !important;
}

.u-m-75 {
  margin: 75px !important;
}

.u-mt-80 {
  margin-top: 80px !important;
}

.u-mb-80 {
  margin-bottom: 80px !important;
}

.u-ml-80 {
  margin-left: 80px !important;
}

.u-mr-80 {
  margin-right: 80px !important;
}

.u-m-80 {
  margin: 80px !important;
}

.u-mt-85 {
  margin-top: 85px !important;
}

.u-mb-85 {
  margin-bottom: 85px !important;
}

.u-ml-85 {
  margin-left: 85px !important;
}

.u-mr-85 {
  margin-right: 85px !important;
}

.u-m-85 {
  margin: 85px !important;
}

.u-mt-90 {
  margin-top: 90px !important;
}

.u-mb-90 {
  margin-bottom: 90px !important;
}

.u-ml-90 {
  margin-left: 90px !important;
}

.u-mr-90 {
  margin-right: 90px !important;
}

.u-m-90 {
  margin: 90px !important;
}

.u-mt-95 {
  margin-top: 95px !important;
}

.u-mb-95 {
  margin-bottom: 95px !important;
}

.u-ml-95 {
  margin-left: 95px !important;
}

.u-mr-95 {
  margin-right: 95px !important;
}

.u-m-95 {
  margin: 95px !important;
}

.u-mt-100 {
  margin-top: 100px !important;
}

.u-mb-100 {
  margin-bottom: 100px !important;
}

.u-ml-100 {
  margin-left: 100px !important;
}

.u-mr-100 {
  margin-right: 100px !important;
}

.u-m-100 {
  margin: 100px !important;
}

.u-mt-105 {
  margin-top: 105px !important;
}

.u-mb-105 {
  margin-bottom: 105px !important;
}

.u-ml-105 {
  margin-left: 105px !important;
}

.u-mr-105 {
  margin-right: 105px !important;
}

.u-m-105 {
  margin: 105px !important;
}

.u-mt-110 {
  margin-top: 110px !important;
}

.u-mb-110 {
  margin-bottom: 110px !important;
}

.u-ml-110 {
  margin-left: 110px !important;
}

.u-mr-110 {
  margin-right: 110px !important;
}

.u-m-110 {
  margin: 110px !important;
}

.u-mt-115 {
  margin-top: 115px !important;
}

.u-mb-115 {
  margin-bottom: 115px !important;
}

.u-ml-115 {
  margin-left: 115px !important;
}

.u-mr-115 {
  margin-right: 115px !important;
}

.u-m-115 {
  margin: 115px !important;
}

.u-mt-120 {
  margin-top: 120px !important;
}

.u-mb-120 {
  margin-bottom: 120px !important;
}

.u-ml-120 {
  margin-left: 120px !important;
}

.u-mr-120 {
  margin-right: 120px !important;
}

.u-m-120 {
  margin: 120px !important;
}

.u-mt-125 {
  margin-top: 125px !important;
}

.u-mb-125 {
  margin-bottom: 125px !important;
}

.u-ml-125 {
  margin-left: 125px !important;
}

.u-mr-125 {
  margin-right: 125px !important;
}

.u-m-125 {
  margin: 125px !important;
}

.u-mt-130 {
  margin-top: 130px !important;
}

.u-mb-130 {
  margin-bottom: 130px !important;
}

.u-ml-130 {
  margin-left: 130px !important;
}

.u-mr-130 {
  margin-right: 130px !important;
}

.u-m-130 {
  margin: 130px !important;
}

.u-mt-135 {
  margin-top: 135px !important;
}

.u-mb-135 {
  margin-bottom: 135px !important;
}

.u-ml-135 {
  margin-left: 135px !important;
}

.u-mr-135 {
  margin-right: 135px !important;
}

.u-m-135 {
  margin: 135px !important;
}

.u-mt-140 {
  margin-top: 140px !important;
}

.u-mb-140 {
  margin-bottom: 140px !important;
}

.u-ml-140 {
  margin-left: 140px !important;
}

.u-mr-140 {
  margin-right: 140px !important;
}

.u-m-140 {
  margin: 140px !important;
}

.u-mt-145 {
  margin-top: 145px !important;
}

.u-mb-145 {
  margin-bottom: 145px !important;
}

.u-ml-145 {
  margin-left: 145px !important;
}

.u-mr-145 {
  margin-right: 145px !important;
}

.u-m-145 {
  margin: 145px !important;
}

.u-mt-150 {
  margin-top: 150px !important;
}

.u-mb-150 {
  margin-bottom: 150px !important;
}

.u-ml-150 {
  margin-left: 150px !important;
}

.u-mr-150 {
  margin-right: 150px !important;
}

.u-m-150 {
  margin: 150px !important;
}

.u-mt-155 {
  margin-top: 155px !important;
}

.u-mb-155 {
  margin-bottom: 155px !important;
}

.u-ml-155 {
  margin-left: 155px !important;
}

.u-mr-155 {
  margin-right: 155px !important;
}

.u-m-155 {
  margin: 155px !important;
}

.u-mt-160 {
  margin-top: 160px !important;
}

.u-mb-160 {
  margin-bottom: 160px !important;
}

.u-ml-160 {
  margin-left: 160px !important;
}

.u-mr-160 {
  margin-right: 160px !important;
}

.u-m-160 {
  margin: 160px !important;
}

.u-mt-165 {
  margin-top: 165px !important;
}

.u-mb-165 {
  margin-bottom: 165px !important;
}

.u-ml-165 {
  margin-left: 165px !important;
}

.u-mr-165 {
  margin-right: 165px !important;
}

.u-m-165 {
  margin: 165px !important;
}

.u-mt-170 {
  margin-top: 170px !important;
}

.u-mb-170 {
  margin-bottom: 170px !important;
}

.u-ml-170 {
  margin-left: 170px !important;
}

.u-mr-170 {
  margin-right: 170px !important;
}

.u-m-170 {
  margin: 170px !important;
}

.u-mt-175 {
  margin-top: 175px !important;
}

.u-mb-175 {
  margin-bottom: 175px !important;
}

.u-ml-175 {
  margin-left: 175px !important;
}

.u-mr-175 {
  margin-right: 175px !important;
}

.u-m-175 {
  margin: 175px !important;
}

.u-mt-180 {
  margin-top: 180px !important;
}

.u-mb-180 {
  margin-bottom: 180px !important;
}

.u-ml-180 {
  margin-left: 180px !important;
}

.u-mr-180 {
  margin-right: 180px !important;
}

.u-m-180 {
  margin: 180px !important;
}

.u-mt-185 {
  margin-top: 185px !important;
}

.u-mb-185 {
  margin-bottom: 185px !important;
}

.u-ml-185 {
  margin-left: 185px !important;
}

.u-mr-185 {
  margin-right: 185px !important;
}

.u-m-185 {
  margin: 185px !important;
}

.u-mt-190 {
  margin-top: 190px !important;
}

.u-mb-190 {
  margin-bottom: 190px !important;
}

.u-ml-190 {
  margin-left: 190px !important;
}

.u-mr-190 {
  margin-right: 190px !important;
}

.u-m-190 {
  margin: 190px !important;
}

.u-mt-195 {
  margin-top: 195px !important;
}

.u-mb-195 {
  margin-bottom: 195px !important;
}

.u-ml-195 {
  margin-left: 195px !important;
}

.u-mr-195 {
  margin-right: 195px !important;
}

.u-m-195 {
  margin: 195px !important;
}

.u-mt-200 {
  margin-top: 200px !important;
}

.u-mb-200 {
  margin-bottom: 200px !important;
}

.u-ml-200 {
  margin-left: 200px !important;
}

.u-mr-200 {
  margin-right: 200px !important;
}

.u-m-200 {
  margin: 200px !important;
}

.u-pt-0 {
  padding-top: 0px !important;
}

.u-pb-0 {
  padding-bottom: 0px !important;
}

.u-pl-0 {
  padding-left: 0px !important;
}

.u-pr-0 {
  padding-right: 0px !important;
}

.u-p-0 {
  padding: 0px !important;
}

.u-pt-5 {
  padding-top: 5px !important;
}

.u-pb-5 {
  padding-bottom: 5px !important;
}

.u-pl-5 {
  padding-left: 5px !important;
}

.u-pr-5 {
  padding-right: 5px !important;
}

.u-p-5 {
  padding: 5px !important;
}

.u-pt-10 {
  padding-top: 10px !important;
}

.u-pb-10 {
  padding-bottom: 10px !important;
}

.u-pl-10 {
  padding-left: 10px !important;
}

.u-pr-10 {
  padding-right: 10px !important;
}

.u-p-10 {
  padding: 10px !important;
}

.u-pt-15 {
  padding-top: 15px !important;
}

.u-pb-15 {
  padding-bottom: 15px !important;
}

.u-pl-15 {
  padding-left: 15px !important;
}

.u-pr-15 {
  padding-right: 15px !important;
}

.u-p-15 {
  padding: 15px !important;
}

.u-pt-20 {
  padding-top: 20px !important;
}

.u-pb-20 {
  padding-bottom: 20px !important;
}

.u-pl-20 {
  padding-left: 20px !important;
}

.u-pr-20 {
  padding-right: 20px !important;
}

.u-p-20 {
  padding: 20px !important;
}

.u-pt-25 {
  padding-top: 25px !important;
}

.u-pb-25 {
  padding-bottom: 25px !important;
}

.u-pl-25 {
  padding-left: 25px !important;
}

.u-pr-25 {
  padding-right: 25px !important;
}

.u-p-25 {
  padding: 25px !important;
}

.u-pt-30 {
  padding-top: 30px !important;
}

.u-pb-30 {
  padding-bottom: 30px !important;
}

.u-pl-30 {
  padding-left: 30px !important;
}

.u-pr-30 {
  padding-right: 30px !important;
}

.u-p-30 {
  padding: 30px !important;
}

.u-pt-35 {
  padding-top: 35px !important;
}

.u-pb-35 {
  padding-bottom: 35px !important;
}

.u-pl-35 {
  padding-left: 35px !important;
}

.u-pr-35 {
  padding-right: 35px !important;
}

.u-p-35 {
  padding: 35px !important;
}

.u-pt-40 {
  padding-top: 40px !important;
}

.u-pb-40 {
  padding-bottom: 40px !important;
}

.u-pl-40 {
  padding-left: 40px !important;
}

.u-pr-40 {
  padding-right: 40px !important;
}

.u-p-40 {
  padding: 40px !important;
}

.u-pt-45 {
  padding-top: 45px !important;
}

.u-pb-45 {
  padding-bottom: 45px !important;
}

.u-pl-45 {
  padding-left: 45px !important;
}

.u-pr-45 {
  padding-right: 45px !important;
}

.u-p-45 {
  padding: 45px !important;
}

.u-pt-50 {
  padding-top: 50px !important;
}

.u-pb-50 {
  padding-bottom: 50px !important;
}

.u-pl-50 {
  padding-left: 50px !important;
}

.u-pr-50 {
  padding-right: 50px !important;
}

.u-p-50 {
  padding: 50px !important;
}

.u-pt-55 {
  padding-top: 55px !important;
}

.u-pb-55 {
  padding-bottom: 55px !important;
}

.u-pl-55 {
  padding-left: 55px !important;
}

.u-pr-55 {
  padding-right: 55px !important;
}

.u-p-55 {
  padding: 55px !important;
}

.u-pt-60 {
  padding-top: 60px !important;
}

.u-pb-60 {
  padding-bottom: 60px !important;
}

.u-pl-60 {
  padding-left: 60px !important;
}

.u-pr-60 {
  padding-right: 60px !important;
}

.u-p-60 {
  padding: 60px !important;
}

.u-pt-65 {
  padding-top: 65px !important;
}

.u-pb-65 {
  padding-bottom: 65px !important;
}

.u-pl-65 {
  padding-left: 65px !important;
}

.u-pr-65 {
  padding-right: 65px !important;
}

.u-p-65 {
  padding: 65px !important;
}

.u-pt-70 {
  padding-top: 70px !important;
}

.u-pb-70 {
  padding-bottom: 70px !important;
}

.u-pl-70 {
  padding-left: 70px !important;
}

.u-pr-70 {
  padding-right: 70px !important;
}

.u-p-70 {
  padding: 70px !important;
}

.u-pt-75 {
  padding-top: 75px !important;
}

.u-pb-75 {
  padding-bottom: 75px !important;
}

.u-pl-75 {
  padding-left: 75px !important;
}

.u-pr-75 {
  padding-right: 75px !important;
}

.u-p-75 {
  padding: 75px !important;
}

.u-pt-80 {
  padding-top: 80px !important;
}

.u-pb-80 {
  padding-bottom: 80px !important;
}

.u-pl-80 {
  padding-left: 80px !important;
}

.u-pr-80 {
  padding-right: 80px !important;
}

.u-p-80 {
  padding: 80px !important;
}

.u-pt-85 {
  padding-top: 85px !important;
}

.u-pb-85 {
  padding-bottom: 85px !important;
}

.u-pl-85 {
  padding-left: 85px !important;
}

.u-pr-85 {
  padding-right: 85px !important;
}

.u-p-85 {
  padding: 85px !important;
}

.u-pt-90 {
  padding-top: 90px !important;
}

.u-pb-90 {
  padding-bottom: 90px !important;
}

.u-pl-90 {
  padding-left: 90px !important;
}

.u-pr-90 {
  padding-right: 90px !important;
}

.u-p-90 {
  padding: 90px !important;
}

.u-pt-95 {
  padding-top: 95px !important;
}

.u-pb-95 {
  padding-bottom: 95px !important;
}

.u-pl-95 {
  padding-left: 95px !important;
}

.u-pr-95 {
  padding-right: 95px !important;
}

.u-p-95 {
  padding: 95px !important;
}

.u-pt-100 {
  padding-top: 100px !important;
}

.u-pb-100 {
  padding-bottom: 100px !important;
}

.u-pl-100 {
  padding-left: 100px !important;
}

.u-pr-100 {
  padding-right: 100px !important;
}

.u-p-100 {
  padding: 100px !important;
}

.u-pt-105 {
  padding-top: 105px !important;
}

.u-pb-105 {
  padding-bottom: 105px !important;
}

.u-pl-105 {
  padding-left: 105px !important;
}

.u-pr-105 {
  padding-right: 105px !important;
}

.u-p-105 {
  padding: 105px !important;
}

.u-pt-110 {
  padding-top: 110px !important;
}

.u-pb-110 {
  padding-bottom: 110px !important;
}

.u-pl-110 {
  padding-left: 110px !important;
}

.u-pr-110 {
  padding-right: 110px !important;
}

.u-p-110 {
  padding: 110px !important;
}

.u-pt-115 {
  padding-top: 115px !important;
}

.u-pb-115 {
  padding-bottom: 115px !important;
}

.u-pl-115 {
  padding-left: 115px !important;
}

.u-pr-115 {
  padding-right: 115px !important;
}

.u-p-115 {
  padding: 115px !important;
}

.u-pt-120 {
  padding-top: 120px !important;
}

.u-pb-120 {
  padding-bottom: 120px !important;
}

.u-pl-120 {
  padding-left: 120px !important;
}

.u-pr-120 {
  padding-right: 120px !important;
}

.u-p-120 {
  padding: 120px !important;
}

.u-pt-125 {
  padding-top: 125px !important;
}

.u-pb-125 {
  padding-bottom: 125px !important;
}

.u-pl-125 {
  padding-left: 125px !important;
}

.u-pr-125 {
  padding-right: 125px !important;
}

.u-p-125 {
  padding: 125px !important;
}

.u-pt-130 {
  padding-top: 130px !important;
}

.u-pb-130 {
  padding-bottom: 130px !important;
}

.u-pl-130 {
  padding-left: 130px !important;
}

.u-pr-130 {
  padding-right: 130px !important;
}

.u-p-130 {
  padding: 130px !important;
}

.u-pt-135 {
  padding-top: 135px !important;
}

.u-pb-135 {
  padding-bottom: 135px !important;
}

.u-pl-135 {
  padding-left: 135px !important;
}

.u-pr-135 {
  padding-right: 135px !important;
}

.u-p-135 {
  padding: 135px !important;
}

.u-pt-140 {
  padding-top: 140px !important;
}

.u-pb-140 {
  padding-bottom: 140px !important;
}

.u-pl-140 {
  padding-left: 140px !important;
}

.u-pr-140 {
  padding-right: 140px !important;
}

.u-p-140 {
  padding: 140px !important;
}

.u-pt-145 {
  padding-top: 145px !important;
}

.u-pb-145 {
  padding-bottom: 145px !important;
}

.u-pl-145 {
  padding-left: 145px !important;
}

.u-pr-145 {
  padding-right: 145px !important;
}

.u-p-145 {
  padding: 145px !important;
}

.u-pt-150 {
  padding-top: 150px !important;
}

.u-pb-150 {
  padding-bottom: 150px !important;
}

.u-pl-150 {
  padding-left: 150px !important;
}

.u-pr-150 {
  padding-right: 150px !important;
}

.u-p-150 {
  padding: 150px !important;
}

.u-pt-155 {
  padding-top: 155px !important;
}

.u-pb-155 {
  padding-bottom: 155px !important;
}

.u-pl-155 {
  padding-left: 155px !important;
}

.u-pr-155 {
  padding-right: 155px !important;
}

.u-p-155 {
  padding: 155px !important;
}

.u-pt-160 {
  padding-top: 160px !important;
}

.u-pb-160 {
  padding-bottom: 160px !important;
}

.u-pl-160 {
  padding-left: 160px !important;
}

.u-pr-160 {
  padding-right: 160px !important;
}

.u-p-160 {
  padding: 160px !important;
}

.u-pt-165 {
  padding-top: 165px !important;
}

.u-pb-165 {
  padding-bottom: 165px !important;
}

.u-pl-165 {
  padding-left: 165px !important;
}

.u-pr-165 {
  padding-right: 165px !important;
}

.u-p-165 {
  padding: 165px !important;
}

.u-pt-170 {
  padding-top: 170px !important;
}

.u-pb-170 {
  padding-bottom: 170px !important;
}

.u-pl-170 {
  padding-left: 170px !important;
}

.u-pr-170 {
  padding-right: 170px !important;
}

.u-p-170 {
  padding: 170px !important;
}

.u-pt-175 {
  padding-top: 175px !important;
}

.u-pb-175 {
  padding-bottom: 175px !important;
}

.u-pl-175 {
  padding-left: 175px !important;
}

.u-pr-175 {
  padding-right: 175px !important;
}

.u-p-175 {
  padding: 175px !important;
}

.u-pt-180 {
  padding-top: 180px !important;
}

.u-pb-180 {
  padding-bottom: 180px !important;
}

.u-pl-180 {
  padding-left: 180px !important;
}

.u-pr-180 {
  padding-right: 180px !important;
}

.u-p-180 {
  padding: 180px !important;
}

.u-pt-185 {
  padding-top: 185px !important;
}

.u-pb-185 {
  padding-bottom: 185px !important;
}

.u-pl-185 {
  padding-left: 185px !important;
}

.u-pr-185 {
  padding-right: 185px !important;
}

.u-p-185 {
  padding: 185px !important;
}

.u-pt-190 {
  padding-top: 190px !important;
}

.u-pb-190 {
  padding-bottom: 190px !important;
}

.u-pl-190 {
  padding-left: 190px !important;
}

.u-pr-190 {
  padding-right: 190px !important;
}

.u-p-190 {
  padding: 190px !important;
}

.u-pt-195 {
  padding-top: 195px !important;
}

.u-pb-195 {
  padding-bottom: 195px !important;
}

.u-pl-195 {
  padding-left: 195px !important;
}

.u-pr-195 {
  padding-right: 195px !important;
}

.u-p-195 {
  padding: 195px !important;
}

.u-pt-200 {
  padding-top: 200px !important;
}

.u-pb-200 {
  padding-bottom: 200px !important;
}

.u-pl-200 {
  padding-left: 200px !important;
}

.u-pr-200 {
  padding-right: 200px !important;
}

.u-p-200 {
  padding: 200px !important;
}

.u-width-auto {
  width: auto !important;
}

.u-per-width-10 {
  width: 10% !important;
}

.u-per-width-20 {
  width: 20% !important;
}

.u-per-width-30 {
  width: 30% !important;
}

.u-per-width-40 {
  width: 40% !important;
}

.u-per-width-50 {
  width: 50% !important;
}

.u-per-width-60 {
  width: 60% !important;
}

.u-per-width-70 {
  width: 70% !important;
}

.u-per-width-80 {
  width: 80% !important;
}

.u-per-width-90 {
  width: 90% !important;
}

.u-per-width-100 {
  width: 100% !important;
}

.u-width-10 {
  width: 10px !important;
}

.u-width-20 {
  width: 20px !important;
}

.u-width-30 {
  width: 30px !important;
}

.u-width-40 {
  width: 40px !important;
}

.u-width-50 {
  width: 50px !important;
}

.u-width-60 {
  width: 60px !important;
}

.u-width-70 {
  width: 70px !important;
}

.u-width-80 {
  width: 80px !important;
}

.u-width-90 {
  width: 90px !important;
}

.u-width-100 {
  width: 100px !important;
}

.u-width-110 {
  width: 110px !important;
}

.u-width-120 {
  width: 120px !important;
}

.u-width-130 {
  width: 130px !important;
}

.u-width-140 {
  width: 140px !important;
}

.u-width-150 {
  width: 150px !important;
}

.u-width-160 {
  width: 160px !important;
}

.u-width-170 {
  width: 170px !important;
}

.u-width-180 {
  width: 180px !important;
}

.u-width-190 {
  width: 190px !important;
}

.u-width-200 {
  width: 200px !important;
}

.u-width-210 {
  width: 210px !important;
}

.u-width-220 {
  width: 220px !important;
}

.u-width-230 {
  width: 230px !important;
}

.u-width-240 {
  width: 240px !important;
}

.u-width-250 {
  width: 250px !important;
}

.u-width-260 {
  width: 260px !important;
}

.u-width-270 {
  width: 270px !important;
}

.u-width-280 {
  width: 280px !important;
}

.u-width-290 {
  width: 290px !important;
}

.u-width-300 {
  width: 300px !important;
}

.u-width-310 {
  width: 310px !important;
}

.u-width-320 {
  width: 320px !important;
}

.u-width-330 {
  width: 330px !important;
}

.u-width-340 {
  width: 340px !important;
}

.u-width-350 {
  width: 350px !important;
}

.u-width-360 {
  width: 360px !important;
}

.u-width-370 {
  width: 370px !important;
}

.u-width-380 {
  width: 380px !important;
}

.u-width-390 {
  width: 390px !important;
}

.u-width-400 {
  width: 400px !important;
}

.u-width-410 {
  width: 410px !important;
}

.u-width-420 {
  width: 420px !important;
}

.u-width-430 {
  width: 430px !important;
}

.u-width-440 {
  width: 440px !important;
}

.u-width-450 {
  width: 450px !important;
}

.u-width-460 {
  width: 460px !important;
}

.u-width-470 {
  width: 470px !important;
}

.u-width-480 {
  width: 480px !important;
}

.u-width-490 {
  width: 490px !important;
}

.u-width-500 {
  width: 500px !important;
}

.u-width-510 {
  width: 510px !important;
}

.u-width-520 {
  width: 520px !important;
}

.u-width-530 {
  width: 530px !important;
}

.u-width-540 {
  width: 540px !important;
}

.u-width-550 {
  width: 550px !important;
}

.u-width-560 {
  width: 560px !important;
}

.u-width-570 {
  width: 570px !important;
}

.u-width-580 {
  width: 580px !important;
}

.u-width-590 {
  width: 590px !important;
}

.u-width-600 {
  width: 600px !important;
}

.u-width-610 {
  width: 610px !important;
}

.u-width-620 {
  width: 620px !important;
}

.u-width-630 {
  width: 630px !important;
}

.u-width-640 {
  width: 640px !important;
}

.u-width-650 {
  width: 650px !important;
}

.u-width-660 {
  width: 660px !important;
}

.u-width-670 {
  width: 670px !important;
}

.u-width-680 {
  width: 680px !important;
}

.u-width-690 {
  width: 690px !important;
}

.u-width-700 {
  width: 700px !important;
}

.u-width-710 {
  width: 710px !important;
}

.u-width-720 {
  width: 720px !important;
}

.u-width-730 {
  width: 730px !important;
}

.u-width-740 {
  width: 740px !important;
}

.u-width-750 {
  width: 750px !important;
}

.u-width-760 {
  width: 760px !important;
}

.u-width-770 {
  width: 770px !important;
}

.u-width-780 {
  width: 780px !important;
}

.u-width-790 {
  width: 790px !important;
}

.u-width-800 {
  width: 800px !important;
}

.u-width-810 {
  width: 810px !important;
}

.u-width-820 {
  width: 820px !important;
}

.u-width-830 {
  width: 830px !important;
}

.u-width-840 {
  width: 840px !important;
}

.u-width-850 {
  width: 850px !important;
}

.u-width-860 {
  width: 860px !important;
}

.u-width-870 {
  width: 870px !important;
}

.u-width-880 {
  width: 880px !important;
}

.u-width-890 {
  width: 890px !important;
}

.u-width-900 {
  width: 900px !important;
}

.u-width-910 {
  width: 910px !important;
}

.u-width-920 {
  width: 920px !important;
}

.u-width-930 {
  width: 930px !important;
}

.u-width-940 {
  width: 940px !important;
}

.u-width-950 {
  width: 950px !important;
}

.u-width-960 {
  width: 960px !important;
}

.u-width-970 {
  width: 970px !important;
}

.u-width-980 {
  width: 980px !important;
}

.u-width-990 {
  width: 990px !important;
}

.u-width-1000 {
  width: 1000px !important;
}

.u-max-width-10 {
  max-width: 10px !important;
}

.u-max-width-20 {
  max-width: 20px !important;
}

.u-max-width-30 {
  max-width: 30px !important;
}

.u-max-width-40 {
  max-width: 40px !important;
}

.u-max-width-50 {
  max-width: 50px !important;
}

.u-max-width-60 {
  max-width: 60px !important;
}

.u-max-width-70 {
  max-width: 70px !important;
}

.u-max-width-80 {
  max-width: 80px !important;
}

.u-max-width-90 {
  max-width: 90px !important;
}

.u-max-width-100 {
  max-width: 100px !important;
}

.u-max-width-110 {
  max-width: 110px !important;
}

.u-max-width-120 {
  max-width: 120px !important;
}

.u-max-width-130 {
  max-width: 130px !important;
}

.u-max-width-140 {
  max-width: 140px !important;
}

.u-max-width-150 {
  max-width: 150px !important;
}

.u-max-width-160 {
  max-width: 160px !important;
}

.u-max-width-170 {
  max-width: 170px !important;
}

.u-max-width-180 {
  max-width: 180px !important;
}

.u-max-width-190 {
  max-width: 190px !important;
}

.u-max-width-200 {
  max-width: 200px !important;
}

.u-max-width-210 {
  max-width: 210px !important;
}

.u-max-width-220 {
  max-width: 220px !important;
}

.u-max-width-230 {
  max-width: 230px !important;
}

.u-max-width-240 {
  max-width: 240px !important;
}

.u-max-width-250 {
  max-width: 250px !important;
}

.u-max-width-260 {
  max-width: 260px !important;
}

.u-max-width-270 {
  max-width: 270px !important;
}

.u-max-width-280 {
  max-width: 280px !important;
}

.u-max-width-290 {
  max-width: 290px !important;
}

.u-max-width-300 {
  max-width: 300px !important;
}

.u-max-width-310 {
  max-width: 310px !important;
}

.u-max-width-320 {
  max-width: 320px !important;
}

.u-max-width-330 {
  max-width: 330px !important;
}

.u-max-width-340 {
  max-width: 340px !important;
}

.u-max-width-350 {
  max-width: 350px !important;
}

.u-max-width-360 {
  max-width: 360px !important;
}

.u-max-width-370 {
  max-width: 370px !important;
}

.u-max-width-380 {
  max-width: 380px !important;
}

.u-max-width-390 {
  max-width: 390px !important;
}

.u-max-width-400 {
  max-width: 400px !important;
}

.u-max-width-410 {
  max-width: 410px !important;
}

.u-max-width-420 {
  max-width: 420px !important;
}

.u-max-width-430 {
  max-width: 430px !important;
}

.u-max-width-440 {
  max-width: 440px !important;
}

.u-max-width-450 {
  max-width: 450px !important;
}

.u-max-width-460 {
  max-width: 460px !important;
}

.u-max-width-470 {
  max-width: 470px !important;
}

.u-max-width-480 {
  max-width: 480px !important;
}

.u-max-width-490 {
  max-width: 490px !important;
}

.u-max-width-500 {
  max-width: 500px !important;
}

.u-max-width-510 {
  max-width: 510px !important;
}

.u-max-width-520 {
  max-width: 520px !important;
}

.u-max-width-530 {
  max-width: 530px !important;
}

.u-max-width-540 {
  max-width: 540px !important;
}

.u-max-width-550 {
  max-width: 550px !important;
}

.u-max-width-560 {
  max-width: 560px !important;
}

.u-max-width-570 {
  max-width: 570px !important;
}

.u-max-width-580 {
  max-width: 580px !important;
}

.u-max-width-590 {
  max-width: 590px !important;
}

.u-max-width-600 {
  max-width: 600px !important;
}

.u-max-width-610 {
  max-width: 610px !important;
}

.u-max-width-620 {
  max-width: 620px !important;
}

.u-max-width-630 {
  max-width: 630px !important;
}

.u-max-width-640 {
  max-width: 640px !important;
}

.u-max-width-650 {
  max-width: 650px !important;
}

.u-max-width-660 {
  max-width: 660px !important;
}

.u-max-width-670 {
  max-width: 670px !important;
}

.u-max-width-680 {
  max-width: 680px !important;
}

.u-max-width-690 {
  max-width: 690px !important;
}

.u-max-width-700 {
  max-width: 700px !important;
}

.u-max-width-710 {
  max-width: 710px !important;
}

.u-max-width-720 {
  max-width: 720px !important;
}

.u-max-width-730 {
  max-width: 730px !important;
}

.u-max-width-740 {
  max-width: 740px !important;
}

.u-max-width-750 {
  max-width: 750px !important;
}

.u-max-width-760 {
  max-width: 760px !important;
}

.u-max-width-770 {
  max-width: 770px !important;
}

.u-max-width-780 {
  max-width: 780px !important;
}

.u-max-width-790 {
  max-width: 790px !important;
}

.u-max-width-800 {
  max-width: 800px !important;
}

.u-max-width-810 {
  max-width: 810px !important;
}

.u-max-width-820 {
  max-width: 820px !important;
}

.u-max-width-830 {
  max-width: 830px !important;
}

.u-max-width-840 {
  max-width: 840px !important;
}

.u-max-width-850 {
  max-width: 850px !important;
}

.u-max-width-860 {
  max-width: 860px !important;
}

.u-max-width-870 {
  max-width: 870px !important;
}

.u-max-width-880 {
  max-width: 880px !important;
}

.u-max-width-890 {
  max-width: 890px !important;
}

.u-max-width-900 {
  max-width: 900px !important;
}

.u-max-width-910 {
  max-width: 910px !important;
}

.u-max-width-920 {
  max-width: 920px !important;
}

.u-max-width-930 {
  max-width: 930px !important;
}

.u-max-width-940 {
  max-width: 940px !important;
}

.u-max-width-950 {
  max-width: 950px !important;
}

.u-max-width-960 {
  max-width: 960px !important;
}

.u-max-width-970 {
  max-width: 970px !important;
}

.u-max-width-980 {
  max-width: 980px !important;
}

.u-max-width-990 {
  max-width: 990px !important;
}

.u-max-width-1000 {
  max-width: 1000px !important;
}

.u-no-border {
  border: none !important;
}

.u-mobileOnly {
  display: none !important;
}

.u-desktopOnly {
  display: block !important;
}

@media (min-width: 768px){
  .sectionTitle {
    gap: 1.5625rem;
    font-size: 1.875rem;
  }
  .sectionTitle::before {
    width: 0.3125rem;
    height: 2.75rem;
  }
  .sectionTitleSecondary {
    font-size: 1.5625rem;
    line-height: 1.48;
  }
  .sectionTitleSecondary::before {
    margin-top: 1.1875rem;
  }
  .pageTop {
    right: 2.5rem;
    bottom: 2.5rem;
    width: 6.25rem;
  }
  .header__inner {
    align-items: stretch;
    height: 8.125rem;
    padding-right: 1.625rem;
    padding-left: 3.125rem;
    gap: 2.5rem;
  }
  .header__logo {
    align-self: center;
    width: 9.0625rem;
  }
  .headerPcNav {
    display: grid;
    flex: 1;
    align-content: space-between;
    justify-items: end;
    gap: 1rem;
  }
  .header__menuButton {
    display: none;
  }
  .globalMenu {
    display: none;
  }
  .footer {
    padding-block: 7.375rem;
  }
  .footer__container {
    display: grid;
    grid-auto-columns: 19.5rem minmax(0, 1fr) auto;
    align-content: space-between;
    align-items: center;
    -moz-column-gap: 3.75rem;
         column-gap: 3.75rem;
    width: 5.859375%rem;
    max-width: 85.75rem;
  }
  .footerInfo {
    grid-template-rows: auto 1fr;
    grid-column: 1/2;
    place-items: start;
    padding-bottom: 0;
    border-right: 1px solid #d9d9d9;
    border-bottom: none;
  }
  .footerInfo__logo {
    width: 9.125rem;
  }
  .footerInfo__address {
    text-align: left;
  }
  .footerNav {
    display: block;
    grid-column: 2/3;
    padding: 0;
    border: none;
  }
  .footerNav__list {
    grid-template-rows: auto auto;
    grid-template-columns: repeat(4, auto);
    grid-auto-flow: column;
    justify-content: space-between;
  }
  .footerNav__list li {
    flex: 1;
    white-space: nowrap;
  }
  .footerNav__list li:nth-child(n+5) {
    grid-row: span 2;
  }
  .footerCopy {
    grid-column: 3/4;
    align-self: center;
    margin-top: 0;
  }
  .main:not(.no-bg)::after {
    aspect-ratio: 1920/746;
    background-image: url("../../assets/images/home/wave01_pc.webp");
  }
  .pageHead {
    padding-top: 5rem;
  }
  .pageHead__title {
    font-size: 2.1875rem;
  }
  .pageHeadSecondary {
    min-height: 8.875rem;
  }
  .pageHeadSecondary__container {
    width: 93.75%;
    max-width: 75rem;
  }
  .pageHeadSecondary__title {
    font-weight: 200;
    font-size: 2.1875rem;
  }
  .pageHeadSecondary__subTitle {
    font-size: 2.1875rem;
  }
  .breadcrumb {
    margin-top: 7.5rem;
    margin-bottom: 5rem;
  }
  .breadcrumb__container {
    width: 93.75%;
    max-width: 75rem;
  }
  .pageBottomNav {
    order: 2;
    padding-block: 4.3125rem;
  }
  .pageBottomNav__container {
    width: 93.75%;
    max-width: 75rem;
  }
  .pageBottomNav__head {
    height: auto;
  }
  .pageBottomNav__link {
    gap: 0.875rem;
    font-size: 1.5625rem;
    line-height: 1.48;
  }
  .pageBottomNav__link::after {
    width: 2.5rem;
    background-size: 0.75rem auto;
  }
  .pageBottomNav__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 2rem;
    gap: 1.875rem 2.3125rem;
    border-top: 0;
  }
  .pageBottomNav__list li {
    display: block;
    height: auto;
  }
  .pageBottomNav__item {
    height: 3.3125rem;
    padding-left: 0.625rem;
    border-bottom: 1px solid #b4b4b4;
    font-size: 1rem;
  }
  .pageBottomNav__item small {
    font-size: 0.875rem;
  }
  .u-mobileOnly {
    display: block !important;
  }
  .u-desktopOnly {
    display: none !important;
  }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 2dppx){
  .main:not(.no-bg)::after {
    background-image: url("../../assets/images/home/wave01_pc@2x.webp");
  }
}

@media (hover: hover) and (pointer: fine){
  .pageTop:hover, .pageTop:focus-visible {
    opacity: 0.75;
  }
  .header__logo a:hover, .header__logo a:focus-visible {
    opacity: 0.75;
  }
  .headerPcNavTop__links a:hover, .headerPcNavTop__links a:focus-visible {
    opacity: 0.75;
  }
  .headerPcNavTop__lang a:hover, .headerPcNavTop__lang a:focus-visible {
    opacity: 0.75;
  }
  .headerNavSubItem a:hover, .headerNavSubItem a:focus-visible {
    color: #00a73c;
  }
  .globalMenuItem__lang a:hover, .globalMenuItem__lang a:focus-visible {
    opacity: 0.75;
  }
  .footerNav__list a:hover, .footerNav__list a:focus-visible {
    opacity: 0.75;
  }
  .breadcrumb__item a:hover, .breadcrumb__item a:focus-visible {
    opacity: 0.75;
  }
  .pageBottomNav__link:hover, .pageBottomNav__link:focus-visible {
    color: #00a73c;
  }
  .pageBottomNav__link:hover::after, .pageBottomNav__link:focus-visible::after {
    background: center/0.625rem auto no-repeat url("../../assets/images/common/short_arrow_right_wh.svg") #00a73c;
  }
  .pageBottomNav__item:not(.pageBottomNav__item--current):hover, .pageBottomNav__item:not(.pageBottomNav__item--current):focus-visible {
    color: #00a73c;
  }
  .pageBottomNav__item:not(.pageBottomNav__item--current):hover::after, .pageBottomNav__item:not(.pageBottomNav__item--current):focus-visible::after {
    background: center/0.625rem auto no-repeat url("../../assets/images/common/short_arrow_right_wh.svg") #00a73c;
  }
}