@charset "UTF-8";
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}

img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

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

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

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

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

select::-ms-expand {
  display: none;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable] {
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

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

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

template {
  display: none;
}

[hidden] {
  display: none;
}

/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NotoSansJP-Light-subset.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansJP-Regular-subset.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansJP-Medium-subset.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansJP-Bold-subset.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "M PLUS 1p";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/M_PLUS_1p_Medium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "M PLUS 1p";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/M_PLUS_1p_bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "M PLUS 1p";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/M_PLUS_1p_ex.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "kanit";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/kanit.woff") format("woff");
  font-display: swap;
}
.u-inner {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.u-inner-s {
  width: 82.667%;
  max-width: 942px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.u-red {
  color: #ff0000;
}

.u-white {
  color: white;
}

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

.u-caution {
  color: #999;
  font-size: clamp(1.2rem, 1.2rem + (1vw - 0.52rem) * 0.4545454545, 1.4rem);
}

.u-cautionList li {
  color: #999;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0.3em;
  line-height: 1.5;
  font-size: clamp(1.2rem, 1.2rem + (1vw - 0.52rem) * 0.4545454545, 1.4rem);
}

.u-txtLink {
  color: #ff0000;
  text-decoration: underline;
  display: inline-block;
  position: relative;
}
.u-txtLink:hover {
  color: #cccccc;
}

.u-linkSpot {
  margin-top: -40px;
  padding-top: 40px;
}
@media screen and (min-width: 520px) {
  .u-linkSpot {
    margin-top: -80px;
    padding-top: 80px;
  }
}

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

@media screen and (min-width: 960px) {
  .u-center-pc {
    text-align: center;
  }
}

@media screen and (min-width: 520px) {
  .u-center-tbpc {
    text-align: center;
  }
}

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

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

.u-list > li {
  text-indent: -0.5em;
  margin-left: 0.5em;
  margin-bottom: 1em;
}
.u-list > li:last-child {
  margin-bottom: 0;
}
.u-list > li::before {
  content: "・";
  display: inline-block;
}

.u-list-num > li {
  list-style: decimal;
  margin-left: 1em;
  margin-bottom: 1em;
}
.u-list-num > li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 790px) {
  .u-ml-03 {
    margin-left: -0.3rem;
  }
}

@media screen and (max-width: 790px) {
  .u-ml-04 {
    margin-left: -0.4rem;
  }
}

@media screen and (max-width: 790px) {
  .u-ml-05 {
    margin-left: -0.5rem;
  }
}

@media screen and (max-width: 790px) {
  .u-ml-06 {
    margin-left: -0.6rem;
  }
}

@media screen and (max-width: 790px) {
  .u-ml-07 {
    margin-left: -0.7rem;
  }
}

@media screen and (max-width: 790px) {
  .u-ml-08 {
    margin-left: -0.8rem;
  }
}

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

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

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

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

.u-m-0 {
  margin: 0px !important;
}
@media screen and (min-width: 960px) {
  .u-m-0 {
    margin: 0px !important;
  }
}

.u-mt-1 {
  margin-top: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-1 {
    margin-top: 12px !important;
  }
}

.u-mb-1 {
  margin-bottom: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-1 {
    margin-bottom: 12px !important;
  }
}

.u-ml-1 {
  margin-left: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-1 {
    margin-left: 12px !important;
  }
}

.u-mr-1 {
  margin-right: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-1 {
    margin-right: 12px !important;
  }
}

.u-m-1 {
  margin: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-m-1 {
    margin: 12px !important;
  }
}

.u-mt-2 {
  margin-top: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-2 {
    margin-top: 24px !important;
  }
}

.u-mb-2 {
  margin-bottom: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-2 {
    margin-bottom: 24px !important;
  }
}

.u-ml-2 {
  margin-left: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-2 {
    margin-left: 24px !important;
  }
}

.u-mr-2 {
  margin-right: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-2 {
    margin-right: 24px !important;
  }
}

.u-m-2 {
  margin: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-m-2 {
    margin: 24px !important;
  }
}

.u-mt-3 {
  margin-top: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-3 {
    margin-top: 36px !important;
  }
}

.u-mb-3 {
  margin-bottom: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-3 {
    margin-bottom: 36px !important;
  }
}

.u-ml-3 {
  margin-left: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-3 {
    margin-left: 36px !important;
  }
}

.u-mr-3 {
  margin-right: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-3 {
    margin-right: 36px !important;
  }
}

.u-m-3 {
  margin: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-m-3 {
    margin: 36px !important;
  }
}

.u-mt-4 {
  margin-top: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-4 {
    margin-top: 48px !important;
  }
}

.u-mb-4 {
  margin-bottom: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-4 {
    margin-bottom: 48px !important;
  }
}

.u-ml-4 {
  margin-left: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-4 {
    margin-left: 48px !important;
  }
}

.u-mr-4 {
  margin-right: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-4 {
    margin-right: 48px !important;
  }
}

.u-m-4 {
  margin: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-m-4 {
    margin: 48px !important;
  }
}

.u-mt-5 {
  margin-top: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-5 {
    margin-top: 60px !important;
  }
}

.u-mb-5 {
  margin-bottom: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-5 {
    margin-bottom: 60px !important;
  }
}

.u-ml-5 {
  margin-left: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-5 {
    margin-left: 60px !important;
  }
}

.u-mr-5 {
  margin-right: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-5 {
    margin-right: 60px !important;
  }
}

.u-m-5 {
  margin: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-m-5 {
    margin: 60px !important;
  }
}

.u-mt-6 {
  margin-top: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-6 {
    margin-top: 72px !important;
  }
}

.u-mb-6 {
  margin-bottom: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-6 {
    margin-bottom: 72px !important;
  }
}

.u-ml-6 {
  margin-left: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-6 {
    margin-left: 72px !important;
  }
}

.u-mr-6 {
  margin-right: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-6 {
    margin-right: 72px !important;
  }
}

.u-m-6 {
  margin: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-m-6 {
    margin: 72px !important;
  }
}

.u-mt-7 {
  margin-top: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-7 {
    margin-top: 84px !important;
  }
}

.u-mb-7 {
  margin-bottom: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-7 {
    margin-bottom: 84px !important;
  }
}

.u-ml-7 {
  margin-left: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-7 {
    margin-left: 84px !important;
  }
}

.u-mr-7 {
  margin-right: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-7 {
    margin-right: 84px !important;
  }
}

.u-m-7 {
  margin: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-m-7 {
    margin: 84px !important;
  }
}

.u-mt-8 {
  margin-top: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-8 {
    margin-top: 96px !important;
  }
}

.u-mb-8 {
  margin-bottom: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-8 {
    margin-bottom: 96px !important;
  }
}

.u-ml-8 {
  margin-left: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-8 {
    margin-left: 96px !important;
  }
}

.u-mr-8 {
  margin-right: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-8 {
    margin-right: 96px !important;
  }
}

.u-m-8 {
  margin: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-m-8 {
    margin: 96px !important;
  }
}

.u-mt-9 {
  margin-top: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-9 {
    margin-top: 108px !important;
  }
}

.u-mb-9 {
  margin-bottom: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-9 {
    margin-bottom: 108px !important;
  }
}

.u-ml-9 {
  margin-left: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-9 {
    margin-left: 108px !important;
  }
}

.u-mr-9 {
  margin-right: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-9 {
    margin-right: 108px !important;
  }
}

.u-m-9 {
  margin: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-m-9 {
    margin: 108px !important;
  }
}

.u-mt-10 {
  margin-top: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-10 {
    margin-top: 120px !important;
  }
}

.u-mb-10 {
  margin-bottom: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-10 {
    margin-bottom: 120px !important;
  }
}

.u-ml-10 {
  margin-left: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-10 {
    margin-left: 120px !important;
  }
}

.u-mr-10 {
  margin-right: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-10 {
    margin-right: 120px !important;
  }
}

.u-m-10 {
  margin: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-m-10 {
    margin: 120px !important;
  }
}

.u-mt-11 {
  margin-top: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-11 {
    margin-top: 132px !important;
  }
}

.u-mb-11 {
  margin-bottom: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-11 {
    margin-bottom: 132px !important;
  }
}

.u-ml-11 {
  margin-left: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-11 {
    margin-left: 132px !important;
  }
}

.u-mr-11 {
  margin-right: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-11 {
    margin-right: 132px !important;
  }
}

.u-m-11 {
  margin: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-m-11 {
    margin: 132px !important;
  }
}

.u-mt-12 {
  margin-top: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-12 {
    margin-top: 144px !important;
  }
}

.u-mb-12 {
  margin-bottom: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-12 {
    margin-bottom: 144px !important;
  }
}

.u-ml-12 {
  margin-left: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-12 {
    margin-left: 144px !important;
  }
}

.u-mr-12 {
  margin-right: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-12 {
    margin-right: 144px !important;
  }
}

.u-m-12 {
  margin: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-m-12 {
    margin: 144px !important;
  }
}

.u-mt-13 {
  margin-top: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-13 {
    margin-top: 156px !important;
  }
}

.u-mb-13 {
  margin-bottom: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-13 {
    margin-bottom: 156px !important;
  }
}

.u-ml-13 {
  margin-left: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-13 {
    margin-left: 156px !important;
  }
}

.u-mr-13 {
  margin-right: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-13 {
    margin-right: 156px !important;
  }
}

.u-m-13 {
  margin: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-m-13 {
    margin: 156px !important;
  }
}

.u-mt-14 {
  margin-top: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-14 {
    margin-top: 168px !important;
  }
}

.u-mb-14 {
  margin-bottom: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-14 {
    margin-bottom: 168px !important;
  }
}

.u-ml-14 {
  margin-left: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-14 {
    margin-left: 168px !important;
  }
}

.u-mr-14 {
  margin-right: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-14 {
    margin-right: 168px !important;
  }
}

.u-m-14 {
  margin: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-m-14 {
    margin: 168px !important;
  }
}

.u-mt-15 {
  margin-top: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-15 {
    margin-top: 180px !important;
  }
}

.u-mb-15 {
  margin-bottom: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-15 {
    margin-bottom: 180px !important;
  }
}

.u-ml-15 {
  margin-left: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-15 {
    margin-left: 180px !important;
  }
}

.u-mr-15 {
  margin-right: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-15 {
    margin-right: 180px !important;
  }
}

.u-m-15 {
  margin: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-m-15 {
    margin: 180px !important;
  }
}

.u-mt-16 {
  margin-top: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-16 {
    margin-top: 192px !important;
  }
}

.u-mb-16 {
  margin-bottom: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-16 {
    margin-bottom: 192px !important;
  }
}

.u-ml-16 {
  margin-left: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-16 {
    margin-left: 192px !important;
  }
}

.u-mr-16 {
  margin-right: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-16 {
    margin-right: 192px !important;
  }
}

.u-m-16 {
  margin: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-m-16 {
    margin: 192px !important;
  }
}

.u-mt-17 {
  margin-top: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-17 {
    margin-top: 204px !important;
  }
}

.u-mb-17 {
  margin-bottom: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-17 {
    margin-bottom: 204px !important;
  }
}

.u-ml-17 {
  margin-left: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-17 {
    margin-left: 204px !important;
  }
}

.u-mr-17 {
  margin-right: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-17 {
    margin-right: 204px !important;
  }
}

.u-m-17 {
  margin: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-m-17 {
    margin: 204px !important;
  }
}

.u-mt-18 {
  margin-top: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-18 {
    margin-top: 216px !important;
  }
}

.u-mb-18 {
  margin-bottom: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-18 {
    margin-bottom: 216px !important;
  }
}

.u-ml-18 {
  margin-left: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-18 {
    margin-left: 216px !important;
  }
}

.u-mr-18 {
  margin-right: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-18 {
    margin-right: 216px !important;
  }
}

.u-m-18 {
  margin: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-m-18 {
    margin: 216px !important;
  }
}

.u-mt-19 {
  margin-top: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-19 {
    margin-top: 228px !important;
  }
}

.u-mb-19 {
  margin-bottom: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-19 {
    margin-bottom: 228px !important;
  }
}

.u-ml-19 {
  margin-left: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-19 {
    margin-left: 228px !important;
  }
}

.u-mr-19 {
  margin-right: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-19 {
    margin-right: 228px !important;
  }
}

.u-m-19 {
  margin: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-m-19 {
    margin: 228px !important;
  }
}

.u-mt-20 {
  margin-top: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-20 {
    margin-top: 240px !important;
  }
}

.u-mb-20 {
  margin-bottom: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-20 {
    margin-bottom: 240px !important;
  }
}

.u-ml-20 {
  margin-left: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-20 {
    margin-left: 240px !important;
  }
}

.u-mr-20 {
  margin-right: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-20 {
    margin-right: 240px !important;
  }
}

.u-m-20 {
  margin: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-m-20 {
    margin: 240px !important;
  }
}

.u-mt-21 {
  margin-top: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-21 {
    margin-top: 252px !important;
  }
}

.u-mb-21 {
  margin-bottom: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-21 {
    margin-bottom: 252px !important;
  }
}

.u-ml-21 {
  margin-left: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-21 {
    margin-left: 252px !important;
  }
}

.u-mr-21 {
  margin-right: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-21 {
    margin-right: 252px !important;
  }
}

.u-m-21 {
  margin: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-m-21 {
    margin: 252px !important;
  }
}

.u-mt-22 {
  margin-top: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-22 {
    margin-top: 264px !important;
  }
}

.u-mb-22 {
  margin-bottom: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-22 {
    margin-bottom: 264px !important;
  }
}

.u-ml-22 {
  margin-left: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-22 {
    margin-left: 264px !important;
  }
}

.u-mr-22 {
  margin-right: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-22 {
    margin-right: 264px !important;
  }
}

.u-m-22 {
  margin: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-m-22 {
    margin: 264px !important;
  }
}

.u-mt-23 {
  margin-top: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-23 {
    margin-top: 276px !important;
  }
}

.u-mb-23 {
  margin-bottom: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-23 {
    margin-bottom: 276px !important;
  }
}

.u-ml-23 {
  margin-left: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-23 {
    margin-left: 276px !important;
  }
}

.u-mr-23 {
  margin-right: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-23 {
    margin-right: 276px !important;
  }
}

.u-m-23 {
  margin: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-m-23 {
    margin: 276px !important;
  }
}

.u-mt-24 {
  margin-top: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-24 {
    margin-top: 288px !important;
  }
}

.u-mb-24 {
  margin-bottom: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-24 {
    margin-bottom: 288px !important;
  }
}

.u-ml-24 {
  margin-left: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-24 {
    margin-left: 288px !important;
  }
}

.u-mr-24 {
  margin-right: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-24 {
    margin-right: 288px !important;
  }
}

.u-m-24 {
  margin: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-m-24 {
    margin: 288px !important;
  }
}

.u-mt-25 {
  margin-top: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-25 {
    margin-top: 300px !important;
  }
}

.u-mb-25 {
  margin-bottom: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-25 {
    margin-bottom: 300px !important;
  }
}

.u-ml-25 {
  margin-left: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-25 {
    margin-left: 300px !important;
  }
}

.u-mr-25 {
  margin-right: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-25 {
    margin-right: 300px !important;
  }
}

.u-m-25 {
  margin: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-m-25 {
    margin: 300px !important;
  }
}

.u-mt-26 {
  margin-top: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-26 {
    margin-top: 312px !important;
  }
}

.u-mb-26 {
  margin-bottom: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-26 {
    margin-bottom: 312px !important;
  }
}

.u-ml-26 {
  margin-left: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-26 {
    margin-left: 312px !important;
  }
}

.u-mr-26 {
  margin-right: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-26 {
    margin-right: 312px !important;
  }
}

.u-m-26 {
  margin: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-m-26 {
    margin: 312px !important;
  }
}

.u-mt-27 {
  margin-top: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-27 {
    margin-top: 324px !important;
  }
}

.u-mb-27 {
  margin-bottom: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-27 {
    margin-bottom: 324px !important;
  }
}

.u-ml-27 {
  margin-left: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-27 {
    margin-left: 324px !important;
  }
}

.u-mr-27 {
  margin-right: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-27 {
    margin-right: 324px !important;
  }
}

.u-m-27 {
  margin: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-m-27 {
    margin: 324px !important;
  }
}

.u-mt-28 {
  margin-top: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-28 {
    margin-top: 336px !important;
  }
}

.u-mb-28 {
  margin-bottom: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-28 {
    margin-bottom: 336px !important;
  }
}

.u-ml-28 {
  margin-left: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-28 {
    margin-left: 336px !important;
  }
}

.u-mr-28 {
  margin-right: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-28 {
    margin-right: 336px !important;
  }
}

.u-m-28 {
  margin: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-m-28 {
    margin: 336px !important;
  }
}

.u-mt-29 {
  margin-top: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-29 {
    margin-top: 348px !important;
  }
}

.u-mb-29 {
  margin-bottom: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-29 {
    margin-bottom: 348px !important;
  }
}

.u-ml-29 {
  margin-left: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-29 {
    margin-left: 348px !important;
  }
}

.u-mr-29 {
  margin-right: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-29 {
    margin-right: 348px !important;
  }
}

.u-m-29 {
  margin: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-m-29 {
    margin: 348px !important;
  }
}

.u-mt-30 {
  margin-top: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-30 {
    margin-top: 360px !important;
  }
}

.u-mb-30 {
  margin-bottom: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-30 {
    margin-bottom: 360px !important;
  }
}

.u-ml-30 {
  margin-left: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-30 {
    margin-left: 360px !important;
  }
}

.u-mr-30 {
  margin-right: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-30 {
    margin-right: 360px !important;
  }
}

.u-m-30 {
  margin: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-m-30 {
    margin: 360px !important;
  }
}

.u-mt-31 {
  margin-top: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-31 {
    margin-top: 372px !important;
  }
}

.u-mb-31 {
  margin-bottom: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-31 {
    margin-bottom: 372px !important;
  }
}

.u-ml-31 {
  margin-left: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-31 {
    margin-left: 372px !important;
  }
}

.u-mr-31 {
  margin-right: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-31 {
    margin-right: 372px !important;
  }
}

.u-m-31 {
  margin: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-m-31 {
    margin: 372px !important;
  }
}

.u-mt-32 {
  margin-top: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-32 {
    margin-top: 384px !important;
  }
}

.u-mb-32 {
  margin-bottom: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-32 {
    margin-bottom: 384px !important;
  }
}

.u-ml-32 {
  margin-left: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-32 {
    margin-left: 384px !important;
  }
}

.u-mr-32 {
  margin-right: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-32 {
    margin-right: 384px !important;
  }
}

.u-m-32 {
  margin: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-m-32 {
    margin: 384px !important;
  }
}

.u-mt-33 {
  margin-top: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-33 {
    margin-top: 396px !important;
  }
}

.u-mb-33 {
  margin-bottom: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-33 {
    margin-bottom: 396px !important;
  }
}

.u-ml-33 {
  margin-left: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-33 {
    margin-left: 396px !important;
  }
}

.u-mr-33 {
  margin-right: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-33 {
    margin-right: 396px !important;
  }
}

.u-m-33 {
  margin: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-m-33 {
    margin: 396px !important;
  }
}

.u-mt-34 {
  margin-top: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-34 {
    margin-top: 408px !important;
  }
}

.u-mb-34 {
  margin-bottom: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-34 {
    margin-bottom: 408px !important;
  }
}

.u-ml-34 {
  margin-left: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-34 {
    margin-left: 408px !important;
  }
}

.u-mr-34 {
  margin-right: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-34 {
    margin-right: 408px !important;
  }
}

.u-m-34 {
  margin: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-m-34 {
    margin: 408px !important;
  }
}

.u-mt-35 {
  margin-top: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-35 {
    margin-top: 420px !important;
  }
}

.u-mb-35 {
  margin-bottom: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-35 {
    margin-bottom: 420px !important;
  }
}

.u-ml-35 {
  margin-left: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-35 {
    margin-left: 420px !important;
  }
}

.u-mr-35 {
  margin-right: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-35 {
    margin-right: 420px !important;
  }
}

.u-m-35 {
  margin: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-m-35 {
    margin: 420px !important;
  }
}

.u-mt-36 {
  margin-top: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-36 {
    margin-top: 432px !important;
  }
}

.u-mb-36 {
  margin-bottom: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-36 {
    margin-bottom: 432px !important;
  }
}

.u-ml-36 {
  margin-left: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-36 {
    margin-left: 432px !important;
  }
}

.u-mr-36 {
  margin-right: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-36 {
    margin-right: 432px !important;
  }
}

.u-m-36 {
  margin: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-m-36 {
    margin: 432px !important;
  }
}

.u-mt-37 {
  margin-top: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-37 {
    margin-top: 444px !important;
  }
}

.u-mb-37 {
  margin-bottom: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-37 {
    margin-bottom: 444px !important;
  }
}

.u-ml-37 {
  margin-left: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-37 {
    margin-left: 444px !important;
  }
}

.u-mr-37 {
  margin-right: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-37 {
    margin-right: 444px !important;
  }
}

.u-m-37 {
  margin: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-m-37 {
    margin: 444px !important;
  }
}

.u-mt-38 {
  margin-top: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-38 {
    margin-top: 456px !important;
  }
}

.u-mb-38 {
  margin-bottom: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-38 {
    margin-bottom: 456px !important;
  }
}

.u-ml-38 {
  margin-left: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-38 {
    margin-left: 456px !important;
  }
}

.u-mr-38 {
  margin-right: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-38 {
    margin-right: 456px !important;
  }
}

.u-m-38 {
  margin: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-m-38 {
    margin: 456px !important;
  }
}

.u-mt-39 {
  margin-top: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-39 {
    margin-top: 468px !important;
  }
}

.u-mb-39 {
  margin-bottom: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-39 {
    margin-bottom: 468px !important;
  }
}

.u-ml-39 {
  margin-left: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-39 {
    margin-left: 468px !important;
  }
}

.u-mr-39 {
  margin-right: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-39 {
    margin-right: 468px !important;
  }
}

.u-m-39 {
  margin: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-m-39 {
    margin: 468px !important;
  }
}

.u-mt-40 {
  margin-top: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-40 {
    margin-top: 480px !important;
  }
}

.u-mb-40 {
  margin-bottom: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-40 {
    margin-bottom: 480px !important;
  }
}

.u-ml-40 {
  margin-left: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-40 {
    margin-left: 480px !important;
  }
}

.u-mr-40 {
  margin-right: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-40 {
    margin-right: 480px !important;
  }
}

.u-m-40 {
  margin: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-m-40 {
    margin: 480px !important;
  }
}

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

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

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

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

.u-p-0 {
  padding: 0px !important;
}
@media screen and (min-width: 960px) {
  .u-p-0 {
    padding: 0px !important;
  }
}

.u-pt-1 {
  padding-top: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-1 {
    padding-top: 12px !important;
  }
}

.u-pb-1 {
  padding-bottom: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-1 {
    padding-bottom: 12px !important;
  }
}

.u-pl-1 {
  padding-left: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-1 {
    padding-left: 12px !important;
  }
}

.u-pr-1 {
  padding-right: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-1 {
    padding-right: 12px !important;
  }
}

.u-p-1 {
  padding: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-p-1 {
    padding: 12px !important;
  }
}

.u-pt-2 {
  padding-top: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-2 {
    padding-top: 24px !important;
  }
}

.u-pb-2 {
  padding-bottom: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-2 {
    padding-bottom: 24px !important;
  }
}

.u-pl-2 {
  padding-left: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-2 {
    padding-left: 24px !important;
  }
}

.u-pr-2 {
  padding-right: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-2 {
    padding-right: 24px !important;
  }
}

.u-p-2 {
  padding: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-p-2 {
    padding: 24px !important;
  }
}

.u-pt-3 {
  padding-top: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-3 {
    padding-top: 36px !important;
  }
}

.u-pb-3 {
  padding-bottom: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-3 {
    padding-bottom: 36px !important;
  }
}

.u-pl-3 {
  padding-left: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-3 {
    padding-left: 36px !important;
  }
}

.u-pr-3 {
  padding-right: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-3 {
    padding-right: 36px !important;
  }
}

.u-p-3 {
  padding: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-p-3 {
    padding: 36px !important;
  }
}

.u-pt-4 {
  padding-top: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-4 {
    padding-top: 48px !important;
  }
}

.u-pb-4 {
  padding-bottom: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-4 {
    padding-bottom: 48px !important;
  }
}

.u-pl-4 {
  padding-left: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-4 {
    padding-left: 48px !important;
  }
}

.u-pr-4 {
  padding-right: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-4 {
    padding-right: 48px !important;
  }
}

.u-p-4 {
  padding: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-p-4 {
    padding: 48px !important;
  }
}

.u-pt-5 {
  padding-top: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-5 {
    padding-top: 60px !important;
  }
}

.u-pb-5 {
  padding-bottom: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-5 {
    padding-bottom: 60px !important;
  }
}

.u-pl-5 {
  padding-left: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-5 {
    padding-left: 60px !important;
  }
}

.u-pr-5 {
  padding-right: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-5 {
    padding-right: 60px !important;
  }
}

.u-p-5 {
  padding: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-p-5 {
    padding: 60px !important;
  }
}

.u-pt-6 {
  padding-top: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-6 {
    padding-top: 72px !important;
  }
}

.u-pb-6 {
  padding-bottom: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-6 {
    padding-bottom: 72px !important;
  }
}

.u-pl-6 {
  padding-left: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-6 {
    padding-left: 72px !important;
  }
}

.u-pr-6 {
  padding-right: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-6 {
    padding-right: 72px !important;
  }
}

.u-p-6 {
  padding: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-p-6 {
    padding: 72px !important;
  }
}

.u-pt-7 {
  padding-top: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-7 {
    padding-top: 84px !important;
  }
}

.u-pb-7 {
  padding-bottom: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-7 {
    padding-bottom: 84px !important;
  }
}

.u-pl-7 {
  padding-left: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-7 {
    padding-left: 84px !important;
  }
}

.u-pr-7 {
  padding-right: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-7 {
    padding-right: 84px !important;
  }
}

.u-p-7 {
  padding: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-p-7 {
    padding: 84px !important;
  }
}

.u-pt-8 {
  padding-top: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-8 {
    padding-top: 96px !important;
  }
}

.u-pb-8 {
  padding-bottom: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-8 {
    padding-bottom: 96px !important;
  }
}

.u-pl-8 {
  padding-left: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-8 {
    padding-left: 96px !important;
  }
}

.u-pr-8 {
  padding-right: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-8 {
    padding-right: 96px !important;
  }
}

.u-p-8 {
  padding: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-p-8 {
    padding: 96px !important;
  }
}

.u-pt-9 {
  padding-top: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-9 {
    padding-top: 108px !important;
  }
}

.u-pb-9 {
  padding-bottom: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-9 {
    padding-bottom: 108px !important;
  }
}

.u-pl-9 {
  padding-left: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-9 {
    padding-left: 108px !important;
  }
}

.u-pr-9 {
  padding-right: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-9 {
    padding-right: 108px !important;
  }
}

.u-p-9 {
  padding: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-p-9 {
    padding: 108px !important;
  }
}

.u-pt-10 {
  padding-top: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-10 {
    padding-top: 120px !important;
  }
}

.u-pb-10 {
  padding-bottom: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-10 {
    padding-bottom: 120px !important;
  }
}

.u-pl-10 {
  padding-left: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-10 {
    padding-left: 120px !important;
  }
}

.u-pr-10 {
  padding-right: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-10 {
    padding-right: 120px !important;
  }
}

.u-p-10 {
  padding: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-p-10 {
    padding: 120px !important;
  }
}

.u-pt-11 {
  padding-top: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-11 {
    padding-top: 132px !important;
  }
}

.u-pb-11 {
  padding-bottom: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-11 {
    padding-bottom: 132px !important;
  }
}

.u-pl-11 {
  padding-left: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-11 {
    padding-left: 132px !important;
  }
}

.u-pr-11 {
  padding-right: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-11 {
    padding-right: 132px !important;
  }
}

.u-p-11 {
  padding: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-p-11 {
    padding: 132px !important;
  }
}

.u-pt-12 {
  padding-top: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-12 {
    padding-top: 144px !important;
  }
}

.u-pb-12 {
  padding-bottom: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-12 {
    padding-bottom: 144px !important;
  }
}

.u-pl-12 {
  padding-left: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-12 {
    padding-left: 144px !important;
  }
}

.u-pr-12 {
  padding-right: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-12 {
    padding-right: 144px !important;
  }
}

.u-p-12 {
  padding: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-p-12 {
    padding: 144px !important;
  }
}

.u-pt-13 {
  padding-top: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-13 {
    padding-top: 156px !important;
  }
}

.u-pb-13 {
  padding-bottom: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-13 {
    padding-bottom: 156px !important;
  }
}

.u-pl-13 {
  padding-left: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-13 {
    padding-left: 156px !important;
  }
}

.u-pr-13 {
  padding-right: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-13 {
    padding-right: 156px !important;
  }
}

.u-p-13 {
  padding: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-p-13 {
    padding: 156px !important;
  }
}

.u-pt-14 {
  padding-top: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-14 {
    padding-top: 168px !important;
  }
}

.u-pb-14 {
  padding-bottom: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-14 {
    padding-bottom: 168px !important;
  }
}

.u-pl-14 {
  padding-left: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-14 {
    padding-left: 168px !important;
  }
}

.u-pr-14 {
  padding-right: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-14 {
    padding-right: 168px !important;
  }
}

.u-p-14 {
  padding: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-p-14 {
    padding: 168px !important;
  }
}

.u-pt-15 {
  padding-top: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-15 {
    padding-top: 180px !important;
  }
}

.u-pb-15 {
  padding-bottom: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-15 {
    padding-bottom: 180px !important;
  }
}

.u-pl-15 {
  padding-left: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-15 {
    padding-left: 180px !important;
  }
}

.u-pr-15 {
  padding-right: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-15 {
    padding-right: 180px !important;
  }
}

.u-p-15 {
  padding: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-p-15 {
    padding: 180px !important;
  }
}

.u-pt-16 {
  padding-top: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-16 {
    padding-top: 192px !important;
  }
}

.u-pb-16 {
  padding-bottom: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-16 {
    padding-bottom: 192px !important;
  }
}

.u-pl-16 {
  padding-left: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-16 {
    padding-left: 192px !important;
  }
}

.u-pr-16 {
  padding-right: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-16 {
    padding-right: 192px !important;
  }
}

.u-p-16 {
  padding: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-p-16 {
    padding: 192px !important;
  }
}

.u-pt-17 {
  padding-top: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-17 {
    padding-top: 204px !important;
  }
}

.u-pb-17 {
  padding-bottom: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-17 {
    padding-bottom: 204px !important;
  }
}

.u-pl-17 {
  padding-left: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-17 {
    padding-left: 204px !important;
  }
}

.u-pr-17 {
  padding-right: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-17 {
    padding-right: 204px !important;
  }
}

.u-p-17 {
  padding: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-p-17 {
    padding: 204px !important;
  }
}

.u-pt-18 {
  padding-top: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-18 {
    padding-top: 216px !important;
  }
}

.u-pb-18 {
  padding-bottom: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-18 {
    padding-bottom: 216px !important;
  }
}

.u-pl-18 {
  padding-left: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-18 {
    padding-left: 216px !important;
  }
}

.u-pr-18 {
  padding-right: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-18 {
    padding-right: 216px !important;
  }
}

.u-p-18 {
  padding: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-p-18 {
    padding: 216px !important;
  }
}

.u-pt-19 {
  padding-top: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-19 {
    padding-top: 228px !important;
  }
}

.u-pb-19 {
  padding-bottom: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-19 {
    padding-bottom: 228px !important;
  }
}

.u-pl-19 {
  padding-left: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-19 {
    padding-left: 228px !important;
  }
}

.u-pr-19 {
  padding-right: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-19 {
    padding-right: 228px !important;
  }
}

.u-p-19 {
  padding: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-p-19 {
    padding: 228px !important;
  }
}

.u-pt-20 {
  padding-top: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-20 {
    padding-top: 240px !important;
  }
}

.u-pb-20 {
  padding-bottom: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-20 {
    padding-bottom: 240px !important;
  }
}

.u-pl-20 {
  padding-left: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-20 {
    padding-left: 240px !important;
  }
}

.u-pr-20 {
  padding-right: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-20 {
    padding-right: 240px !important;
  }
}

.u-p-20 {
  padding: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-p-20 {
    padding: 240px !important;
  }
}

.u-pt-21 {
  padding-top: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-21 {
    padding-top: 252px !important;
  }
}

.u-pb-21 {
  padding-bottom: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-21 {
    padding-bottom: 252px !important;
  }
}

.u-pl-21 {
  padding-left: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-21 {
    padding-left: 252px !important;
  }
}

.u-pr-21 {
  padding-right: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-21 {
    padding-right: 252px !important;
  }
}

.u-p-21 {
  padding: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-p-21 {
    padding: 252px !important;
  }
}

.u-pt-22 {
  padding-top: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-22 {
    padding-top: 264px !important;
  }
}

.u-pb-22 {
  padding-bottom: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-22 {
    padding-bottom: 264px !important;
  }
}

.u-pl-22 {
  padding-left: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-22 {
    padding-left: 264px !important;
  }
}

.u-pr-22 {
  padding-right: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-22 {
    padding-right: 264px !important;
  }
}

.u-p-22 {
  padding: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-p-22 {
    padding: 264px !important;
  }
}

.u-pt-23 {
  padding-top: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-23 {
    padding-top: 276px !important;
  }
}

.u-pb-23 {
  padding-bottom: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-23 {
    padding-bottom: 276px !important;
  }
}

.u-pl-23 {
  padding-left: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-23 {
    padding-left: 276px !important;
  }
}

.u-pr-23 {
  padding-right: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-23 {
    padding-right: 276px !important;
  }
}

.u-p-23 {
  padding: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-p-23 {
    padding: 276px !important;
  }
}

.u-pt-24 {
  padding-top: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-24 {
    padding-top: 288px !important;
  }
}

.u-pb-24 {
  padding-bottom: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-24 {
    padding-bottom: 288px !important;
  }
}

.u-pl-24 {
  padding-left: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-24 {
    padding-left: 288px !important;
  }
}

.u-pr-24 {
  padding-right: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-24 {
    padding-right: 288px !important;
  }
}

.u-p-24 {
  padding: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-p-24 {
    padding: 288px !important;
  }
}

.u-pt-25 {
  padding-top: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-25 {
    padding-top: 300px !important;
  }
}

.u-pb-25 {
  padding-bottom: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-25 {
    padding-bottom: 300px !important;
  }
}

.u-pl-25 {
  padding-left: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-25 {
    padding-left: 300px !important;
  }
}

.u-pr-25 {
  padding-right: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-25 {
    padding-right: 300px !important;
  }
}

.u-p-25 {
  padding: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-p-25 {
    padding: 300px !important;
  }
}

.u-pt-26 {
  padding-top: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-26 {
    padding-top: 312px !important;
  }
}

.u-pb-26 {
  padding-bottom: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-26 {
    padding-bottom: 312px !important;
  }
}

.u-pl-26 {
  padding-left: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-26 {
    padding-left: 312px !important;
  }
}

.u-pr-26 {
  padding-right: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-26 {
    padding-right: 312px !important;
  }
}

.u-p-26 {
  padding: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-p-26 {
    padding: 312px !important;
  }
}

.u-pt-27 {
  padding-top: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-27 {
    padding-top: 324px !important;
  }
}

.u-pb-27 {
  padding-bottom: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-27 {
    padding-bottom: 324px !important;
  }
}

.u-pl-27 {
  padding-left: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-27 {
    padding-left: 324px !important;
  }
}

.u-pr-27 {
  padding-right: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-27 {
    padding-right: 324px !important;
  }
}

.u-p-27 {
  padding: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-p-27 {
    padding: 324px !important;
  }
}

.u-pt-28 {
  padding-top: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-28 {
    padding-top: 336px !important;
  }
}

.u-pb-28 {
  padding-bottom: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-28 {
    padding-bottom: 336px !important;
  }
}

.u-pl-28 {
  padding-left: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-28 {
    padding-left: 336px !important;
  }
}

.u-pr-28 {
  padding-right: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-28 {
    padding-right: 336px !important;
  }
}

.u-p-28 {
  padding: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-p-28 {
    padding: 336px !important;
  }
}

.u-pt-29 {
  padding-top: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-29 {
    padding-top: 348px !important;
  }
}

.u-pb-29 {
  padding-bottom: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-29 {
    padding-bottom: 348px !important;
  }
}

.u-pl-29 {
  padding-left: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-29 {
    padding-left: 348px !important;
  }
}

.u-pr-29 {
  padding-right: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-29 {
    padding-right: 348px !important;
  }
}

.u-p-29 {
  padding: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-p-29 {
    padding: 348px !important;
  }
}

.u-pt-30 {
  padding-top: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-30 {
    padding-top: 360px !important;
  }
}

.u-pb-30 {
  padding-bottom: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-30 {
    padding-bottom: 360px !important;
  }
}

.u-pl-30 {
  padding-left: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-30 {
    padding-left: 360px !important;
  }
}

.u-pr-30 {
  padding-right: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-30 {
    padding-right: 360px !important;
  }
}

.u-p-30 {
  padding: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-p-30 {
    padding: 360px !important;
  }
}

.u-pt-31 {
  padding-top: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-31 {
    padding-top: 372px !important;
  }
}

.u-pb-31 {
  padding-bottom: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-31 {
    padding-bottom: 372px !important;
  }
}

.u-pl-31 {
  padding-left: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-31 {
    padding-left: 372px !important;
  }
}

.u-pr-31 {
  padding-right: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-31 {
    padding-right: 372px !important;
  }
}

.u-p-31 {
  padding: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-p-31 {
    padding: 372px !important;
  }
}

.u-pt-32 {
  padding-top: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-32 {
    padding-top: 384px !important;
  }
}

.u-pb-32 {
  padding-bottom: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-32 {
    padding-bottom: 384px !important;
  }
}

.u-pl-32 {
  padding-left: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-32 {
    padding-left: 384px !important;
  }
}

.u-pr-32 {
  padding-right: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-32 {
    padding-right: 384px !important;
  }
}

.u-p-32 {
  padding: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-p-32 {
    padding: 384px !important;
  }
}

.u-pt-33 {
  padding-top: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-33 {
    padding-top: 396px !important;
  }
}

.u-pb-33 {
  padding-bottom: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-33 {
    padding-bottom: 396px !important;
  }
}

.u-pl-33 {
  padding-left: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-33 {
    padding-left: 396px !important;
  }
}

.u-pr-33 {
  padding-right: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-33 {
    padding-right: 396px !important;
  }
}

.u-p-33 {
  padding: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-p-33 {
    padding: 396px !important;
  }
}

.u-pt-34 {
  padding-top: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-34 {
    padding-top: 408px !important;
  }
}

.u-pb-34 {
  padding-bottom: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-34 {
    padding-bottom: 408px !important;
  }
}

.u-pl-34 {
  padding-left: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-34 {
    padding-left: 408px !important;
  }
}

.u-pr-34 {
  padding-right: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-34 {
    padding-right: 408px !important;
  }
}

.u-p-34 {
  padding: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-p-34 {
    padding: 408px !important;
  }
}

.u-pt-35 {
  padding-top: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-35 {
    padding-top: 420px !important;
  }
}

.u-pb-35 {
  padding-bottom: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-35 {
    padding-bottom: 420px !important;
  }
}

.u-pl-35 {
  padding-left: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-35 {
    padding-left: 420px !important;
  }
}

.u-pr-35 {
  padding-right: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-35 {
    padding-right: 420px !important;
  }
}

.u-p-35 {
  padding: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-p-35 {
    padding: 420px !important;
  }
}

.u-pt-36 {
  padding-top: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-36 {
    padding-top: 432px !important;
  }
}

.u-pb-36 {
  padding-bottom: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-36 {
    padding-bottom: 432px !important;
  }
}

.u-pl-36 {
  padding-left: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-36 {
    padding-left: 432px !important;
  }
}

.u-pr-36 {
  padding-right: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-36 {
    padding-right: 432px !important;
  }
}

.u-p-36 {
  padding: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-p-36 {
    padding: 432px !important;
  }
}

.u-pt-37 {
  padding-top: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-37 {
    padding-top: 444px !important;
  }
}

.u-pb-37 {
  padding-bottom: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-37 {
    padding-bottom: 444px !important;
  }
}

.u-pl-37 {
  padding-left: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-37 {
    padding-left: 444px !important;
  }
}

.u-pr-37 {
  padding-right: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-37 {
    padding-right: 444px !important;
  }
}

.u-p-37 {
  padding: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-p-37 {
    padding: 444px !important;
  }
}

.u-pt-38 {
  padding-top: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-38 {
    padding-top: 456px !important;
  }
}

.u-pb-38 {
  padding-bottom: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-38 {
    padding-bottom: 456px !important;
  }
}

.u-pl-38 {
  padding-left: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-38 {
    padding-left: 456px !important;
  }
}

.u-pr-38 {
  padding-right: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-38 {
    padding-right: 456px !important;
  }
}

.u-p-38 {
  padding: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-p-38 {
    padding: 456px !important;
  }
}

.u-pt-39 {
  padding-top: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-39 {
    padding-top: 468px !important;
  }
}

.u-pb-39 {
  padding-bottom: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-39 {
    padding-bottom: 468px !important;
  }
}

.u-pl-39 {
  padding-left: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-39 {
    padding-left: 468px !important;
  }
}

.u-pr-39 {
  padding-right: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-39 {
    padding-right: 468px !important;
  }
}

.u-p-39 {
  padding: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-p-39 {
    padding: 468px !important;
  }
}

.u-pt-40 {
  padding-top: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-40 {
    padding-top: 480px !important;
  }
}

.u-pb-40 {
  padding-bottom: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-40 {
    padding-bottom: 480px !important;
  }
}

.u-pl-40 {
  padding-left: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-40 {
    padding-left: 480px !important;
  }
}

.u-pr-40 {
  padding-right: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-40 {
    padding-right: 480px !important;
  }
}

.u-p-40 {
  padding: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-p-40 {
    padding: 480px !important;
  }
}

.u-font10 {
  font-size: clamp(1rem, 1rem + (1vw - 0.52rem) * 0.4545454545, 1.2rem);
}

.u-font12 {
  font-size: clamp(1.2rem, 1.2rem + (1vw - 0.52rem) * 0.4545454545, 1.4rem);
}

.u-font14 {
  font-size: clamp(1.4rem, 1.4rem + (1vw - 0.52rem) * 0.4545454545, 1.6rem);
}

.u-font16 {
  font-size: clamp(1.6rem, 1.6rem + (1vw - 0.52rem) * 0.4545454545, 1.8rem);
}

.u-font18 {
  font-size: clamp(1.8rem, 1.8rem + (1vw - 0.52rem) * 0.4545454545, 2rem);
}

.u-font20 {
  font-size: clamp(2rem, 2rem + (1vw - 0.52rem) * 0.9090909091, 2.4rem);
}

.u-font22 {
  font-size: clamp(2.2rem, 2.2rem + (1vw - 0.52rem) * 1.3636363636, 2.8rem);
}

.u-font24 {
  font-size: clamp(2.4rem, 2.4rem + (1vw - 0.52rem) * 1.8181818182, 3.2rem);
}

.u-font26 {
  font-size: clamp(2.6rem, 2.6rem + (1vw - 0.52rem) * 2.2727272727, 3.6rem);
}

.u-font28 {
  font-size: clamp(2.8rem, 2.8rem + (1vw - 0.52rem) * 2.7272727273, 4rem);
}

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

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

.u-tb {
  display: none;
}
@media screen and (min-width: 520px) and (max-width: 959px) {
  .u-tb {
    display: block;
  }
  br.u-tb, span.u-tb {
    display: inline-block;
  }
}

.u-sptb {
  display: none;
}
@media screen and (max-width: 790px) {
  .u-sptb {
    display: block;
  }
  br.u-sptb, span.u-sptb {
    display: inline-block;
  }
}

.u-sp {
  display: none;
}
@media screen and (max-width: 530px) {
  .u-sp {
    display: block;
  }
  br.u-sp, span.u-sp {
    display: inline-block;
  }
}

.u-sp-s {
  display: none;
}
@media screen and (max-width: 330px) {
  .u-sp-s {
    display: block;
  }
  br.u-sp-s, span.u-sp-s {
    display: inline-block;
  }
}

*,
*:before,
*:after {
  -webkit-appearance: none;
}

#loading {
  width: 100vw;
  height: 100vh;
  -webkit-transition: all 1s;
  transition: all 1s;
  background-color: #ffdf00;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.spinner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spinner #load_svg {
  max-width: 100%;
  max-width: 300px;
}
@media screen and (max-width: 790px) {
  .spinner #load_svg {
    max-width: 200px;
  }
}

