@charset "UTF-8";
/* colors */
/* media query */
/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */
hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * 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: 1em; /* 2 */
}

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

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * 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: 1em; /* 2 */
}

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

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

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

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] { /* 1 */
  touch-action: manipulation; /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

html,
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
}

p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

figure {
  margin: 0;
}

ul {
  list-style: none;
  margin: 0;
}

dd {
  margin: 0;
  padding: 0;
}

a,
button {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
a:hover,
button:hover {
  opacity: 0.75;
}

@media screen and (min-width: 768px) {
  .site-main--clp {
    background: #EAF9FF;
  }
  .site-main--nlp {
    background: #EFF5EE;
  }
  .site-main--cform {
    background: #EAF9FF;
  }
  .site-main--nform {
    background: #EFF5EE;
  }
  .site-main--page {
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .site-main--page {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .site-main--page {
    font-size: 1.4rem;
  }
}

.container {
  margin: 0 auto;
  max-width: 1024px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .container {
    padding: 0 12px;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_10 {
    font-size: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_11 {
    font-size: 11px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_12 {
    font-size: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_13 {
    font-size: 13px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_14 {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_15 {
    font-size: 15px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_16 {
    font-size: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_17 {
    font-size: 17px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_18 {
    font-size: 18px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_19 {
    font-size: 19px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_20 {
    font-size: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_21 {
    font-size: 21px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_22 {
    font-size: 22px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_23 {
    font-size: 23px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_24 {
    font-size: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_25 {
    font-size: 25px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_26 {
    font-size: 26px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_27 {
    font-size: 27px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_28 {
    font-size: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_29 {
    font-size: 29px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_30 {
    font-size: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_31 {
    font-size: 31px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_32 {
    font-size: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_33 {
    font-size: 33px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_34 {
    font-size: 34px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_35 {
    font-size: 35px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_36 {
    font-size: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_37 {
    font-size: 37px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_38 {
    font-size: 38px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_39 {
    font-size: 39px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_40 {
    font-size: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_41 {
    font-size: 41px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_42 {
    font-size: 42px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_43 {
    font-size: 43px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_44 {
    font-size: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_45 {
    font-size: 45px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_46 {
    font-size: 46px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_47 {
    font-size: 47px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_48 {
    font-size: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_49 {
    font-size: 49px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_50 {
    font-size: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_51 {
    font-size: 51px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_52 {
    font-size: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_53 {
    font-size: 53px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_54 {
    font-size: 54px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_55 {
    font-size: 55px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_56 {
    font-size: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_57 {
    font-size: 57px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_58 {
    font-size: 58px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_59 {
    font-size: 59px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_60 {
    font-size: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_61 {
    font-size: 61px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_62 {
    font-size: 62px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_63 {
    font-size: 63px !important;
  }
}

@media screen and (min-width: 768px) {
  .fs-pc_64 {
    font-size: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_10 {
    font-size: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_11 {
    font-size: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_12 {
    font-size: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_13 {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_14 {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_15 {
    font-size: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_16 {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_17 {
    font-size: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_18 {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_19 {
    font-size: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_20 {
    font-size: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_21 {
    font-size: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_22 {
    font-size: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_23 {
    font-size: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_24 {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_25 {
    font-size: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_26 {
    font-size: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_27 {
    font-size: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_28 {
    font-size: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_29 {
    font-size: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_30 {
    font-size: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_31 {
    font-size: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_32 {
    font-size: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_33 {
    font-size: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_34 {
    font-size: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_35 {
    font-size: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_36 {
    font-size: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_37 {
    font-size: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_38 {
    font-size: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_39 {
    font-size: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_40 {
    font-size: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_41 {
    font-size: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_42 {
    font-size: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_43 {
    font-size: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_44 {
    font-size: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_45 {
    font-size: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_46 {
    font-size: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_47 {
    font-size: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_48 {
    font-size: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_49 {
    font-size: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_50 {
    font-size: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_51 {
    font-size: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_52 {
    font-size: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_53 {
    font-size: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_54 {
    font-size: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_55 {
    font-size: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_56 {
    font-size: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_57 {
    font-size: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_58 {
    font-size: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_59 {
    font-size: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .fs-sp_60 {
    font-size: 60px !important;
  }
}

.is-text-stroke {
  text-shadow: #fff 2px 0 0, #fff -2px 0 0, #fff 0 2px 0, #fff 0 -2px 0, #fff 2px 2px 0, #fff -2px -2px 0, #fff 2px -2px 0, #fff -2px 2px 0;
}

.is-bold {
  font-weight: 700 !important;
}

.is-black {
  font-weight: 900;
}

@media screen and (max-width: 767px) {
  .is-al_sp {
    text-align: left !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_0 {
    margin-top: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_0 {
    margin-bottom: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_0 {
    margin-right: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_0 {
    margin-left: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_0 {
    padding-top: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_0 {
    padding-bottom: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_0 {
    padding-right: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_0 {
    padding-left: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_0 {
    margin-top: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_0 {
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_0 {
    margin-right: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_0 {
    margin-left: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_0 {
    padding-top: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_0 {
    padding-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_0 {
    padding-right: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_0 {
    padding-left: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_0 {
    gap: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_0 {
    gap: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_4 {
    margin-top: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_4 {
    margin-bottom: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_4 {
    margin-right: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_4 {
    margin-left: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_4 {
    padding-top: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_4 {
    padding-bottom: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_4 {
    padding-right: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_4 {
    padding-left: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_4 {
    margin-top: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_4 {
    margin-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_4 {
    margin-right: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_4 {
    margin-left: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_4 {
    padding-top: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_4 {
    padding-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_4 {
    padding-right: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_4 {
    padding-left: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_4 {
    gap: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_4 {
    gap: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_8 {
    margin-top: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_8 {
    margin-bottom: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_8 {
    margin-right: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_8 {
    margin-left: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_8 {
    padding-top: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_8 {
    padding-bottom: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_8 {
    padding-right: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_8 {
    padding-left: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_8 {
    margin-top: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_8 {
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_8 {
    margin-right: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_8 {
    margin-left: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_8 {
    padding-top: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_8 {
    padding-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_8 {
    padding-right: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_8 {
    padding-left: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_8 {
    gap: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_8 {
    gap: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_12 {
    margin-top: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_12 {
    margin-bottom: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_12 {
    margin-right: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_12 {
    margin-left: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_12 {
    padding-top: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_12 {
    padding-bottom: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_12 {
    padding-right: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_12 {
    padding-left: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_12 {
    margin-top: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_12 {
    margin-bottom: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_12 {
    margin-right: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_12 {
    margin-left: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_12 {
    padding-top: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_12 {
    padding-bottom: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_12 {
    padding-right: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_12 {
    padding-left: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_12 {
    gap: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_12 {
    gap: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_16 {
    margin-top: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_16 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_16 {
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_16 {
    margin-left: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_16 {
    padding-top: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_16 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_16 {
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_16 {
    padding-left: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_16 {
    margin-top: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_16 {
    margin-bottom: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_16 {
    margin-right: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_16 {
    margin-left: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_16 {
    padding-top: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_16 {
    padding-bottom: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_16 {
    padding-right: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_16 {
    padding-left: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_16 {
    gap: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_16 {
    gap: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_20 {
    margin-top: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_20 {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_20 {
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_20 {
    margin-left: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_20 {
    padding-top: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_20 {
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_20 {
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_20 {
    padding-left: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_20 {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_20 {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_20 {
    margin-right: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_20 {
    margin-left: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_20 {
    padding-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_20 {
    padding-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_20 {
    padding-right: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_20 {
    padding-left: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_20 {
    gap: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_20 {
    gap: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_24 {
    margin-top: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_24 {
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_24 {
    margin-right: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_24 {
    margin-left: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_24 {
    padding-top: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_24 {
    padding-bottom: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_24 {
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_24 {
    padding-left: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_24 {
    margin-top: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_24 {
    margin-bottom: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_24 {
    margin-right: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_24 {
    margin-left: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_24 {
    padding-top: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_24 {
    padding-bottom: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_24 {
    padding-right: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_24 {
    padding-left: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_24 {
    gap: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_24 {
    gap: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_28 {
    margin-top: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_28 {
    margin-bottom: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_28 {
    margin-right: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_28 {
    margin-left: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_28 {
    padding-top: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_28 {
    padding-bottom: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_28 {
    padding-right: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_28 {
    padding-left: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_28 {
    margin-top: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_28 {
    margin-bottom: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_28 {
    margin-right: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_28 {
    margin-left: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_28 {
    padding-top: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_28 {
    padding-bottom: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_28 {
    padding-right: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_28 {
    padding-left: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_28 {
    gap: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_28 {
    gap: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_32 {
    margin-top: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_32 {
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_32 {
    margin-right: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_32 {
    margin-left: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_32 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_32 {
    padding-top: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_32 {
    padding-bottom: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_32 {
    padding-right: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_32 {
    padding-left: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_32 {
    margin-top: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_32 {
    margin-bottom: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_32 {
    margin-right: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_32 {
    margin-left: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_32 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_32 {
    padding-top: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_32 {
    padding-bottom: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_32 {
    padding-right: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_32 {
    padding-left: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_32 {
    gap: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_32 {
    gap: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_36 {
    margin-top: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_36 {
    margin-bottom: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_36 {
    margin-right: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_36 {
    margin-left: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_36 {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_36 {
    padding-top: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_36 {
    padding-bottom: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_36 {
    padding-right: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_36 {
    padding-left: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_36 {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_36 {
    margin-top: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_36 {
    margin-bottom: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_36 {
    margin-right: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_36 {
    margin-left: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_36 {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_36 {
    padding-top: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_36 {
    padding-bottom: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_36 {
    padding-right: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_36 {
    padding-left: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_36 {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_36 {
    gap: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_36 {
    gap: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_40 {
    margin-top: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_40 {
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_40 {
    margin-right: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_40 {
    margin-left: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_40 {
    padding-top: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_40 {
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_40 {
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_40 {
    padding-left: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_40 {
    margin-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_40 {
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_40 {
    margin-right: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_40 {
    margin-left: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_40 {
    padding-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_40 {
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_40 {
    padding-right: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_40 {
    padding-left: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_40 {
    gap: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_40 {
    gap: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_44 {
    margin-top: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_44 {
    margin-bottom: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_44 {
    margin-right: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_44 {
    margin-left: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_44 {
    margin-left: 44px !important;
    margin-right: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_44 {
    padding-top: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_44 {
    padding-bottom: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_44 {
    padding-right: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_44 {
    padding-left: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_44 {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_44 {
    margin-top: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_44 {
    margin-bottom: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_44 {
    margin-right: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_44 {
    margin-left: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_44 {
    margin-left: 44px !important;
    margin-right: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_44 {
    padding-top: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_44 {
    padding-bottom: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_44 {
    padding-right: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_44 {
    padding-left: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_44 {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_44 {
    gap: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_44 {
    gap: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_48 {
    margin-top: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_48 {
    margin-bottom: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_48 {
    margin-right: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_48 {
    margin-left: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_48 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_48 {
    padding-top: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_48 {
    padding-bottom: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_48 {
    padding-right: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_48 {
    padding-left: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_48 {
    margin-top: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_48 {
    margin-bottom: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_48 {
    margin-right: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_48 {
    margin-left: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_48 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_48 {
    padding-top: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_48 {
    padding-bottom: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_48 {
    padding-right: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_48 {
    padding-left: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_48 {
    gap: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_48 {
    gap: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_52 {
    margin-top: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_52 {
    margin-bottom: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_52 {
    margin-right: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_52 {
    margin-left: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_52 {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_52 {
    padding-top: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_52 {
    padding-bottom: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_52 {
    padding-right: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_52 {
    padding-left: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_52 {
    padding-left: 52px !important;
    padding-right: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_52 {
    margin-top: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_52 {
    margin-bottom: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_52 {
    margin-right: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_52 {
    margin-left: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_52 {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_52 {
    padding-top: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_52 {
    padding-bottom: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_52 {
    padding-right: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_52 {
    padding-left: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_52 {
    padding-left: 52px !important;
    padding-right: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_52 {
    gap: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_52 {
    gap: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_56 {
    margin-top: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_56 {
    margin-bottom: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_56 {
    margin-right: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_56 {
    margin-left: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_56 {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_56 {
    padding-top: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_56 {
    padding-bottom: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_56 {
    padding-right: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_56 {
    padding-left: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_56 {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_56 {
    margin-top: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_56 {
    margin-bottom: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_56 {
    margin-right: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_56 {
    margin-left: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_56 {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_56 {
    padding-top: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_56 {
    padding-bottom: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_56 {
    padding-right: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_56 {
    padding-left: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_56 {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_56 {
    gap: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_56 {
    gap: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_60 {
    margin-top: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_60 {
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_60 {
    margin-right: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_60 {
    margin-left: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_60 {
    padding-top: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_60 {
    padding-bottom: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_60 {
    padding-right: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_60 {
    padding-left: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_60 {
    margin-top: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_60 {
    margin-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_60 {
    margin-right: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_60 {
    margin-left: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_60 {
    padding-top: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_60 {
    padding-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_60 {
    padding-right: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_60 {
    padding-left: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_60 {
    gap: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_60 {
    gap: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_64 {
    margin-top: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_64 {
    margin-bottom: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_64 {
    margin-right: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_64 {
    margin-left: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_64 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_64 {
    padding-top: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_64 {
    padding-bottom: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_64 {
    padding-right: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_64 {
    padding-left: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_64 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_64 {
    margin-top: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_64 {
    margin-bottom: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_64 {
    margin-right: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_64 {
    margin-left: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_64 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_64 {
    padding-top: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_64 {
    padding-bottom: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_64 {
    padding-right: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_64 {
    padding-left: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_64 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_64 {
    gap: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_64 {
    gap: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_68 {
    margin-top: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_68 {
    margin-bottom: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_68 {
    margin-right: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_68 {
    margin-left: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_68 {
    margin-left: 68px !important;
    margin-right: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_68 {
    padding-top: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_68 {
    padding-bottom: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_68 {
    padding-right: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_68 {
    padding-left: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_68 {
    padding-left: 68px !important;
    padding-right: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_68 {
    margin-top: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_68 {
    margin-bottom: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_68 {
    margin-right: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_68 {
    margin-left: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_68 {
    margin-left: 68px !important;
    margin-right: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_68 {
    padding-top: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_68 {
    padding-bottom: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_68 {
    padding-right: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_68 {
    padding-left: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_68 {
    padding-left: 68px !important;
    padding-right: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_68 {
    gap: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_68 {
    gap: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_72 {
    margin-top: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_72 {
    margin-bottom: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_72 {
    margin-right: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_72 {
    margin-left: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_72 {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_72 {
    padding-top: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_72 {
    padding-bottom: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_72 {
    padding-right: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_72 {
    padding-left: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_72 {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_72 {
    margin-top: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_72 {
    margin-bottom: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_72 {
    margin-right: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_72 {
    margin-left: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_72 {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_72 {
    padding-top: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_72 {
    padding-bottom: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_72 {
    padding-right: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_72 {
    padding-left: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_72 {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_72 {
    gap: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_72 {
    gap: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_76 {
    margin-top: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_76 {
    margin-bottom: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_76 {
    margin-right: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_76 {
    margin-left: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_76 {
    margin-left: 76px !important;
    margin-right: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_76 {
    padding-top: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_76 {
    padding-bottom: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_76 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_76 {
    padding-right: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_76 {
    padding-left: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_76 {
    padding-left: 76px !important;
    padding-right: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_76 {
    margin-top: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_76 {
    margin-bottom: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_76 {
    margin-right: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_76 {
    margin-left: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_76 {
    margin-left: 76px !important;
    margin-right: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_76 {
    padding-top: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_76 {
    padding-bottom: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_76 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_76 {
    padding-right: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_76 {
    padding-left: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_76 {
    padding-left: 76px !important;
    padding-right: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_76 {
    gap: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_76 {
    gap: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_80 {
    margin-top: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_80 {
    margin-bottom: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_80 {
    margin-right: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_80 {
    margin-left: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_80 {
    padding-top: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_80 {
    padding-bottom: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_80 {
    padding-right: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_80 {
    padding-left: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_80 {
    margin-top: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_80 {
    margin-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_80 {
    margin-right: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_80 {
    margin-left: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_80 {
    padding-top: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_80 {
    padding-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_80 {
    padding-right: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_80 {
    padding-left: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_80 {
    gap: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_80 {
    gap: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_84 {
    margin-top: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_84 {
    margin-bottom: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_84 {
    margin-right: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_84 {
    margin-left: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_84 {
    margin-left: 84px !important;
    margin-right: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_84 {
    padding-top: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_84 {
    padding-bottom: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_84 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_84 {
    padding-right: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_84 {
    padding-left: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_84 {
    padding-left: 84px !important;
    padding-right: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_84 {
    margin-top: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_84 {
    margin-bottom: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_84 {
    margin-right: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_84 {
    margin-left: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_84 {
    margin-left: 84px !important;
    margin-right: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_84 {
    padding-top: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_84 {
    padding-bottom: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_84 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_84 {
    padding-right: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_84 {
    padding-left: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_84 {
    padding-left: 84px !important;
    padding-right: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_84 {
    gap: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_84 {
    gap: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_88 {
    margin-top: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_88 {
    margin-bottom: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_88 {
    margin-right: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_88 {
    margin-left: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_88 {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_88 {
    padding-top: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_88 {
    padding-bottom: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_88 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_88 {
    padding-right: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_88 {
    padding-left: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_88 {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_88 {
    margin-top: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_88 {
    margin-bottom: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_88 {
    margin-right: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_88 {
    margin-left: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_88 {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_88 {
    padding-top: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_88 {
    padding-bottom: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_88 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_88 {
    padding-right: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_88 {
    padding-left: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_88 {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_88 {
    gap: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_88 {
    gap: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_92 {
    margin-top: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_92 {
    margin-bottom: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_92 {
    margin-right: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_92 {
    margin-left: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_92 {
    margin-left: 92px !important;
    margin-right: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_92 {
    padding-top: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_92 {
    padding-bottom: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_92 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_92 {
    padding-right: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_92 {
    padding-left: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_92 {
    padding-left: 92px !important;
    padding-right: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_92 {
    margin-top: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_92 {
    margin-bottom: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_92 {
    margin-right: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_92 {
    margin-left: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_92 {
    margin-left: 92px !important;
    margin-right: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_92 {
    padding-top: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_92 {
    padding-bottom: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_92 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_92 {
    padding-right: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_92 {
    padding-left: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_92 {
    padding-left: 92px !important;
    padding-right: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_92 {
    gap: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_92 {
    gap: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_96 {
    margin-top: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_96 {
    margin-bottom: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_96 {
    margin-right: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_96 {
    margin-left: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_96 {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_96 {
    padding-top: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_96 {
    padding-bottom: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_96 {
    padding-right: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_96 {
    padding-left: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_96 {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_96 {
    margin-top: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_96 {
    margin-bottom: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_96 {
    margin-right: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_96 {
    margin-left: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_96 {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_96 {
    padding-top: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_96 {
    padding-bottom: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_96 {
    padding-right: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_96 {
    padding-left: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_96 {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_96 {
    gap: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_96 {
    gap: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_100 {
    margin-top: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_100 {
    margin-bottom: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_100 {
    margin-right: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_100 {
    margin-left: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_100 {
    padding-top: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_100 {
    padding-bottom: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_100 {
    padding-right: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_100 {
    padding-left: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_100 {
    margin-top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_100 {
    margin-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_100 {
    margin-right: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_100 {
    margin-left: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_100 {
    padding-top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_100 {
    padding-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_100 {
    padding-right: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_100 {
    padding-left: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_100 {
    gap: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_100 {
    gap: 100px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_104 {
    margin-top: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_104 {
    margin-bottom: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_104 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_104 {
    margin-right: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_104 {
    margin-left: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_104 {
    margin-left: 104px !important;
    margin-right: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_104 {
    padding-top: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_104 {
    padding-bottom: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_104 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_104 {
    padding-right: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_104 {
    padding-left: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_104 {
    padding-left: 104px !important;
    padding-right: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_104 {
    margin-top: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_104 {
    margin-bottom: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_104 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_104 {
    margin-right: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_104 {
    margin-left: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_104 {
    margin-left: 104px !important;
    margin-right: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_104 {
    padding-top: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_104 {
    padding-bottom: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_104 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_104 {
    padding-right: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_104 {
    padding-left: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_104 {
    padding-left: 104px !important;
    padding-right: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_104 {
    gap: 104px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_104 {
    gap: 104px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_108 {
    margin-top: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_108 {
    margin-bottom: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_108 {
    margin-top: 108px !important;
    margin-bottom: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_108 {
    margin-right: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_108 {
    margin-left: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_108 {
    margin-left: 108px !important;
    margin-right: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_108 {
    padding-top: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_108 {
    padding-bottom: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_108 {
    padding-top: 108px !important;
    padding-bottom: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_108 {
    padding-right: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_108 {
    padding-left: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_108 {
    padding-left: 108px !important;
    padding-right: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_108 {
    margin-top: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_108 {
    margin-bottom: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_108 {
    margin-top: 108px !important;
    margin-bottom: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_108 {
    margin-right: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_108 {
    margin-left: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_108 {
    margin-left: 108px !important;
    margin-right: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_108 {
    padding-top: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_108 {
    padding-bottom: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_108 {
    padding-top: 108px !important;
    padding-bottom: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_108 {
    padding-right: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_108 {
    padding-left: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_108 {
    padding-left: 108px !important;
    padding-right: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_108 {
    gap: 108px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_108 {
    gap: 108px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_112 {
    margin-top: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_112 {
    margin-bottom: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_112 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_112 {
    margin-right: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_112 {
    margin-left: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_112 {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_112 {
    padding-top: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_112 {
    padding-bottom: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_112 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_112 {
    padding-right: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_112 {
    padding-left: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_112 {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_112 {
    margin-top: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_112 {
    margin-bottom: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_112 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_112 {
    margin-right: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_112 {
    margin-left: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_112 {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_112 {
    padding-top: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_112 {
    padding-bottom: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_112 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_112 {
    padding-right: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_112 {
    padding-left: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_112 {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_112 {
    gap: 112px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_112 {
    gap: 112px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_116 {
    margin-top: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_116 {
    margin-bottom: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_116 {
    margin-top: 116px !important;
    margin-bottom: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_116 {
    margin-right: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_116 {
    margin-left: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_116 {
    margin-left: 116px !important;
    margin-right: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_116 {
    padding-top: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_116 {
    padding-bottom: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_116 {
    padding-top: 116px !important;
    padding-bottom: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_116 {
    padding-right: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_116 {
    padding-left: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_116 {
    padding-left: 116px !important;
    padding-right: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_116 {
    margin-top: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_116 {
    margin-bottom: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_116 {
    margin-top: 116px !important;
    margin-bottom: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_116 {
    margin-right: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_116 {
    margin-left: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_116 {
    margin-left: 116px !important;
    margin-right: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_116 {
    padding-top: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_116 {
    padding-bottom: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_116 {
    padding-top: 116px !important;
    padding-bottom: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_116 {
    padding-right: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_116 {
    padding-left: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_116 {
    padding-left: 116px !important;
    padding-right: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_116 {
    gap: 116px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_116 {
    gap: 116px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_120 {
    margin-top: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_120 {
    margin-bottom: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_120 {
    margin-right: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_120 {
    margin-left: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_120 {
    padding-top: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_120 {
    padding-bottom: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_120 {
    padding-right: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_120 {
    padding-left: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_120 {
    margin-top: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_120 {
    margin-bottom: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_120 {
    margin-right: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_120 {
    margin-left: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_120 {
    padding-top: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_120 {
    padding-bottom: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_120 {
    padding-right: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_120 {
    padding-left: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_120 {
    gap: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_120 {
    gap: 120px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_124 {
    margin-top: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_124 {
    margin-bottom: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_124 {
    margin-top: 124px !important;
    margin-bottom: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_124 {
    margin-right: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_124 {
    margin-left: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_124 {
    margin-left: 124px !important;
    margin-right: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_124 {
    padding-top: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_124 {
    padding-bottom: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_124 {
    padding-top: 124px !important;
    padding-bottom: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_124 {
    padding-right: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_124 {
    padding-left: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_124 {
    padding-left: 124px !important;
    padding-right: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_124 {
    margin-top: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_124 {
    margin-bottom: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_124 {
    margin-top: 124px !important;
    margin-bottom: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_124 {
    margin-right: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_124 {
    margin-left: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_124 {
    margin-left: 124px !important;
    margin-right: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_124 {
    padding-top: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_124 {
    padding-bottom: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_124 {
    padding-top: 124px !important;
    padding-bottom: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_124 {
    padding-right: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_124 {
    padding-left: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_124 {
    padding-left: 124px !important;
    padding-right: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_124 {
    gap: 124px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_124 {
    gap: 124px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_128 {
    margin-top: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_128 {
    margin-bottom: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_128 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_128 {
    margin-right: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_128 {
    margin-left: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_128 {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_128 {
    padding-top: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_128 {
    padding-bottom: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_128 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_128 {
    padding-right: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_128 {
    padding-left: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_128 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_128 {
    margin-top: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_128 {
    margin-bottom: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_128 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_128 {
    margin-right: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_128 {
    margin-left: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_128 {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_128 {
    padding-top: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_128 {
    padding-bottom: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_128 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_128 {
    padding-right: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_128 {
    padding-left: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_128 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_128 {
    gap: 128px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_128 {
    gap: 128px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_132 {
    margin-top: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_132 {
    margin-bottom: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_132 {
    margin-top: 132px !important;
    margin-bottom: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_132 {
    margin-right: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_132 {
    margin-left: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_132 {
    margin-left: 132px !important;
    margin-right: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_132 {
    padding-top: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_132 {
    padding-bottom: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_132 {
    padding-top: 132px !important;
    padding-bottom: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_132 {
    padding-right: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_132 {
    padding-left: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_132 {
    padding-left: 132px !important;
    padding-right: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_132 {
    margin-top: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_132 {
    margin-bottom: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_132 {
    margin-top: 132px !important;
    margin-bottom: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_132 {
    margin-right: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_132 {
    margin-left: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_132 {
    margin-left: 132px !important;
    margin-right: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_132 {
    padding-top: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_132 {
    padding-bottom: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_132 {
    padding-top: 132px !important;
    padding-bottom: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_132 {
    padding-right: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_132 {
    padding-left: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_132 {
    padding-left: 132px !important;
    padding-right: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_132 {
    gap: 132px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_132 {
    gap: 132px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_136 {
    margin-top: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_136 {
    margin-bottom: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_136 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_136 {
    margin-right: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_136 {
    margin-left: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_136 {
    margin-left: 136px !important;
    margin-right: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_136 {
    padding-top: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_136 {
    padding-bottom: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_136 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_136 {
    padding-right: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_136 {
    padding-left: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_136 {
    padding-left: 136px !important;
    padding-right: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_136 {
    margin-top: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_136 {
    margin-bottom: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_136 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_136 {
    margin-right: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_136 {
    margin-left: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_136 {
    margin-left: 136px !important;
    margin-right: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_136 {
    padding-top: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_136 {
    padding-bottom: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_136 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_136 {
    padding-right: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_136 {
    padding-left: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_136 {
    padding-left: 136px !important;
    padding-right: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_136 {
    gap: 136px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_136 {
    gap: 136px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_140 {
    margin-top: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_140 {
    margin-bottom: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_140 {
    margin-right: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_140 {
    margin-left: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_140 {
    padding-top: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_140 {
    padding-bottom: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_140 {
    padding-right: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_140 {
    padding-left: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_140 {
    margin-top: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_140 {
    margin-bottom: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_140 {
    margin-right: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_140 {
    margin-left: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_140 {
    padding-top: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_140 {
    padding-bottom: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_140 {
    padding-right: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_140 {
    padding-left: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_140 {
    gap: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_140 {
    gap: 140px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_144 {
    margin-top: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_144 {
    margin-bottom: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_144 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_144 {
    margin-right: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_144 {
    margin-left: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_144 {
    margin-left: 144px !important;
    margin-right: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_144 {
    padding-top: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_144 {
    padding-bottom: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_144 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_144 {
    padding-right: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_144 {
    padding-left: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_144 {
    padding-left: 144px !important;
    padding-right: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_144 {
    margin-top: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_144 {
    margin-bottom: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_144 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_144 {
    margin-right: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_144 {
    margin-left: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_144 {
    margin-left: 144px !important;
    margin-right: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_144 {
    padding-top: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_144 {
    padding-bottom: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_144 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_144 {
    padding-right: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_144 {
    padding-left: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_144 {
    padding-left: 144px !important;
    padding-right: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_144 {
    gap: 144px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_144 {
    gap: 144px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_148 {
    margin-top: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_148 {
    margin-bottom: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_148 {
    margin-top: 148px !important;
    margin-bottom: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_148 {
    margin-right: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_148 {
    margin-left: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_148 {
    margin-left: 148px !important;
    margin-right: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_148 {
    padding-top: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_148 {
    padding-bottom: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_148 {
    padding-top: 148px !important;
    padding-bottom: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_148 {
    padding-right: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_148 {
    padding-left: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_148 {
    padding-left: 148px !important;
    padding-right: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_148 {
    margin-top: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_148 {
    margin-bottom: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_148 {
    margin-top: 148px !important;
    margin-bottom: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_148 {
    margin-right: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_148 {
    margin-left: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_148 {
    margin-left: 148px !important;
    margin-right: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_148 {
    padding-top: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_148 {
    padding-bottom: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_148 {
    padding-top: 148px !important;
    padding-bottom: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_148 {
    padding-right: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_148 {
    padding-left: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_148 {
    padding-left: 148px !important;
    padding-right: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_148 {
    gap: 148px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_148 {
    gap: 148px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_152 {
    margin-top: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_152 {
    margin-bottom: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_152 {
    margin-top: 152px !important;
    margin-bottom: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_152 {
    margin-right: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_152 {
    margin-left: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_152 {
    margin-left: 152px !important;
    margin-right: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_152 {
    padding-top: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_152 {
    padding-bottom: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_152 {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_152 {
    padding-right: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_152 {
    padding-left: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_152 {
    padding-left: 152px !important;
    padding-right: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_152 {
    margin-top: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_152 {
    margin-bottom: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_152 {
    margin-top: 152px !important;
    margin-bottom: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_152 {
    margin-right: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_152 {
    margin-left: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_152 {
    margin-left: 152px !important;
    margin-right: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_152 {
    padding-top: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_152 {
    padding-bottom: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_152 {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_152 {
    padding-right: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_152 {
    padding-left: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_152 {
    padding-left: 152px !important;
    padding-right: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_152 {
    gap: 152px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_152 {
    gap: 152px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_156 {
    margin-top: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_156 {
    margin-bottom: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_156 {
    margin-top: 156px !important;
    margin-bottom: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_156 {
    margin-right: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_156 {
    margin-left: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_156 {
    margin-left: 156px !important;
    margin-right: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_156 {
    padding-top: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_156 {
    padding-bottom: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_156 {
    padding-top: 156px !important;
    padding-bottom: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_156 {
    padding-right: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_156 {
    padding-left: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_156 {
    padding-left: 156px !important;
    padding-right: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_156 {
    margin-top: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_156 {
    margin-bottom: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_156 {
    margin-top: 156px !important;
    margin-bottom: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_156 {
    margin-right: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_156 {
    margin-left: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_156 {
    margin-left: 156px !important;
    margin-right: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_156 {
    padding-top: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_156 {
    padding-bottom: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_156 {
    padding-top: 156px !important;
    padding-bottom: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_156 {
    padding-right: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_156 {
    padding-left: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_156 {
    padding-left: 156px !important;
    padding-right: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_156 {
    gap: 156px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_156 {
    gap: 156px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_160 {
    margin-top: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_160 {
    margin-bottom: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_160 {
    margin-right: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_160 {
    margin-left: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_160 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_160 {
    padding-top: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_160 {
    padding-bottom: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_160 {
    padding-right: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_160 {
    padding-left: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_160 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_160 {
    margin-top: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_160 {
    margin-bottom: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_160 {
    margin-right: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_160 {
    margin-left: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_160 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_160 {
    padding-top: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_160 {
    padding-bottom: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_160 {
    padding-right: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_160 {
    padding-left: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_160 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_160 {
    gap: 160px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_160 {
    gap: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_164 {
    margin-top: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_164 {
    margin-bottom: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_164 {
    margin-top: 164px !important;
    margin-bottom: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_164 {
    margin-right: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_164 {
    margin-left: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_164 {
    margin-left: 164px !important;
    margin-right: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_164 {
    padding-top: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_164 {
    padding-bottom: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_164 {
    padding-top: 164px !important;
    padding-bottom: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_164 {
    padding-right: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_164 {
    padding-left: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_164 {
    padding-left: 164px !important;
    padding-right: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_164 {
    margin-top: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_164 {
    margin-bottom: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_164 {
    margin-top: 164px !important;
    margin-bottom: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_164 {
    margin-right: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_164 {
    margin-left: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_164 {
    margin-left: 164px !important;
    margin-right: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_164 {
    padding-top: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_164 {
    padding-bottom: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_164 {
    padding-top: 164px !important;
    padding-bottom: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_164 {
    padding-right: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_164 {
    padding-left: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_164 {
    padding-left: 164px !important;
    padding-right: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_164 {
    gap: 164px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_164 {
    gap: 164px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_168 {
    margin-top: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_168 {
    margin-bottom: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_168 {
    margin-top: 168px !important;
    margin-bottom: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_168 {
    margin-right: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_168 {
    margin-left: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_168 {
    margin-left: 168px !important;
    margin-right: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_168 {
    padding-top: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_168 {
    padding-bottom: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_168 {
    padding-top: 168px !important;
    padding-bottom: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_168 {
    padding-right: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_168 {
    padding-left: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_168 {
    padding-left: 168px !important;
    padding-right: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_168 {
    margin-top: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_168 {
    margin-bottom: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_168 {
    margin-top: 168px !important;
    margin-bottom: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_168 {
    margin-right: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_168 {
    margin-left: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_168 {
    margin-left: 168px !important;
    margin-right: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_168 {
    padding-top: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_168 {
    padding-bottom: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_168 {
    padding-top: 168px !important;
    padding-bottom: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_168 {
    padding-right: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_168 {
    padding-left: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_168 {
    padding-left: 168px !important;
    padding-right: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_168 {
    gap: 168px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_168 {
    gap: 168px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_172 {
    margin-top: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_172 {
    margin-bottom: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_172 {
    margin-top: 172px !important;
    margin-bottom: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_172 {
    margin-right: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_172 {
    margin-left: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_172 {
    margin-left: 172px !important;
    margin-right: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_172 {
    padding-top: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_172 {
    padding-bottom: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_172 {
    padding-top: 172px !important;
    padding-bottom: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_172 {
    padding-right: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_172 {
    padding-left: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_172 {
    padding-left: 172px !important;
    padding-right: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_172 {
    margin-top: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_172 {
    margin-bottom: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_172 {
    margin-top: 172px !important;
    margin-bottom: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_172 {
    margin-right: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_172 {
    margin-left: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_172 {
    margin-left: 172px !important;
    margin-right: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_172 {
    padding-top: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_172 {
    padding-bottom: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_172 {
    padding-top: 172px !important;
    padding-bottom: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_172 {
    padding-right: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_172 {
    padding-left: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_172 {
    padding-left: 172px !important;
    padding-right: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_172 {
    gap: 172px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_172 {
    gap: 172px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_176 {
    margin-top: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_176 {
    margin-bottom: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_176 {
    margin-top: 176px !important;
    margin-bottom: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_176 {
    margin-right: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_176 {
    margin-left: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_176 {
    margin-left: 176px !important;
    margin-right: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_176 {
    padding-top: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_176 {
    padding-bottom: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_176 {
    padding-top: 176px !important;
    padding-bottom: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_176 {
    padding-right: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_176 {
    padding-left: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_176 {
    padding-left: 176px !important;
    padding-right: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_176 {
    margin-top: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_176 {
    margin-bottom: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_176 {
    margin-top: 176px !important;
    margin-bottom: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_176 {
    margin-right: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_176 {
    margin-left: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_176 {
    margin-left: 176px !important;
    margin-right: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_176 {
    padding-top: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_176 {
    padding-bottom: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_176 {
    padding-top: 176px !important;
    padding-bottom: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_176 {
    padding-right: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_176 {
    padding-left: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_176 {
    padding-left: 176px !important;
    padding-right: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_176 {
    gap: 176px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_176 {
    gap: 176px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_180 {
    margin-top: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_180 {
    margin-bottom: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_180 {
    margin-right: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_180 {
    margin-left: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_180 {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_180 {
    padding-top: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_180 {
    padding-bottom: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_180 {
    padding-right: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_180 {
    padding-left: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_180 {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_180 {
    margin-top: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_180 {
    margin-bottom: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_180 {
    margin-right: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_180 {
    margin-left: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_180 {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_180 {
    padding-top: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_180 {
    padding-bottom: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_180 {
    padding-right: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_180 {
    padding-left: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_180 {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_180 {
    gap: 180px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_180 {
    gap: 180px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_184 {
    margin-top: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_184 {
    margin-bottom: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_184 {
    margin-top: 184px !important;
    margin-bottom: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_184 {
    margin-right: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_184 {
    margin-left: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_184 {
    margin-left: 184px !important;
    margin-right: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_184 {
    padding-top: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_184 {
    padding-bottom: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_184 {
    padding-top: 184px !important;
    padding-bottom: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_184 {
    padding-right: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_184 {
    padding-left: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_184 {
    padding-left: 184px !important;
    padding-right: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_184 {
    margin-top: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_184 {
    margin-bottom: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_184 {
    margin-top: 184px !important;
    margin-bottom: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_184 {
    margin-right: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_184 {
    margin-left: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_184 {
    margin-left: 184px !important;
    margin-right: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_184 {
    padding-top: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_184 {
    padding-bottom: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_184 {
    padding-top: 184px !important;
    padding-bottom: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_184 {
    padding-right: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_184 {
    padding-left: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_184 {
    padding-left: 184px !important;
    padding-right: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_184 {
    gap: 184px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_184 {
    gap: 184px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_188 {
    margin-top: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_188 {
    margin-bottom: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_188 {
    margin-top: 188px !important;
    margin-bottom: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_188 {
    margin-right: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_188 {
    margin-left: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_188 {
    margin-left: 188px !important;
    margin-right: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_188 {
    padding-top: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_188 {
    padding-bottom: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_188 {
    padding-top: 188px !important;
    padding-bottom: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_188 {
    padding-right: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_188 {
    padding-left: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_188 {
    padding-left: 188px !important;
    padding-right: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_188 {
    margin-top: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_188 {
    margin-bottom: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_188 {
    margin-top: 188px !important;
    margin-bottom: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_188 {
    margin-right: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_188 {
    margin-left: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_188 {
    margin-left: 188px !important;
    margin-right: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_188 {
    padding-top: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_188 {
    padding-bottom: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_188 {
    padding-top: 188px !important;
    padding-bottom: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_188 {
    padding-right: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_188 {
    padding-left: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_188 {
    padding-left: 188px !important;
    padding-right: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_188 {
    gap: 188px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_188 {
    gap: 188px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_192 {
    margin-top: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_192 {
    margin-bottom: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_192 {
    margin-top: 192px !important;
    margin-bottom: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_192 {
    margin-right: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_192 {
    margin-left: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_192 {
    margin-left: 192px !important;
    margin-right: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_192 {
    padding-top: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_192 {
    padding-bottom: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_192 {
    padding-top: 192px !important;
    padding-bottom: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_192 {
    padding-right: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_192 {
    padding-left: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_192 {
    padding-left: 192px !important;
    padding-right: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_192 {
    margin-top: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_192 {
    margin-bottom: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_192 {
    margin-top: 192px !important;
    margin-bottom: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_192 {
    margin-right: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_192 {
    margin-left: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_192 {
    margin-left: 192px !important;
    margin-right: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_192 {
    padding-top: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_192 {
    padding-bottom: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_192 {
    padding-top: 192px !important;
    padding-bottom: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_192 {
    padding-right: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_192 {
    padding-left: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_192 {
    padding-left: 192px !important;
    padding-right: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_192 {
    gap: 192px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_192 {
    gap: 192px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_196 {
    margin-top: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_196 {
    margin-bottom: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_196 {
    margin-top: 196px !important;
    margin-bottom: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_196 {
    margin-right: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_196 {
    margin-left: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_196 {
    margin-left: 196px !important;
    margin-right: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_196 {
    padding-top: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_196 {
    padding-bottom: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_196 {
    padding-top: 196px !important;
    padding-bottom: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_196 {
    padding-right: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_196 {
    padding-left: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_196 {
    padding-left: 196px !important;
    padding-right: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_196 {
    margin-top: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_196 {
    margin-bottom: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_196 {
    margin-top: 196px !important;
    margin-bottom: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_196 {
    margin-right: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_196 {
    margin-left: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_196 {
    margin-left: 196px !important;
    margin-right: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_196 {
    padding-top: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_196 {
    padding-bottom: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_196 {
    padding-top: 196px !important;
    padding-bottom: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_196 {
    padding-right: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_196 {
    padding-left: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_196 {
    padding-left: 196px !important;
    padding-right: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_196 {
    gap: 196px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_196 {
    gap: 196px !important;
  }
}

@media screen and (min-width: 768px) {
  .mt-pc_200 {
    margin-top: 200px !important;
  }
}

@media screen and (min-width: 768px) {
  .mb-pc_200 {
    margin-bottom: 200px !important;
  }
}

@media screen and (min-width: 768px) {
  .my-pc_200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
}

@media screen and (min-width: 768px) {
  .mr-pc_200 {
    margin-right: 200px !important;
  }
}

@media screen and (min-width: 768px) {
  .ml-pc_200 {
    margin-left: 200px !important;
  }
}

@media screen and (min-width: 768px) {
  .mx-pc_200 {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }
}

@media screen and (min-width: 768px) {
  .pt-pc_200 {
    padding-top: 200px !important;
  }
}

@media screen and (min-width: 768px) {
  .pb-pc_200 {
    padding-bottom: 200px !important;
  }
}

@media screen and (min-width: 768px) {
  .py-pc_200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
}

@media screen and (min-width: 768px) {
  .pr-pc_200 {
    padding-right: 200px !important;
  }
}

@media screen and (min-width: 768px) {
  .pl-pc_200 {
    padding-left: 200px !important;
  }
}

@media screen and (min-width: 768px) {
  .px-pc_200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt-sp_200 {
    margin-top: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb-sp_200 {
    margin-bottom: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .my-sp_200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .mr-sp_200 {
    margin-right: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .ml-sp_200 {
    margin-left: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .mx-sp_200 {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt-sp_200 {
    padding-top: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb-sp_200 {
    padding-bottom: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .py-sp_200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .pr-sp_200 {
    padding-right: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .pl-sp_200 {
    padding-left: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .px-sp_200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
}

@media screen and (min-width: 768px) {
  .gap-pc_200 {
    gap: 200px !important;
  }
}

@media screen and (max-width: 767px) {
  .gap-sp_200 {
    gap: 200px !important;
  }
}

.is-note {
  margin: 0;
  padding: 0;
}
.is-note > li::before {
  content: "※";
}

@media screen and (min-width: 768px) {
  .no-br br:not(.no-hide) {
    display: none;
  }
}

.align-center {
  text-align: center;
}

.header {
  background: #fff;
  height: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 max(12px, (100dvw - 1024px) / 2);
}

.header__sub-copy {
  font-weight: 900;
  text-align: center;
  color: #FF5400;
  margin: 0;
  font-size: 1rem;
  line-height: 1;
  font-size: 10px;
}
.header__sub-copy > span {
  font-size: 12px;
  display: block;
}
.header__sub-copy > span > strong {
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .footer--clp {
    background: #EAF9FF;
  }
  .footer--nlp {
    background: #EFF5EE;
  }
}

.footer__nav {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .footer__nav {
    width: 100%;
    max-width: 1024px;
    padding: 30px 0 60px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .footer__nav {
    padding: 20px 12px;
  }
}

.footer__nav__menu {
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 12px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  flex-wrap: wrap;
  display: flex;
}
@media screen and (min-width: 768px) {
  .footer__nav__menu {
    width: 86%;
    max-width: 880px;
    gap: 0 60px;
    margin: 0 auto;
    padding: 18px 0;
  }
}
@media screen and (max-width: 767px) {
  .footer__nav__menu {
    gap: 16px 40px;
    padding: 24px 0;
  }
}
.footer--clp .footer__nav__menu {
  background: #EAF4FF;
}
.footer--nlp .footer__nav__menu {
  background: #EEF7E5;
}

.footer__copyright {
  font-size: 14px;
  padding: 15px 0 30px;
  text-align: center;
}
.footer__copyright > p {
  margin: 0;
}
.footer--clp .footer__copyright {
  background: #212EBD;
  color: #fff;
}
.footer--nlp .footer__copyright {
  background: #54A61C;
  color: #fff;
}

.lp {
  background: #fff;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
.lp > section {
  margin: 0;
}
.lp img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.lp h2 {
  font-weight: 800;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .lp h2 {
    padding: 14px 0;
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .lp h2 {
    padding: 10px 0;
    font-size: 16px;
  }
}
.lp h2.is-bold {
  font-weight: 700;
}
.lp h3 {
  font-weight: 800;
  line-height: 1.1;
}
@media screen and (min-width: 768px) {
  .lp h3 {
    font-size: 24px;
    padding: 16px 0;
  }
}
@media screen and (max-width: 767px) {
  .lp h3 {
    font-size: 20px;
    padding: 10px 0;
  }
}
.lp .check-list {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .lp .check-list {
    margin: 18px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .lp .check-list {
    margin: 12px 0 0;
  }
}
.lp .check-list > li {
  background: #FEF5CC url(./img/ico-check.svg) no-repeat center;
  color: #FF5400;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lp .check-list > li + li {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .lp .check-list > li + li {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .lp .check-list > li {
    padding: 20px 20px 20px 50px;
    font-size: 22px;
    background-position-x: 20px;
    background-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .lp .check-list > li {
    padding: 12px 0;
    font-size: 20px;
    background-position-x: 10px;
    background-size: 22px;
  }
}
.lp .has-arrow {
  position: relative;
}
.lp .has-arrow::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-color: #fef5cc transparent transparent transparent;
  left: 50%;
  bottom: 10px;
  transform: translate(-50%, 100%);
  border-style: solid;
}
@media screen and (min-width: 768px) {
  .lp .has-arrow::after {
    border-width: 29px 33px 0px 33px;
  }
}
@media screen and (max-width: 767px) {
  .lp .has-arrow::after {
    border-width: 25px 24px 0px 24px;
  }
}
.lp .has-arrow--white::after {
  border-color: #fff transparent transparent transparent;
}
.lp .cta-wrap {
  border-radius: 10px;
  overflow: clip;
}
@media screen and (min-width: 768px) {
  .lp .cta-wrap {
    margin: 0 auto;
    max-width: 880px;
  }
}
.site-main--clp .lp .cta-wrap {
  border: 1px solid #0066FF;
}
.site-main--nlp .lp .cta-wrap {
  border: 1px solid #54A61C;
}
.lp .cta-wrap h3 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lp .cta-wrap h3 {
    font-size: 20px;
    padding: 8px 0;
  }
}
@media screen and (min-width: 768px) {
  .lp .cta-wrap .cont {
    padding: 34px 100px 30px;
  }
}
@media screen and (max-width: 767px) {
  .lp .cta-wrap .cont {
    padding: 32px 10px 20px;
  }
}
@media screen and (min-width: 768px) {
  .lp .wp-block-buttons {
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .site-main--clp .lp .wp-block-buttons .wp-block-button {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .site-main--clp .lp .wp-block-buttons .wp-block-button {
    width: calc(50% - 4px);
  }
}
.site-main--nlp .lp .wp-block-buttons .wp-block-button {
  width: 100%;
}
.lp .wp-block-buttons .wp-block-button .wp-block-button__link {
  border-radius: 10px;
}
.lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background: #fff;
}
.lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link mark {
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
    font-size: 20px;
  }
  .lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link mark {
    font-size: 24px;
  }
  .lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
    text-align: center;
  }
  .site-main--clp .lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
    font-size: 16px;
    padding: 12px 0;
  }
  .site-main--clp .lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link mark {
    font-size: 18px;
  }
  .site-main--nlp .lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
    font-size: 18px;
    padding: 14px 0;
  }
  .site-main--nlp .lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link mark {
    font-size: 22px;
  }
}
.site-main--clp .lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid #FF7400;
  padding: 28px 0;
}
.site-main--nlp .lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid #2B8711;
  background-repeat: no-repeat;
  background-image: url(./img/ico_chevron_right_lp2.svg);
  height: 70px;
}
@media screen and (min-width: 768px) {
  .site-main--nlp .lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
    background-position: calc(100% - 27px) center;
    background-size: 21px auto;
  }
}
@media screen and (max-width: 767px) {
  .site-main--nlp .lp .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link {
    background-position: calc(100% - 16px) center;
    background-size: 17px auto;
  }
}

.lp__main-button {
  background: #F7741A url(./img/ico-arrow.svg) no-repeat;
  background-position-y: center;
  border-radius: 10px;
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 800;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  line-height: 1;
  position: relative;
  height: 90px;
  background-size: 36px;
}
@media screen and (min-width: 768px) {
  .lp__main-button {
    margin: 0 0 15px;
    font-size: 28px;
    background-position-x: 93%;
    padding-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  .lp__main-button {
    margin: 0 auto 18px;
    font-size: 27px;
    background-position-x: calc(100% - 9px);
    height: 90px;
    padding-right: 50px;
    padding-top: 32px;
  }
}
.lp__main-button .micro-copy {
  position: absolute;
  top: -14px;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
  border: 1px solid #FF7400;
  border-radius: 5px;
  padding: 4px 5px 6px 10px;
  color: #C80000;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background: linear-gradient(0deg, #FFE600 0%, #FFFBD7 100%);
  font-size: 22px;
}

@media screen and (min-width: 768px) {
  .lp__logo {
    padding: 18px 10px;
  }
}
@media screen and (max-width: 767px) {
  .lp__logo {
    padding: 8px 10px;
  }
}
.site-main--clp .lp__logo {
  background: #D9D9D9;
}
.site-main--nlp .lp__logo {
  background: #E5F4D5;
}

@media screen and (min-width: 768px) {
  .lp__logo__img {
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .lp__logo__img {
    padding: 0 5px;
  }
}

.lp__star {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.lp__star__score {
  position: relative;
  top: 0;
  left: 0;
  overflow: clip;
  white-space: nowrap;
  color: #FFAD02;
  z-index: 1;
}
.lp__star__score--shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  color: #D9D9D9;
  z-index: 0;
  width: 100%;
}

.lp__star__score--0 {
  clip-path: inset(0 calc(100% - 0%) 0 0);
}

.lp__star__score--1 {
  clip-path: inset(0 calc(100% - 2%) 0 0);
}

.lp__star__score--2 {
  clip-path: inset(0 calc(100% - 4%) 0 0);
}

.lp__star__score--3 {
  clip-path: inset(0 calc(100% - 6%) 0 0);
}

.lp__star__score--4 {
  clip-path: inset(0 calc(100% - 8%) 0 0);
}

.lp__star__score--5 {
  clip-path: inset(0 calc(100% - 10%) 0 0);
}

.lp__star__score--6 {
  clip-path: inset(0 calc(100% - 12%) 0 0);
}

.lp__star__score--7 {
  clip-path: inset(0 calc(100% - 14%) 0 0);
}

.lp__star__score--8 {
  clip-path: inset(0 calc(100% - 16%) 0 0);
}

.lp__star__score--9 {
  clip-path: inset(0 calc(100% - 18%) 0 0);
}

.lp__star__score--10 {
  clip-path: inset(0 calc(100% - 20%) 0 0);
}

.lp__star__score--11 {
  clip-path: inset(0 calc(100% - 22%) 0 0);
}

.lp__star__score--12 {
  clip-path: inset(0 calc(100% - 24%) 0 0);
}

.lp__star__score--13 {
  clip-path: inset(0 calc(100% - 26%) 0 0);
}

.lp__star__score--14 {
  clip-path: inset(0 calc(100% - 28%) 0 0);
}

.lp__star__score--15 {
  clip-path: inset(0 calc(100% - 30%) 0 0);
}

.lp__star__score--16 {
  clip-path: inset(0 calc(100% - 32%) 0 0);
}

.lp__star__score--17 {
  clip-path: inset(0 calc(100% - 34%) 0 0);
}

.lp__star__score--18 {
  clip-path: inset(0 calc(100% - 36%) 0 0);
}

.lp__star__score--19 {
  clip-path: inset(0 calc(100% - 38%) 0 0);
}

.lp__star__score--20 {
  clip-path: inset(0 calc(100% - 40%) 0 0);
}

.lp__star__score--21 {
  clip-path: inset(0 calc(100% - 42%) 0 0);
}

.lp__star__score--22 {
  clip-path: inset(0 calc(100% - 44%) 0 0);
}

.lp__star__score--23 {
  clip-path: inset(0 calc(100% - 46%) 0 0);
}

.lp__star__score--24 {
  clip-path: inset(0 calc(100% - 48%) 0 0);
}

.lp__star__score--25 {
  clip-path: inset(0 calc(100% - 50%) 0 0);
}

.lp__star__score--26 {
  clip-path: inset(0 calc(100% - 52%) 0 0);
}

.lp__star__score--27 {
  clip-path: inset(0 calc(100% - 54%) 0 0);
}

.lp__star__score--28 {
  clip-path: inset(0 calc(100% - 56%) 0 0);
}

.lp__star__score--29 {
  clip-path: inset(0 calc(100% - 58%) 0 0);
}

.lp__star__score--30 {
  clip-path: inset(0 calc(100% - 60%) 0 0);
}

.lp__star__score--31 {
  clip-path: inset(0 calc(100% - 62%) 0 0);
}

.lp__star__score--32 {
  clip-path: inset(0 calc(100% - 64%) 0 0);
}

.lp__star__score--33 {
  clip-path: inset(0 calc(100% - 66%) 0 0);
}

.lp__star__score--34 {
  clip-path: inset(0 calc(100% - 68%) 0 0);
}

.lp__star__score--35 {
  clip-path: inset(0 calc(100% - 70%) 0 0);
}

.lp__star__score--36 {
  clip-path: inset(0 calc(100% - 72%) 0 0);
}

.lp__star__score--37 {
  clip-path: inset(0 calc(100% - 74%) 0 0);
}

.lp__star__score--38 {
  clip-path: inset(0 calc(100% - 76%) 0 0);
}

.lp__star__score--39 {
  clip-path: inset(0 calc(100% - 78%) 0 0);
}

.lp__star__score--40 {
  clip-path: inset(0 calc(100% - 80%) 0 0);
}

.lp__star__score--41 {
  clip-path: inset(0 calc(100% - 82%) 0 0);
}

.lp__star__score--42 {
  clip-path: inset(0 calc(100% - 84%) 0 0);
}

.lp__star__score--43 {
  clip-path: inset(0 calc(100% - 86%) 0 0);
}

.lp__star__score--44 {
  clip-path: inset(0 calc(100% - 88%) 0 0);
}

.lp__star__score--45 {
  clip-path: inset(0 calc(100% - 90%) 0 0);
}

.lp__star__score--46 {
  clip-path: inset(0 calc(100% - 92%) 0 0);
}

.lp__star__score--47 {
  clip-path: inset(0 calc(100% - 94%) 0 0);
}

.lp__star__score--48 {
  clip-path: inset(0 calc(100% - 96%) 0 0);
}

.lp__star__score--49 {
  clip-path: inset(0 calc(100% - 98%) 0 0);
}

.lp__star__score--50 {
  clip-path: inset(0 calc(100% - 100%) 0 0);
}

@media screen and (min-width: 768px) {
  .lp__top-cta {
    padding: 25px 72px 50px;
  }
}
@media screen and (max-width: 767px) {
  .lp__top-cta {
    padding: 14px 20px 34px;
  }
}
.lp__top-cta .heading {
  color: #3b3b3b;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .lp__top-cta .heading {
    font-size: 24px;
    margin: 0 0 24px;
  }
}
@media screen and (max-width: 767px) {
  .lp__top-cta .heading {
    font-size: 16px;
    margin: 0 0 16px;
  }
}
@media screen and (min-width: 768px) {
  .lp__top-cta .heading mark {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .lp__top-cta .heading mark {
    font-size: 24px;
  }
}
.lp__top-cta .heading::before, .lp__top-cta .heading::after {
  display: inline-block;
  border-left: 3px solid #FF5400;
  height: 35px;
  width: 0;
  content: "";
}
.lp__top-cta .heading::before {
  transform: rotate(-30deg) translateX(-20px);
}
.lp__top-cta .heading::after {
  transform: rotate(30deg) translateX(20px);
}
@media screen and (min-width: 768px) {
  .lp__top-cta .lp__main-button {
    padding-top: 30px;
    background-image: none;
  }
}
@media screen and (max-width: 767px) {
  .lp__top-cta .lp__main-button {
    margin-bottom: 12px;
  }
}
.lp__top-cta .lp__main-button .micro-copy {
  display: none;
}

.lp__form__list {
  margin: 0;
}
.lp__form__list img {
  width: unset;
  height: unset;
}
.lp__form__list > dt {
  background: #EAF4FF;
  line-height: 1.2;
  font-size: 17px;
}
@media screen and (min-width: 768px) {
  .lp__form__list > dt {
    padding: 20px 158px;
  }
}
@media screen and (max-width: 767px) {
  .lp__form__list > dt {
    padding: 12px 16px;
  }
}
.lp__form__list > dd {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .lp__form__list > dd {
    padding: 25px 158px;
  }
}
@media screen and (max-width: 767px) {
  .lp__form__list > dd {
    padding: 16px;
  }
}
.lp__form__list > dd input[type=text],
.lp__form__list > dd select {
  width: 100%;
  border: 1px solid #8b8b8b;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 10px;
  height: 40px;
}

.lp__form__list__type {
  margin: 0;
  padding: 0;
  display: flex;
}
@media screen and (min-width: 768px) {
  .lp__form__list__type {
    gap: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .lp__form__list__type {
    gap: 0 20px;
  }
}
.lp__form__list__type > li {
  flex: 1;
}
.lp__form__list__type > li:nth-child(1) label {
  background-image: url(./img/img-single.png);
}
.lp__form__list__type > li:nth-child(2) label {
  background-image: url(./img/img-family.png);
}
.lp__form__list__type > li label {
  border: 1px solid #5B5B5B;
  border-radius: 3px;
  cursor: pointer;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .lp__form__list__type > li label {
    font-size: 20px;
    padding: 0 28px;
    height: 80px;
    background-size: 67px;
    background-position: center;
  }
}
@media screen and (max-width: 767px) {
  .lp__form__list__type > li label {
    font-size: 17px;
    padding: 0 20px;
    height: 60px;
    background-size: 50px;
    background-position: 40% center;
  }
}
.lp__form__list__type > li label:has(input:checked) {
  background-color: #CDEDFF;
  box-shadow: none;
}

@media screen and (max-width: 767px) {
  .lp__strength__badge {
    position: relative;
    width: 37px;
    align-self: stretch;
    margin-right: -8px;
  }
  .lp__strength__badge > img {
    position: absolute;
    top: -10px;
    width: 37px !important;
    height: auto;
  }
}

.lp__review {
  border: 1px solid #DEDEDE;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background: #fff;
}

.lp__review__title {
  font-weight: 700;
  background: #D1E7FF;
  font-size: 15px;
  padding: 8px 12px;
}

.lp__review__score {
  display: flex;
  align-items: flex-end;
  gap: 0 8px;
  margin: 0 0 14px;
}
.lp__review__score .lp__star {
  font-size: 16px;
}
.lp__review__score__num {
  display: inline-block;
  font-weight: 700;
  color: #FF5400;
  font-size: 12px;
  padding-bottom: 1px;
}

.lp__review__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  margin: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .lp__review__text {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
}
@media screen and (max-width: 767px) {
  .lp__review__text {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
}
.lp__review__text.is-open {
  display: block;
}

.lp__review__footer {
  display: flex;
  justify-content: space-between;
}
.lp__review__footer__attr {
  color: #8b8b8b;
  display: flex;
  font-size: 12px;
  gap: 0 12px;
}
.lp__review__footer__toggle {
  cursor: pointer;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .lp__otoku-campaign__banner--pc {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .lp__otoku-campaign__banner--pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .lp__otoku-campaign__banner--sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .lp__otoku-campaign__banner--sp {
    display: block;
  }
}

.lp__otoku-campaign__arrow {
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .lp__otoku-campaign__arrow {
    background: url(./img/lp1-arrow-large.png) no-repeat center/contain;
  }
}
@media screen and (max-width: 767px) {
  .lp__otoku-campaign__arrow {
    background: url(./img/lp1_arrow_large-sp.png) no-repeat center/contain;
  }
}

@media screen and (min-width: 768px) {
  .lp__ranking__rank {
    margin: 0 0 35px;
  }
}
@media screen and (max-width: 767px) {
  .lp__ranking__rank {
    margin: 0 0 20px;
  }
}
.lp__ranking__rank:last-child {
  margin: 0;
}
.lp__ranking__rank__head {
  background-repeat: no-repeat;
  font-size: 20px;
  margin: 0 0 10px;
  font-weight: 700;
  background-size: 41px auto;
}
@media screen and (min-width: 768px) {
  .lp__ranking__rank__head {
    background-position: 115px 60%;
    padding: 17px 112px 17px 167px;
  }
}
@media screen and (max-width: 767px) {
  .lp__ranking__rank__head {
    padding: 17px 90px 17px 65px;
    background-position: 12px 14px;
  }
}
.lp__ranking__rank__head--1 {
  background-color: #FEF5CC;
  background-image: url(./img/ico_rank_1.png);
}
.lp__ranking__rank__head--2 {
  background-color: #D9D9D9;
  background-image: url(./img/ico_rank_2.png);
}
.lp__ranking__rank__head--3 {
  background-color: #F8E8DB;
  background-image: url(./img/ico_rank_3.png);
}
.lp__ranking__rank__head--4, .lp__ranking__rank__head--5 {
  position: relative;
}
.site-main--clp .lp__ranking__rank__head--4, .site-main--clp .lp__ranking__rank__head--5 {
  background-color: #D1E7FF;
}
.site-main--nlp .lp__ranking__rank__head--4, .site-main--nlp .lp__ranking__rank__head--5 {
  background-color: #E5F4D5;
}
.lp__ranking__rank__head--4::before, .lp__ranking__rank__head--5::before {
  position: absolute;
  top: 50%;
  content: attr(data-rank);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 16px;
}
.site-main--clp .lp__ranking__rank__head--4::before, .site-main--clp .lp__ranking__rank__head--5::before {
  background: #212EBD;
}
.site-main--nlp .lp__ranking__rank__head--4::before, .site-main--nlp .lp__ranking__rank__head--5::before {
  background: #47870F;
}
@media screen and (min-width: 768px) {
  .lp__ranking__rank__head--4::before, .lp__ranking__rank__head--5::before {
    left: 113px;
  }
}
@media screen and (max-width: 767px) {
  .lp__ranking__rank__head--4::before, .lp__ranking__rank__head--5::before {
    left: 15px;
  }
}
.lp__ranking__rank__cont {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .lp__ranking__rank__cont {
    gap: 0 20px;
    padding: 0 100px;
    margin: 0 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .lp__ranking__rank__cont {
    gap: 0 18px;
    padding: 0 12px;
    margin: 0 0 13px;
  }
}
@media screen and (max-width: 767px) {
  .lp__ranking__rank__cont__logo {
    width: 50px;
    height: auto;
  }
}
.lp__ranking__rank__cont__body__score {
  display: flex;
  align-items: center;
  gap: 0 8px;
  margin: 0 0 8px;
}
.lp__ranking__rank__cont__body__score .lp__star {
  font-size: 16px;
}
.lp__ranking__rank__cont__body__score__heading {
  font-size: 16px;
  font-weight: 700;
}
.lp__ranking__rank__cont__body__score__num {
  display: inline-block;
  font-weight: 700;
  color: #FF5400;
  font-size: 24px;
}
@media screen and (min-width: 768px) {
  .lp__ranking__rank__cont__body__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .lp__ranking__rank__cont__body__text {
    font-size: 14px;
  }
}
.lp__ranking__rank__review {
  border: 1px solid #D9D9D9;
  padding: 15px 12px 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .lp__ranking__rank__review {
    width: 680px;
  }
}
@media screen and (max-width: 767px) {
  .lp__ranking__rank__review {
    width: calc(100% - 24px);
  }
}
.lp__ranking__rank__review__toggle {
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  padding: 0 0 15px;
}
.lp__ranking__rank__review__toggle > span {
  display: inline-block;
}
.lp__ranking__rank__review__toggle > span::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 10px;
  background: url(./img/ico_chevron_down.svg) no-repeat center/contain;
  margin: 0 10px 0 0;
}
.lp__ranking__rank__review__item {
  border-top: 1px solid #D9D9D9;
}
@media screen and (min-width: 768px) {
  .lp__ranking__rank__review__item {
    padding: 15px 8px;
  }
}
@media screen and (max-width: 767px) {
  .lp__ranking__rank__review__item {
    padding: 15px 0;
  }
}
.lp__ranking__rank__review__item:last-child {
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 15px;
}
.lp__ranking__rank__review__item__score {
  display: flex;
  align-items: center;
  gap: 0 8px;
  margin: 0 0 8px;
}
.lp__ranking__rank__review__item__score .lp__star {
  font-size: 16px;
}
.lp__ranking__rank__review__item__score__num {
  font-weight: 700;
  color: #FF5400;
}
@media screen and (min-width: 768px) {
  .lp__ranking__rank__review__item__score__num {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .lp__ranking__rank__review__item__score__num {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .lp__ranking__rank__review__item__text {
    font-size: 16px;
    margin: 0 0 14px;
  }
}
@media screen and (max-width: 767px) {
  .lp__ranking__rank__review__item__text {
    font-size: 14px;
    margin: 0 0 12px;
  }
}
.lp__ranking__rank__review__item__attr {
  color: #8b8b8b;
  display: flex;
  font-size: 12px;
  gap: 0 12px;
}

.lp__step .is-layout-flex > figure {
  flex-shrink: 0;
}
.lp__step__num {
  border-radius: 10px;
  font-size: 18px;
  padding: 1px 0;
}
@media screen and (min-width: 768px) {
  .lp__step__num {
    width: 120px;
    margin: 0 0 12px;
  }
}
@media screen and (max-width: 767px) {
  .lp__step__num {
    width: 80px;
    font-size: 16px;
    margin: 0 0 6px;
  }
}
.lp__step__heading {
  color: #3b3b3b;
  font-size: 18px;
}
@media screen and (min-width: 768px) {
  .lp__step__heading {
    margin: 0 0 12px;
  }
}
@media screen and (max-width: 767px) {
  .lp__step__heading {
    margin: 0 0 6px;
  }
}
@media screen and (min-width: 768px) {
  .lp__step__body {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .lp__step__body {
    font-size: 14px;
  }
}
.lp__step__arrow {
  font-size: 0;
}
@media screen and (min-width: 768px) {
  .lp__step__arrow {
    width: 100%;
    height: 60px;
  }
  .site-main--clp .lp__step__arrow {
    background: url(./img/lp1_triangle_down.svg) no-repeat center/60px auto;
  }
  .site-main--nlp .lp__step__arrow {
    background: url(./img/lp2_triangle_down.svg) no-repeat center/60px auto;
  }
}
@media screen and (max-width: 767px) {
  .lp__step__arrow {
    width: 100%;
    height: 63px;
    background: url(./img/lp1_triangle_down-sp.svg) no-repeat center/40px auto;
  }
}

.lp__cashback__arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.15;
}
@media screen and (min-width: 768px) {
  .lp__cashback__arrow {
    height: 135px;
    margin: 20px auto;
    padding-bottom: 10px;
  }
  .site-main--clp .lp__cashback__arrow {
    background: url(./img/lp1_arrow_wide.png) no-repeat center/contain;
  }
  .site-main--nlp .lp__cashback__arrow {
    background: url(./img/lp2_arrow_wide.png) no-repeat center/contain;
  }
}
@media screen and (max-width: 767px) {
  .lp__cashback__arrow {
    height: 100px;
    margin: 16px auto 9px;
    padding-bottom: 20px;
  }
  .site-main--clp .lp__cashback__arrow {
    background: url(./img/lp1_arrow_wide-sp.png) no-repeat center/contain;
  }
  .site-main--nlp .lp__cashback__arrow {
    background: url(./img/lp2_arrow_wide-sp.png) no-repeat center/contain;
  }
}
.lp__cashback__banner {
  position: relative;
}
.lp__cashback__banner__note {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .lp__cashback__banner__note {
    font-size: 14px;
    bottom: 38px;
    width: 613px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .lp__cashback__banner__note {
    font-size: 12px;
    bottom: 28px;
    width: calc(100% - 48px);
    left: 24px;
  }
}

.lp__logo--static {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .lp__logo--static {
    gap: 15px;
    width: 600px;
    margin: 0 auto 14px;
  }
}
@media screen and (max-width: 767px) {
  .lp__logo--static {
    gap: 12px 10px;
    margin: 0 auto 12px;
  }
}
.site-main--clp .lp__logo--static {
  background: transparent;
}
.site-main--nlp .lp__logo--static {
  background: transparent;
}
.lp__logo--static .lp__logo__img {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .lp__logo--static .lp__logo__img {
    height: 70px;
  }
}
@media screen and (max-width: 767px) {
  .lp__logo--static .lp__logo__img {
    height: 50px;
  }
}
.lp__logo--static .lp__logo__img img {
  height: 100%;
  width: auto;
}

.form {
  background: #fff;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

.form__error {
  color: #C80000;
  font-size: 14px;
  display: block;
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
  padding: 5px 0 0;
  text-indent: 0;
  text-align: left;
}
.form__error:empty {
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  .form__recent-estimate {
    width: 680px;
    margin: 44px auto 33px;
  }
}
@media screen and (max-width: 767px) {
  .form__recent-estimate {
    margin: 24px 16px 32px;
  }
}
.form__recent-estimate__list {
  border: 1px solid #8B8B8B;
  padding: 0;
}
.site-main--cform .form__recent-estimate__list {
  background: #DFF6FF;
}
.site-main--nform .form__recent-estimate__list {
  background: #E5F4D5;
}
.form__recent-estimate__list > li {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .form__recent-estimate__list > li {
    padding: 10px 20px;
    font-weight: bold;
  }
}
@media screen and (max-width: 767px) {
  .form__recent-estimate__list > li {
    padding: 10px 14px;
  }
}
.form__recent-estimate__list > li + li {
  border-top: 1px solid #8B8B8B;
}
.form__recent-estimate__list > li .date {
  color: #5b5b5b;
  margin-right: 0.5em;
}
.form__recent-estimate__list > li .info {
  margin-right: 0.5em;
}

.form__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #fff;
  font-weight: 900;
  text-align: center;
  display: block;
  cursor: pointer;
  margin: 0 auto;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background: no-repeat center/28px;
  height: 70px;
}
@media screen and (min-width: 768px) {
  .form__btn {
    width: 680px;
    font-size: 20px;
    background-image: url(./img/ico-arrow.svg);
    background-position-x: calc(100% - 21px);
  }
}
@media screen and (max-width: 767px) {
  .form__btn {
    width: calc(100% - 40px);
    font-size: 20px;
    background-image: url(./img/ico-arrow.svg);
    background-position-x: calc(100% - 16px);
    margin: 0 auto;
  }
}
.site-main--cform .form__btn {
  background-color: #212EBD;
}
.site-main--nform .form__btn {
  background-color: #009105;
}
.form__btn button {
  width: 100%;
  background: #FFB800;
  border-radius: 3px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 20px;
  color: #fff;
  padding: 14px 0;
  cursor: pointer;
}
.form__btn button:hover {
  background: rgb(229.5, 165.6, 0);
}
.form__btn button:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.form__btn button:disabled:hover {
  background: #ccc;
}

.form__basic-info {
  margin: 0;
}
.form__basic-info > dt {
  line-height: 1.1;
}
@media screen and (min-width: 768px) {
  .form__basic-info > dt {
    font-size: 17px;
    padding: 22px 0;
  }
}
@media screen and (max-width: 767px) {
  .form__basic-info > dt {
    font-size: 15px;
    padding: 12px;
  }
}
.form__basic-info > dt > span {
  display: block;
  width: 100%;
  max-width: 708px;
  margin: 0 auto;
}
.site-main--cform .form__basic-info > dt {
  background: #DFF6FF;
}
.site-main--nform .form__basic-info > dt {
  background: #E5F4D5;
}
.form__basic-info > dd {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .form__basic-info > dd {
    padding: 25px 0;
  }
}
@media screen and (max-width: 767px) {
  .form__basic-info > dd {
    padding: 15px 12px;
  }
}
.form__basic-info > dd input[type=text],
.form__basic-info > dd select {
  width: 100%;
  border: 1px solid #8b8b8b;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 10px;
  height: 40px;
}
.form__basic-info__type {
  margin: 0;
  padding: 0;
  display: flex;
}
@media screen and (min-width: 768px) {
  .form__basic-info__type {
    gap: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .form__basic-info__type {
    gap: 0 20px;
  }
}
.form__basic-info__type > li {
  flex: 1;
}
.form__basic-info__type > li:nth-child(1) label {
  background-image: url(./img/img-single.png);
}
.form__basic-info__type > li:nth-child(2) label {
  background-image: url(./img/img-family.png);
}
.form__basic-info__type > li label {
  border: 1px solid #5B5B5B;
  border-radius: 3px;
  cursor: pointer;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .form__basic-info__type > li label {
    font-size: 20px;
    padding: 0 28px;
    height: 80px;
    background-size: 67px;
    background-position: center;
  }
}
@media screen and (max-width: 767px) {
  .form__basic-info__type > li label {
    font-size: 17px;
    padding: 0 20px;
    height: 60px;
    background-size: 50px;
    background-position: 40% center;
  }
}
.form__basic-info__type > li label:has(input:checked) {
  box-shadow: none;
}
.site-main--cform .form__basic-info__type > li label:has(input:checked) {
  background-color: #CDEDFF;
}
.site-main--nform .form__basic-info__type > li label:has(input:checked) {
  background-color: #D2EDC0;
}

.form__progress {
  display: flex;
  width: 100%;
  padding: 0;
}
.form__progress > li {
  position: relative;
  background: #8B8B8B;
  color: #fff;
  display: grid;
  flex: 1;
  text-align: center;
  place-content: center;
  line-height: 1.2;
  height: 50px;
  font-size: 16px;
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  .form__progress > li:nth-child(1), .form__progress > li:nth-child(3) {
    flex-basis: min(35vw, 384px);
    flex-grow: 0;
  }
  .form__progress > li:nth-child(1) {
    padding-left: 130px;
  }
  .form__progress > li:nth-child(3) {
    padding-right: 130px;
  }
}
.site-main--cform .form__progress > li.current {
  background: #246FDF;
}
.site-main--cform .form__progress > li.current::after {
  border-left-color: #246FDF !important;
}
.site-main--nform .form__progress > li.current {
  background: #6BA439;
}
.site-main--nform .form__progress > li.current::after {
  border-left-color: #6BA439 !important;
}
.form__progress > li:not(:last-child)::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  border-style: solid;
  z-index: 1;
  border-color: transparent transparent transparent #8b8b8b;
  border-width: 25px 0px 25px 14px;
  right: -14px;
}
.form__progress > li + li::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  border-top: 8px solid #fff;
  border-right: 8px solid #fff;
  transform: rotate(45deg) skew(15deg, 15deg) translateY(-55%);
  top: 50%;
  z-index: 2;
  left: -43px;
}

.form__banner {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .form__banner {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .form__banner {
    margin-top: 10px;
  }
}

.form__heading {
  color: #FF5400;
  font-weight: 700;
  max-width: 708px;
  margin: 0 auto;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .form__heading {
    padding: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .form__heading {
    padding: 23px 8px 18px;
  }
}

.form__address {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .form__address {
    padding: 10px 0 22px;
  }
}
@media screen and (max-width: 767px) {
  .form__address {
    padding: 7px 10px 14px;
  }
}
.site-main--cform .form__address--current {
  background: #246FDF;
}
.site-main--nform .form__address--current {
  background: #6BA439;
}
.form__address--current .form__address__heading {
  color: #fff;
}
.form__address--current .form__address__heading__required {
  background: #F37E01;
}
.form__address--new {
  background: #F37E01;
}
.form__address--new .form__address__heading {
  color: #fff;
}
.site-main--cform .form__address--new .form__address__heading__required {
  background: #246FDF;
}
.site-main--nform .form__address--new .form__address__heading__required {
  background: #6BA439;
}
.site-main--cform .form__address--option {
  background: #DFF6FF;
}
.site-main--nform .form__address--option {
  background: #E5F4D5;
}
.form__address--option .form__address__heading__required {
  background: #8B8B8B;
}
.form__address__heading {
  max-width: 720px;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .form__address__heading {
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 767px) {
  .form__address__heading {
    margin: 0 0 7px;
  }
}
.form__address__heading__required {
  color: #fff;
  text-align: center;
  display: inline-block;
  width: 70px;
  margin: 0 14px 0 0;
  padding: 6px 0;
}
@media screen and (min-width: 768px) {
  .form__address__heading__required {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .form__address__heading__required {
    font-size: 16px;
  }
}
.form__address__heading > strong {
  border-bottom: 1px solid currentColor;
  font-weight: inherit;
  font-size: 20px;
}
.form__address__input {
  background: #fff;
  max-width: 720px;
}
@media screen and (min-width: 768px) {
  .form__address__input {
    padding: 16px 20px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .form__address__input {
    padding: 10px 10px 20px;
  }
}
.form__address__input__list {
  margin: 0;
}
.form__address__input__list > dt {
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .form__address__input__list > dt {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .form__address__input__list > dt {
    font-size: 14px;
  }
}
.form__address__input__list > dt:not(.zip) {
  float: left;
}
@media screen and (min-width: 768px) {
  .form__address__input__list > dt:not(.zip):not(:first-of-type) {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .form__address__input__list > dt:not(.zip):not(:first-of-type) {
    padding-top: 25px;
  }
}
.form__address__input__list > dt.zip {
  margin: 0 0 6px;
}
@media screen and (min-width: 768px) {
  .form__address__input__list > dt.zip {
    font-size: 20px;
  }
}
.form__address__input__list > dt.zip > span {
  color: #FF5400;
}
.form__address__input__list > dt:first-of-type:not(.multi-lines) {
  padding-top: 10px;
}
.form__address__input__list > dt.multi-lines:not(:first-of-type) {
  padding-top: 20px;
}
.form__address__input__list > dd {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .form__address__input__list > dd:not(.zip) {
    margin: 20px 0 0 100px;
  }
}
@media screen and (max-width: 767px) {
  .form__address__input__list > dd:not(.zip) {
    margin: 15px 0 0 80px;
  }
}
.form__address__input__list > dd:not(.zip) input[type=text],
.form__address__input__list > dd:not(.zip) input[type=tel],
.form__address__input__list > dd:not(.zip) input[type=email],
.form__address__input__list > dd:not(.zip) select {
  width: 100%;
}
.form__address__input__list > dd:first-of-type {
  margin-top: 0;
}
.form__address__input__list > dd.column {
  display: flex;
}
.form__address__input__list > dd.column > div {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .form__address__input__list > dd.column {
    gap: 0 20px;
  }
}
.form__address__input__list > dd.zip {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .form__address__input__list > dd.zip {
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .form__address__input__list > dd.zip {
    align-items: center;
  }
}
.form__address__input__list > dd.zip .form__error {
  width: 100%;
  flex-basis: 100%;
}
.form__address__input__list > dd.zip > div {
  flex: 1;
}
.form__address__input__list > dd.zip input[type=text] {
  width: 175px;
}
.form__address__input__list > dd.zip .current-address {
  display: block;
}
@media screen and (min-width: 768px) {
  .form__address__input__list > dd.zip .current-address {
    margin-top: 8px;
    font-size: 16px;
  }
  .form__address__input__list > dd.zip .current-address:empty {
    margin-top: 0;
  }
}
.form__address__input__list select,
.form__address__input__list input[type=text],
.form__address__input__list input[type=tel],
.form__address__input__list input[type=email] {
  font-size: 16px;
  border: 1px solid #8B8B8B;
  border-radius: 3px;
  height: 40px;
  padding: 0 10px;
}
.form__address__input__list select.auto,
.form__address__input__list input[type=text].auto,
.form__address__input__list input[type=tel].auto,
.form__address__input__list input[type=email].auto {
  pointer-events: none;
}
.form__address__input__list__zip-btn {
  display: block;
  background: #C80000;
  color: #fff;
  text-align: center;
  margin: 0 0 0 auto;
  border-radius: 100px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  width: 130px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

.form__move-info__heading {
  color: #fff;
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  .form__move-info__heading {
    padding: 18px 0;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__heading {
    padding: 18px 16px;
  }
}
.site-main--cform .form__move-info__heading {
  background: #246FDF;
}
.site-main--nform .form__move-info__heading {
  background: #6BA439;
}
.form__move-info__heading > span {
  display: block;
  max-width: 708px;
  margin: 0 auto;
}
.form__move-info__schedule {
  max-width: 680px;
  display: flex;
  border: 1px solid #8B8B8B;
  border-radius: 5px;
  overflow: clip;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .form__move-info__schedule {
    margin: 25px auto 0;
    font-size: 16px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__schedule {
    margin: 25px 18px 0;
    font-size: 14px;
  }
}
.form__move-info__schedule > li {
  width: 50%;
}
.form__move-info__schedule > li + li {
  border-left: 1px solid #8B8B8B;
}
.form__move-info__schedule > li > label {
  display: block;
  line-height: 1;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .form__move-info__schedule > li > label {
    padding: 14px 18px;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__schedule > li > label {
    padding: 9px 13px;
  }
}
@media screen and (min-width: 768px) {
  .form__move-info__schedule > li > label input {
    margin-right: 16px;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__schedule > li > label input {
    margin-right: 10px;
  }
}
.site-main--cform .form__move-info__schedule > li > label:has(input:checked) {
  background: #CDEDFF;
}
.site-main--nform .form__move-info__schedule > li > label:has(input:checked) {
  background: #D2EDC0;
}
.form__move-info__date {
  display: flex;
  max-width: 680px;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .form__move-info__date {
    margin: 15px auto 20px;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__date {
    gap: 0 20px;
    margin: 15px 20px 25px;
  }
}
.form__move-info__date select {
  height: 40px;
  border: 1px solid #8B8B8B;
  border-radius: 0;
  font-size: 16px;
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .form__move-info__date__ym {
    width: 384px;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__date__ym {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .form__move-info__date__day {
    width: 257px;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__date__day {
    width: 135px;
    flex-shrink: 0;
  }
}
.form__move-info__detail {
  margin: 0;
}
.form__move-info__detail > dt {
  font-size: 17px;
  color: #5b5b5b;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .form__move-info__detail > dt {
    padding: 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__detail > dt {
    font-size: 15px;
    padding: 12px;
  }
}
.form__move-info__detail > dt > span {
  display: block;
  width: 100%;
  max-width: 708px;
  margin: 0 auto;
}
.site-main--cform .form__move-info__detail > dt {
  background: #DFF6FF;
}
.site-main--nform .form__move-info__detail > dt {
  background: #D2EDC0;
}
.form__move-info__detail > dd {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .form__move-info__detail > dd {
    padding: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__detail > dd {
    padding: 15px 12px;
  }
}
.form__move-info__detail > dd input[type=text],
.form__move-info__detail > dd select {
  width: 100%;
  border: 1px solid #8b8b8b;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 10px;
  height: 40px;
}
.form__move-info__detail__time {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .form__move-info__detail__time {
    gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__detail__time {
    gap: 5px 8px;
  }
}
.form__move-info__detail__time > li {
  border: 1px solid #8B8B8B;
  border-radius: 5px;
  overflow: clip;
}
@media screen and (min-width: 768px) {
  .form__move-info__detail__time > li {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__detail__time > li {
    width: calc(50% - 4px);
  }
}
.form__move-info__detail__time > li > label {
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  height: 66px;
}
@media screen and (min-width: 768px) {
  .form__move-info__detail__time > li > label {
    padding: 0 27px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__detail__time > li > label {
    padding: 0 13px;
  }
}
.site-main--cform .form__move-info__detail__time > li > label:has(input:checked) {
  background-color: #CDEDFF;
}
.site-main--nform .form__move-info__detail__time > li > label:has(input:checked) {
  background-color: #D2EDC0;
}
.form__move-info__detail__time > li > label span {
  display: block;
  width: 100%;
}
.form__move-info__detail__time > li > label:not(.empty) {
  background: no-repeat center;
  background-size: 35px;
}
@media screen and (min-width: 768px) {
  .form__move-info__detail__time > li > label:not(.empty) {
    background-position-x: 60px;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__detail__time > li > label:not(.empty) {
    background-position-x: 36px;
  }
}
@media screen and (min-width: 768px) {
  .form__move-info__detail__time > li > label:not(.empty) input {
    margin-right: 46px;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__detail__time > li > label:not(.empty) input {
    margin-right: 55px;
  }
}
@media screen and (max-width: 767px) {
  .form__move-info__detail__time > li > label.empty input {
    margin-right: 11px;
  }
}
.form__move-info__detail__time > li > label.am {
  background-image: url(./img/ico_am.png);
}
.form__move-info__detail__time > li > label.pm-15 {
  background-image: url(./img/ico_12-15.png);
}
.form__move-info__detail__time > li > label.evening {
  background-image: url(./img/ico_evening.png);
}

.form__load-info > dt {
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .form__load-info > dt {
    padding: 20px 0;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .form__load-info > dt {
    padding: 10px 14px;
    font-size: 16px;
  }
}
.site-main--cform .form__load-info > dt {
  background: #246FDF;
}
.site-main--nform .form__load-info > dt {
  background: #6BA439;
}
.form__load-info > dt > span {
  margin: 0 auto;
  display: block;
  max-width: 708px;
}
.form__load-info__detail {
  max-width: 740px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .form__load-info__detail {
    padding: 30px 0 50px;
  }
}
@media screen and (max-width: 767px) {
  .form__load-info__detail {
    padding: 20px 0 50px;
  }
}
@media screen and (min-width: 768px) {
  .form__load-info__detail__note {
    margin: 0 30px 28px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .form__load-info__detail__note {
    margin: 0 15px 20px;
    font-size: 14px;
  }
}
.form__load-info__detail__alt {
  padding: 0;
  margin: 0 30px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.site-main--cform .form__load-info__detail__alt {
  border: 1px solid #246FDF;
}
.site-main--nform .form__load-info__detail__alt {
  border: 1px solid #6BA439;
}
.form__load-info__detail__alt > li > label {
  text-align: center;
  position: relative;
  display: block;
  cursor: pointer;
  padding: 15px 0;
  font-size: 16px;
}
.site-main--cform .form__load-info__detail__alt > li > label {
  color: #246FDF;
}
.site-main--nform .form__load-info__detail__alt > li > label {
  color: #6BA439;
}
.form__load-info__detail__alt > li > label:has(input:checked) {
  color: #fff;
  font-weight: bold;
}
.site-main--cform .form__load-info__detail__alt > li > label:has(input:checked) {
  background: #246FDF;
}
.site-main--nform .form__load-info__detail__alt > li > label:has(input:checked) {
  background: #6BA439;
}
.form__load-info__detail__alt > li > label input[type=radio] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .form__load-info__detail__alt > li > label input[type=radio] {
    left: 29px;
  }
}
@media screen and (max-width: 767px) {
  .form__load-info__detail__alt > li > label input[type=radio] {
    left: 20px;
  }
}
.site-main--cform .form__load-info__detail__alt > li + li {
  border-top: 1px solid #246FDF;
}
.site-main--nform .form__load-info__detail__alt > li + li {
  border-top: 1px solid #6BA439;
}
.form__load-info__detail__cat {
  display: none;
}
.form__load-info__detail__cat > dt {
  border: 1px solid #8B8B8B;
  font-weight: 700;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  color: #444444;
  position: relative;
  cursor: pointer;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .form__load-info__detail__cat > dt {
    padding: 16px 36px;
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .form__load-info__detail__cat > dt {
    padding: 15px 13px;
    margin-top: 30px;
  }
}
.form__load-info__detail__cat > dt:not(:first-of-type) {
  margin-top: 25px;
}
.form__load-info__detail__cat > dt::after {
  position: absolute;
  content: "▼";
  color: #5C5C5C;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .form__load-info__detail__cat > dt::after {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .form__load-info__detail__cat > dt::after {
    right: 15px;
  }
}
.form__load-info__detail__cat > dt.is-open::after {
  content: "▲";
}
.site-main--cform .form__load-info__detail__cat > dt {
  background: #CDEDFF;
}
.site-main--nform .form__load-info__detail__cat > dt {
  background: #D2EDC0;
}
.form__load-info__detail__cat > dd {
  display: none;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .form__load-info__detail__cat > dd {
    padding: 24px 30px;
  }
}
@media screen and (max-width: 767px) {
  .form__load-info__detail__cat > dd {
    padding: 27px 17px 0;
  }
}
.form__load-info__detail__cat__item-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .form__load-info__detail__cat__item-list {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .form__load-info__detail__cat__item-list {
    gap: 16px;
  }
}
.form__load-info__detail__cat__item-list > li {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  font-size: 14px;
  padding: 0 0 9px;
}
@media screen and (min-width: 768px) {
  .form__load-info__detail__cat__item-list > li {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width: 767px) {
  .form__load-info__detail__cat__item-list > li {
    width: calc(50% - 8px);
  }
}
.form__load-info__detail__cat__item-list__heading {
  text-align: center;
  display: block;
  font-size: 14px;
  padding: 4px 0;
}
.site-main--cform .form__load-info__detail__cat__item-list__heading {
  background: #DFF6FF;
}
.site-main--nform .form__load-info__detail__cat__item-list__heading {
  background: #E5F4D5;
}
.form__load-info__detail__cat__item-list__img {
  text-align: center;
  margin: 0 auto;
  height: 50px;
  margin: 8px 0;
}
.form__load-info__detail__cat__item-list__img > img {
  vertical-align: bottom;
  height: 100%;
  width: auto;
}
.form__load-info__detail__cat__item-list__count {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .form__load-info__detail__cat__item-list__count {
    gap: 0 16px;
  }
}
@media screen and (max-width: 767px) {
  .form__load-info__detail__cat__item-list__count {
    gap: 0 10px;
  }
}
.form__load-info__detail__cat__item-list__count__btn {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  cursor: pointer;
  font-size: 20px;
  height: 30px;
  line-height: 30px;
  width: 45px;
}
.form__load-info__detail__cat__item-list__count__btn--sub {
  background: #E2E2E2;
}
.form__load-info__detail__cat__item-list__count__btn--add {
  background: #fff;
}
.form__load-info__detail__cat__item-list__count__input {
  font-size: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  width: 40px;
  height: 25px;
  text-align: center;
}
.form__load-info__detail__cat__other {
  width: 100%;
  border: 1px solid #8b8b8b;
  border-radius: 0;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .form__load-info__detail__cat__other {
    height: 90px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .form__load-info__detail__cat__other {
    height: 60px;
  }
}

.form__check {
  max-width: 708px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .form__check {
    padding: 42px 0 80px;
  }
}
@media screen and (max-width: 767px) {
  .form__check {
    padding: 35px 20px 50px;
  }
}
.form__check__list {
  padding: 0;
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .form__check__list {
    margin: 0 0 60px;
  }
}
@media screen and (max-width: 767px) {
  .form__check__list {
    margin: 0 0 35px;
  }
}
.form__check__list > li {
  margin-left: 30px;
  text-indent: -30px;
}
.form__check__list > li a {
  text-decoration: underline;
}
.form__check__list > li input {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  transform: translateY(5px);
}
.form__check__list > li + li {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .form__check__list .form__btn {
    width: 100%;
  }
}

.thanks__box {
  border-radius: 20px;
}

.thanks__list {
  margin: 0;
  padding: 0;
}
.thanks__list > li {
  padding: 0 0 0 20px;
  position: relative;
}
.thanks__list > li::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #D80001;
  border-radius: 50%;
  top: 0.6em;
  left: 6px;
}
.thanks__list > li + li {
  margin-top: 8px;
}

.site-main--page {
  padding-bottom: 80px;
}
.site-main--page * {
  margin: 1em auto;
}
.site-main--page ol.bracket,
.site-main--page ul.bracket {
  list-style-type: bracketed;
}
.site-main--page ol > li,
.site-main--page ul > li {
  margin: 0.3em 0;
}
.site-main--page h2 {
  margin: 2.5em auto 2em;
  text-align: center;
}
.site-main--page h3 {
  margin: 2em auto 1.5em;
  border-bottom: 1px solid currentColor;
}
.site-main--page h4 {
  margin: 1.5em auto 0.75em;
}
.site-main--page a {
  text-decoration: underline;
}

@counter-style bracketed {
  system: extends decimal;
  prefix: "(";
  suffix: ") ";
}/*# sourceMappingURL=style.css.map */