.loaded {
  opacity: 0;
  visibility: hidden;
}

html {
  height: 100%;
  line-height: 1.8;
  font-size: 62.5%;
}

body {
  font-family: "M PLUS 1p", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 500;
  background-color: #fff;
  font-size: clamp(1.4rem, 1.4rem + (1vw - 0.52rem) * 0.4545454545, 1.6rem);
  overflow-wrap: break-word;
}
body.is-fixed {
  overflow: hidden;
  width: 100%;
}
body.hidden {
  overflow: hidden;
  width: 100%;
}

a,
button {
  color: #ff0000;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: none;
  text-decoration: underline;
}
a:hover,
button:hover {
  color: #cccccc;
}

main {
  position: relative;
}

img, svg {
  vertical-align: top;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

table {
  border-collapse: separate;
  border-top: 1px solid #cccccc;
}
table th,
table td {
  padding: 10px;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
}
table th {
  background-color: #eee;
}
@media screen and (min-width: 960px) {
  table th {
    white-space: nowrap;
  }
}

input[type=text], input[type=email], input[type=tel] {
  border: 1px solid #cccccc;
  padding: 8px;
  width: 100%;
  max-width: 500px;
  font-size: 1.6rem;
}
input[type=text]:-moz-read-only, input[type=email]:-moz-read-only, input[type=tel]:-moz-read-only {
  background-color: #cccccc;
}
input[type=text][readonly=readonly], input[type=text][disabled=disabled], input[type=text]:read-only, input[type=email][readonly=readonly], input[type=email][disabled=disabled], input[type=email]:read-only, input[type=tel][readonly=readonly], input[type=tel][disabled=disabled], input[type=tel]:read-only {
  background-color: #cccccc;
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder {
  color: #cccccc;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder {
  color: #cccccc;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder {
  color: #cccccc;
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder {
  color: #cccccc;
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder {
  color: #cccccc;
}
input[type=text]:focus::-webkit-input-placeholder, input[type=email]:focus::-webkit-input-placeholder, input[type=tel]:focus::-webkit-input-placeholder {
  color: transparent;
}
input[type=text]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder {
  color: transparent;
}
input[type=text]:focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder {
  color: transparent;
}
input[type=text]:focus::-ms-input-placeholder, input[type=email]:focus::-ms-input-placeholder, input[type=tel]:focus::-ms-input-placeholder {
  color: transparent;
}
input[type=text]:focus::placeholder, input[type=email]:focus::placeholder, input[type=tel]:focus::placeholder {
  color: transparent;
}

input[type=submit], button[type=submit] {
  border: 1px solid #cccccc;
  padding: 8px;
  width: 100%;
  max-width: 300px;
  text-align: center;
  text-decoration: none;
  color: #333333;
}
input[type=submit][disabled=disabled], button[type=submit][disabled=disabled] {
  background-color: #cccccc;
}

textarea {
  border: 1px solid #cccccc;
  padding: 4px 8px;
  width: 100%;
  height: 240px;
  font-size: 1.6rem;
}
textarea:-moz-read-only {
  background-color: #cccccc;
}
textarea[readonly=readonly], textarea[disabled=disabled], textarea:read-only {
  background-color: #cccccc;
}

section {
  position: relative;
  z-index: 1;
}

.c-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

@media screen and (max-width: 790px) {
  .only_pc {
    display: none !important;
  }
}

.only_sp {
  display: none !important;
}
@media screen and (max-width: 790px) {
  .only_sp {
    display: block !important;
  }
}

.c-header {
  position: fixed;
  top: 0;
  right: 0;
  height: 112px;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 11;
}
@media screen and (max-width: 790px) {
  .c-header {
    height: 60px;
  }
}
.c-header .header_inner {
  width: 100%;
  max-width: 1100px;
  height: 100%;
  padding: 0 20px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 790px) {
  .c-header .header_inner {
    padding: 0 10px;
  }
}
.c-header .header_inner .header_logo {
  width: 100%;
  max-width: 300px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 790px) {
  .c-header .header_inner .header_logo {
    max-width: 165px;
  }
}
.c-header .header_inner .spNav_btn {
  position: relative;
  width: 50px;
  height: 70px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 1000;
}
.c-header .header_inner .spNav_btn::before, .c-header .header_inner .spNav_btn::after {
  content: "";
  background-color: #6b2800;
  width: 42px;
  height: 2px;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media screen and (max-width: 790px) {
  .c-header .header_inner .spNav_btn::before, .c-header .header_inner .spNav_btn::after {
    width: 29px;
  }
}
.c-header .header_inner .spNav_btn:hover::before, .c-header .header_inner .spNav_btn:hover::after {
  height: 4px;
}
.c-header .header_inner .spNav_btn::before {
  margin-top: -6px;
}
.c-header .header_inner .spNav_btn::after {
  margin-top: 6px;
}
.c-header .header_inner .spNav_btn.is-on::before, .c-header .header_inner .spNav_btn.is-on::after {
  margin-top: 0;
  width: 42px;
}
@media screen and (max-width: 790px) {
  .c-header .header_inner .spNav_btn.is-on::before, .c-header .header_inner .spNav_btn.is-on::after {
    width: 29px;
  }
}
.c-header .header_inner .spNav_btn.is-on::before {
  -webkit-transform: translate(-50%, -50%) rotate(35deg);
          transform: translate(-50%, -50%) rotate(35deg);
}
.c-header .header_inner .spNav_btn.is-on::after {
  -webkit-transform: translate(-50%, -50%) rotate(-35deg);
          transform: translate(-50%, -50%) rotate(-35deg);
}
.c-header .header_inner .spNav_btn.is-on > div {
  opacity: 0;
}
.c-header .header_inner .spNav_wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 10;
  display: none;
}
.c-header .header_inner .spNav_wrap .nav-inner {
  width: 100%;
  max-width: 1000px;
  padding: 0 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.c-header .header_inner .spNav_wrap .nav-inner ul {
  margin-bottom: 6rem;
}
.c-header .header_inner .spNav_wrap .nav-inner ul li {
  text-align: center;
}
.c-header .header_inner .spNav_wrap .nav-inner ul li:not(:last-child) {
  margin-bottom: 4rem;
}
.c-header .header_inner .spNav_wrap .nav-inner ul li a {
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  display: inline-block;
  color: #6b2800;
  position: relative;
}
.c-header .header_inner .spNav_wrap .nav-inner ul li a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #fccf00;
  bottom: 0;
  left: 0;
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.c-header .header_inner .spNav_wrap .nav-inner ul li a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.c-header .header_inner .spNav_wrap .nav-inner ul li a.noneBtn {
  pointer-events: none;
  color: gray;
}
.c-header .header_inner .spNav_wrap .nav-inner .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-header .header_inner .spNav_wrap .nav-inner .sns a {
  display: block;
  width: 100%;
  max-width: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-header .header_inner .spNav_wrap .nav-inner .sns a:not(:last-child) {
  margin-right: 3rem;
}
.c-header .header_inner .spNav_wrap .nav-inner .sns a:hover {
  opacity: 0.7;
}
.c-header .header_inner .spNav_wrap .nav-inner .sns a img {
  width: 100%;
}

.scroll-header {
  height: 90px;
  background-color: #fff;
}
@media screen and (max-width: 790px) {
  .scroll-header {
    height: 50px;
  }
}
.scroll-header .header_inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.scroll-header .header_inner .header_logo {
  max-width: 200px;
}
@media screen and (max-width: 790px) {
  .scroll-header .header_inner .header_logo {
    max-width: 115px;
  }
}

.c-pagetop {
  cursor: pointer;
  position: fixed;
  z-index: 10;
  right: -50px;
  bottom: 20px;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  opacity: 0;
}
.c-pagetop img {
  width: 100%;
  max-width: 50px;
}
@media screen and (max-width: 790px) {
  .c-pagetop img {
    max-width: 35px;
  }
}
.c-pagetop.is-show {
  right: 20px;
  opacity: 1;
}
.c-pagetop:hover {
  bottom: 30px;
}

.c-footer {
  margin-top: auto;
  background-color: white;
  padding-bottom: 8rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 530px) {
  .c-footer {
    padding-bottom: 3rem;
  }
}
.c-footer .footer_logo {
  max-width: 270px;
  margin: 0 auto;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 790px) {
  .c-footer .footer_logo {
    max-width: 178px;
    margin-top: 3.5rem;
    margin-bottom: 3rem;
  }
}
.c-footer .footer_logo a {
  display: block;
}
.c-footer .footer_logo a img {
  width: 100%;
}
.c-footer .footer_logo a:hover {
  opacity: 0.5;
}
.c-footer .footer_copyright {
  text-align: center;
  color: #6b2800;
  font-size: 12.98px;
}
@media screen and (max-width: 790px) {
  .c-footer .footer_copyright {
    font-size: 10px;
  }
}

.fontnumber {
  font-family: "kanit", sans-serif;
  font-weight: 300;
}
.fontnumber span {
  font-family: "kanit", sans-serif;
}

@-webkit-keyframes fuwafuwa {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

@keyframes fuwafuwa {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@-webkit-keyframes fuwafuwa2 {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
@keyframes fuwafuwa2 {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
.anime-fuwafuwa {
  -webkit-animation: 6s fuwafuwa infinite;
          animation: 6s fuwafuwa infinite;
}

.anime-fuwafuwa2 {
  -webkit-animation: 8s fuwafuwa2 infinite;
          animation: 8s fuwafuwa2 infinite;
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* ーーーーーーーーーーーーーーー上からーーーーーーーーーーーーーーー */
.fadeDown, .fadeDown2, .fadeDown3, .fadeDown4 {
  -webkit-animation-name: fadeDownAnime;
          animation-name: fadeDownAnime;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

.fadeDown2 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.fadeDown3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.fadeDown4 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

@-webkit-keyframes fadeDownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeDownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* ーーーーーーーーーーーーーーー左からーーーーーーーーーーーーーーー */
.fadeLeft, .fadeLeft2, .fadeLeft3, .fadeLeft4 {
  -webkit-animation-name: fadeLeftAnime;
          animation-name: fadeLeftAnime;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

.fadeLeft2 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.fadeLeft3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.fadeLeft4 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

@-webkit-keyframes fadeLeftAnime {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes fadeLeftAnime {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/* ーーーーーーーーーーーーーーー右からーーーーーーーーーーーーーーー */
.fadeRight, .fadeRight2, .fadeRight3, .fadeRight4 {
  -webkit-animation-name: fadeRightAnime;
          animation-name: fadeRightAnime;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

.fadeRight2 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.fadeRight3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.fadeRight4 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

@-webkit-keyframes fadeRightAnime {
  from {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes fadeRightAnime {
  from {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.js-fadeUpTrigger, .js-fadeUpTrigger2, .js-fadeUpTrigger3, .js-fadeUpTrigger4,
.js-fadeDownTrigger, .js-fadeDownTrigger2, .js-fadeDownTrigger3, .js-fadeDownTrigger4, .js-fadeDownTrigger_slow,
.js-fadeLeftTrigger, .js-fadeLeftTrigger2, .js-fadeLeftTrigger3, .js-fadeLeftTrigger4,
.js-fadeRightTrigger, .js-fadeRightTrigger2, .js-fadeRightTrigger3, .js-fadeRightTrigger4 {
  opacity: 0;
}

svg {
  margin-top: -2px;
}

.p-btnArea {
  padding: 0 3rem;
  padding-top: 70px;
}
.p-btnArea a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 400px;
  height: 74px;
  background-color: #6b2800;
  border-radius: 50px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  padding: 2rem 4rem;
  text-decoration: none;
  z-index: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.p-btnArea a._kimagure {
  background-color: #c60d18;
}
@media screen and (max-width: 790px) {
  .p-btnArea a {
    height: 54px;
    font-size: 15.49px;
    padding: 2rem;
  }
}
.p-btnArea a:hover {
  background-color: #ffe57a;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

main {
  color: #6b2800;
  background-color: #fccf00;
  overflow-x: hidden;
}

ruby rt {
  text-align: center;
  font-family: "M PLUS 1p";
  font-weight: 300;
}
@media screen and (max-width: 790px) {
  ruby rt {
    display: block;
    font-size: 10px;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}

ruby[data-ruby] {
  position: relative;
  display: inline-block;
}

ruby[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  line-height: 100%;
  text-align: center;
  left: -3em;
  right: -3em;
  white-space: nowrap;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transform: scale(0.55);
          transform: scale(0.55);
  top: -20%;
  font-family: "M PLUS 1p";
  font-weight: 300;
}
@media screen and (max-width: 790px) {
  ruby[data-ruby]::before {
    top: -10%;
  }
}

ruby[data-ruby] rt {
  display: none;
}

.company-logo {
  position: relative;
  z-index: 1;
  padding: 0 20px;
  width: 100%;
  margin-top: 2rem;
}
.company-logo a img {
  width: 100%;
  max-width: 200px;
}
@media screen and (max-width: 790px) {
  .company-logo a img {
    max-width: 160px;
  }
}

.p-mv {
  width: 100%;
  padding: 0 20px;
  position: relative;
  margin-top: 4rem;
  margin-bottom: 4rem;
  z-index: 5;
}
@media screen and (max-width: 790px) {
  .p-mv {
    margin-top: 2rem;
    margin-bottom: 0;
  }
}
.p-mv .mv-campaign-title {
  max-width: 1034px;
  margin: 0 auto;
}
@media screen and (max-width: 790px) {
  .p-mv .mv-campaign-title .flex-content-title {
    margin-top: -3.5rem;
    pointer-events: none;
  }
}
.p-mv .mv-campaign-title .flex-content-title .title {
  width: 100%;
}
@media screen and (max-width: 790px) {
  .p-mv .mv-campaign-title .flex-content-title .title {
    width: 100%;
  }
}
.p-mv .mv-campaign-title .setItem {
  margin: 4rem 0;
}
@media screen and (max-width: 790px) {
  .p-mv .mv-campaign-title .setItem {
    margin: 2rem 0;
  }
}

.contentBox {
  padding: 0 20px;
  margin-bottom: 3rem;
}
@media screen and (max-width: 790px) {
  .contentBox {
    margin-bottom: 2rem;
  }
}
.contentBox .inner {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.contentBox .inner a {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}
.contentBox .inner a:hover {
  opacity: 0.8;
}
.contentBox .inner a img {
  display: block;
  border-radius: 10px;
  margin: 0 auto;
}
.contentBox .inner .deco_03 {
  position: absolute;
  bottom: 1%;
  right: 1%;
  width: 3%;
}
.contentBox .inner .text_img {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  height: 20px;
}

/*
.contentBox {
    padding: 0 20px;
    margin-bottom: 90px;
    @include sptb {
        margin-bottom: 30%;
    }
    @include sp {
        &:last-child {
            margin-bottom: 10%;
        }
    }
    .inner {
        background-image: url(../images/back.svg);
        max-width: 1100px;
        width: 100%;
        margin: 0 auto;
        background-size: 100%;
        background-repeat: repeat-y;
        position: relative;
        z-index: 1;
        padding: 30px 60px;
        @include tb {
            padding: 20px 30px;
        }
        @include sp {
            padding: 0 2rem 0;

        }
        &.-blue {
            background-image: url(../images/back_blue.svg);
            padding-bottom: 70px;
            @include sptb {
                padding-bottom: 30px;
            }
        }
        .boundaryLine {
            .line {
                position: absolute;
                width: 100%;
                height: 12px;
                left: 0;
                bottom: -1px;
                z-index: -1;
                @include sptb {
                    height: 6px;
                    bottom: -2px;
                }
            }
        }
        .plus {
            width: 100%;
            max-width: 5%;
            position: absolute;
            left: 50%;
            top: -7%;
            transform: translate(-50%, 0);
            @include sptb {
                top: -3%;
            }
        }
        .title03 {
            max-width: 80%;
            width: 100%;
            margin: 0 auto;
            margin-bottom: 2rem;
            @include sptb {
                max-width: 100%;
                margin-bottom: 1rem;
            }
        }
        .top {
            position: absolute;
            width: 100%;
            left: 0;
            top: -30px;
            z-index: -1;
            @include sptb {
                top: -60px;
            }
            @include sp {
                top: -34px;
            }
            @include sp-s {
                top: -28px;
            }
        }
        .bottom {
            position: absolute;
            width:100%;
            height: auto;
            padding-top: 4.666666666666667%;
            left: 0;
            bottom: -30px;
            z-index: -1;
            @include sptb {
                padding-top: 12%;
                bottom: -60px;
            }
            @include sp {
                bottom: -34px;
            }
            @include sp-s {
                bottom: -28px;
            }
            &.-pattern2 {
                @include sptb {
                    bottom: -30px;
                }
            }
        }
        .contentBlock {
            position: relative;
            width: 100%;
            img {
                display: block;
                width: 100%;
            }
            .ashiato01 {
                position: absolute;
                width: 11%;
                left: -3%;
                top: -40%;
                @include sptb {
                    display: none;
                }
            }
            .ashiato02 {
                position: absolute;
                width: 6%;
                right: -2%;
                bottom: -10%;    
                @include sptb {
                    display: none;
                }        
            }
            .flex-box {
                position: relative;
                width: 100%;
                margin: 2rem 0;
                display: flex;
                @include sptb {
                    display: block;
                }
                div {
                    &:nth-child(1) {
                        width: 63%;
                        @include sptb {
                            width: 100%;
                        }
                    }
                    &:nth-child(2) {
                        width: 37%;
                        position: absolute;
                        right: -21px;
                        @include sptb {
                            position: initial;
                            width: 100%;
                        }
                    }
                }
            }
            .notetext {
                margin-top: 1rem;
                width: 60%;
            }
            &._curryorder {
                left: -15px;
                @include sp {
                    left: -10px;
                }
            }
        }
    }//inner
    .cp_note_text {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        margin-top: 6rem;
        img {
            width: 100%;
            max-width: 50%;
            display: block;
            margin: 0 auto;
        }
    }
}
*/
.back {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.back .backBox.-yellow_lll {
  background-color: #ffe57a;
}
.back .backBox.-yellow_l {
  background-color: #fccf00;
}
.back .backBox.-yellow_ll {
  background-color: #ffdf00;
}
.back .backBox.no1 {
  height: 14%;
}
@media screen and (max-width: 530px) {
  .back .backBox.no1 {
    height: 8%;
  }
}
.back .backBox.no2 {
  height: 24%;
}
@media screen and (max-width: 530px) {
  .back .backBox.no2 {
    height: 25%;
  }
}
.back .backBox.no3 {
  height: 20%;
}
@media screen and (max-width: 530px) {
  .back .backBox.no3 {
    height: 25%;
  }
}
.back .backBox.no4 {
  height: 20%;
}
.deco01 {
  position: absolute;
  width: 107px;
  left: 3%;
  bottom: 30%;
  z-index: -1;
}
@media screen and (max-width: 790px) {
  .deco01 {
    width: 53.5px;
    left: -1%;
    bottom: 23%;
  }
}

.deco02 {
  position: absolute;
  width: 151px;
  right: 4%;
  bottom: 10%;
  z-index: -1;
}
@media screen and (max-width: 790px) {
  .deco02 {
    width: 60px;
    right: -4%;
    bottom: 6%;
  }
}

.deco03 {
  position: absolute;
  width: 94px;
  left: -13%;
  top: 30%;
  z-index: -1;
}
@media screen and (max-width: 530px) {
  .deco03 {
    display: none;
  }
}

.deco04 {
  position: absolute;
  width: 120px;
  right: -15%;
  top: 1%;
  z-index: -1;
}
@media screen and (max-width: 530px) {
  .deco04 {
    display: none;
  }
}

.deco05 {
  position: absolute;
  width: 130px;
  left: -8%;
  top: 30%;
  z-index: -1;
}
@media screen and (max-width: 790px) {
  .deco05 {
    width: 54px;
    left: -12%;
    top: -3%;
  }
}

.deco06 {
  position: absolute;
  width: 80px;
  right: -9%;
  bottom: 19%;
  z-index: -1;
}
.deco07 {
  position: absolute;
  width: 92px;
  left: -4%;
  bottom: -11%;
  z-index: -1;
}
@media screen and (max-width: 790px) {
  .deco07 {
    display: none;
  }
}

.deco08 {
  position: absolute;
  width: 79px;
  right: -10%;
  bottom: 23%;
  z-index: -1;
}
@media screen and (max-width: 790px) {
  .deco08 {
    display: none;
  }
}

.deco09 {
  position: absolute;
  width: 130px;
  left: -13%;
  bottom: -140px;
  z-index: -1;
}
@media screen and (max-width: 790px) {
  .deco09 {
    display: none;
  }
}